@charset "UTF-8";
/* Color Palette */
/* Primaries */
/* Messaging Palette */
/* element settings */
/* buttons */
/* social */
/* cards */
/*
License Information:

Lato :
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at http://scripts.sil.org/OFL

/resources/fonts/lato_ofl.txt



GFS Didot :
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at http://scripts.sil.org/OFL

/resources/fonts/gfs_didot_ofl.txt



Dancing Script :
This Font Software is licensed under the SIL Open Font License, Version 1.1.
This license is available with a FAQ at http://scripts.sil.org/OFL

/resources/fonts/dancing_script_ofl.txt
*/
@font-face {
  font-family: 'DM Serif Display';
  src: url("../fonts/DMSerifDisplay-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'DM Serif Display Italic';
  src: url("../fonts/DMSerifDisplay-Italic.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Lato Italic';
  src: url("../fonts/Lato-Italic.ttf") format("truetype");
  font-weight: 300;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Lato';
  src: url("../fonts/Lato-Regular.ttf") format("truetype");
  font-weight: 400;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Lato Bold';
  src: url("../fonts/Lato-Bold.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Lato Bold Italic';
  src: url("../fonts/Lato-BoldItalic.ttf") format("truetype");
  font-weight: 700;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Lato Black';
  src: url("../fonts/Lato-Black.ttf") format("truetype");
  font-weight: 900;
  font-style: normal;
  font-display: swap; }

.bg-very-dark-green {
  background: #344235; }

.bg-very-dark-green-transparent {
  background-color: rgba(52, 66, 53, 0.9); }

.bg-bluish-green {
  background: #597D7A; }

.bg-bluish-green-transparent {
  background-color: rgba(89, 125, 122, 0.9); }

.bg-natural-yellow {
  background: #EFC68E; }

.bg-natural-yellow-transparent {
  background-color: rgba(239, 198, 142, 0.9); }

.bg-very-light-green {
  background: #EDECE2; }

.bg-very-light-green-transparent {
  background-color: rgba(237, 236, 226, 0.9); }

.bg-gem-black {
  background: #111111; }

.bg-gem-black-transparent {
  background-color: rgba(17, 17, 17, 0.9); }

.bg-gem-white {
  background: #FFFFFF; }

.bg-gem-white-transparent {
  background-color: rgba(255, 255, 255, 0.9); }

.bg-gem-black-green {
  background: #232F25; }

.bg-gem-black-green-transparent {
  background-color: rgba(35, 47, 37, 0.9); }

.bg-light-bluish-green {
  background: #F5F7ED; }

.bg-light-bluish-green-transparent {
  background-color: rgba(245, 247, 237, 0.9); }

.bg-faded-green {
  background: #FAFBF5; }

.bg-faded-green-transparent {
  background-color: rgba(250, 251, 245, 0.9); }

.bg-gold {
  background: #D19F5D; }

.bg-gold-transparent {
  background-color: rgba(209, 159, 93, 0.9); }

.bg-dark-yellow {
  background: #DDAD6D; }

.bg-dark-yellow-transparent {
  background-color: rgba(221, 173, 109, 0.9); }

.bg-faded-yellow {
  background: #F4F0E5; }

.bg-faded-yellow-transparent {
  background-color: rgba(244, 240, 229, 0.9); }

.bg-gem-gray {
  background: #74746D; }

.bg-gem-gray-transparent {
  background-color: rgba(116, 116, 109, 0.9); }

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

.icon {
  position: relative;
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'gemstones-icons' !important;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  speak: never;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.5rem;
  vertical-align: bottom;
  line-height: 1; }
  .icon .path1, .icon .path2, .icon .path3, .icon .path4 {
    position: absolute;
    left: 0;
    margin-left: 0 !important; }

.icon-article, .icon-gemopedia, .icon-showcase, .icon-video {
  padding-left: 2rem; }

.icon-arrow-backward:before {
  content: "\e900"; }

.icon-arrow-forward:before {
  content: "\e901"; }

.icon-arrow-indicator:before {
  content: "\e902"; }

.icon-article .path1:before {
  content: "\e903";
  color: #344235; }

.icon-article .path2:before {
  content: "\e904";
  color: #efc68e; }

.icon-article .path3:before {
  content: "\e905";
  color: #efc68e; }

.icon-article .path4:before {
  content: "\e906";
  color: #efc68e; }

.icon-close:before,
.icon-close-x:before {
  content: "\e907"; }

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

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

.icon-gem-chemistry:before {
  content: "\e90a"; }

.icon-gem-classification:before {
  content: "\e90b"; }

.icon-gemopedia .path1:before {
  content: "\e90c";
  color: #efc68e; }

.icon-gemopedia .path2:before {
  content: "\e90d";
  color: #344235; }

.icon-gemopedia .path3:before {
  content: "\e90e";
  color: #344235; }

.icon-gemopedia .path4:before {
  content: "\e90f";
  color: #344235; }

.icon-gem-physical:before {
  content: "\e910"; }

.icon-gem-optical:before {
  content: "\e911"; }

.icon-gem-polished:before {
  content: "\e912"; }

.icon-gem-rough:before {
  content: "\e913"; }

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

.icon-gem-jewelry:before {
  content: "\e915"; }

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

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

.icon-quote:before {
  content: "\e918"; }

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

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

.icon-showcase .path1:before {
  content: "\e91b";
  color: #344235; }

.icon-showcase .path2:before {
  content: "\e91c";
  color: #edece2; }

.icon-showcase .path3:before {
  content: "\e91d";
  color: #edece2; }

.icon-showcase .path4:before {
  content: "\e91e";
  color: #edece2; }

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

.icon-video .path1:before {
  content: "\e920";
  color: #edece2; }

.icon-video .path2:before {
  content: "\e921";
  color: #344235; }

.icon-video-play:before {
  content: "\e922"; }

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

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

.icon-arrow-up:before {
  content: "\e925"; }

.icon-arrow-down:before {
  content: "\e926"; }

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

.icon-radio-empty:before {
  content: "\e928"; }

.icon-checkbox:before {
  content: "\e929"; }

.icon-headline-block:before {
  content: "\e92a"; }

.icon-paragraph-block:before {
  content: "\e92b"; }

.icon-blockquote-block:before {
  content: "\e92c"; }

.icon-image-block:before {
  content: "\e92d"; }

.icon-video-block:before {
  content: "\e92e"; }

.icon-handle:before {
  content: "\e92f"; }

.icon-checkbox-empty:before {
  content: "\e930"; }

.icon-account-circle:before {
  content: "\e931"; }

.icon-account-logout:before {
  content: "\e932"; }

.icon-caret-down:before {
  content: "\e933"; }

.icon-caret-up:before {
  content: "\e934"; }

.icon-delete:before {
  content: "\e935"; }

.icon-context-dots:before {
  content: "\e936"; }

.icon-plus:before {
  content: "\e937"; }

.icon-angle-double-left:before {
  content: "\e938"; }

.icon-angle-double-right:before {
  content: "\e939"; }

.icon-move-up:before {
  content: "\e93a"; }

.icon-move-down:before {
  content: "\e93b"; }

.icon-info:before {
  content: "\e93c"; }

.icon-duplicate:before {
  content: "\e93d"; }

.icon-preview:before {
  content: "\e93e"; }

/*! normalize.css v3.0.2 | MIT License | git.io/normalize */
/**
 * 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,
menu,
nav,
section,
summary {
  display: block; }

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

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

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

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

/**
 * Improve readability 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 variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0; }

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

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

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

sup {
  top: -0.5em; }

sub {
  bottom: -0.25em; }

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

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

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

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -moz-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: 1em; }

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

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

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

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

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

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

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

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

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

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

/**
 * 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: none;
  margin: 0 4px;
  padding: 0.35em 0.625em 0.75em; }

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

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

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

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

td,
th {
  padding: 0; }

/* General: The Basics
-------------------------------------------------------------- */
html, body {
  height: 100%; }

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

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

body {
  background: #FFFFFF;
  color: #111111;
  padding: 0;
  margin: 0;
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 150%;
  position: relative; }
  body.no-scroll {
    overflow: hidden; }

ul, ol {
  list-style-position: inside;
  padding-left: 0; }
  ul ul, ul ol, ol ul, ol ol {
    padding-left: 2rem; }

li {
  margin-bottom: 1.5rem; }
  li::marker {
    font-size: 1.125rem;
    color: #597D7A; }

a:not(.crumb):not(.remove-defaults):not(.pill):not(.block-link):not(.disabled) {
  color: #344235;
  text-decoration: none; }

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

a.user-action {
  font-weight: 700; }

a.crumb {
  text-decoration: none; }
  a.crumb:hover {
    text-decoration: underline; }

a.remove-defaults, a.remove-defaults:link, a.remove-defaults:visited, a.remove-defaults:hover, a.remove-defaults:active, a.remove-defaults:focus, a.button, a.button:link, a.button:visited, a.button:hover, a.button:active, a.button:focus, a.pill, a.pill:link, a.pill:visited, a.pill:hover, a.pill:active, a.pill:focus, a.off-canvas-toggle, a.off-canvas-toggle:link, a.off-canvas-toggle:visited, a.off-canvas-toggle:hover, a.off-canvas-toggle:active, a.off-canvas-toggle:focus, .footer-social a, .footer-social a:link, .footer-social a:visited, .footer-social a:hover, .footer-social a:active, .footer-social a:focus, a.block-link, a.block-link:link, a.block-link:visited, a.block-link:hover, a.block-link:active, a.block-link:focus {
  text-decoration: none; }
  a.remove-defaults .icon, a.remove-defaults .icon span, a.remove-defaults:link .icon, a.remove-defaults:link .icon span, a.remove-defaults:visited .icon, a.remove-defaults:visited .icon span, a.remove-defaults:hover .icon, a.remove-defaults:hover .icon span, a.remove-defaults:active .icon, a.remove-defaults:active .icon span, a.remove-defaults:focus .icon, a.remove-defaults:focus .icon span, a.button .icon, a.button .icon span, a.button:link .icon, a.button:link .icon span, a.button:visited .icon, a.button:visited .icon span, a.button:hover .icon, a.button:hover .icon span, a.button:active .icon, a.button:active .icon span, a.button:focus .icon, a.button:focus .icon span, a.pill .icon, a.pill .icon span, a.pill:link .icon, a.pill:link .icon span, a.pill:visited .icon, a.pill:visited .icon span, a.pill:hover .icon, a.pill:hover .icon span, a.pill:active .icon, a.pill:active .icon span, a.pill:focus .icon, a.pill:focus .icon span, a.off-canvas-toggle .icon, a.off-canvas-toggle .icon span, a.off-canvas-toggle:link .icon, a.off-canvas-toggle:link .icon span, a.off-canvas-toggle:visited .icon, a.off-canvas-toggle:visited .icon span, a.off-canvas-toggle:hover .icon, a.off-canvas-toggle:hover .icon span, a.off-canvas-toggle:active .icon, a.off-canvas-toggle:active .icon span, a.off-canvas-toggle:focus .icon, a.off-canvas-toggle:focus .icon span, .footer-social a .icon, .footer-social a .icon span, .footer-social a:link .icon, .footer-social a:link .icon span, .footer-social a:visited .icon, .footer-social a:visited .icon span, .footer-social a:hover .icon, .footer-social a:hover .icon span, .footer-social a:active .icon, .footer-social a:active .icon span, .footer-social a:focus .icon, .footer-social a:focus .icon span, a.block-link .icon, a.block-link .icon span, a.block-link:link .icon, a.block-link:link .icon span, a.block-link:visited .icon, a.block-link:visited .icon span, a.block-link:hover .icon, a.block-link:hover .icon span, a.block-link:active .icon, a.block-link:active .icon span, a.block-link:focus .icon, a.block-link:focus .icon span {
    color: unset;
    text-decoration: none;
    background-color: transparent; }
  a.remove-defaults img, a.remove-defaults:link img, a.remove-defaults:visited img, a.remove-defaults:hover img, a.remove-defaults:active img, a.remove-defaults:focus img, a.button img, a.button:link img, a.button:visited img, a.button:hover img, a.button:active img, a.button:focus img, a.pill img, a.pill:link img, a.pill:visited img, a.pill:hover img, a.pill:active img, a.pill:focus img, a.off-canvas-toggle img, a.off-canvas-toggle:link img, a.off-canvas-toggle:visited img, a.off-canvas-toggle:hover img, a.off-canvas-toggle:active img, a.off-canvas-toggle:focus img, .footer-social a img, .footer-social a:link img, .footer-social a:visited img, .footer-social a:hover img, .footer-social a:active img, .footer-social a:focus img, a.block-link img, a.block-link:link img, a.block-link:visited img, a.block-link:hover img, a.block-link:active img, a.block-link:focus img {
    background-color: transparent; }

a.off-canvas-toggle:hover, a.off-canvas-toggle:active {
  color: #FFFFFF; }
  a.off-canvas-toggle:hover .icon, a.off-canvas-toggle:active .icon {
    color: #FFFFFF; }

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

.skip-link {
  position: absolute;
  top: 0;
  left: 0; }

/* General: Forms
-------------------------------------------------------------- */
textarea {
  height: auto;
  min-height: 40px; }

select {
  width: 100%; }

/* General: Typography
-------------------------------------------------------------- */
h1 {
  margin: 1rem 0rem;
  font-weight: 400;
  font-family: "DM Serif Display", arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 2.25rem; }
  @media only screen and (min-width: 48em) {
    h1 {
      font-size: 2.875rem;
      line-height: 3.125rem; } }

h2 {
  margin: 1rem 0rem;
  font-weight: 400;
  font-family: "DM Serif Display", arial, helvetica, sans-serif;
  font-size: 1.75rem;
  line-height: 2rem; }
  @media only screen and (min-width: 48em) {
    h2 {
      font-size: 2.25rem;
      line-height: 2.5rem; } }

h3 {
  margin: 0.5rem 0rem;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.375rem;
  line-height: 1.625rem; }
  @media only screen and (min-width: 48em) {
    h3 {
      font-size: 1.75rem;
      line-height: 2rem; } }

h4 {
  margin: 0.5rem 0rem;
  font-weight: 700;
  font-family: "Lato Bold Italic", arial, helvetica, sans-serif;
  font-size: 1.25rem;
  line-height: 1.5rem; }
  @media only screen and (min-width: 48em) {
    h4 {
      font-size: 1.5rem;
      line-height: 1.75rem; } }

h5 {
  margin: 0.5rem 0rem;
  font-weight: 400;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 48em) {
    h5 {
      font-size: 1.25rem;
      line-height: 1.625rem; } }

h6 {
  margin: 0.5rem 0rem;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem; }
  @media only screen and (min-width: 48em) {
    h6 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {
  font-weight: 400;
  font-family: "DM Serif Display", arial, helvetica, sans-serif;
  font-size: 2rem;
  line-height: 2.25rem; }
  @media only screen and (min-width: 48em) {
    .main-title h1, .main-title h2, .main-title h3, .main-title h4, .main-title h5, .main-title h6 {
      font-size: 2.875rem;
      line-height: 3.125rem; } }

.list-title h1, .list-title h2, .list-title h3, .list-title h4, .list-title h5, .list-title h6, .section-feature h1, .section-feature h2, .section-feature h3, .section-feature h4, .section-feature h5, .section-feature h6, .section-main .large-title h1, .section-main .large-title h2, .section-main .large-title h3, .section-main .large-title h4, .section-main .large-title h5, .section-main .large-title h6 {
  font-weight: 400;
  font-family: "DM Serif Display", arial, helvetica, sans-serif;
  font-size: 1.75rem;
  line-height: 2rem; }
  @media only screen and (min-width: 48em) {
    .list-title h1, .list-title h2, .list-title h3, .list-title h4, .list-title h5, .list-title h6, .section-feature h1, .section-feature h2, .section-feature h3, .section-feature h4, .section-feature h5, .section-feature h6, .section-main .large-title h1, .section-main .large-title h2, .section-main .large-title h3, .section-main .large-title h4, .section-main .large-title h5, .section-main .large-title h6 {
      font-size: 2.25rem;
      line-height: 2.5rem; } }

.section-main .medium-title h1, .section-main .medium-title h2, .section-main .medium-title h3, .section-main .medium-title h4, .section-main .medium-title h5, .section-main .medium-title h6 {
  font-weight: 900;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 48em) {
    .section-main .medium-title h1, .section-main .medium-title h2, .section-main .medium-title h3, .section-main .medium-title h4, .section-main .medium-title h5, .section-main .medium-title h6 {
      font-size: 1.375rem;
      line-height: 1.5rem; } }

p {
  margin-bottom: 2rem;
  margin-top: 0;
  font-weight: 400;
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.75rem; }
  @media only screen and (min-width: 48em) {
    p {
      font-size: 1.125rem;
      line-height: 1.875rem; } }

p:last-child {
  margin-bottom: 0; }

.note {
  margin: 2rem 0rem;
  font-weight: 400;
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  font-weight: 400; }
  @media only screen and (min-width: 48em) {
    .note {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.caption {
  margin: 0.5rem 0rem;
  font-family: "Lato Italic", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 48em) {
    .caption {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.no-pill {
  font-weight: 400;
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.5rem;
  margin-top: 0.5rem;
  margin-bottom: 0.5rem;
  display: inline-block;
  padding: 0;
  border-bottom-width: 4px;
  border-bottom-style: solid; }
  @media only screen and (min-width: 48em) {
    .no-pill {
      font-weight: 900;
      font-size: 1.125rem;
      line-height: 1.375rem; } }

.pill {
  font-weight: 900;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding: 0.5rem 1rem 0.5rem 0.5rem;
  border-radius: 1.4375rem; }
  @media only screen and (min-width: 48em) {
    .pill {
      font-size: 1rem;
      line-height: 1.5rem; } }

.tag-pill {
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 700;
  background-color: #EDECE2;
  color: #344235;
  border-radius: 1rem;
  font-size: 1rem;
  line-height: 1.625rem;
  margin-right: 1rem;
  margin-top: 1rem;
  padding: 0.25rem 1rem;
  display: inline-block; }
  .tag-pill:hover {
    background-color: #F5F7ED; }

.category-article.no-pill {
  border-color: #EFC68E; }

.category-article.pill {
  background-color: #EFC68E;
  color: #344235; }

.category-video.no-pill {
  border-color: #597D7A; }

.category-video.pill {
  background-color: #597D7A;
  color: #FFFFFF; }
  .category-video.pill .icon-video .path1:before {
    color: #FFFFFF; }
  .category-video.pill .icon-video .path2:before {
    color: #597D7A; }

.category-gemopedia.no-pill {
  border-color: #344235; }

.category-gemopedia.pill {
  background-color: #344235;
  color: #EFC68E; }

.category-showcase.no-pill {
  border-color: #EDECE2; }

.category-showcase.pill {
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  font-size: 16px !important;
  background-color: #EDECE2;
  color: #344235; }
  @media only screen and (min-width: 48em) {
    .category-showcase.pill {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.label {
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 400;
  padding-right: 0.25rem; }

.font-small {
  font-family: Lato, arial, helvetica, sans-serif;
  font-weight: 400;
  font-size: 0.875rem;
  line-height: 1.25rem; }

.font-bold {
  font-weight: 700; }

/* General: Themes
-------------------------------------------------------------- */
.theme-light, .module-list.theme-lg-on-white, .module-list.theme-fadedGreen-on-white, .module-list.theme-darkGreen-on-white, .module-list.theme-cycle-dg-lg-on-white, .module-list.theme-cycle-lg-dg-on-white, .module-featured-list.theme-dg-feature-lbg-list-white-bg, .module-featured-list.theme-lg-feature-dg-list-white-bg, .module-featured-list.theme-lg-items-white-bg-list-icons {
  background-color: #FFFFFF; }

.theme-green, .module-list.theme-white-on-green {
  background-color: #FAFBF5; }

.theme-light-bluish-green, .module-list.theme-dg-on-lbg {
  background-color: #F5F7ED; }

.theme-dark {
  background-color: #344235; }

.theme-gem-white .block-wrapper, .module-list.theme-white-on-green .block-wrapper {
  background-color: #FFFFFF;
  color: #111111;
  box-shadow: 0px 2px 3px #00000029; }
  .theme-gem-white .block-wrapper:after, .module-list.theme-white-on-green .block-wrapper:after {
    border-bottom-color: #FFFFFF; }
  .theme-gem-white .block-wrapper .cb-category.icon-only, .module-list.theme-white-on-green .block-wrapper .cb-category.icon-only, .theme-gem-white .block-wrapper .category.icon-only, .module-list.theme-white-on-green .block-wrapper .category.icon-only {
    background-color: #FFFFFF;
    color: #111111; }
  .theme-gem-white .block-wrapper.block-link:hover, .module-list.theme-white-on-green .block-wrapper.block-link:hover {
    background-color: #F5F7ED;
    cursor: pointer; }
    .theme-gem-white .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-white-on-green .block-wrapper.block-link:hover .cb-category.icon-only, .theme-gem-white .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-white-on-green .block-wrapper.block-link:hover .category.icon-only {
      background-color: #F5F7ED; }

.theme-faded-green .block-wrapper, .module-list.theme-fadedGreen-on-white .block-wrapper, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper {
  background-color: #F5F7ED;
  color: #111111; }
  .theme-faded-green .block-wrapper:after, .module-list.theme-fadedGreen-on-white .block-wrapper:after, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper:after, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper:after, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper:after {
    border-bottom-color: #F5F7ED; }
  .theme-faded-green .block-wrapper .cb-category.icon-only, .module-list.theme-fadedGreen-on-white .block-wrapper .cb-category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper .cb-category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper .cb-category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper .cb-category.icon-only, .theme-faded-green .block-wrapper .category.icon-only, .module-list.theme-fadedGreen-on-white .block-wrapper .category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper .category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper .category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper .category.icon-only {
    background-color: #F5F7ED;
    color: #111111; }
  .theme-faded-green .block-wrapper.block-link:hover, .module-list.theme-fadedGreen-on-white .block-wrapper.block-link:hover, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper.block-link:hover, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper.block-link:hover, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper.block-link:hover {
    background-color: #EDECE2;
    cursor: pointer; }
    .theme-faded-green .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-fadedGreen-on-white .block-wrapper.block-link:hover .cb-category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper.block-link:hover .cb-category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper.block-link:hover .cb-category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper.block-link:hover .cb-category.icon-only, .theme-faded-green .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-fadedGreen-on-white .block-wrapper.block-link:hover .category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper.block-link:hover .category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .block-wrapper.block-link:hover .category.icon-only, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper.block-link:hover .category.icon-only {
      background-color: #EDECE2; }

.theme-dark-green .block-wrapper, .module-list.theme-dg-on-lbg .block-wrapper, .module-list.theme-darkGreen-on-white .block-wrapper, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper {
  background-color: #344235;
  color: #FFFFFF; }
  .theme-dark-green .block-wrapper:after, .module-list.theme-dg-on-lbg .block-wrapper:after, .module-list.theme-darkGreen-on-white .block-wrapper:after, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper:after, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper:after, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper:after, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper:after {
    border-bottom-color: #344235; }
  .theme-dark-green .block-wrapper .cb-category.icon-only, .module-list.theme-dg-on-lbg .block-wrapper .cb-category.icon-only, .module-list.theme-darkGreen-on-white .block-wrapper .cb-category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper .cb-category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper .cb-category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper .cb-category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper .cb-category.icon-only, .theme-dark-green .block-wrapper .category.icon-only, .module-list.theme-dg-on-lbg .block-wrapper .category.icon-only, .module-list.theme-darkGreen-on-white .block-wrapper .category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper .category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper .category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper .category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper .category.icon-only {
    background-color: #344235;
    color: #FFFFFF; }
  .theme-dark-green .block-wrapper.block-link:hover, .module-list.theme-dg-on-lbg .block-wrapper.block-link:hover, .module-list.theme-darkGreen-on-white .block-wrapper.block-link:hover, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper.block-link:hover, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper.block-link:hover, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper.block-link:hover, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper.block-link:hover {
    background-color: #232F25;
    cursor: pointer; }
    .theme-dark-green .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-dg-on-lbg .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-darkGreen-on-white .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper.block-link:hover .cb-category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper.block-link:hover .cb-category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper.block-link:hover .cb-category.icon-only, .theme-dark-green .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-dg-on-lbg .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-darkGreen-on-white .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(odd) .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(even) .block-wrapper.block-link:hover .category.icon-only, .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .block-wrapper.block-link:hover .category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .block-wrapper.block-link:hover .category.icon-only {
      background-color: #232F25; }

.theme-light-green .block-wrapper, .module-list.theme-lg-on-white .block-wrapper, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper {
  background-color: #EDECE2;
  color: #111111; }
  .theme-light-green .block-wrapper:after, .module-list.theme-lg-on-white .block-wrapper:after, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper:after, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper:after, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper:after {
    border-bottom-color: #EDECE2; }
  .theme-light-green .block-wrapper .cb-category.icon-only, .module-list.theme-lg-on-white .block-wrapper .cb-category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper .cb-category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper .cb-category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper .cb-category.icon-only, .theme-light-green .block-wrapper .category.icon-only, .module-list.theme-lg-on-white .block-wrapper .category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper .category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper .category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper .category.icon-only {
    background-color: #EDECE2;
    color: #111111; }
  .theme-light-green .block-wrapper.block-link:hover, .module-list.theme-lg-on-white .block-wrapper.block-link:hover, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper.block-link:hover, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper.block-link:hover, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper.block-link:hover {
    background-color: #F5F7ED;
    cursor: pointer; }
    .theme-light-green .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-lg-on-white .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper.block-link:hover .cb-category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper.block-link:hover .cb-category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper.block-link:hover .cb-category.icon-only, .theme-light-green .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-lg-on-white .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-cycle-dg-lg-on-white .module-item:nth-of-type(even) .block-wrapper.block-link:hover .category.icon-only, .module-list.theme-cycle-lg-dg-on-white .module-item:nth-of-type(odd) .block-wrapper.block-link:hover .category.icon-only, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper.block-link:hover .category.icon-only {
      background-color: #F5F7ED; }

/* General: Utility Classes
-------------------------------------------------------------- */
.left {
  float: left !important; }

.right {
  float: right !important; }

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

.clearfix:after {
  clear: both; }

.hide {
  display: none !important; }

.sr-only {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.sr-only-focusable:active, .sr-only-focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto; }
  .sr-only-focusable:active.skip-link, .sr-only-focusable:focus.skip-link {
    position: absolute !important;
    z-index: 9999999; }

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

@media only screen {
  .hide-for-small {
    display: none; } }

@media only screen and (min-width: 64.0625em) {
  .hide-for-small {
    display: block; } }

/* accessibility */
:focus:not(body) {
  outline: 1px solid #344235; }

.row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem; }
  .row:before, .row:after {
    content: " ";
    display: table; }
  .row:after {
    clear: both; }
  .row.collapse > .column,
  .row.collapse > .columns {
    padding-left: 0;
    padding-right: 0; }
  .row.collapse .row {
    margin-left: 0;
    margin-right: 0; }
  .row .row {
    width: auto;
    margin-left: -2rem;
    margin-right: -2rem;
    margin-top: 0;
    margin-bottom: 0;
    max-width: none; }
    .row .row:before, .row .row:after {
      content: " ";
      display: table; }
    .row .row:after {
      clear: both; }
    .row .row.collapse {
      width: auto;
      margin: 0;
      max-width: none; }
      .row .row.collapse:before, .row .row.collapse:after {
        content: " ";
        display: table; }
      .row .row.collapse:after {
        clear: both; }

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

[class*="column"] + [class*="column"]:last-child {
  float: right; }

[class*="column"] + [class*="column"].end {
  float: left; }

@media only screen and (min-width: 64.0625em) {
  .small-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .small-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .small-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .small-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .small-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .small-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .small-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .small-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .small-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .small-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .small-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .small-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .small-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .small-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .small-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .small-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .small-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .small-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .small-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .small-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .small-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .small-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .small-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .small-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
    float: left; }
  .small-1 {
    width: 8.3333333333%; }
  .small-2 {
    width: 16.6666666667%; }
  .small-3 {
    width: 25%; }
  .small-4 {
    width: 33.3333333333%; }
  .small-5 {
    width: 41.6666666667%; }
  .small-6 {
    width: 50%; }
  .small-7 {
    width: 58.3333333333%; }
  .small-8 {
    width: 66.6666666667%; }
  .small-9 {
    width: 75%; }
  .small-10 {
    width: 83.3333333333%; }
  .small-11 {
    width: 91.6666666667%; }
  .small-12 {
    width: 100%; }
  .small-offset-0 {
    margin-left: 0% !important; }
  .small-offset-1 {
    margin-left: 8.3333333333% !important; }
  .small-offset-2 {
    margin-left: 16.6666666667% !important; }
  .small-offset-3 {
    margin-left: 25% !important; }
  .small-offset-4 {
    margin-left: 33.3333333333% !important; }
  .small-offset-5 {
    margin-left: 41.6666666667% !important; }
  .small-offset-6 {
    margin-left: 50% !important; }
  .small-offset-7 {
    margin-left: 58.3333333333% !important; }
  .small-offset-8 {
    margin-left: 66.6666666667% !important; }
  .small-offset-9 {
    margin-left: 75% !important; }
  .small-offset-10 {
    margin-left: 83.3333333333% !important; }
  .small-offset-11 {
    margin-left: 91.6666666667% !important; }
  .small-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.small-centered,
  .columns.small-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.small-uncentered,
  .columns.small-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.small-centered:last-child,
  .columns.small-centered:last-child {
    float: none; }
  .column.small-uncentered:last-child,
  .columns.small-uncentered:last-child {
    float: left; }
  .column.small-uncentered.opposite,
  .columns.small-uncentered.opposite {
    float: right; } }

@media only screen and (min-width: 48em) {
  .medium-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .medium-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .medium-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .medium-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .medium-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .medium-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .medium-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .medium-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .medium-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .medium-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .medium-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .medium-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .medium-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .medium-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .medium-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .medium-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .medium-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .medium-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .medium-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .medium-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .medium-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .medium-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .medium-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .medium-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
    float: left; }
  .medium-1 {
    width: 8.3333333333%; }
  .medium-2 {
    width: 16.6666666667%; }
  .medium-3 {
    width: 25%; }
  .medium-4 {
    width: 33.3333333333%; }
  .medium-5 {
    width: 41.6666666667%; }
  .medium-6 {
    width: 50%; }
  .medium-7 {
    width: 58.3333333333%; }
  .medium-8 {
    width: 66.6666666667%; }
  .medium-9 {
    width: 75%; }
  .medium-10 {
    width: 83.3333333333%; }
  .medium-11 {
    width: 91.6666666667%; }
  .medium-12 {
    width: 100%; }
  .medium-offset-0 {
    margin-left: 0% !important; }
  .medium-offset-1 {
    margin-left: 8.3333333333% !important; }
  .medium-offset-2 {
    margin-left: 16.6666666667% !important; }
  .medium-offset-3 {
    margin-left: 25% !important; }
  .medium-offset-4 {
    margin-left: 33.3333333333% !important; }
  .medium-offset-5 {
    margin-left: 41.6666666667% !important; }
  .medium-offset-6 {
    margin-left: 50% !important; }
  .medium-offset-7 {
    margin-left: 58.3333333333% !important; }
  .medium-offset-8 {
    margin-left: 66.6666666667% !important; }
  .medium-offset-9 {
    margin-left: 75% !important; }
  .medium-offset-10 {
    margin-left: 83.3333333333% !important; }
  .medium-offset-11 {
    margin-left: 91.6666666667% !important; }
  .medium-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.medium-centered,
  .columns.medium-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.medium-uncentered,
  .columns.medium-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.medium-centered:last-child,
  .columns.medium-centered:last-child {
    float: none; }
  .column.medium-uncentered:last-child,
  .columns.medium-uncentered:last-child {
    float: left; }
  .column.medium-uncentered.opposite,
  .columns.medium-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

@media only screen and (min-width: 64.0625em) {
  .large-push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .large-pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .large-push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .large-pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .large-push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .large-pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .large-push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .large-pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .large-push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .large-pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .large-push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .large-pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .large-push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .large-pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .large-push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .large-pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .large-push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .large-pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .large-push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .large-pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .large-push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .large-pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .large-push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .large-pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; }
  .column,
  .columns {
    position: relative;
    padding-left: 2rem;
    padding-right: 2rem;
    float: left; }
  .large-1 {
    width: 8.3333333333%; }
  .large-2 {
    width: 16.6666666667%; }
  .large-3 {
    width: 25%; }
  .large-4 {
    width: 33.3333333333%; }
  .large-5 {
    width: 41.6666666667%; }
  .large-6 {
    width: 50%; }
  .large-7 {
    width: 58.3333333333%; }
  .large-8 {
    width: 66.6666666667%; }
  .large-9 {
    width: 75%; }
  .large-10 {
    width: 83.3333333333%; }
  .large-11 {
    width: 91.6666666667%; }
  .large-12 {
    width: 100%; }
  .large-offset-0 {
    margin-left: 0% !important; }
  .large-offset-1 {
    margin-left: 8.3333333333% !important; }
  .large-offset-2 {
    margin-left: 16.6666666667% !important; }
  .large-offset-3 {
    margin-left: 25% !important; }
  .large-offset-4 {
    margin-left: 33.3333333333% !important; }
  .large-offset-5 {
    margin-left: 41.6666666667% !important; }
  .large-offset-6 {
    margin-left: 50% !important; }
  .large-offset-7 {
    margin-left: 58.3333333333% !important; }
  .large-offset-8 {
    margin-left: 66.6666666667% !important; }
  .large-offset-9 {
    margin-left: 75% !important; }
  .large-offset-10 {
    margin-left: 83.3333333333% !important; }
  .large-offset-11 {
    margin-left: 91.6666666667% !important; }
  .large-reset-order {
    margin-left: 0;
    margin-right: 0;
    left: auto;
    right: auto;
    float: left; }
  .column.large-centered,
  .columns.large-centered {
    margin-left: auto;
    margin-right: auto;
    float: none; }
  .column.large-uncentered,
  .columns.large-uncentered {
    margin-left: 0;
    margin-right: 0;
    float: left; }
  .column.large-centered:last-child,
  .columns.large-centered:last-child {
    float: none; }
  .column.large-uncentered:last-child,
  .columns.large-uncentered:last-child {
    float: left; }
  .column.large-uncentered.opposite,
  .columns.large-uncentered.opposite {
    float: right; }
  .push-0 {
    position: relative;
    left: 0%;
    right: auto; }
  .pull-0 {
    position: relative;
    right: 0%;
    left: auto; }
  .push-1 {
    position: relative;
    left: 8.3333333333%;
    right: auto; }
  .pull-1 {
    position: relative;
    right: 8.3333333333%;
    left: auto; }
  .push-2 {
    position: relative;
    left: 16.6666666667%;
    right: auto; }
  .pull-2 {
    position: relative;
    right: 16.6666666667%;
    left: auto; }
  .push-3 {
    position: relative;
    left: 25%;
    right: auto; }
  .pull-3 {
    position: relative;
    right: 25%;
    left: auto; }
  .push-4 {
    position: relative;
    left: 33.3333333333%;
    right: auto; }
  .pull-4 {
    position: relative;
    right: 33.3333333333%;
    left: auto; }
  .push-5 {
    position: relative;
    left: 41.6666666667%;
    right: auto; }
  .pull-5 {
    position: relative;
    right: 41.6666666667%;
    left: auto; }
  .push-6 {
    position: relative;
    left: 50%;
    right: auto; }
  .pull-6 {
    position: relative;
    right: 50%;
    left: auto; }
  .push-7 {
    position: relative;
    left: 58.3333333333%;
    right: auto; }
  .pull-7 {
    position: relative;
    right: 58.3333333333%;
    left: auto; }
  .push-8 {
    position: relative;
    left: 66.6666666667%;
    right: auto; }
  .pull-8 {
    position: relative;
    right: 66.6666666667%;
    left: auto; }
  .push-9 {
    position: relative;
    left: 75%;
    right: auto; }
  .pull-9 {
    position: relative;
    right: 75%;
    left: auto; }
  .push-10 {
    position: relative;
    left: 83.3333333333%;
    right: auto; }
  .pull-10 {
    position: relative;
    right: 83.3333333333%;
    left: auto; }
  .push-11 {
    position: relative;
    left: 91.6666666667%;
    right: auto; }
  .pull-11 {
    position: relative;
    right: 91.6666666667%;
    left: auto; } }

[class*="block-grid-"] {
  display: block;
  padding: 0;
  margin: 0 -0; }
  [class*="block-grid-"]:before, [class*="block-grid-"]:after {
    content: " ";
    display: table; }
  [class*="block-grid-"]:after {
    clear: both; }
  [class*="block-grid-"] > li,
  [class*="block-grid-"] .block-grid-element {
    display: block;
    height: auto;
    float: left;
    padding: 0 0 0; }

@media only screen and (min-width: 64.0625em) {
  .small-block-grid-1 > li,
  .small-block-grid-1 .block-grid-element {
    width: 100%;
    list-style: none; }
    .small-block-grid-1 > li:nth-of-type(1n),
    .small-block-grid-1 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-1 > li:nth-of-type(1n+1),
    .small-block-grid-1 .block-grid-element:nth-of-type(1n+1) {
      clear: both; }
  .small-block-grid-2 > li,
  .small-block-grid-2 .block-grid-element {
    width: 50%;
    list-style: none; }
    .small-block-grid-2 > li:nth-of-type(1n),
    .small-block-grid-2 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-2 > li:nth-of-type(2n+1),
    .small-block-grid-2 .block-grid-element:nth-of-type(2n+1) {
      clear: both; }
  .small-block-grid-3 > li,
  .small-block-grid-3 .block-grid-element {
    width: 33.3333333333%;
    list-style: none; }
    .small-block-grid-3 > li:nth-of-type(1n),
    .small-block-grid-3 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-3 > li:nth-of-type(3n+1),
    .small-block-grid-3 .block-grid-element:nth-of-type(3n+1) {
      clear: both; }
  .small-block-grid-4 > li,
  .small-block-grid-4 .block-grid-element {
    width: 25%;
    list-style: none; }
    .small-block-grid-4 > li:nth-of-type(1n),
    .small-block-grid-4 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-4 > li:nth-of-type(4n+1),
    .small-block-grid-4 .block-grid-element:nth-of-type(4n+1) {
      clear: both; }
  .small-block-grid-5 > li,
  .small-block-grid-5 .block-grid-element {
    width: 20%;
    list-style: none; }
    .small-block-grid-5 > li:nth-of-type(1n),
    .small-block-grid-5 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-5 > li:nth-of-type(5n+1),
    .small-block-grid-5 .block-grid-element:nth-of-type(5n+1) {
      clear: both; }
  .small-block-grid-6 > li,
  .small-block-grid-6 .block-grid-element {
    width: 16.6666666667%;
    list-style: none; }
    .small-block-grid-6 > li:nth-of-type(1n),
    .small-block-grid-6 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-6 > li:nth-of-type(6n+1),
    .small-block-grid-6 .block-grid-element:nth-of-type(6n+1) {
      clear: both; }
  .small-block-grid-7 > li,
  .small-block-grid-7 .block-grid-element {
    width: 14.2857142857%;
    list-style: none; }
    .small-block-grid-7 > li:nth-of-type(1n),
    .small-block-grid-7 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-7 > li:nth-of-type(7n+1),
    .small-block-grid-7 .block-grid-element:nth-of-type(7n+1) {
      clear: both; }
  .small-block-grid-8 > li,
  .small-block-grid-8 .block-grid-element {
    width: 12.5%;
    list-style: none; }
    .small-block-grid-8 > li:nth-of-type(1n),
    .small-block-grid-8 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-8 > li:nth-of-type(8n+1),
    .small-block-grid-8 .block-grid-element:nth-of-type(8n+1) {
      clear: both; }
  .small-block-grid-9 > li,
  .small-block-grid-9 .block-grid-element {
    width: 11.1111111111%;
    list-style: none; }
    .small-block-grid-9 > li:nth-of-type(1n),
    .small-block-grid-9 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-9 > li:nth-of-type(9n+1),
    .small-block-grid-9 .block-grid-element:nth-of-type(9n+1) {
      clear: both; }
  .small-block-grid-10 > li,
  .small-block-grid-10 .block-grid-element {
    width: 10%;
    list-style: none; }
    .small-block-grid-10 > li:nth-of-type(1n),
    .small-block-grid-10 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-10 > li:nth-of-type(10n+1),
    .small-block-grid-10 .block-grid-element:nth-of-type(10n+1) {
      clear: both; }
  .small-block-grid-11 > li,
  .small-block-grid-11 .block-grid-element {
    width: 9.0909090909%;
    list-style: none; }
    .small-block-grid-11 > li:nth-of-type(1n),
    .small-block-grid-11 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-11 > li:nth-of-type(11n+1),
    .small-block-grid-11 .block-grid-element:nth-of-type(11n+1) {
      clear: both; }
  .small-block-grid-12 > li,
  .small-block-grid-12 .block-grid-element {
    width: 8.3333333333%;
    list-style: none; }
    .small-block-grid-12 > li:nth-of-type(1n),
    .small-block-grid-12 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .small-block-grid-12 > li:nth-of-type(12n+1),
    .small-block-grid-12 .block-grid-element:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 48em) {
  .medium-block-grid-1 > li,
  .medium-block-grid-1 .block-grid-element {
    width: 100%;
    list-style: none; }
    .medium-block-grid-1 > li:nth-of-type(1n),
    .medium-block-grid-1 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-1 > li:nth-of-type(1n+1),
    .medium-block-grid-1 .block-grid-element:nth-of-type(1n+1) {
      clear: both; }
  .medium-block-grid-2 > li,
  .medium-block-grid-2 .block-grid-element {
    width: 50%;
    list-style: none; }
    .medium-block-grid-2 > li:nth-of-type(1n),
    .medium-block-grid-2 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-2 > li:nth-of-type(2n+1),
    .medium-block-grid-2 .block-grid-element:nth-of-type(2n+1) {
      clear: both; }
  .medium-block-grid-3 > li,
  .medium-block-grid-3 .block-grid-element {
    width: 33.3333333333%;
    list-style: none; }
    .medium-block-grid-3 > li:nth-of-type(1n),
    .medium-block-grid-3 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-3 > li:nth-of-type(3n+1),
    .medium-block-grid-3 .block-grid-element:nth-of-type(3n+1) {
      clear: both; }
  .medium-block-grid-4 > li,
  .medium-block-grid-4 .block-grid-element {
    width: 25%;
    list-style: none; }
    .medium-block-grid-4 > li:nth-of-type(1n),
    .medium-block-grid-4 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-4 > li:nth-of-type(4n+1),
    .medium-block-grid-4 .block-grid-element:nth-of-type(4n+1) {
      clear: both; }
  .medium-block-grid-5 > li,
  .medium-block-grid-5 .block-grid-element {
    width: 20%;
    list-style: none; }
    .medium-block-grid-5 > li:nth-of-type(1n),
    .medium-block-grid-5 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-5 > li:nth-of-type(5n+1),
    .medium-block-grid-5 .block-grid-element:nth-of-type(5n+1) {
      clear: both; }
  .medium-block-grid-6 > li,
  .medium-block-grid-6 .block-grid-element {
    width: 16.6666666667%;
    list-style: none; }
    .medium-block-grid-6 > li:nth-of-type(1n),
    .medium-block-grid-6 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-6 > li:nth-of-type(6n+1),
    .medium-block-grid-6 .block-grid-element:nth-of-type(6n+1) {
      clear: both; }
  .medium-block-grid-7 > li,
  .medium-block-grid-7 .block-grid-element {
    width: 14.2857142857%;
    list-style: none; }
    .medium-block-grid-7 > li:nth-of-type(1n),
    .medium-block-grid-7 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-7 > li:nth-of-type(7n+1),
    .medium-block-grid-7 .block-grid-element:nth-of-type(7n+1) {
      clear: both; }
  .medium-block-grid-8 > li,
  .medium-block-grid-8 .block-grid-element {
    width: 12.5%;
    list-style: none; }
    .medium-block-grid-8 > li:nth-of-type(1n),
    .medium-block-grid-8 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-8 > li:nth-of-type(8n+1),
    .medium-block-grid-8 .block-grid-element:nth-of-type(8n+1) {
      clear: both; }
  .medium-block-grid-9 > li,
  .medium-block-grid-9 .block-grid-element {
    width: 11.1111111111%;
    list-style: none; }
    .medium-block-grid-9 > li:nth-of-type(1n),
    .medium-block-grid-9 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-9 > li:nth-of-type(9n+1),
    .medium-block-grid-9 .block-grid-element:nth-of-type(9n+1) {
      clear: both; }
  .medium-block-grid-10 > li,
  .medium-block-grid-10 .block-grid-element {
    width: 10%;
    list-style: none; }
    .medium-block-grid-10 > li:nth-of-type(1n),
    .medium-block-grid-10 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-10 > li:nth-of-type(10n+1),
    .medium-block-grid-10 .block-grid-element:nth-of-type(10n+1) {
      clear: both; }
  .medium-block-grid-11 > li,
  .medium-block-grid-11 .block-grid-element {
    width: 9.0909090909%;
    list-style: none; }
    .medium-block-grid-11 > li:nth-of-type(1n),
    .medium-block-grid-11 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-11 > li:nth-of-type(11n+1),
    .medium-block-grid-11 .block-grid-element:nth-of-type(11n+1) {
      clear: both; }
  .medium-block-grid-12 > li,
  .medium-block-grid-12 .block-grid-element {
    width: 8.3333333333%;
    list-style: none; }
    .medium-block-grid-12 > li:nth-of-type(1n),
    .medium-block-grid-12 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .medium-block-grid-12 > li:nth-of-type(12n+1),
    .medium-block-grid-12 .block-grid-element:nth-of-type(12n+1) {
      clear: both; } }

@media only screen and (min-width: 64.0625em) {
  .large-block-grid-1 > li,
  .large-block-grid-1 .block-grid-element {
    width: 100%;
    list-style: none; }
    .large-block-grid-1 > li:nth-of-type(1n),
    .large-block-grid-1 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-1 > li:nth-of-type(1n+1),
    .large-block-grid-1 .block-grid-element:nth-of-type(1n+1) {
      clear: both; }
  .large-block-grid-2 > li,
  .large-block-grid-2 .block-grid-element {
    width: 50%;
    list-style: none; }
    .large-block-grid-2 > li:nth-of-type(1n),
    .large-block-grid-2 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-2 > li:nth-of-type(2n+1),
    .large-block-grid-2 .block-grid-element:nth-of-type(2n+1) {
      clear: both; }
  .large-block-grid-3 > li,
  .large-block-grid-3 .block-grid-element {
    width: 33.3333333333%;
    list-style: none; }
    .large-block-grid-3 > li:nth-of-type(1n),
    .large-block-grid-3 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-3 > li:nth-of-type(3n+1),
    .large-block-grid-3 .block-grid-element:nth-of-type(3n+1) {
      clear: both; }
  .large-block-grid-4 > li,
  .large-block-grid-4 .block-grid-element {
    width: 25%;
    list-style: none; }
    .large-block-grid-4 > li:nth-of-type(1n),
    .large-block-grid-4 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-4 > li:nth-of-type(4n+1),
    .large-block-grid-4 .block-grid-element:nth-of-type(4n+1) {
      clear: both; }
  .large-block-grid-5 > li,
  .large-block-grid-5 .block-grid-element {
    width: 20%;
    list-style: none; }
    .large-block-grid-5 > li:nth-of-type(1n),
    .large-block-grid-5 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-5 > li:nth-of-type(5n+1),
    .large-block-grid-5 .block-grid-element:nth-of-type(5n+1) {
      clear: both; }
  .large-block-grid-6 > li,
  .large-block-grid-6 .block-grid-element {
    width: 16.6666666667%;
    list-style: none; }
    .large-block-grid-6 > li:nth-of-type(1n),
    .large-block-grid-6 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-6 > li:nth-of-type(6n+1),
    .large-block-grid-6 .block-grid-element:nth-of-type(6n+1) {
      clear: both; }
  .large-block-grid-7 > li,
  .large-block-grid-7 .block-grid-element {
    width: 14.2857142857%;
    list-style: none; }
    .large-block-grid-7 > li:nth-of-type(1n),
    .large-block-grid-7 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-7 > li:nth-of-type(7n+1),
    .large-block-grid-7 .block-grid-element:nth-of-type(7n+1) {
      clear: both; }
  .large-block-grid-8 > li,
  .large-block-grid-8 .block-grid-element {
    width: 12.5%;
    list-style: none; }
    .large-block-grid-8 > li:nth-of-type(1n),
    .large-block-grid-8 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-8 > li:nth-of-type(8n+1),
    .large-block-grid-8 .block-grid-element:nth-of-type(8n+1) {
      clear: both; }
  .large-block-grid-9 > li,
  .large-block-grid-9 .block-grid-element {
    width: 11.1111111111%;
    list-style: none; }
    .large-block-grid-9 > li:nth-of-type(1n),
    .large-block-grid-9 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-9 > li:nth-of-type(9n+1),
    .large-block-grid-9 .block-grid-element:nth-of-type(9n+1) {
      clear: both; }
  .large-block-grid-10 > li,
  .large-block-grid-10 .block-grid-element {
    width: 10%;
    list-style: none; }
    .large-block-grid-10 > li:nth-of-type(1n),
    .large-block-grid-10 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-10 > li:nth-of-type(10n+1),
    .large-block-grid-10 .block-grid-element:nth-of-type(10n+1) {
      clear: both; }
  .large-block-grid-11 > li,
  .large-block-grid-11 .block-grid-element {
    width: 9.0909090909%;
    list-style: none; }
    .large-block-grid-11 > li:nth-of-type(1n),
    .large-block-grid-11 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-11 > li:nth-of-type(11n+1),
    .large-block-grid-11 .block-grid-element:nth-of-type(11n+1) {
      clear: both; }
  .large-block-grid-12 > li,
  .large-block-grid-12 .block-grid-element {
    width: 8.3333333333%;
    list-style: none; }
    .large-block-grid-12 > li:nth-of-type(1n),
    .large-block-grid-12 .block-grid-element:nth-of-type(1n) {
      clear: none; }
    .large-block-grid-12 > li:nth-of-type(12n+1),
    .large-block-grid-12 .block-grid-element:nth-of-type(12n+1) {
      clear: both; } }

/*  Rules for establishing an aspect ratio for images in order to reduce content shift.
    Usage:  Assign the appropriate aspect-ratio-box class to a div that contains the target image.
           Then assign the aspect-ratio-box-inside class to the image.
 */
.aspect-ratio-box-4-3, .gem-content-full-width .image-wrapper div,
.homepage-hero .image-wrapper div {
  height: 0;
  overflow: hidden;
  background: white;
  position: relative; }

.aspect-ratio-box-4-3 {
  padding-top: 75%; }

.aspect-ratio-box-inside, .gem-content-full-width .image-wrapper div img,
.homepage-hero .image-wrapper div img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

@media only screen and (max-width: 47.9375em) {
  .gem-content-full-width .image-wrapper div,
  .homepage-hero .image-wrapper div {
    padding-top: 64.1460234681%; } }

@media only screen and (min-width: 48em) and (max-width: 64em) {
  .gem-content-full-width .image-wrapper div,
  .homepage-hero .image-wrapper div {
    padding-top: 30.78125%; } }

@media only screen and (min-width: 64.0625em) {
  .gem-content-full-width .image-wrapper div,
  .homepage-hero .image-wrapper div {
    padding-top: 24.453125%; } }

/**
 * Trumbowyg v2.25.2 - A lightweight WYSIWYG editor
 * Default stylesheet for Trumbowyg editor
 * ------------------------
 * @link http://alex-d.github.io/Trumbowyg
 * @license MIT
 * @author Alexandre Demode (Alex-D)
 *         Twitter : @AlexandreDemode
 *         Website : alex-d.fr
 */
#trumbowyg-icons {
  overflow: hidden;
  visibility: hidden;
  height: 0;
  width: 0; }
  #trumbowyg-icons svg {
    height: 0;
    width: 0; }

.trumbowyg-box *,
.trumbowyg-box *::before,
.trumbowyg-box *::after,
.trumbowyg-modal *,
.trumbowyg-modal *::before,
.trumbowyg-modal *::after {
  box-sizing: border-box; }

.trumbowyg-box svg,
.trumbowyg-modal svg {
  width: 24px;
  height: 100%;
  fill: #222; }

.trumbowyg-box,
.trumbowyg-editor {
  display: block;
  position: relative;
  width: 100%;
  min-height: 300px; }

.trumbowyg-box .trumbowyg-editor {
  margin: 0 auto; }

.trumbowyg-box.trumbowyg-fullscreen {
  background: #FEFEFE;
  border: none !important; }

.trumbowyg-editor,
.trumbowyg-textarea {
  position: relative;
  box-sizing: border-box;
  padding: 0.5rem;
  min-height: 300px;
  width: 100%;
  border-style: none;
  resize: none;
  outline: none;
  overflow: auto;
  user-select: text; }
  .trumbowyg-editor.trumbowyg-autogrow-on-enter,
  .trumbowyg-textarea.trumbowyg-autogrow-on-enter {
    transition: height 300ms ease-out; }

.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
  color: transparent !important;
  text-shadow: 0 0 7px #333; }
  @media screen and (min-width: 0 \0 ) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }
  @supports (-ms-accelerator: true) {
    .trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-box-blur .trumbowyg-editor::before {
      color: rgba(200, 200, 200, 0.6) !important; } }

.trumbowyg-box-blur .trumbowyg-editor img,
.trumbowyg-box-blur .trumbowyg-editor hr {
  opacity: 0.2; }

.trumbowyg-textarea {
  position: relative;
  display: block;
  overflow: auto;
  border: none;
  font-size: 14px;
  font-family: "Inconsolata", "Consolas", "Courier", "Courier New", sans-serif;
  line-height: 18px;
  margin-bottom: -1.125rem; }

.trumbowyg-box.trumbowyg-editor-visible .trumbowyg-textarea {
  height: 1px !important;
  width: 25%;
  min-height: 0 !important;
  padding: 0 !important;
  background: none;
  opacity: 0 !important; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-textarea {
  display: block;
  margin-bottom: 1px; }

.trumbowyg-box.trumbowyg-editor-hidden .trumbowyg-editor {
  display: none; }

.trumbowyg-box.trumbowyg-disabled .trumbowyg-textarea {
  opacity: 0.8;
  background: none; }

.trumbowyg-editor[contenteditable=true]:empty:not(:focus)::before {
  content: attr(placeholder);
  color: #999;
  pointer-events: none;
  white-space: break-spaces; }

.trumbowyg-button-pane {
  width: 100%;
  min-height: 36px;
  border-bottom: 1px solid #bfbfbf;
  margin: 0rem 0rem 1.125rem;
  padding: 0;
  position: relative;
  list-style-type: none;
  line-height: 10px;
  backface-visibility: hidden;
  z-index: 11; }
  .trumbowyg-button-pane .trumbowyg-button-group {
    display: inline-block; }
    .trumbowyg-button-pane .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
      color: transparent; }
    .trumbowyg-button-pane .trumbowyg-button-group::after {
      content: " ";
      display: inline-block;
      width: 1px;
      margin: 0 10px;
      height: 35px;
      vertical-align: top; }
    .trumbowyg-button-pane .trumbowyg-button-group:last-child::after {
      content: none; }
  .trumbowyg-button-pane button {
    display: inline-block;
    position: relative;
    width: 40px;
    height: 40px;
    padding: 8px !important;
    margin-bottom: 1px;
    overflow: hidden;
    border: none;
    cursor: pointer;
    background: none;
    vertical-align: middle;
    transition: background-color 150ms, opacity 150ms; }
    .trumbowyg-button-pane button:hover {
      background: #EDECE2; }
    .trumbowyg-button-pane button.trumbowyg-textual-button {
      width: auto;
      line-height: 35px;
      user-select: none; }
  .trumbowyg-button-pane.trumbowyg-disable button:not(.trumbowyg-not-disable):not(.trumbowyg-active),
  .trumbowyg-button-pane button.trumbowyg-disable,
  .trumbowyg-disabled .trumbowyg-button-pane button:not(.trumbowyg-not-disable):not(.trumbowyg-viewHTML-button) {
    opacity: 0.2;
    cursor: default;
    pointer-events: none; }
  .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::before,
  .trumbowyg-disabled .trumbowyg-button-pane .trumbowyg-button-group::before {
    background: #e3e9eb; }
  .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #EDECE2;
    outline: none; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    display: block;
    content: " ";
    position: absolute;
    top: 25px;
    right: 3px;
    height: 0;
    width: 0;
    border: 3px solid transparent;
    border-top-color: #555; }
  .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button {
    padding-left: 10px !important;
    padding-right: 18px !important; }
    .trumbowyg-button-pane .trumbowyg-open-dropdown.trumbowyg-textual-button::after {
      top: 17px;
      right: 7px; }
  .trumbowyg-button-pane .trumbowyg-right {
    float: right; }

.trumbowyg-dropdown {
  max-width: 300px;
  max-height: 250px;
  overflow-y: auto;
  overflow-x: hidden;
  white-space: nowrap;
  border: 1px solid #ecf0f1;
  padding: 5px 0;
  border-top: none;
  background: #FFF;
  margin-left: -1px;
  box-shadow: rgba(0, 0, 0, 0.1) 0 2px 3px;
  z-index: 12; }
  .trumbowyg-dropdown button {
    display: block;
    width: 100%;
    height: 35px;
    line-height: 35px;
    text-decoration: none;
    background: #FFF;
    padding: 0 20px 0 10px;
    color: #333 !important;
    border: none;
    cursor: pointer;
    text-align: left;
    font-size: 15px;
    transition: all 150ms; }
    .trumbowyg-dropdown button:hover, .trumbowyg-dropdown button:focus {
      background: #ecf0f1; }
    .trumbowyg-dropdown button svg {
      float: left;
      margin-right: 14px; }

/* Modal box */
.trumbowyg-modal {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 520px;
  width: 100%;
  height: 350px;
  z-index: 12;
  overflow: hidden;
  backface-visibility: hidden; }

.trumbowyg-modal-box {
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  max-width: 500px;
  width: calc(100% - 20px);
  padding-bottom: 45px;
  z-index: 1;
  background-color: #FFF;
  text-align: center;
  font-size: 14px;
  box-shadow: rgba(0, 0, 0, 0.2) 0 2px 3px;
  backface-visibility: hidden; }
  .trumbowyg-modal-box .trumbowyg-modal-title {
    font-size: 24px;
    font-weight: bold;
    margin: 0 0 20px;
    padding: 15px 0 13px;
    display: block;
    border-bottom: 1px solid #EEE;
    color: #333;
    background: #fbfcfc; }
  .trumbowyg-modal-box .trumbowyg-progress {
    width: 100%;
    height: 3px;
    position: absolute;
    top: 58px; }
    .trumbowyg-modal-box .trumbowyg-progress .trumbowyg-progress-bar {
      background: #2BC06A;
      width: 0;
      height: 100%;
      transition: width 150ms linear; }
  .trumbowyg-modal-box .trumbowyg-input-row {
    position: relative;
    margin: 15px 12px;
    border: 1px solid #DEDEDE;
    overflow: hidden; }
  .trumbowyg-modal-box .trumbowyg-input-infos {
    text-align: left;
    transition: all 150ms;
    width: 150px;
    border-right: 1px solid #DEDEDE;
    padding: 0 7px;
    background-color: #fbfcfc;
    position: absolute;
    left: 0;
    top: 0;
    bottom: 0; }
    .trumbowyg-modal-box .trumbowyg-input-infos label {
      color: #69878f;
      overflow: hidden;
      height: 27px;
      line-height: 27px; }
      .trumbowyg-modal-box .trumbowyg-input-infos label, .trumbowyg-modal-box .trumbowyg-input-infos label span {
        display: block;
        height: 27px;
        line-height: 27px;
        transition: all 150ms; }
    .trumbowyg-modal-box .trumbowyg-input-infos .trumbowyg-msg-error {
      color: #e74c3c; }
  .trumbowyg-modal-box .trumbowyg-input-html {
    padding: 1px 1px 1px 152px; }
    .trumbowyg-modal-box .trumbowyg-input-html, .trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html textarea, .trumbowyg-modal-box .trumbowyg-input-html select {
      font-size: 14px; }
    .trumbowyg-modal-box .trumbowyg-input-html input, .trumbowyg-modal-box .trumbowyg-input-html textarea, .trumbowyg-modal-box .trumbowyg-input-html select {
      transition: all 150ms;
      height: 27px;
      line-height: 27px;
      border: 0;
      width: 100%;
      padding: 0 7px; }
      .trumbowyg-modal-box .trumbowyg-input-html input:hover, .trumbowyg-modal-box .trumbowyg-input-html input:focus, .trumbowyg-modal-box .trumbowyg-input-html textarea:hover, .trumbowyg-modal-box .trumbowyg-input-html textarea:focus, .trumbowyg-modal-box .trumbowyg-input-html select:hover, .trumbowyg-modal-box .trumbowyg-input-html select:focus {
        outline: 1px solid #95a5a6; }
      .trumbowyg-modal-box .trumbowyg-input-html input:focus, .trumbowyg-modal-box .trumbowyg-input-html textarea:focus, .trumbowyg-modal-box .trumbowyg-input-html select:focus {
        background: #fbfcfc; }
    .trumbowyg-modal-box .trumbowyg-input-html input[type="checkbox"] {
      width: 16px;
      height: 16px;
      padding: 0; }
    .trumbowyg-modal-box .trumbowyg-input-html-with-checkbox {
      text-align: left;
      padding: 3px 1px 1px 3px; }
  .trumbowyg-modal-box .trumbowyg-input-error input, .trumbowyg-modal-box .trumbowyg-input-error select, .trumbowyg-modal-box .trumbowyg-input-error textarea {
    outline: 1px solid #e74c3c; }
  .trumbowyg-modal-box .trumbowyg-input-error .trumbowyg-input-infos label span:first-child {
    margin-top: -27px; }
  .trumbowyg-modal-box .error {
    margin-top: 25px;
    display: block;
    color: red; }
  .trumbowyg-modal-box .trumbowyg-modal-button {
    position: absolute;
    bottom: 10px;
    right: 0;
    text-decoration: none;
    color: #FFF;
    display: block;
    width: 100px;
    height: 35px;
    line-height: 33px;
    margin: 0 10px;
    background-color: #333;
    border: none;
    cursor: pointer;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif;
    font-size: 16px;
    transition: all 150ms; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
      right: 110px;
      background: #2bc06a; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
        background: #40d47e;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
        background: #25a25a; }
    .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
      color: #555;
      background: #e6e6e6; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
        background: #fbfbfb;
        outline: none; }
      .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
        background: #d5d4d4; }

.trumbowyg-overlay {
  position: absolute;
  background-color: rgba(255, 255, 255, 0.5);
  height: 100%;
  width: 100%;
  left: 0;
  display: none;
  top: 0;
  z-index: 10; }

/**
 * Fullscreen
 */
body.trumbowyg-body-fullscreen {
  overflow: hidden; }

.trumbowyg-fullscreen {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  z-index: 99999; }
  .trumbowyg-fullscreen.trumbowyg-box,
  .trumbowyg-fullscreen .trumbowyg-editor {
    border: none; }
  .trumbowyg-fullscreen .trumbowyg-editor,
  .trumbowyg-fullscreen .trumbowyg-textarea {
    height: calc(100% - 37px) !important;
    overflow: auto; }
  .trumbowyg-fullscreen .trumbowyg-overlay {
    height: 100% !important; }
  .trumbowyg-fullscreen .trumbowyg-button-group .trumbowyg-fullscreen-button svg {
    color: #222;
    fill: transparent; }

.trumbowyg-editor {
  z-index: 12;
  border: 1px solid transparent;
  border-radius: 4px;
  font-size: 1.125rem;
  /*
	 * lset for resetCss option
	 */ }
  .trumbowyg-editor:focus {
    outline: none;
    border-color: #bfbfbf; }
  .trumbowyg-editor object,
  .trumbowyg-editor embed,
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    max-width: 100%; }
  .trumbowyg-editor video,
  .trumbowyg-editor img {
    height: auto; }
  .trumbowyg-editor img {
    cursor: move; }
  .trumbowyg-editor canvas:focus {
    outline: none; }
  .trumbowyg-editor a {
    text-decoration: underline !important; }
  .trumbowyg-editor.trumbowyg-reset-css {
    background: #FEFEFE !important;
    font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
    font-size: 14px !important;
    line-height: 1.45em !important;
    color: #333; }
    .trumbowyg-editor.trumbowyg-reset-css a {
      color: #15c !important;
      text-decoration: underline !important; }
    .trumbowyg-editor.trumbowyg-reset-css div,
    .trumbowyg-editor.trumbowyg-reset-css p,
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol,
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      box-shadow: none !important;
      background: none !important;
      margin: 0 !important;
      margin-bottom: 15px !important;
      line-height: 1.4em !important;
      font-family: "Trebuchet MS", Helvetica, Verdana, sans-serif !important;
      font-size: 14px !important;
      border: none; }
    .trumbowyg-editor.trumbowyg-reset-css iframe,
    .trumbowyg-editor.trumbowyg-reset-css object,
    .trumbowyg-editor.trumbowyg-reset-css hr {
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css blockquote {
      margin-left: 32px !important;
      font-style: italic !important;
      color: #555; }
    .trumbowyg-editor.trumbowyg-reset-css ul {
      list-style: disc; }
    .trumbowyg-editor.trumbowyg-reset-css ol {
      list-style: decimal; }
    .trumbowyg-editor.trumbowyg-reset-css ul,
    .trumbowyg-editor.trumbowyg-reset-css ol {
      padding-left: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css ul ul,
    .trumbowyg-editor.trumbowyg-reset-css ol ol,
    .trumbowyg-editor.trumbowyg-reset-css ul ol,
    .trumbowyg-editor.trumbowyg-reset-css ol ul {
      border: none;
      margin: 2px !important;
      padding: 0 !important;
      padding-left: 24px !important; }
    .trumbowyg-editor.trumbowyg-reset-css hr {
      display: block;
      height: 1px;
      border: none;
      border-top: 1px solid #CCC; }
    .trumbowyg-editor.trumbowyg-reset-css h1,
    .trumbowyg-editor.trumbowyg-reset-css h2,
    .trumbowyg-editor.trumbowyg-reset-css h3,
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      color: #111;
      background: none;
      margin: 0 !important;
      padding: 0 !important;
      font-weight: bold; }
    .trumbowyg-editor.trumbowyg-reset-css h1 {
      font-size: 32px !important;
      line-height: 38px !important;
      margin-bottom: 20px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h2 {
      font-size: 26px !important;
      line-height: 34px !important;
      margin-bottom: 15px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h3 {
      font-size: 22px !important;
      line-height: 28px !important;
      margin-bottom: 7px !important; }
    .trumbowyg-editor.trumbowyg-reset-css h4 {
      font-size: 16px !important;
      line-height: 22px !important;
      margin-bottom: 7px !important; }

/*
 * Dark theme
 */
.trumbowyg-dark .trumbowyg-textarea {
  background: #111;
  color: #ddd; }

.trumbowyg-dark .trumbowyg-box {
  border: 1px solid #bfbfbf; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-fullscreen {
    background: #111; }
  .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
    text-shadow: 0 0 7px #ccc; }
    @media screen and (min-width: 0 \0 ) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
    @supports (-ms-accelerator: true) {
      .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor *, .trumbowyg-dark .trumbowyg-box.trumbowyg-box-blur .trumbowyg-editor::before {
        color: rgba(20, 20, 20, 0.6) !important; } }
  .trumbowyg-dark .trumbowyg-box svg {
    fill: #ecf0f1;
    color: #ecf0f1; }

.trumbowyg-dark .trumbowyg-button-pane {
  background-color: #222;
  border-bottom-color: #bfbfbf; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty)::after {
    background-color: #bfbfbf; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
    color: transparent; }
  .trumbowyg-dark .trumbowyg-button-pane.trumbowyg-disable .trumbowyg-button-group::after {
    background-color: #2a2a2a; }
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):hover,
  .trumbowyg-dark .trumbowyg-button-pane button:not(.trumbowyg-disable):focus,
  .trumbowyg-dark .trumbowyg-button-pane button.trumbowyg-active {
    background-color: #EDECE2; }
  .trumbowyg-dark .trumbowyg-button-pane .trumbowyg-open-dropdown::after {
    border-top-color: #fff; }

.trumbowyg-dark .trumbowyg-fullscreen .trumbowyg-button-pane .trumbowyg-button-group:not(:empty) .trumbowyg-fullscreen-button svg {
  color: #ecf0f1;
  fill: transparent; }

.trumbowyg-dark .trumbowyg-dropdown {
  border-color: #222;
  background: #333;
  box-shadow: rgba(0, 0, 0, 0.3) 0 2px 3px; }
  .trumbowyg-dark .trumbowyg-dropdown button {
    background: #333;
    color: #fff !important; }
    .trumbowyg-dark .trumbowyg-dropdown button:hover, .trumbowyg-dark .trumbowyg-dropdown button:focus {
      background: #222; }

.trumbowyg-dark .trumbowyg-modal-box {
  background-color: #222; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-title {
    border-bottom: 1px solid #555;
    color: #fff;
    background: #3c3b3b; }
  .trumbowyg-dark .trumbowyg-modal-box label {
    display: block;
    position: relative;
    margin: 15px 12px;
    height: 27px;
    line-height: 27px;
    overflow: hidden; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span {
      color: #eee;
      background-color: #2f2f2f;
      border-color: #222; }
    .trumbowyg-dark .trumbowyg-modal-box label .trumbowyg-input-infos span.trumbowyg-msg-error {
      color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error input,
    .trumbowyg-dark .trumbowyg-modal-box label.trumbowyg-input-error textarea {
      border-color: #e74c3c; }
    .trumbowyg-dark .trumbowyg-modal-box label input {
      border-color: #222;
      color: #eee;
      background: #333; }
      .trumbowyg-dark .trumbowyg-modal-box label input:hover, .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        border-color: #626262; }
      .trumbowyg-dark .trumbowyg-modal-box label input:focus {
        background-color: #2f2f2f; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit {
    background: #1b7943; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:focus {
      background: #25a25a; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-submit:active {
      background: #176437; }
  .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset {
    background: #333;
    color: #ccc; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:hover, .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:focus {
      background: #444; }
    .trumbowyg-dark .trumbowyg-modal-box .trumbowyg-modal-button.trumbowyg-modal-reset:active {
      background: #111; }

.trumbowyg-dark .trumbowyg-overlay {
  background-color: rgba(15, 15, 15, 0.6); }

/* Slider */
.slick-slider {
  position: relative;
  display: block;
  box-sizing: border-box;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -ms-touch-action: pan-y;
  touch-action: pan-y;
  -webkit-tap-highlight-color: transparent; }

.slick-list {
  position: relative;
  overflow: hidden;
  display: block;
  margin: 0;
  padding: 0; }
  .slick-list:focus {
    outline: none; }
  .slick-list.dragging {
    cursor: pointer; }

.slick-slider .slick-track,
.slick-slider .slick-list {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

.slick-track {
  position: relative;
  left: 0;
  top: 0;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  .slick-track:before, .slick-track:after {
    content: "";
    display: table; }
  .slick-track:after {
    clear: both; }
  .slick-loading .slick-track {
    visibility: hidden; }

.slick-slide {
  float: left;
  min-height: 1px;
  display: none; }
  [dir="rtl"] .slick-slide {
    float: right; }
  .slick-slide img {
    display: block; }
  .slick-slide.slick-loading img {
    display: none; }
  .slick-slide.dragging img {
    pointer-events: none; }
  .slick-initialized .slick-slide {
    display: block; }
  .slick-loading .slick-slide {
    visibility: hidden; }
  .slick-vertical .slick-slide {
    display: block;
    height: auto;
    border: 1px solid transparent; }

.slick-arrow.slick-hidden {
  display: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 56px;
  width: 56px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background-color: #597D7A;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-top: 0.8125rem;
  border: none;
  border-radius: 30px;
  z-index: 99; }
  .slick-prev:hover,
  .slick-next:hover {
    cursor: pointer;
    background-color: #344235; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    display: none !important; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "gemstones-icons";
    font-size: 26px;
    line-height: 0;
    color: #FFFFFF;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    left: -3px; }

.slick-prev {
  left: -5px;
  padding-left: 0.625rem; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  padding-left: 1rem;
  right: -5px; }
  .slick-next:before {
    content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "gemstones-icons";
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        color: #597D7A;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media only screen and (min-width: 48em) {
          .slick-dots li button:before {
            font-size: 12px; } }
    .slick-dots li.slick-active button:before {
      font-size: 12px;
      color: #344235;
      opacity: 1; }
      @media only screen and (min-width: 48em) {
        .slick-dots li.slick-active button:before {
          font-size: 16px; } }

/* only use styles in here that you want to apply to all accordions on the site. Otherwise contextually style
(ex: .parentClass .accordion-title) or add additional classes to the accordion element. */
.accordion-title {
  cursor: pointer; }

.accordion-body {
  display: none; }

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

.accordion-body-content:after {
  clear: both; }

.alert-box {
  position: relative;
  margin: 0rem 0rem 1.25rem;
  border-radius: 5px; }
  .account .alert-box {
    margin: 0rem 0.9375rem 1.25rem; }
  .account .email-form .alert-box,
  .account.order-status-details .alert-box {
    margin: 0rem 0rem 1.25rem; }
  .alert-box.error {
    color: #FFFFFF;
    background: #b01a1a;
    border: 1px solid #b01a1a; }
  .alert-box.success {
    color: #FFFFFF;
    background: #344235;
    border: 1px solid #344235; }
  .alert-box.info {
    color: #344235;
    font-size: 1.125rem; }
  .alert-box p {
    margin: 0;
    line-height: 1.5rem;
    padding: 0.9375rem 2.5rem; }
    .alert-box p + p {
      padding-top: 0; }
    .alert-box p a {
      color: white !important;
      position: absolute;
      right: 50px;
      font-family: "Lato Bold", arial, helvetica, sans-serif;
      text-transform: uppercase; }
  .alert-box h3 {
    margin: 0;
    font-size: 1.25rem;
    padding: 0.9375rem 2.5rem 0.9375rem 0.9375rem;
    font-weight: 700; }
    .alert-box h3 + p {
      padding-top: 0rem; }
  .alert-box .icon-close-x {
    font-size: 0.9375rem;
    position: absolute;
    right: 15px;
    top: 19px;
    cursor: pointer !important; }

.preview-bar {
  background: #e1f8f5;
  color: #344235;
  padding: 1.5rem 0rem; }

.preview-bar-content {
  display: flex;
  justify-content: space-between;
  align-items: center;
  max-width: 75rem;
  margin: 0 auto; }
  .preview-bar-content .icon {
    padding-left: 0.75rem; }
  .preview-bar-content p {
    line-height: 1.25;
    padding-left: 0.75rem; }
    .preview-bar-content p strong {
      font-size: 1.25rem; }
  .preview-bar-content strong,
  .preview-bar-content a {
    display: block;
    font-family: "Lato Bold", arial, helvetica, sans-serif; }
  .preview-bar-content a {
    padding-right: 1rem; }

.preview-bar-left {
  display: flex; }

.preview-bar-right {
  text-transform: uppercase; }

.article-author-info::before {
  content: " ";
  background-color: #FAFBF5;
  position: absolute;
  left: -150%;
  width: 400%;
  height: 100%;
  z-index: 1; }

.article-author-info {
  position: relative;
  margin: -5rem -2rem 3rem;
  font-weight: 400;
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  padding-bottom: 0px !important; }
  @media only screen and (min-width: 48em) {
    .article-author-info {
      font-size: 1.125rem;
      line-height: 1.5rem; } }
  @media only screen and (min-width: 48em) {
    .article-author-info {
      max-width: 80rem;
      margin: -4.5rem -4.5rem 4rem; } }
  .article-author-info h1, .article-author-info p {
    margin-top: 0;
    margin-bottom: 0.5rem; }
    .article-author-info h1:last-child, .article-author-info p:last-child {
      margin-bottom: 1.5rem; }
      @media only screen and (min-width: 48em) {
        .article-author-info h1:last-child, .article-author-info p:last-child {
          margin-bottom: 2.5rem; } }
  .article-author-info h2 {
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 1.375rem;
    line-height: 1.625rem;
    margin-top: 2.5rem;
    margin-bottom: 0.5rem; }
    @media only screen and (min-width: 48em) {
      .article-author-info h2 {
        font-size: 1.75rem;
        line-height: 2rem; } }
    @media only screen and (min-width: 48em) {
      .article-author-info h2 {
        margin-top: 4rem; } }
  .article-author-info p {
    font-weight: 400;
    font-family: Lato, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 48em) {
      .article-author-info p {
        font-size: 1.125rem;
        line-height: 1.5rem; } }
  .article-author-info a.article-header:hover .article-featured-image::before {
    content: " ";
    width: 100%;
    position: absolute;
    bottom: 0;
    border-bottom-width: 0.5rem;
    border-bottom-style: solid;
    border-bottom-color: #EFC68E; }
  .article-author-info .article-links {
    position: absolute;
    left: 490px;
    width: 28px;
    display: block;
    z-index: 3; }
  .article-author-info .share-link {
    background-color: #344235;
    position: absolute;
    right: 68px;
    border-radius: 28px;
    padding: 16px;
    width: 56px;
    height: 56px;
    color: #EFC68E;
    font-size: 16pt; }
  .article-author-info .icon-close {
    display: none; }
  .article-author-info.active .icon-close {
    display: block; }
  .article-author-info.active > .icon-share {
    display: none; }
  @media only screen and (min-width: 48em) {
    .article-author-info {
      top: -25px;
      left: -27px; }
      .article-author-info.active .icon-close {
        display: none; }
      .article-author-info.active > .icon-share {
        display: block; } }
  .article-author-info .share-link:hover {
    background-color: #EFC68E;
    color: #344235;
    text-decoration: none; }
  .article-author-info .arrow-top {
    width: 0;
    height: 0;
    color: #FFFFFF;
    border: 18px solid transparent;
    border-bottom-color: #FFFFFF;
    margin-top: -17px;
    margin-left: 12px;
    box-shadow: 0px 3px 6px #0000003E;
    transform: translateX(-50%); }
  .article-author-info .arrow-top:after {
    transform: translateX(14%);
    margin-top: 16px;
    box-shadow: 0px 3px 6px #0000003E;
    transform: rotate(45deg); }
  .article-author-info .arrow-top:before {
    background-color: #FFFFFF;
    height: 100%;
    width: 100%;
    position: absolute;
    border-radius: 28px; }
  .article-author-info #showArticleShareMenu {
    display: none; }
  .article-author-info .facebookHover:hover {
    color: #4267B2; }
  .article-author-info .instagramHover:hover {
    color: #E1306C; }
  .article-author-info .twitterHover:hover {
    color: #1DA1F2; }
  .article-author-info .copyHover:hover {
    color: #608680; }
  .article-author-info .boxhide {
    background-color: #FFFFFF;
    height: 100%;
    width: 100%;
    position: absolute;
    top: -17px;
    z-index: 3; }
  .article-author-info .tt-textbox {
    top: 95px;
    position: absolute;
    background-color: #FFFFFF;
    height: 180px;
    width: 192px;
    border-radius: 28px;
    font-size: 14pt;
    font-weight: bold;
    transform: translateX(-50%);
    left: 27%;
    box-shadow: 0px 3px 6px #0000003E; }
  .article-author-info .tt-textbox:after {
    content: ' ';
    width: 0;
    height: 0;
    border: 18px solid #FFFFFF;
    border-bottom-color: #FFFFFF;
    position: absolute;
    z-index: 2;
    top: -48px;
    left: calc(50% - 18px); }
  .article-author-info .tt-textbox ul, .article-author-info li {
    list-style-type: none;
    margin: 6px 6px 29px 16px;
    position: relative;
    z-index: 4; }
  .article-author-info .tt-textbox span {
    margin: 0px 37px 0px -39px; }
  .article-author-info .tt-textbox ul, .article-author-info li :hover {
    color: #344235;
    text-decoration: none; }
  .article-author-info .article-info {
    position: relative;
    z-index: 10; }
    .article-author-info .article-info:before, .article-author-info .article-info:after {
      content: " ";
      display: table; }
    .article-author-info .article-info:after {
      clear: both; }
    @media only screen and (min-width: 48em) {
      .article-author-info .article-info {
        min-height: 33.75rem; } }
    .article-author-info .article-info .article-details {
      padding: 5rem 2rem 2rem;
      width: 100%; }
      @media only screen and (min-width: 48em) {
        .article-author-info .article-info .article-details {
          width: 40%;
          padding: 6rem 4.5rem 4.5rem;
          position: relative; }
          .article-author-info .article-info .article-details:only-child {
            max-width: 46.875rem; } }
      .article-author-info .article-info .article-details .author-info {
        font-weight: 900;
        padding-bottom: 0.25rem;
        font-family: "Lato Black", arial, helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.25rem; }
        @media only screen and (min-width: 48em) {
          .article-author-info .article-info .article-details .author-info {
            font-size: 1.125rem;
            line-height: 1.5rem; } }
        @media only screen and (min-width: 48em) {
          .article-author-info .article-info .article-details .author-info {
            padding-bottom: 1rem; } }
      .article-author-info .article-info .article-details .curator-info {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem; }
        @media only screen and (min-width: 48em) {
          .article-author-info .article-info .article-details .curator-info {
            padding-top: 2.5rem;
            padding-bottom: 1rem; } }
    .article-author-info .article-info .article-featured-image {
      height: 100%;
      overflow: unset;
      width: 100%; }
      .article-author-info .article-info .article-featured-image img {
        object-fit: cover;
        width: 100%;
        height: 100%; }
      @media only screen and (min-width: 48em) {
        .article-author-info .article-info .article-featured-image {
          width: 60%;
          position: absolute;
          right: 0;
          bottom: 0; }
          .article-author-info .article-info .article-featured-image.image-ratio-4x3 {
            max-width: 45rem;
            max-height: 33.75rem; }
          .article-author-info .article-info .article-featured-image.image-ratio-16x9 {
            max-width: 45rem;
            max-height: 25.375rem; } }
      @media only screen and (min-width: 64.0625em) {
        .article-author-info .article-info .article-featured-image img {
          float: right; } }

.showcase-collections-items-wrap .share-link {
  display: none; }

.gem-author {
  margin-bottom: 4rem;
  background-color: #F5F7ED;
  padding: 2.5rem; }
  .gem-author:before, .gem-author:after {
    content: " ";
    display: table; }
  .gem-author:after {
    clear: both; }
  .gem-author .image-wrapper, .gem-author .info-wrapper {
    overflow: hidden;
    width: 100%;
    float: left; }
  .gem-author .image-wrapper {
    border-radius: 0.25rem; }
  @media only screen and (max-width: 47.9375em) {
    .gem-author .info-wrapper {
      padding-top: 1.5rem; } }
  @media only screen and (min-width: 48em) {
    .gem-author .image-wrapper {
      width: 250px; }
    .gem-author .info-wrapper {
      width: calc(100% - 250px);
      padding-left: 2rem; } }
  .gem-author .section-title {
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    margin: 0; }
    @media only screen and (min-width: 48em) {
      .gem-author .section-title {
        font-size: 1.125rem;
        line-height: 1.5rem; } }
  .gem-author .author-name {
    font-weight: 400;
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    font-size: 1.75rem;
    line-height: 2rem; }
    @media only screen and (min-width: 48em) {
      .gem-author .author-name {
        font-size: 2.25rem;
        line-height: 2.5rem; } }

.info-wrapper h2 {
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem; }
  @media only screen and (min-width: 48em) {
    .info-wrapper h2 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.gem-gemopedia-author {
  background-color: #F5F7ED;
  padding-bottom: 40px; }

.mi-header {
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem; }
  @media only screen and (min-width: 48em) {
    .mi-header {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

/* about the author */
.about-the-author {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  float: left;
  padding: 0 2rem; }
  .about-the-author + .about-the-author {
    margin-top: 2rem; }

.about-the-author-content {
  display: flex;
  flex-wrap: wrap;
  padding: 2.5rem;
  background: #F5F7ED; }
  @media only screen and (min-width: 48em) {
    .about-the-author-content {
      flex-wrap: nowrap; } }
  .about-the-author-content .author-info {
    width: 100%; }
    .about-the-author-content .author-info h2 {
      font-family: "Lato Black", arial, helvetica, sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      margin-top: 0; }
      @media only screen and (min-width: 48em) {
        .about-the-author-content .author-info h2 {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .about-the-author-content .author-info .author-name {
      font-weight: 400;
      font-family: "DM Serif Display", arial, helvetica, sans-serif;
      font-size: 1.75rem;
      line-height: 2rem; }
      @media only screen and (min-width: 48em) {
        .about-the-author-content .author-info .author-name {
          font-size: 2.25rem;
          line-height: 2.5rem; } }
  .about-the-author-content .author-image {
    width: 248px;
    display: flex;
    align-items: flex-start;
    justify-content: center;
    margin-bottom: 2rem; }
    @media only screen and (min-width: 48em) {
      .about-the-author-content .author-image {
        margin: 0rem 2rem 0rem 0rem; }
        .about-the-author-content .author-image + .author-info {
          width: calc(100% - 280px); } }
    .about-the-author-content .author-image img {
      border-radius: 4px; }

.blockquote {
  position: relative;
  background-color: #F5F7ED;
  font-weight: 400;
  font-family: "DM Serif Display Italic", arial, helvetica, sans-serif;
  font-style: italic;
  font-size: 1.625rem;
  line-height: 2.5rem;
  padding: 3.5rem 1.5rem;
  margin: 2rem 0rem;
  border-radius: 0.5rem; }
  @media only screen and (min-width: 48em) {
    .blockquote {
      font-size: 2.25rem;
      line-height: 3rem;
      padding: 3.5rem 6rem 3.5rem 3.5rem; } }
  .blockquote .icon-quote {
    background-color: #EFC68E;
    border-radius: 64px;
    position: absolute;
    top: -32px;
    left: 50%;
    right: auto;
    transform: translateX(-50%);
    font-size: 32px;
    padding: 16px; }
    @media only screen and (min-width: 48em) {
      .blockquote .icon-quote {
        font-size: 64px;
        padding: 24px;
        right: -32px;
        left: auto;
        top: 50%;
        transform: translateY(-50%); } }

.breadcrumbs {
  position: relative;
  height: 80px;
  padding-top: 1rem;
  z-index: 11; }
  @media only screen and (min-width: 48em) {
    .breadcrumbs {
      height: 72px;
      width: 38%;
      padding-bottom: 0;
      z-index: 11; } }
  .breadcrumbs ul {
    width: 100%;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0;
    margin-bottom: 0;
    max-width: 75rem;
    list-style: none; }
    .breadcrumbs ul:before, .breadcrumbs ul:after {
      content: " ";
      display: table; }
    .breadcrumbs ul:after {
      clear: both; }
  .breadcrumbs li {
    float: left;
    margin-bottom: 0.25rem; }
    @media only screen and (max-width: 47.9375em) {
      .breadcrumbs li {
        margin-top: 0.25rem; } }
    .breadcrumbs li > .crumb:after {
      content: '|';
      display: inline-block;
      padding-right: 8px;
      padding-left: 8px;
      text-decoration: none; }
    .breadcrumbs li:last-of-type > .crumb:after {
      content: ""; }
  .breadcrumbs .crumb {
    font-weight: 400;
    color: #111111;
    display: inline-block;
    font-size: 0.875rem;
    line-height: 1.25rem; }

/*  Default primary and secondary button styles
------------------------------------------------------------------- */
.button {
  display: inline-block;
  cursor: pointer;
  text-align: center;
  text-decoration: none;
  border: none;
  font-weight: 900;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.5rem;
  text-transform: capitalize;
  margin-bottom: 0;
  padding: 0.75rem 2.5rem;
  vertical-align: middle;
  white-space: nowrap;
  position: relative;
  border-radius: 28px; }
  .button:hover, .button:focus {
    text-decoration: none;
    /*opacity: .75;*/ }
  @media only screen and (max-width: 47.9375em) {
    .field-group .button {
      width: 100%; } }
  .button.primary {
    background-color: #EFC68E;
    color: #111111; }
    .button.primary:hover {
      background-color: #DDAD6D;
      color: #111111; }
    .button.primary:focus {
      background-color: #D19F5D;
      color: #111111; }
    .button.primary.active {
      background-color: #344235;
      color: #EFC68E;
      cursor: not-allowed;
      pointer-events: none; }
  .button.secondary {
    background-color: #FFFFFF;
    color: #111111;
    padding: 0.75rem 2rem;
    border: 2px solid #537B75; }
    .button.secondary .icon {
      font-size: 1.375rem; }
    .button.secondary.dropdown {
      padding: 0;
      border-radius: 0.5rem;
      margin: 0rem 1.25rem; }
    .button.secondary.round {
      padding: 0.625rem;
      margin: 0rem 0.5rem; }
      .button.secondary.round .icon {
        font-size: 1.25rem; }
      .button.secondary.round .icon-arrow-forward {
        padding-left: 0.25rem; }
      .button.secondary.round .icon-arrow-backward {
        padding-right: 0.25rem; }
    .button.secondary:hover {
      background-color: #F5F7ED;
      color: #111111; }
    .button.secondary:focus {
      background-color: #F4F0E5;
      color: #111111; }
    .button.secondary.active:not(.dropdown), .button.secondary.disabled:not(.dropdown) {
      cursor: not-allowed;
      pointer-events: none; }
    .button.secondary.active {
      background-color: #EDECE2;
      color: #111111; }
    .button.secondary.disabled {
      background-color: #FFFFFF;
      color: #989892;
      border-color: #EBE9DE; }
  .button.disabled {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
    cursor: not-allowed;
    pointer-events: none;
    background-color: transparent;
    color: #74746D; }
  .button.expand {
    width: 100% !important; }
  .button.rounded {
    border-radius: 8px; }
  .inline-buttons .button {
    margin-top: 0.9375rem; }
    @media only screen and (min-width: 48em) {
      .inline-buttons .button {
        margin: 0rem 0rem 0rem 0.9375rem; } }

@media only screen and (min-width: 48em) {
  .inline-buttons a.button {
    margin-left: 0.75rem; } }

input.button.primary {
  margin: 0; }

button {
  width: auto;
  overflow: visible;
  cursor: pointer; }

.btn-as-link {
  background: none !important;
  border: none;
  padding: 0 !important;
  color: #344235;
  cursor: pointer; }
  .btn-as-link:hover {
    text-decoration: underline; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 56px;
  width: 56px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background-color: #597D7A;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-top: 0.8125rem;
  border: none;
  border-radius: 30px;
  z-index: 99; }
  .slick-prev:hover,
  .slick-next:hover {
    cursor: pointer;
    background-color: #344235; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    display: none !important; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "gemstones-icons";
    font-size: 26px;
    line-height: 0;
    color: #FFFFFF;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    left: -3px; }

.slick-prev {
  left: -5px;
  padding-left: 0.625rem; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  padding-left: 1rem;
  right: -5px; }
  .slick-next:before {
    content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "gemstones-icons";
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        color: #597D7A;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media only screen and (min-width: 48em) {
          .slick-dots li button:before {
            font-size: 12px; } }
    .slick-dots li.slick-active button:before {
      font-size: 12px;
      color: #344235;
      opacity: 1; }
      @media only screen and (min-width: 48em) {
        .slick-dots li.slick-active button:before {
          font-size: 16px; } }

.carousel-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  margin-bottom: 1.25rem; }
  .carousel-container:before, .carousel-container:after {
    content: " ";
    display: table; }
  .carousel-container:after {
    clear: both; }
  .carousel-container .cs-carousel,
  .carousel-container .carousel-slider {
    margin: 0rem -1rem; }
  .carousel-container .slick-dotted {
    padding-bottom: 25px; }
    .carousel-container .slick-dotted .slick-dots {
      bottom: 0;
      left: 0; }

header > .carousel-container .section-content, section > .carousel-container .section-content {
  padding: 0; }

.carousel-block {
  float: left;
  width: 50%;
  padding: 1rem; }
  .carousel-block .image-wrapper {
    border-radius: 0.5rem; }

.image-block {
  width: 50%; }
  @media only screen and (max-width: 47.9375em) {
    .article .image-block {
      width: 100%; } }
  .image-block .image-wrapper {
    border-radius: 0.5rem; }

.content-block .image-wrapper, .content-block .video-wrapper, .content-block-header .image-wrapper, .content-block-header .video-wrapper {
  border-radius: 0.5rem;
  overflow: hidden; }
  .content-block .image-wrapper figure, .content-block .video-wrapper figure, .content-block-header .image-wrapper figure, .content-block-header .video-wrapper figure {
    margin: 0; }
  .content-block .image-wrapper figcaption, .content-block .video-wrapper figcaption, .content-block-header .image-wrapper figcaption, .content-block-header .video-wrapper figcaption {
    margin-top: 0.3125rem; }

.content-block img, .content-block-header img {
  width: 100%; }

.content-block .block-wrapper, .content-block-header .block-wrapper {
  display: flex;
  flex-flow: row wrap;
  align-items: flex-start; }
  .content-block .block-wrapper .title-wrapper .cb-category, .content-block-header .block-wrapper .title-wrapper .cb-category {
    text-transform: capitalize; }
    .content-block .block-wrapper .title-wrapper .cb-category.icon-only, .content-block-header .block-wrapper .title-wrapper .cb-category.icon-only {
      padding: 0.5rem 0.25rem;
      border-radius: 8px; }
  .content-block .block-wrapper .title-wrapper .icon, .content-block-header .block-wrapper .title-wrapper .icon {
    font-size: 24px;
    vertical-align: bottom;
    padding: 4px; }
  .content-block .block-wrapper .title-wrapper, .content-block .block-wrapper .content-wrapper, .content-block-header .block-wrapper .title-wrapper, .content-block-header .block-wrapper .content-wrapper {
    width: 100%;
    z-index: 4; }
  .content-block .block-wrapper .content-wrapper, .content-block-header .block-wrapper .content-wrapper {
    margin-bottom: 4rem; }
  .content-block .block-wrapper .image-wrapper, .content-block-header .block-wrapper .image-wrapper {
    width: 100%; }
  .content-block .block-wrapper .full-width, .content-block-header .block-wrapper .full-width {
    width: 100% !important; }
  .content-block .block-wrapper .column-main, .content-block-header .block-wrapper .column-main {
    display: flex;
    flex-flow: row wrap; }
  @media only screen and (max-width: 47.9375em) {
    .content-block .block-wrapper .link-wrapper.cta span, .content-block-header .block-wrapper .link-wrapper.cta span {
      padding-top: 0.9375rem;
      display: block; } }
  @media only screen and (min-width: 48em) {
    .content-block .block-wrapper .image-wrapper, .content-block-header .block-wrapper .image-wrapper {
      width: 50%; }
    .content-block .block-wrapper .link-wrapper.cta span, .content-block-header .block-wrapper .link-wrapper.cta span {
      padding-left: 0.9375rem; } }

.gem-content-full-width {
  position: relative;
  margin: 0rem -4.5rem 1.5rem; }
  .gem-content-full-width .title-wrapper, .gem-content-full-width .content-wrapper, .gem-content-full-width .link-wrapper {
    padding-left: 4.5rem;
    padding-right: 4.5rem; }
  .gem-content-full-width .title-wrapper, .gem-content-full-width .content-wrapper, .gem-content-full-width .link-wrapper, .gem-content-full-width .image-wrapper {
    text-align: center; }
  .gem-content-full-width .content-wrapper, .gem-content-full-width .link-wrapper {
    margin-bottom: 0.5rem; }
  .gem-content-full-width .image-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2; }
    .gem-content-full-width .image-wrapper img {
      object-fit: cover;
      width: 100%;
      height: 100%; }

.dropdown {
  position: relative;
  display: inline-block;
  width: 80px;
  height: 48px;
  text-align: left; }
  .dropdown:hover {
    cursor: pointer; }
  .dropdown .dropdown-toggle {
    z-index: 101;
    padding: 0.5rem 1rem;
    width: inherit; }
    .dropdown .dropdown-toggle .icon {
      font-size: 1rem;
      padding-top: 0.25rem;
      float: right; }
      .dropdown .dropdown-toggle .icon:before {
        display: inline-block;
        transform: rotate(90deg); }

.dropdown-menu {
  display: none;
  position: absolute;
  z-index: 100;
  background-color: #FFFFFF;
  border: solid 2px #597D7A;
  border-top: none;
  width: calc(100% + 4px);
  margin-left: -2px;
  border-radius: 0 0 8px 8px;
  max-height: 240px;
  overflow: auto; }
  .dropdown-menu ul, .dropdown-menu li {
    margin: 0; }
  .dropdown-menu li {
    text-align: center; }
    .dropdown-menu li, .dropdown-menu li a {
      display: block; }
    .dropdown-menu li a {
      padding: 0.5rem 0rem; }
      .dropdown-menu li a:hover {
        cursor: pointer;
        background-color: #F5F7ED; }

/* General: Forms
--------------------------------------------------------------*/
.form-messages {
  position: fixed;
  top: 26px;
  left: 50%;
  transform: translateX(-50%);
  width: 768px;
  max-width: 90vw;
  z-index: 9999; }

input, select, textarea {
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  margin: 0;
  -webkit-transition: all, 0.15s, ease-in-out;
  -moz-transition: all, 0.15s, ease-in-out;
  -ms-transition: all, 0.15s, ease-in-out;
  -o-transition: all, 0.15s, ease-in-out;
  transition: all, 0.15s, ease-in-out; }

input {
  vertical-align: middle; }

select {
  background: transparent;
  border: 1px solid #597D7A;
  border-radius: 0;
  color: #111111;
  font-size: 1rem;
  line-height: 1.5rem;
  padding: 16px 96px 16px 32px;
  vertical-align: middle;
  width: 100%;
  height: 56px;
  position: relative;
  z-index: 2;
  -moz-appearance: none;
  -webkit-appearance: none; }
  select::-ms-expand {
    display: none; }
  .ie8 select, .ie9 select {
    height: 52px;
    line-height: 56px; }
  select:focus {
    outline: 1px solid #74746D;
    -webkit-box-shadow: 0px 0px 6px 0 #344235;
    -o-box-shadow: 0px 0px 6px 0 #344235;
    -moz-box-shadow: 0px 0px 6px 0 #344235;
    box-shadow: 0px 0px 6px 0 #344235; }

.select-wrapper {
  background: #FFFFFF; }
  .select-wrapper:after {
    position: relative;
    /* use !important to prevent issues with browser extensions that change fonts */
    font-family: 'gemstones-icons' !important;
    /* Better Font Rendering =========== */
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    color: #344235;
    height: 0;
    font-size: 0.5rem;
    content: "\e908";
    position: absolute;
    right: 15px;
    bottom: 32px;
    z-index: 1; }
    @media only screen and (min-width: 48em) {
      .field .select-wrapper:after {
        right: 25px; }
      .field + .field .select-wrapper:after {
        right: 15px; } }
    .field .field .select-wrapper:after {
      right: 25px; }
    .field .field + .field .select-wrapper:after {
      right: 15px; }

input[type="text"],
input[type="password"],
input[type="email"],
input[type="tel"],
textarea {
  border: 1px solid #989892;
  color: #111111;
  font-size: 1.125rem;
  line-height: 1.5rem;
  padding: 16px 20px;
  vertical-align: middle;
  width: 100%;
  height: 56px;
  border-radius: 4px; }
  input[type="text"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus,
  input[type="tel"]:focus,
  textarea:focus {
    outline-style: none;
    -webkit-box-shadow: 0px 0px 6px 0 #344235;
    -o-box-shadow: 0px 0px 6px 0 #344235;
    -moz-box-shadow: 0px 0px 6px 0 #344235;
    box-shadow: 0px 0px 6px 0 #344235; }
  input[type="text"] .disabled,
  input[type="password"] .disabled,
  input[type="email"] .disabled,
  input[type="tel"] .disabled,
  textarea .disabled {
    -webkit-box-shadow: 0px 0px 0px 0 rgba(255, 255, 255, 0);
    -o-box-shadow: 0px 0px 0px 0 rgba(255, 255, 255, 0);
    -moz-box-shadow: 0px 0px 0px 0 rgba(255, 255, 255, 0);
    box-shadow: 0px 0px 0px 0 rgba(255, 255, 255, 0);
    background-color: transparent;
    border: none;
    padding: 0 0 0.2em; }

textarea {
  overflow: auto;
  height: 154px; }

label,
input[type="button"],
input[type="submit"],
input[type="image"] {
  cursor: pointer; }

.form-label,
.legend {
  display: block;
  font-size: 0.875rem; }

label {
  display: block;
  position: relative;
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin: 0.625rem 0rem;
  font-family: "Lato Bold", arial, helvetica, sans-serif;
  color: #344235; }
  .disabled label, :disabled ~ label {
    color: #74746D;
    cursor: default !important; }

input + input,
select + select {
  margin-left: 0.25rem; }

.field-note {
  color: #74746D;
  font-size: 0.6875rem;
  font-weight: normal;
  line-height: 1.25; }
  .field-note p {
    margin-top: 1.0625rem;
    margin-bottom: 0.0625rem; }
  .field-note a {
    color: #999; }
    .field-note a:hover, .field-note a:focus, .field-note a:active {
      color: #344235; }

/* form structure */
.field-group {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  position: relative;
  clear: both;
  margin-bottom: 0.9375rem;
  word-wrap: break-word; }
  .field-group:before, .field-group:after {
    content: " ";
    display: table; }
  .field-group:after {
    clear: both; }

.form-actions {
  margin: 0.625rem 0rem; }
  @media only screen and (min-width: 48em) {
    .form-actions {
      margin-bottom: 0; } }
  @media only screen and (max-width: 47.9375em) {
    .form-actions button,
    .form-actions .button {
      max-width: 362px; } }
  .form-actions button + button,
  .form-actions button + .button,
  .form-actions .button + button,
  .form-actions .button + .button {
    margin-top: 0.875rem; }
    @media only screen and (min-width: 48em) {
      .form-actions button + button,
      .form-actions button + .button,
      .form-actions .button + button,
      .form-actions .button + .button {
        margin: 0rem 0rem 0rem 1.25rem; } }

.field {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  position: relative; }
  @media only screen and (max-width: 47.9375em) {
    .field + .field {
      margin-top: 0.9375rem; } }
  @media only screen and (min-width: 48em) {
    .field {
      width: 50%;
      padding-right: 0.625rem; }
      .field.expand {
        width: 100%;
        padding: 0 !important; }
      .field:last-child, .field.push-6 {
        padding-right: 0;
        padding-left: 0.625rem; }
      .field:first-child, .field.pull-6 {
        padding-right: 0.625rem;
        padding-left: 0; }
      .field.checkbox {
        width: auto; }
      .field.pull-6 {
        padding: 0rem 0.625rem 0rem 0rem; }
      .field.push-6 {
        padding: 0rem 0rem 0rem 0.625rem; } }
  .field .field {
    width: 50%;
    margin: 0; }
    .field .field:first-child {
      padding-right: 0.625rem; }
    .field .field:last-child {
      padding-left: 0.625rem; }

/* for single field form where button is aligned with field */
.inline-form {
  width: 100%;
  position: relative; }
  .inline-form input[type="text"] {
    float: left;
    width: auto; }
  .inline-form .button {
    float: left; }
  .inline-form.rounded {
    /* use the general sibling selector because ATG will add hidden input fields in the form */ }
    .inline-form.rounded input[type="text"] {
      width: 100%;
      -webkit-border-radius: 20px;
      -moz-border-radius: 20px;
      border-radius: 20px; }
    .inline-form.rounded .button {
      position: absolute;
      right: -1px;
      top: 0;
      -webkit-border-radius: 0 20px 20px 0;
      -moz-border-radius: 0 20px 20px 0;
      border-radius: 0 20px 20px 0; }
    .inline-form.rounded label ~ input + .button {
      /* this is the line height of the label plus it's bottom margin */
      top: 24px; }

/* inline errors */
.error {
  color: #b01a1a; }

.success {
  color: #344235; }

input.error, select.error, textarea.error {
  color: #111111;
  background: #fcebeb; }
  input.error:focus, select.error:focus, textarea.error:focus {
    -webkit-box-shadow: 0px 0px 4px 0 #b01a1a;
    -o-box-shadow: 0px 0px 4px 0 #b01a1a;
    -moz-box-shadow: 0px 0px 4px 0 #b01a1a;
    box-shadow: 0px 0px 4px 0 #b01a1a;
    border-color: #841313; }

.field-error-text {
  font-size: 0.75rem;
  line-height: 1rem;
  margin-top: 0.25rem;
  color: #b01a1a; }
  .inline-form .field-error-text {
    clear: left; }
  .field-error-text .icon {
    display: inline-block;
    vertical-align: middle;
    margin-top: -0.1875rem; }

::-webkit-input-placeholder {
  font-style: italic !important;
  color: #74746D !important;
  font-weight: 300 !important;
  font-size: 1.125rem; }

:-moz-placeholder {
  font-style: italic !important;
  color: #74746D !important;
  font-weight: 300 !important;
  font-size: 1.125rem; }

::-moz-placeholder {
  font-style: italic !important;
  color: #74746D !important;
  font-weight: 300 !important;
  font-size: 1.125rem; }

:-ms-input-placeholder {
  font-style: italic !important;
  color: #74746D !important;
  font-weight: 300 !important;
  font-size: 1.125rem; }

.form-title {
  font-weight: 300;
  font-size: 1.125rem; }

/* radios and checkboxes */
.checkbox,
.radio {
  display: block;
  margin: 0.625rem 0rem;
  padding-left: 1.5625rem;
  position: relative; }
  .checkbox > label,
  .radio > label {
    cursor: pointer;
    font-size: 1rem;
    font-weight: 400;
    display: inline-block; }
    .checkbox > label:before,
    .radio > label:before {
      position: relative;
      /* use !important to prevent issues with browser extensions that change fonts */
      font-family: 'gemstones-icons' !important;
      /* Better Font Rendering =========== */
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;
      position: absolute;
      top: 5px;
      left: -25px;
      line-height: 1rem; }
  .checkbox > input,
  .radio > input {
    position: absolute;
    opacity: 0; }
    .checkbox > input:focus ~ label:before,
    .radio > input:focus ~ label:before {
      -webkit-box-shadow: 0px 0px 6px 0 #344235;
      -o-box-shadow: 0px 0px 6px 0 #344235;
      -moz-box-shadow: 0px 0px 6px 0 #344235;
      box-shadow: 0px 0px 6px 0 #344235; }

.checkbox > label:before {
  font-size: 1.125rem;
  content: "\e930";
  padding: 0; }

.checkbox > input[type="checkbox"]:checked ~ label:before {
  content: "\e929" !important;
  color: #344235; }

.radio > label:before {
  font-size: 1.25rem;
  content: "\e928"; }

.radio > input[type="radio"]:checked ~ label:before {
  content: "\e927";
  color: #344235; }

.gem-header-hero-image {
  position: relative;
  margin: 0rem -4.5rem 1.5rem; }
  .gem-header-hero-image .pill {
    border: 2px solid #FFFFFF; }
  .gem-header-hero-image .image-wrapper {
    display: block;
    height: 7.5rem;
    overflow: hidden;
    position: relative;
    z-index: 2; }
    .gem-header-hero-image .image-wrapper img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .gem-header-hero-image .pill {
    z-index: 4;
    position: absolute;
    bottom: -1.25rem;
    right: 4rem; }
  @media only screen and (min-width: 48em) {
    .gem-header-hero-image {
      margin-bottom: 0.5rem; }
      .gem-header-hero-image .image-wrapper {
        height: 15rem; }
      .gem-header-hero-image .pill {
        bottom: 1.5rem;
        right: 4.5rem; } }

.main-title {
  position: relative;
  text-align: center;
  margin: 0 auto 56px; }
  .main-title::after {
    content: '';
    height: 0.5rem;
    width: 7.875rem;
    background-color: #EFC68E;
    display: inline-block; }
  @media only screen and (min-width: 48em) {
    .main-title {
      margin-bottom: 4.5rem; }
      .main-title::after {
        width: 10.875rem; } }
  .main-title h1 {
    margin: 0.5rem 0rem; }
  .main-title p {
    margin: 0; }

.loader {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 2000; }

.loader-backdrop {
  background: rgba(35, 47, 37, 0.31);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

.loader-content {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 10;
  background-color: #fff;
  -webkit-border-radius: 0.3em;
  -moz-border-radius: 0.3em;
  border-radius: 0.3em;
  width: 60px;
  height: 60px;
  margin-left: -30px;
  margin-top: -30px;
  padding: 7px; }

.loader-text {
  border: 0 none;
  clip: rect(0px, 0px, 0px, 0px);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute !important;
  width: 1px; }

.modal {
  display: none;
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 10000000000; }

.modal-backdrop {
  background: rgba(0, 0, 0, 0.32);
  height: 100%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
  z-index: 10; }

.modal-window {
  background: none repeat scroll 0 0 #FAFBF5;
  -webkit-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.18);
  -o-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.18);
  -moz-box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.18);
  box-shadow: 0 0 9px 0 rgba(0, 0, 0, 0.18);
  left: 50%;
  top: 19.5%;
  opacity: 0;
  position: fixed;
  text-align: left;
  z-index: 10;
  width: 100%;
  height: 100vh;
  margin-left: -50%; }
  .modal-window.x-small {
    width: 300px;
    margin-left: -150px; }
  @media only screen and (max-width: 47.9375em) {
    .modal-window {
      display: flex;
      align-items: center;
      height: 100vh !important;
      top: 0 !important; } }
  @media only screen and (min-width: 48em) {
    .modal-window {
      width: 70%;
      margin-left: -35%;
      max-height: 70vh; }
      .modal-window.small {
        width: 400px;
        margin-left: -200px; }
      .modal-window.medium {
        width: 600px;
        margin-left: -300px; }
      .modal-window.large {
        width: 800px;
        margin-left: -400px; } }
  @media only screen and (min-width: 64.0625em) {
    .modal-window {
      width: 70%;
      margin-left: -35%; }
      #promo-modal .modal-window {
        width: 800px;
        margin-left: -400px; } }
  .modal-window.fade.in {
    opacity: 1; }

.modal-close {
  position: absolute;
  right: 24px;
  top: 24px;
  cursor: pointer !important;
  color: #344235;
  z-index: 1; }
  .modal-close .icon {
    font-size: 1.25rem; }

.modal-content {
  margin: 50px 40px;
  max-height: calc(100vh - 100px);
  overflow-y: auto; }
  @media only screen and (min-width: 48em) {
    .modal-content {
      margin: 3.125rem 3.75rem;
      max-height: calc(70vh - 100px); }
      #quick-view-modal .modal-content {
        margin: 3.125rem; } }
  .modal-content.fade.in {
    opacity: 1; }

.modal-header {
  margin: 0rem 0rem 1.5rem; }
  @media only screen and (min-width: 48em) {
    .modal-header {
      margin-top: 1.5rem; } }
  .modal-header h2 {
    margin: 0; }

.modal-body {
  margin: 1.5rem 0rem 3rem; }

.modal-buttons {
  padding: 0.125rem; }
  .modal-buttons .button {
    width: 100%; }
    .modal-buttons .button + .button {
      margin-top: 1.25rem; }

.module-item {
  text-align: left;
  height: auto;
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  padding-left: 1rem;
  padding-right: 1rem; }
  .module-item:not(.remove-btm-padd) {
    padding-bottom: 2rem; }
  .module-item h1, .module-item h2, .module-item h3, .module-item h4, .module-item h5, .module-item h6 {
    margin: 0.25rem 0rem; }
  .module-item .image-wrapper, .module-item .video-wrapper {
    height: inherit; }
    .module-item .image-wrapper figure, .module-item .video-wrapper figure {
      margin: 0; }
    .module-item .image-wrapper figcaption, .module-item .video-wrapper figcaption {
      margin-top: 0.3125rem; }
  .module-item .center-content {
    text-align: center; }
  .module-item .column-main {
    order: 2; }
  .module-item .column-secondary {
    order: 1; }
  .module-item .column-secondary .image-wrapper {
    overflow: visible; }
  .module-item .block-wrapper {
    position: relative;
    display: flex;
    flex-flow: row wrap;
    align-items: flex-start;
    border-radius: 0.5rem;
    overflow: hidden;
    height: 100%;
    align-content: flex-start; }
    .module-item .block-wrapper:after {
      content: " ";
      width: 100%;
      position: absolute;
      bottom: 0;
      border-bottom-width: 0.75rem;
      border-bottom-style: solid;
      border-bottom-color: transparent; }
    .module-item .block-wrapper.block-link:hover:after {
      border-bottom-color: #EFC68E !important; }
    .module-item .block-wrapper .category {
      text-transform: capitalize; }
      .module-item .block-wrapper .category.pill:not(.icon-only) {
        position: relative;
        top: -45px; }
      .module-item .block-wrapper .category.pill.icon-only {
        position: absolute; }
        @media only screen and (max-width: 47.9375em) {
          .module-item .block-wrapper .category.pill.icon-only {
            top: -26px;
            left: 50%;
            transform: translateX(-50%); } }
      @media only screen and (min-width: 48em) {
        .module-item .block-wrapper .category.pill.icon-only {
          left: -24px; } }
      .module-item .block-wrapper .category .icon {
        font-size: 1.5rem;
        padding: 0.25rem 0.25rem 0.25rem 2.125rem;
        vertical-align: bottom; }
      .module-item .block-wrapper .category.icon-only {
        padding: 0.25rem 0.25rem;
        border-radius: 2.5rem; }
        .module-item .block-wrapper .category.icon-only .icon {
          font-size: 2.5rem; }
    .module-item .block-wrapper .category.pill:not(.icon-only) + .title-wrapper {
      margin-top: -40px; }
    .module-item .block-wrapper .content-wrapper .content:not(:last-child) {
      margin-bottom: 1.5rem; }
    .module-item .block-wrapper .column-secondary,
    .module-item .block-wrapper .title-wrapper, .module-item .block-wrapper .content-wrapper, .module-item .block-wrapper .image-wrapper, .module-item .block-wrapper .video-wrapper {
      width: 100%;
      z-index: 4; }
    .module-item .block-wrapper .column-main {
      display: flex;
      flex-flow: row wrap;
      align-content: flex-start;
      width: 100%;
      z-index: 8; }
      .module-item .block-wrapper .column-main p {
        font-weight: 400;
        font-family: Lato, arial, helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.375rem; }
        @media only screen and (min-width: 48em) {
          .module-item .block-wrapper .column-main p {
            font-size: 1.125rem;
            line-height: 1.375rem; } }
  .module-item img {
    object-fit: contain;
    width: 100%;
    height: 100%; }

@media only screen and (max-width: 64em) {
  .showcase-home .remove-btm-padd {
    padding-bottom: 2rem; } }

.module-item-container {
  margin-left: -1rem;
  margin-right: -1rem; }
  .module-item-container:not(.cs-carousel), .module-item-container:not(.carousel-slider) {
    display: flex;
    flex-flow: row wrap;
    justify-content: flex-start; }
  .module-item-container .slick-track {
    display: flex;
    flex-flow: row nowrap;
    min-width: 100%; }
  .module-item-container .block-wrapper .content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5.1em; }
  .module-item-container.columns-4 h2, .module-item-container.columns-4 h3, .module-item-container.columns-4 h4, .module-item-container.columns-4 h5, .module-item-container.columns-4 h6 {
    font-weight: 900;
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 48em) {
      .module-item-container.columns-4 h2, .module-item-container.columns-4 h3, .module-item-container.columns-4 h4, .module-item-container.columns-4 h5, .module-item-container.columns-4 h6 {
        font-size: 1.375rem;
        line-height: 1.5rem; } }
  .module-item-container.columns-4 .block-wrapper .content {
    display: -webkit-box;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5.4em; }
    @media only screen and (min-width: 48em) {
      .module-item-container.columns-4 .block-wrapper .content {
        display: -webkit-box;
        -webkit-line-clamp: 4;
        -webkit-box-orient: vertical;
        overflow: hidden;
        max-height: 5em; } }
  @media only screen and (min-width: 48em) {
    .module-item-container.columns-2 {
      margin-left: -2.5rem;
      margin-right: -2.5rem; }
      .module-item-container.columns-2 .module-item {
        width: calc(100% / 2); }
      .module-item-container.columns-2 .module-item {
        padding-left: 2.5rem;
        padding-right: 2.5rem;
        padding-bottom: 5rem; } }
  @media only screen and (min-width: 64.0625em) {
    .module-item-container.columns-2 .module-item {
      width: 50%; } }
  @media only screen and (min-width: 48em) {
    .module-item-container.columns-3 {
      margin-left: -2rem;
      margin-right: -2rem; }
      .module-item-container.columns-3 .module-item {
        width: calc(100% / 3); }
      .module-item-container.columns-3 .module-item {
        padding-left: 2rem;
        padding-right: 2rem;
        padding-bottom: 4rem; } }
  @media only screen and (min-width: 64.0625em) {
    .module-item-container.columns-3 .module-item {
      width: 33.3333333333%; } }
  @media only screen and (min-width: 48em) {
    .module-item-container.columns-4 .module-item {
      width: 33.3333333333%; } }
  @media only screen and (min-width: 64.0625em) {
    .module-item-container.columns-4 .module-item {
      width: 25%; } }
  .module-item-container.item-format-stacked .column-main, .module-item-container.item-format-stacked .column-secondary, .module-item-container.item-format-linear .column-main, .module-item-container.item-format-linear .column-secondary {
    width: 100%;
    position: relative; }
  .module-item-container.item-format-stacked .column-main, .module-item-container.item-format-linear .column-main {
    padding: 1.5rem 2.5rem; }
  .module-item-container.item-format-stacked .image-wrapper, .module-item-container.item-format-linear .image-wrapper {
    border-radius: 0.5rem 0.5rem 0rem 0rem; }
  .module-item-container.item-format-linear .module-item .block-wrapper .category.pill:not(.icon-only) {
    top: 0; }
    .module-item-container.item-format-linear .module-item .block-wrapper .category.pill:not(.icon-only) + .title-wrapper {
      margin-top: 0; }
  @media only screen and (min-width: 48em) {
    .module-item-container.item-format-linear.columns-1 .column-main, .module-item-container.item-format-linear.columns-1 .column-secondary {
      width: 50%;
      height: 100%; }
    .module-item-container.item-format-linear.columns-1 .column-main {
      padding: 1rem 2rem;
      align-items: center;
      align-content: center; } }
  .module-item-container.item-format-linear.columns-1 .image-wrapper {
    border-radius: 0.5rem 0rem 0rem 0.5rem; }

.module-list {
  font-weight: 400;
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem;
  /* Module Theme Colors
    ========================================================= 
    Note: 
    lg - light green
    dg - dark green
    lbg - light bluish green
    fg - faded green
    */ }
  @media only screen and (min-width: 48em) {
    .module-list {
      font-size: 1.125rem;
      line-height: 1.375rem; } }
  .module-list .list-title h1, .module-list .list-title h2, .module-list .list-title h3, .module-list .list-title h4, .module-list .list-title h5, .module-list .list-title h6 {
    margin-top: 0;
    margin-bottom: 1.5rem; }
  .module-list .list-title h2 a {
    color: #111111 !important; }
  .module-list .list-title a {
    display: inline-block;
    padding-bottom: 0.5rem;
    position: relative; }
    .module-list .list-title a .icon {
      font-size: 0.875rem;
      padding-left: 0.5rem;
      vertical-align: middle;
      color: #597D7A; }
    .module-list .list-title a:hover :hover {
      text-decoration: none;
      background-color: transparent; }
    .module-list .list-title a:hover:after {
      content: '';
      height: 0.25rem;
      width: 100%;
      background-color: #EFC68E;
      display: block;
      position: absolute;
      bottom: 0;
      left: 0; }
  .module-list.expand {
    padding-left: 0;
    padding-right: 0; }
    @media only screen and (max-width: 47.9375em) {
      .module-list.expand .column-main {
        padding-left: 4.5rem;
        padding-right: 4.5rem; } }
  .module-list.theme-white-on-green, .module-list.theme-dg-on-lbg {
    padding: 2.5rem 4.5rem;
    margin-left: -4.5rem;
    margin-right: -4.5rem; }
    @media only screen and (min-width: 48em) {
      .module-list.theme-white-on-green, .module-list.theme-dg-on-lbg {
        padding-top: 5rem;
        padding-bottom: 5rem; } }
  .module-list.theme-lg-on-white .image-wrapper, .module-list.theme-fadedGreen-on-white .image-wrapper, .module-list.theme-darkGreen-on-white .image-wrapper, .module-list.theme-cycle-dg-lg-on-white .image-wrapper, .module-list.theme-cycle-lg-dg-on-white .image-wrapper {
    border: 1px solid #EDECE2; }
  .module-list.theme-lg-on-white .columns-1 .image-wrapper, .module-list.theme-fadedGreen-on-white .columns-1 .image-wrapper, .module-list.theme-darkGreen-on-white .columns-1 .image-wrapper, .module-list.theme-cycle-dg-lg-on-white .columns-1 .image-wrapper, .module-list.theme-cycle-lg-dg-on-white .columns-1 .image-wrapper {
    border-width: 2px; }
  .module-list.theme-lg-on-white .item-format-stacked .image-wrapper, .module-list.theme-fadedGreen-on-white .item-format-stacked .image-wrapper, .module-list.theme-darkGreen-on-white .item-format-stacked .image-wrapper, .module-list.theme-cycle-dg-lg-on-white .item-format-stacked .image-wrapper, .module-list.theme-cycle-lg-dg-on-white .item-format-stacked .image-wrapper {
    border-bottom: none; }
  @media only screen and (max-width: 47.9375em) {
    .module-list.theme-lg-on-white .item-format-linear .image-wrapper, .module-list.theme-fadedGreen-on-white .item-format-linear .image-wrapper, .module-list.theme-darkGreen-on-white .item-format-linear .image-wrapper, .module-list.theme-cycle-dg-lg-on-white .item-format-linear .image-wrapper, .module-list.theme-cycle-lg-dg-on-white .item-format-linear .image-wrapper {
      border-bottom: none; } }
  @media only screen and (min-width: 48em) {
    .module-list.theme-lg-on-white .item-format-linear .image-wrapper, .module-list.theme-fadedGreen-on-white .item-format-linear .image-wrapper, .module-list.theme-darkGreen-on-white .item-format-linear .image-wrapper, .module-list.theme-cycle-dg-lg-on-white .item-format-linear .image-wrapper, .module-list.theme-cycle-lg-dg-on-white .item-format-linear .image-wrapper {
      border-right: none; } }
  .module-list .module-item-container.item-format-linear.columns-1 .category {
    margin-bottom: 1.5rem; }

.module-featured-list {
  font-weight: 400;
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 48em) {
    .module-featured-list {
      font-size: 1.125rem;
      line-height: 1.375rem; } }
  .module-featured-list .section-content {
    display: flex;
    flex-flow: row wrap; }
  .module-featured-list .section-feature, .module-featured-list .section-main {
    float: left;
    position: relative; }
  .module-featured-list .list-title h1, .module-featured-list .list-title h2, .module-featured-list .list-title h3, .module-featured-list .list-title h4, .module-featured-list .list-title h5, .module-featured-list .list-title h6 {
    margin-top: 0;
    margin-bottom: 1.5rem; }
  .module-featured-list .section-feature {
    width: 100%; }
    .module-featured-list .section-feature .module-item-container {
      height: 100%; }
    @media only screen and (min-width: 48em) {
      .module-featured-list .section-feature {
        width: 332px; }
        .module-featured-list .section-feature:first-child {
          padding-right: 2rem; }
        .module-featured-list .section-feature:last-child {
          padding-left: 2rem; } }
    @media only screen and (min-width: 64.0625em) {
      .module-featured-list .section-feature {
        width: 432px; }
        .module-featured-list .section-feature:first-child {
          padding-right: 4.5rem; }
        .module-featured-list .section-feature:last-child {
          padding-left: 4.5rem; } }
    .module-featured-list .section-feature .column-main {
      padding: 2.5rem; }
    .module-featured-list .section-feature .module-item .block-wrapper .category.pill:not(.icon-only) {
      top: -60px; }
  .module-featured-list .section-main {
    width: 100%; }
    .module-featured-list .section-main .module-item-container h1, .module-featured-list .section-main .module-item-container h2, .module-featured-list .section-main .module-item-container h3, .module-featured-list .section-main .module-item-container h4, .module-featured-list .section-main .module-item-container h5, .module-featured-list .section-main .module-item-container h6 {
      font-weight: 900;
      font-family: "Lato Black", arial, helvetica, sans-serif;
      font-size: 1.125rem;
      line-height: 1.375rem; }
      @media only screen and (min-width: 48em) {
        .module-featured-list .section-main .module-item-container h1, .module-featured-list .section-main .module-item-container h2, .module-featured-list .section-main .module-item-container h3, .module-featured-list .section-main .module-item-container h4, .module-featured-list .section-main .module-item-container h5, .module-featured-list .section-main .module-item-container h6 {
          font-size: 1.375rem;
          line-height: 1.5rem; } }
    @media only screen and (min-width: 48em) {
      .module-featured-list .section-main {
        width: calc(100% - 332px); } }
    @media only screen and (min-width: 64.0625em) {
      .module-featured-list .section-main {
        width: calc(100% - 432px); } }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .image-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .image-wrapper {
    border: 1px solid #EDECE2; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .image-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .image-wrapper {
    border-bottom: none; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-feature .content, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-feature .content {
    display: -webkit-box;
    -webkit-line-clamp: 3;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 5.1em; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .section-main .block-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .section-main .block-wrapper {
    min-height: 180px; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .item-format-stacked .image-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .item-format-stacked .image-wrapper {
    border-bottom: none; }
  @media only screen and (max-width: 47.9375em) {
    .module-featured-list.theme-dg-feature-lbg-list-white-bg .item-format-linear .image-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .item-format-linear .image-wrapper {
      border-bottom: none; } }
  @media only screen and (min-width: 48em) {
    .module-featured-list.theme-dg-feature-lbg-list-white-bg .item-format-linear .image-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .item-format-linear .image-wrapper {
      border-right: none; } }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .column-main, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .column-main {
    width: 100%; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .column-secondary, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .column-secondary {
    width: 100%; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .image-wrapper, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .image-wrapper {
    border-width: 2px; }
  .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .content, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .content {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 3.4em; }
  @media only screen and (min-width: 48em) {
    .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .column-main, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .column-main {
      width: calc(100% - 150px); }
    .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .column-secondary, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .column-secondary {
      width: 150px; } }
  @media only screen and (min-width: 64.0625em) {
    .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .column-main, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .column-main {
      width: calc(100% - 220px); }
    .module-featured-list.theme-dg-feature-lbg-list-white-bg .columns-1 .column-secondary, .module-featured-list.theme-lg-feature-dg-list-white-bg .columns-1 .column-secondary {
      width: 220px; } }
  .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature {
    width: 100%; }
    .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature .content {
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      max-height: 3.4em; }
  .module-featured-list.theme-lg-items-white-bg-list-icons .section-main {
    width: 100%; }
    .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .module-item-container h1, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .module-item-container h2, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .module-item-container h3, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .module-item-container h4, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .module-item-container h5, .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .module-item-container h6 {
      font-weight: 900;
      font-family: "Lato Black", arial, helvetica, sans-serif;
      font-size: 1.125rem;
      line-height: 1.5rem; }
  .module-featured-list.theme-lg-items-white-bg-list-icons .section-main .block-wrapper {
    min-height: 120px; }
  @media only screen and (min-width: 48em) {
    .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature {
      width: 400px; }
    .module-featured-list.theme-lg-items-white-bg-list-icons .section-main {
      width: calc(100% - 400px); } }
  @media only screen and (min-width: 64.0625em) {
    .module-featured-list.theme-lg-items-white-bg-list-icons .section-feature {
      width: 600px; }
    .module-featured-list.theme-lg-items-white-bg-list-icons .section-main {
      width: calc(100% - 600px); } }
  .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .content {
    display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    overflow: hidden;
    max-height: 1.4em; }
  .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .column-main {
    width: 100%; }
  .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .column-secondary {
    width: 100%; }
  @media only screen and (min-width: 48em) {
    .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .column-main {
      width: calc(100% - 150px); }
    .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .column-secondary {
      width: 150px; } }
  @media only screen and (min-width: 64.0625em) {
    .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .column-main {
      width: calc(100% - 200px); }
    .module-featured-list.theme-lg-items-white-bg-list-icons .columns-1 .column-secondary {
      width: 200px; } }

.off-canvas-wrap {
  -webkit-backface-visibility: hidden;
  position: relative;
  width: 100%;
  overflow: hidden; }
  .off-canvas-wrap.move-right, .off-canvas-wrap.move-left {
    min-height: 100%;
    -webkit-overflow-scrolling: touch; }

.inner-wrap {
  position: relative;
  width: 100%;
  -webkit-transition: -webkit-transform 500ms ease;
  -moz-transition: -moz-transform 500ms ease;
  -ms-transition: -ms-transform 500ms ease;
  -o-transition: -o-transform 500ms ease;
  transition: transform 500ms ease; }
  .inner-wrap:before, .inner-wrap:after {
    content: " ";
    display: table; }
  .inner-wrap:after {
    clear: both; }

.off-canvas-menu, .off-canvas-filter-menu {
  -webkit-backface-visibility: hidden;
  width: 16.375rem;
  top: 0;
  bottom: 0;
  position: absolute;
  overflow-x: hidden;
  overflow-y: auto;
  background: #FFFFFF;
  z-index: 1001;
  box-sizing: content-box;
  transition: transform 500ms ease 0s;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -ms-transform: translate(-100%, 0);
  -webkit-transform: translate3d(-100%, 0, 0);
  -moz-transform: translate3d(-100%, 0, 0);
  -ms-transform: translate3d(-100%, 0, 0);
  -o-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
  left: 0; }
  .off-canvas-menu *, .off-canvas-filter-menu * {
    -webkit-backface-visibility: hidden; }

.move-right {
  overflow-y: hidden; }
  .move-right > .inner-wrap {
    -ms-transform: translate(16.375rem, 0);
    -webkit-transform: translate3d(16.375rem, 0, 0);
    -moz-transform: translate3d(16.375rem, 0, 0);
    -ms-transform: translate3d(16.375rem, 0, 0);
    -o-transform: translate3d(16.375rem, 0, 0);
    transform: translate3d(16.375rem, 0, 0); }
  .move-right .off-canvas-menu {
    -webkit-box-shadow: 0px 0px 10px 0 #344235;
    -o-box-shadow: 0px 0px 10px 0 #344235;
    -moz-box-shadow: 0px 0px 10px 0 #344235;
    box-shadow: 0px 0px 10px 0 #344235; }
  .move-right a.exit-off-canvas,
  .move-right span.exit-off-canvas {
    -webkit-backface-visibility: hidden;
    transition: background 300ms ease;
    cursor: pointer;
    display: block;
    position: absolute;
    background: rgba(35, 47, 37, 0.31);
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1002;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.offcanvas-overlap .off-canvas-menu,
.offcanvas-overlap-filter .off-canvas-filter-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
  -webkit-box-shadow: 0px 0px 10px 0 #344235;
  -o-box-shadow: 0px 0px 10px 0 #344235;
  -moz-box-shadow: 0px 0px 10px 0 #344235;
  box-shadow: 0px 0px 10px 0 #344235;
  border-radius: 0 28px 28px 0;
  visibility: visible; }

.offcanvas-overlap a.exit-off-canvas,
.offcanvas-overlap span.exit-off-canvas, .offcanvas-overlap-filter a.exit-off-canvas,
.offcanvas-overlap-filter span.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  display: block;
  position: absolute;
  background: rgba(35, 47, 37, 0.31);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

.offcanvas-overlap-right .off-canvas-menu {
  -ms-transform: none;
  -webkit-transform: none;
  -moz-transform: none;
  -o-transform: none;
  transform: none;
  z-index: 1003;
  -webkit-box-shadow: 0px 0px 10px 0 #344235;
  -o-box-shadow: 0px 0px 10px 0 #344235;
  -moz-box-shadow: 0px 0px 10px 0 #344235;
  box-shadow: 0px 0px 10px 0 #344235; }

.offcanvas-overlap-right a.exit-off-canvas,
.offcanvas-overlap-right span.exit-off-canvas {
  -webkit-backface-visibility: hidden;
  transition: background 300ms ease;
  cursor: pointer;
  display: block;
  position: absolute;
  background: rgba(35, 47, 37, 0.31);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1002;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

nav.off-canvas-menu .exit-off-canvas, nav.off-canvas-filter-menu .exit-off-canvas {
  display: none; }

nav .off-canvas-filter-toggle {
  margin-bottom: 16px; }

.off-canvas-filter-menu {
  visibility: hidden; }

.off-canvas-list {
  list-style-type: none;
  padding: 0;
  margin: 0; }
  .off-canvas-list li {
    text-transform: uppercase; }
    .off-canvas-list li label {
      background: #FFFFFF;
      border-bottom: 1px solid #74746D;
      border-top: none;
      color: #344235;
      display: block;
      font-size: 0.9375rem;
      font-weight: 700;
      margin: 0px;
      padding: 1.5rem 1.25rem 0.75rem;
      text-transform: uppercase; }
    .off-canvas-list li a {
      position: relative;
      display: block;
      padding: 0.9375rem 2.8125rem 0.9375rem 1.25rem;
      color: #344235;
      text-transform: uppercase;
      font-size: 0.9375rem;
      font-weight: 400;
      background-color: #FFFFFF;
      border-bottom: 1px solid #74746D;
      border-top: 0;
      transition: background 300ms ease;
      font-size: 0.875rem; }
      .off-canvas-list li a:hover, .off-canvas-list li a:focus {
        text-decoration: none; }
        .off-canvas-list li a:hover .icon, .off-canvas-list li a:focus .icon {
          color: #344235; }
  .off-canvas-list .icon {
    position: absolute;
    right: 13px;
    top: 16px;
    color: #344235;
    font-size: 1.5rem; }
  .off-canvas-list .icon-arrow-right {
    right: 18px;
    font-size: 1.25rem; }
  .off-canvas-list .accordion-container ul {
    margin: 0;
    padding: 0;
    list-style: none; }
    .off-canvas-list .accordion-container ul li a {
      color: #344235;
      background-color: #74746D;
      border-color: #EDECE2;
      padding: 0.9375rem 2.5rem 0.9375rem 1.875rem; }
      .off-canvas-list .accordion-container ul li a .icon {
        color: #344235; }
  .off-canvas-list .accordion-container .accordion-container ul li a {
    color: #344235;
    background-color: #EDECE2;
    border-color: #74746D;
    padding: 0.9375rem 2.5rem;
    text-transform: none; }
    .off-canvas-list .accordion-container .accordion-container ul li a .icon {
      color: #344235; }

.no-csstransforms .off-canvas-menu {
  left: -16.375rem; }

.no-csstransforms .move-right > .inner-wrap {
  left: 16.375rem; }

.filter-nav {
  position: fixed;
  background-color: #EDECE2;
  width: 100%;
  max-width: 360px;
  min-width: 262px;
  overflow-x: hidden;
  overflow-y: hidden; }
  .filter-nav .filter-title {
    margin: 0;
    padding: 32px; }
    .filter-nav .filter-title:focus > span {
      outline-offset: 8px;
      outline: 2px solid #344235; }
  .filter-nav nav {
    text-align: left;
    position: relative;
    width: 100%;
    height: 100%; }
    .filter-nav nav > ul {
      margin: 0rem;
      padding: 0rem; }
  .filter-nav a {
    text-decoration: none; }
  .filter-nav .nav-title {
    height: 104px;
    background-color: #F5F7ED; }
  .filter-nav .closeButton {
    outline: none;
    border: none;
    position: absolute;
    right: 0;
    top: 0;
    background: #EDECE2;
    width: 104px;
    height: 104px; }
    .filter-nav .closeButton .icon {
      font-size: 1rem; }
    .filter-nav .closeButton:focus > span {
      outline-offset: 8px;
      outline: 2px solid #344235; }
  .filter-nav .content-container {
    background-color: #FFFFFF;
    position: absolute;
    top: 104px;
    bottom: 0;
    width: inherit; }
    .filter-nav .content-container .filters {
      height: 100%; }

.facet-menu {
  height: inherit;
  /* width */
  /* Handle */
  /* Handle on hover */
  /* Handle on active */ }
  .facet-menu ::-webkit-scrollbar {
    width: 12px; }
  .facet-menu ::-webkit-scrollbar-thumb {
    background: #F4F0E5;
    border-radius: 6px; }
  .facet-menu ::-webkit-scrollbar-thumb:hover {
    background: #EFC68E;
    cursor: grab; }
  .facet-menu ::-webkit-scrollbar-thumb:active {
    cursor: grabbing; }
  .facet-menu .button {
    padding: 8px 16px; }
  @media only screen and (min-width: 48em) {
    .facet-menu .button {
      padding: 12px 32px; } }
  .facet-menu .facet-choices {
    font-size: 1rem;
    line-height: 1.5rem;
    font-family: Lato, arial, helvetica, sans-serif; }
    .facet-menu .facet-choices .applied-facets {
      padding-top: 8px;
      padding-bottom: 12px;
      white-space: nowrap;
      overflow: hidden;
      margin-right: 24px; }
      .facet-menu .facet-choices .applied-facets .pill.tag-pill {
        background-color: #597D7A;
        color: #FFFFFF;
        font-weight: 400;
        margin-right: 8px;
        margin-top: 0; }
        .facet-menu .facet-choices .applied-facets .pill.tag-pill .icon-close {
          font-size: 1rem;
          vertical-align: middle;
          padding-left: 8px;
          color: #111111; }
        .facet-menu .facet-choices .applied-facets .pill.tag-pill.additional-facets {
          background-color: #344235; }
      .facet-menu .facet-choices .applied-facets .icon-close {
        font-size: 1rem; }
    .facet-menu .facet-choices .applied-facets .additional-facets:first-child, .facet-menu .facet-choices .applied-facets .facet-default {
      display: none; }
    .facet-menu .facet-choices .applied-facets .facet-default:nth-child(2) {
      display: block; }
    .facet-menu .facet-choices .applied-facets.facets-show-one .applied-facet:nth-child(n+2),
    .facet-menu .facet-choices .applied-facets.facets-show-two .applied-facet:nth-child(n+3),
    .facet-menu .facet-choices .applied-facets.facets-show-three .applied-facet:nth-child(n+4) {
      position: absolute;
      left: -100%; }
    .facet-menu .facet-choices .applied-facets.facets-show-one .additional-facets:nth-child(-n+2),
    .facet-menu .facet-choices .applied-facets.facets-show-two .additional-facets:nth-child(-n+3),
    .facet-menu .facet-choices .applied-facets.facets-show-three .additional-facets:nth-child(-n+4) {
      display: none; }
  .facet-menu .facet {
    float: left; }
  .facet-menu .facet-content.facet-categories {
    position: relative;
    overflow: hidden;
    padding-bottom: 32px;
    overflow-y: auto;
    height: calc(100% - 104px); }
  .facet-menu .facet-content .facet-title-wrapper {
    font-size: 1rem;
    line-height: 1.375rem;
    font-weight: bold;
    color: #344235;
    position: relative;
    padding: 16px 32px 0;
    margin: 0;
    cursor: pointer; }
    .facet-menu .facet-content .facet-title-wrapper input:focus + label:before {
      outline-offset: 2px;
      outline: 2px solid #344235; }
    .facet-menu .facet-content .facet-title-wrapper:not(.field-group):hover {
      text-decoration: none;
      background-color: #F5F7ED; }
    .facet-menu .facet-content .facet-title-wrapper.active {
      border-bottom: none;
      background-color: #F5F7ED;
      cursor: not-allowed;
      pointer-events: none; }
    .facet-menu .facet-content .facet-title-wrapper .icon-arrow-forward {
      position: absolute;
      right: 32px;
      bottom: 16px;
      font-size: 1.125rem; }
    @media only screen and (min-width: 48em) {
      .facet-menu .facet-content .facet-title-wrapper {
        font-size: 1.125rem;
        line-height: 1.375rem; } }
  .facet-menu .facet-options {
    overflow-y: auto;
    width: 100%;
    padding: 32px 32px 0;
    position: absolute;
    top: 0;
    bottom: 104px; }
  .facet-menu .facet-submission {
    text-align: center;
    background-color: #F5F7ED;
    height: 104px;
    padding-top: 28px;
    position: absolute;
    width: 100%;
    left: 0;
    bottom: 0; }
    .facet-menu .facet-submission button:first-child {
      margin-right: 16px; }
  .facet-menu .filter-list {
    padding-bottom: 32px; }
  .facet-menu .filter-list.col-3 .facet {
    width: 33%; }
  .facet-menu .filter-list.col-2 .facet {
    width: 50%; }
  .facet-menu .filter-list.col-1 .facet {
    width: 100%; }

/* overall wrapper */
.slider-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  padding: 11px 0 14px;
  /* overrides for product tile when in the slider */ }
  .slider-container:before, .slider-container:after {
    content: " ";
    display: table; }
  .slider-container:after {
    clear: both; }
  .slider-container .product-tile {
    margin: 10px; }

.slider-title {
  font-size: 1.125rem;
  text-transform: uppercase;
  margin-bottom: 15px;
  border-bottom: solid 1px #597D7A; }

.slider-link {
  font-size: 0.75rem;
  padding-left: 0.5rem;
  font-weight: 400;
  line-height: 1; }

/* wraps around slick component and keeps nav arrows from overhanging if arrows are to the left and right of slider
(optional depending on arrow placement) */
.slider-content {
  margin: 0 40px; }

table {
  border-collapse: collapse;
  margin: 0;
  padding: 0;
  width: 100%;
  table-layout: fixed;
  font-size: 0.8125rem; }
  table caption {
    text-align: left;
    line-height: 1.3125rem;
    margin: 2.5rem 0rem 0.3125rem; }
    @media only screen and (min-width: 48em) {
      table caption {
        margin-top: 1.25rem; } }
  table thead {
    border-bottom: 1px solid #597D7A; }
  table th, table td {
    text-align: left;
    padding: 0.25rem 0rem; }
    @media only screen and (min-width: 48em) {
      table th, table td {
        max-width: 150px; } }
    table th:last-of-type, table td:last-of-type {
      text-align: right; }
  @media only screen and (max-width: 47.9375em) {
    table:not(.non-responsive) thead {
      border: none;
      clip: rect(0 0 0 0);
      height: 1px;
      margin: -1px;
      overflow: hidden;
      padding: 0;
      position: absolute;
      width: 1px; }
    table:not(.non-responsive) tr {
      display: block; }
      table:not(.non-responsive) tr + tr {
        margin-top: 1.25rem; }
    table:not(.non-responsive) td {
      display: block;
      text-align: right;
      padding: 0; }
      table:not(.non-responsive) td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700; }
      table:not(.non-responsive) td:last-child {
        border-bottom: 0; } }

.tabs ul {
  padding: 0;
  font-size: 0; }

.tabs .tabs-container {
  border: 2px solid #EDECE2;
  border-bottom: none;
  border-radius: 0.5rem 0.5rem 0rem 0rem;
  min-height: 11.25rem;
  position: relative;
  overflow: hidden; }
  .tabs .tabs-container .slider {
    display: flex;
    min-width: 100%;
    height: 100%;
    position: absolute;
    left: 0;
    transition: left .5s; }

.tabs .tab-title {
  display: inline-block;
  border-left: 1px solid #EDECE2;
  border-right: 1px solid #EDECE2;
  padding: 2rem 2rem 0rem;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  height: inherit;
  cursor: pointer;
  background: none;
  color: #111111;
  margin-top: 0;
  margin-bottom: 0;
  vertical-align: middle; }
  @media only screen and (min-width: 48em) {
    .tabs .tab-title {
      font-size: 1.125rem;
      line-height: 1.5rem; } }
  .tabs .tab-title:hover {
    text-decoration: none;
    background-color: #EDECE2;
    color: #111111; }
  .tabs .tab-title.active {
    border-radius: 0.5rem 0.5rem 0rem 0rem;
    border-bottom: none;
    color: #FFFFFF;
    background-color: #344235;
    cursor: not-allowed;
    pointer-events: none; }
  .tabs .tab-title:first-child {
    border-left: none; }
  .tabs .tab-title:last-child {
    border-right: none; }

.tabs .tab-title + .tab-title {
  border-left: 0; }

.tabs .tabs-content {
  padding: 32px 16px;
  margin-top: -1px;
  background-color: #EDECE2;
  font-size: 1.125rem;
  border-radius: 0rem 0rem 0.5rem 0.5rem; }
  .tabs .tabs-content p {
    margin-top: 0; }

.tabs .tab-body {
  display: none; }
  .tabs .tab-body.active {
    display: block; }

.tabs-vertical {
  background-color: #FFFFFF; }
  .tabs-vertical ul {
    padding: 0;
    font-size: 0; }
  .tabs-vertical li {
    list-style: none; }
  .tabs-vertical .tabs-container {
    padding-top: 32px; }
  .tabs-vertical .tab-title, .tabs-vertical .field-group {
    display: block;
    font-size: 1.125rem;
    line-height: 1.375rem;
    font-family: "Lato Bold", arial, helvetica, sans-serif;
    background: none;
    color: #344235;
    margin-top: 0;
    margin-bottom: 0; }
  .tabs-vertical .tab-title {
    cursor: pointer; }
    .tabs-vertical .tab-title:focus {
      outline: 2px solid #344235; }
  .tabs-vertical .tab-title + .tab-title, .tabs-vertical .tabs-container + .facet-title-wrapper {
    border-top: solid 1px #DAE1E0; }
  .tabs-vertical .tabs-content {
    font-size: 1rem;
    line-height: 1.5rem; }
  .tabs-vertical .tab-body {
    min-height: 100%;
    width: 100%;
    background: #FFFFFF;
    display: none; }
    .tabs-vertical .tab-body.active {
      display: block; }
  .tabs-vertical .tabs-slide {
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%;
    left: -110%; }
    .tabs-vertical .tabs-slide .tab-body {
      position: absolute;
      top: 0;
      left: 0;
      background: #FFFFFF;
      display: block;
      transition: left 0.5s;
      box-shadow: 0px 10px 10px 0 #344235;
      z-index: 6; }
      .tabs-vertical .tabs-slide .tab-body.active {
        display: block;
        left: 110%; }

.pre-tooltip-label {
  display: inline-block; }

.tooltip {
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  font-size: 0.875rem;
  top: -2px;
  left: 5px; }

.tooltip-content {
  background: #FFFFFF;
  color: #111111;
  -webkit-box-shadow: 0px 0px 6px 0 #232F25;
  -o-box-shadow: 0px 0px 6px 0 #232F25;
  -moz-box-shadow: 0px 0px 6px 0 #232F25;
  box-shadow: 0px 0px 6px 0 #232F25;
  display: none;
  font-size: 0.875rem;
  font-weight: normal;
  line-height: 1.3;
  max-width: 290px;
  padding: 0.9375rem;
  position: absolute;
  width: 100%;
  z-index: 1006;
  left: 50%; }
  .tooltip-content > .nub {
    display: block;
    height: 0;
    pointer-events: none;
    position: absolute;
    bottom: -18px;
    width: 0;
    left: calc(50% - 9px);
    border: 9px solid transparent;
    border-top-color: #FFFFFF;
    border-top-width: 18px;
    border-bottom-width: 0;
    filter: drop-shadow(0px 2px 1px #232F25); }
  .tooltip-content.opened {
    border-bottom: dotted 1px #134b5b !important;
    color: #2ba6cb !important; }
  .tooltip-content.bottom > .nub {
    bottom: auto;
    top: -18px;
    border: 9px solid transparent;
    border-bottom-color: #FFFFFF;
    border-bottom-width: 18px;
    border-top-width: 0;
    filter: drop-shadow(0px -2px 1px #232F25); }

span[data-tooltip] {
  padding: 0.5rem; }

/* only use styles in here that you want to apply to all typea on the site. Otherwise contextually style
(.parentClass .accordion) or add addtional classes to the accordion element. */
.video-container iframe,
.video-container video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-container,
.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  overflow: hidden;
  width: 100%; }

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

.video-block {
  width: 100%;
  height: 100%; }

@media only screen and (min-width: 48em) {
  .video-wrapper {
    position: relative; } }

.share-link {
  position: absolute;
  right: 68px;
  top: -28px;
  background-color: #344235;
  border-radius: 28px;
  padding: 16px;
  width: 56px;
  height: 56px;
  color: #EFC68E;
  font-size: 16pt; }
  .share-link .icon-close {
    display: none; }
  .share-link.active .icon-close {
    display: block; }
  .share-link.active > .icon-share {
    display: none; }
  @media only screen and (min-width: 48em) {
    .share-link {
      top: 120px;
      left: -27px; }
      .share-link.active .icon-close {
        display: none; }
      .share-link.active > .icon-share {
        display: block; } }

.video-wrapper .share-link {
  position: absolute;
  top: auto;
  left: auto;
  background-color: #344235;
  border-radius: 28px;
  padding: 16px;
  width: 56px;
  height: 56px;
  color: #EFC68E;
  font-size: 16pt; }
  .video-wrapper .share-link .icon-close {
    display: none; }
  .video-wrapper .share-link.active .icon-close {
    display: block; }
  .video-wrapper .share-link.active > .icon-share {
    display: none; }
  @media only screen and (min-width: 48em) {
    .video-wrapper .share-link {
      right: 0; }
      .video-wrapper .share-link.active .icon-close {
        display: none; }
      .video-wrapper .share-link.active > .icon-share {
        display: block; } }

.video-wrapper h1 {
  padding-right: 100px; }

.share-link:hover {
  background-color: #EFC68E;
  color: #344235;
  text-decoration: none; }

.arrow-top {
  width: 0;
  height: 0;
  color: #FFFFFF;
  border: 18px solid transparent;
  border-bottom-color: #FFFFFF;
  margin-top: -17px;
  margin-left: 12px;
  box-shadow: 0px 3px 6px #0000003E;
  transform: translateX(-50%); }

.arrow-top:after {
  transform: translateX(14%);
  margin-top: 16px;
  box-shadow: 0px 3px 6px #0000003E;
  transform: rotate(45deg); }

.arrow-top:before {
  background-color: #FFFFFF;
  height: 100%;
  width: 100%;
  position: absolute;
  border-radius: 28px; }

#showArticleShareMenu {
  display: none; }

.facebookHover:hover {
  color: #4267B2; }

.instagramHover:hover {
  color: #E1306C; }

.twitterHover:hover {
  color: #1DA1F2; }

.copyHover:hover {
  color: #608680; }

.boxhide {
  background-color: #FFFFFF;
  height: 100%;
  width: 100%;
  position: absolute;
  top: -17px;
  z-index: 3; }

.tt-textbox {
  top: 95px;
  position: absolute;
  background-color: #FFFFFF;
  height: 180px;
  width: 192px;
  border-radius: 28px;
  font-size: 14pt;
  font-weight: bold;
  transform: translateX(-50%);
  left: 27%;
  box-shadow: 0px 3px 6px #0000003E; }

.tt-textbox:after {
  content: ' ';
  width: 0;
  height: 0;
  border: 18px solid #FFFFFF;
  border-bottom-color: #FFFFFF;
  position: absolute;
  z-index: 2;
  top: -48px;
  left: calc(50% - 18px); }

.tt-textbox ul, li {
  list-style-type: none;
  margin: 6px 6px 29px 16px;
  position: relative;
  z-index: 4; }

.tt-textbox span {
  margin: 0px 37px 0px -39px; }

.tt-textbox ul, li :hover {
  color: #344235;
  text-decoration: none; }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 56px;
  width: 56px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background-color: #597D7A;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-top: 0.8125rem;
  border: none;
  border-radius: 30px;
  z-index: 99; }
  .slick-prev:hover,
  .slick-next:hover {
    cursor: pointer;
    background-color: #344235; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    display: none !important; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "gemstones-icons";
    font-size: 26px;
    line-height: 0;
    color: #FFFFFF;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    left: -3px; }

.slick-prev {
  left: -5px;
  padding-left: 0.625rem; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  padding-left: 1rem;
  right: -5px; }
  .slick-next:before {
    content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "gemstones-icons";
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        color: #597D7A;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media only screen and (min-width: 48em) {
          .slick-dots li button:before {
            font-size: 12px; } }
    .slick-dots li.slick-active button:before {
      font-size: 12px;
      color: #344235;
      opacity: 1; }
      @media only screen and (min-width: 48em) {
        .slick-dots li.slick-active button:before {
          font-size: 16px; } }

.ad-space {
  width: 100%;
  margin-bottom: 48px; }

.gem-iframe {
  margin-bottom: 4rem; }

.content-block.cb-media-title .column-main {
  position: relative;
  z-index: 6;
  height: 100%;
  overflow: unset; }
  .content-block.cb-media-title .column-main .cb-category.pill {
    border-radius: 40px;
    position: absolute;
    top: -20px;
    font-weight: bold; }
  .content-block.cb-media-title .column-main .cb-category.icon-only {
    transform: translateX(-50%);
    left: 50%;
    top: -28px; }
    @media only screen and (min-width: 48em) {
      .content-block.cb-media-title .column-main .cb-category.icon-only {
        transform: translateY(-50%);
        top: 50%;
        left: -28px; } }
    .content-block.cb-media-title .column-main .cb-category.icon-only .icon {
      font-size: 40px;
      border-radius: 40px; }

.content-block.cb-media-title .column-secondary, .content-block.cb-media-title .column-secondary .image-wrapper, .content-block.cb-media-title .column-secondary img {
  height: 100%; }

.content-block.cb-media-title .column-secondary .image-wrapper {
  padding: 0; }

.content-block.cb-media-title .column-secondary img {
  object-position: left;
  object-fit: cover; }

.content-block.cb-stack-media-title-content .column-main, .content-block.cb-stack-center-media-title-content .column-main {
  margin-bottom: 32px;
  overflow: hidden; }

.content-block.cb-stack-media-title-content .content:not(:last-child), .content-block.cb-stack-center-media-title-content .content:not(:last-child) {
  margin-bottom: 1.5rem; }

.content-block.cb-stack-media-title-content .title-wrapper, .content-block.cb-stack-media-title-content .content-wrapper, .content-block.cb-stack-center-media-title-content .title-wrapper, .content-block.cb-stack-center-media-title-content .content-wrapper {
  padding-left: 2rem;
  padding-right: 2rem; }

.content-block.cb-stack-media-title-content .title-wrapper, .content-block.cb-stack-center-media-title-content .title-wrapper {
  position: relative;
  z-index: 6; }
  .content-block.cb-stack-media-title-content .title-wrapper .cb-category, .content-block.cb-stack-center-media-title-content .title-wrapper .cb-category {
    border-radius: 40px;
    position: absolute;
    top: -20px;
    font-weight: bold; }
    .content-block.cb-stack-media-title-content .title-wrapper .cb-category.icon-only, .content-block.cb-stack-center-media-title-content .title-wrapper .cb-category.icon-only {
      transform: translateX(-50%);
      left: 50%;
      top: -28px; }
      .content-block.cb-stack-media-title-content .title-wrapper .cb-category.icon-only .icon, .content-block.cb-stack-center-media-title-content .title-wrapper .cb-category.icon-only .icon {
        font-size: 40px; }

/* account styling */
.account .account-content {
  max-width: 430px; }

.account .account-section + .account-section {
  margin-top: 2.25rem; }

.account-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  padding: 3rem 0rem;
  max-width: 768px;
  margin: 0 auto; }
  .account-container:before, .account-container:after {
    content: " ";
    display: table; }
  .account-container:after {
    clear: both; }

.account-body {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  float: left; }

.account-info-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem; }
  .account-info-container:before, .account-info-container:after {
    content: " ";
    display: table; }
  .account-info-container:after {
    clear: both; }

.account-info-section {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  padding: 0rem 0rem 1.5625rem;
  font-size: 0.875rem;
  line-height: 1.3125rem;
  border-bottom: 1px solid #bfbfbf;
  position: relative; }
  .account-info-section + .account-info-section {
    padding: 1.5625rem 0rem; }
  .account-info-section .heading {
    font-size: 1.25rem;
    margin-bottom: 1.25rem; }
  .account-info-section .account-info {
    font-size: 1.125rem; }
  .account-info-section .edit-link {
    display: block;
    text-decoration: none;
    color: #597D7A !important;
    font-family: "Lato Bold", arial, helvetica, sans-serif;
    font-size: 1.125rem;
    margin-top: 0.9375rem; }
    @media only screen and (min-width: 48em) {
      .account-info-section .edit-link {
        display: inline-block;
        position: absolute;
        right: 0;
        margin: 0; } }
  .account-info-section .button {
    margin-top: 0.625rem; }

.search li {
  margin-bottom: 10px; }

.search .float-container {
  margin: 0 -40px; }

.search .float-left, .search .float-right {
  float: left;
  padding: 24px 40px;
  overflow: hidden;
  height: inherit; }

.search .float-right {
  background-color: #F4F0E5; }

@media only screen and (min-width: 48em) {
  .search .float-container {
    height: 504px;
    margin: 0 -72px; }
  .search .float-left, .search .float-right {
    float: left;
    padding: 96px 46px; }
  .search .float-left {
    width: 55%; }
  .search .float-right {
    width: 45%; } }

/* Arrows */
.slick-prev,
.slick-next {
  position: absolute;
  display: block;
  height: 56px;
  width: 56px;
  line-height: 0;
  font-size: 0;
  cursor: pointer;
  background-color: #597D7A;
  color: transparent;
  top: 50%;
  -webkit-transform: translate(0, -50%);
  -ms-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-top: 0.8125rem;
  border: none;
  border-radius: 30px;
  z-index: 99; }
  .slick-prev:hover,
  .slick-next:hover {
    cursor: pointer;
    background-color: #344235; }
  .slick-prev.slick-disabled,
  .slick-next.slick-disabled {
    display: none !important; }
  .slick-prev:before,
  .slick-next:before {
    font-family: "gemstones-icons";
    font-size: 26px;
    line-height: 0;
    color: #FFFFFF;
    opacity: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    position: relative;
    left: -3px; }

.slick-prev {
  left: -5px;
  padding-left: 0.625rem; }
  .slick-prev:before {
    content: ""; }

.slick-next {
  padding-left: 1rem;
  right: -5px; }
  .slick-next:before {
    content: ""; }

/* Dots */
.slick-dots {
  position: absolute;
  bottom: -25px;
  list-style: none;
  display: block;
  text-align: center;
  padding: 0;
  margin: 0;
  width: 100%; }
  .slick-dots li {
    position: relative;
    display: inline-block;
    height: 20px;
    width: 20px;
    margin: 0 5px;
    padding: 0;
    cursor: pointer; }
    .slick-dots li button {
      border: 0;
      background: transparent;
      display: block;
      height: 20px;
      width: 20px;
      line-height: 0;
      font-size: 0;
      color: transparent;
      padding: 5px;
      cursor: pointer; }
      .slick-dots li button:hover:before {
        opacity: 1; }
      .slick-dots li button:before {
        position: absolute;
        top: 0;
        left: 0;
        content: "";
        width: 20px;
        height: 20px;
        font-family: "gemstones-icons";
        font-size: 8px;
        line-height: 20px;
        text-align: center;
        color: #597D7A;
        opacity: 1;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale; }
        @media only screen and (min-width: 48em) {
          .slick-dots li button:before {
            font-size: 12px; } }
    .slick-dots li.slick-active button:before {
      font-size: 12px;
      color: #344235;
      opacity: 1; }
      @media only screen and (min-width: 48em) {
        .slick-dots li.slick-active button:before {
          font-size: 16px; } }

/* Global
========================================================= */
/* Header
========================================================= */
/* Column Page Layouts
========================================================= */
/* Gemstone Landing Pages (articles, videos, showcase, gemopedia)
========================================================= */
.article-home .share-link, .video-home .share-link, .showcase-home .share-link, .gemopedia-home .share-link {
  display: none; }

/* Showcase Landing Pages
========================================================= */
.article .share-link {
  display: block;
  left: auto; }
  @media only screen and (min-width: 48em) {
    .article .share-link {
      z-index: 1;
      top: 120px;
      left: -27px; }
      .article .share-link.active .icon-close {
        display: none; }
      .article .share-link.active > .icon-share {
        display: block; } }

.showcase-home-collections .share-link {
  display: block;
  left: auto;
  z-index: 1;
  top: auto;
  bottom: -28px; }

.one-column-page,
.two-column-page {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem; }
  .one-column-page:before, .one-column-page:after,
  .two-column-page:before,
  .two-column-page:after {
    content: " ";
    display: table; }
  .one-column-page:after,
  .two-column-page:after {
    clear: both; }
  .one-column-page > header,
  .one-column-page > main,
  .one-column-page > footer,
  .two-column-page > header,
  .two-column-page > main,
  .two-column-page > footer {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    float: left;
    padding: 0 2rem; }
    .one-column-page > header > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
    .one-column-page > main > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
    .one-column-page > footer > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
    .two-column-page > header > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
    .two-column-page > main > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
    .two-column-page > footer > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title) {
      margin-bottom: 3rem; }
      @media only screen and (min-width: 48em) {
        .one-column-page > header > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
        .one-column-page > main > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
        .one-column-page > footer > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
        .two-column-page > header > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
        .two-column-page > main > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title),
        .two-column-page > footer > *:not(.breadcrumbs):not(.gem-header-hero-image):not(.gem-title) {
          margin-bottom: 4rem; } }

.two-column-right {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  float: left;
  float: right; }
  .two-column-right:before, .two-column-right:after {
    content: " ";
    display: table; }
  .two-column-right:after {
    clear: both; }
  .two-column-right::after {
    width: 100%;
    height: 1px; }
  @media only screen and (min-width: 48em) {
    .two-column-right {
      width: 424px;
      margin-right: -32px;
      position: relative;
      z-index: 1; } }

@media only screen and (min-width: 48em) {
  .two-column-page > .two-column-left {
    width: calc(100% - 392px);
    position: relative; } }

.off-canvas-wrap {
  height: auto !important; }

.about .sidebar {
  display: none; }

.sidebar {
  float: left; }

@media only screen and (min-width: 48em) {
  .sidebar-scroll {
    position: absolute;
    width: 22.5rem; } }

.sidebar-scroll .sidebar-nav {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  padding: 3rem;
  margin-bottom: 3rem;
  background-color: #F5F7ED; }
  @media only screen and (min-width: 48em) {
    .sidebar-scroll .sidebar-nav {
      padding: 4rem; } }
  .sidebar-scroll .sidebar-nav a {
    color: #111111; }
  .sidebar-scroll .sidebar-nav .menu-heading {
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem; }
    @media only screen and (min-width: 48em) {
      .sidebar-scroll .sidebar-nav .menu-heading {
        font-size: 1.125rem;
        line-height: 1.5rem; } }
  .sidebar-scroll .sidebar-nav .menu-list {
    position: relative; }
    .sidebar-scroll .sidebar-nav .menu-list .icon {
      color: #597D7A;
      font-size: 10px;
      position: absolute;
      left: -16px;
      top: 0;
      padding-top: 8px;
      transition: top 0.4s;
      transition-timing-function: cubic-bezier(0.18, 0.87, 0.35, 1.16); }
    .sidebar-scroll .sidebar-nav .menu-list ul {
      list-style: none; }
    .sidebar-scroll .sidebar-nav .menu-list .selected {
      font-weight: bold; }
    .sidebar-scroll .sidebar-nav .menu-list li {
      margin-top: 1rem;
      margin-bottom: 1rem;
      font-weight: 400;
      font-family: Lato, arial, helvetica, sans-serif;
      font-size: 1rem;
      line-height: 1.375rem; }
      @media only screen and (min-width: 48em) {
        .sidebar-scroll .sidebar-nav .menu-list li {
          font-size: 1.125rem;
          line-height: 1.5rem; } }

.video h1 {
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.375rem;
  line-height: 1.625rem; }
  @media only screen and (min-width: 48em) {
    .video h1 {
      font-size: 1.75rem;
      line-height: 2rem; } }

@media only screen and (min-width: 48em) {
  .sitemap main .gem-content {
    float: left;
    width: calc(100% / 3);
    padding-right: 6rem; } }

.sitemap main h2,
.sitemap main h2 a {
  color: #597D7A !important; }

.sitemap main h3 {
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1rem;
  line-height: 1.25rem;
  padding-top: 1rem; }
  @media only screen and (min-width: 48em) {
    .sitemap main h3 {
      font-size: 1.125rem;
      line-height: 1.5rem; } }

.sitemap main h3,
.sitemap main p {
  margin-bottom: 0.5rem; }

.sitemap main a {
  display: block;
  padding: 0.25rem; }
  .sitemap main a:hover {
    background-color: #F5F7ED; }

.header-masthead {
  color: #344235;
  font-weight: 700;
  width: 100%;
  height: 150px;
  z-index: 103;
  background: #FAFBF5; }
  .header-masthead .masthead-section:nth-child(2) {
    height: 64px;
    float: left; }
  .header-masthead .masthead-section:nth-child(3) {
    float: right;
    padding-right: 24px;
    font-weight: 900;
    font-size: 16px;
    line-height: 56px;
    font-family: "Lato Black", arial, helvetica, sans-serif; }
    .header-masthead .masthead-section:nth-child(3) .icon {
      line-height: 56px; }
  .header-masthead .masthead-section:nth-child(4) {
    height: calc(100% - 64px); }
  .header-masthead .logo {
    position: relative;
    float: left;
    max-width: 226px;
    width: 100%;
    width: calc(100% - 64px);
    height: 100%;
    padding-left: 1rem; }
    .header-masthead .logo img {
      width: 135px;
      max-width: 136px;
      height: 24px;
      position: relative;
      transform: translateY(-50%);
      top: 50%; }
      @media only screen and (min-width: 48em) {
        .header-masthead .logo img {
          width: 225px;
          height: 40px; } }
    .header-masthead .logo a:hover {
      background-color: transparent; }
  .header-masthead .header-menu {
    float: left;
    width: 64px;
    height: 64px;
    text-align: center; }
    .header-masthead .header-menu > a {
      width: 100%;
      height: 100%;
      display: block;
      background: #F5F7ED; }
      .header-masthead .header-menu > a:hover {
        text-decoration: none;
        background: #344235; }
    .header-masthead .header-menu .icon-menu {
      font-size: 2.25rem;
      display: block;
      transform: translateY(-50%);
      padding-top: 64px; }
  @media only screen and (min-width: 48em) {
    .header-masthead {
      position: fixed;
      top: 0;
      left: 0;
      height: 112px; }
      .header-masthead .masthead-section {
        height: 100%;
        float: left; }
      .header-masthead .masthead-section:nth-child(2) {
        width: calc(100% - 494px);
        height: 100%; }
      .header-masthead .masthead-section:nth-child(3) {
        line-height: 112px;
        padding-right: 36px; }
        .header-masthead .masthead-section:nth-child(3).main-nav-acct .icon {
          line-height: 112px; }
        .header-masthead .masthead-section:nth-child(3) .sign-in-links li {
          line-height: 80px; }
          .header-masthead .masthead-section:nth-child(3) .sign-in-links li .icon {
            line-height: 80px; }
      .header-masthead .masthead-section:nth-child(4) {
        width: 364px;
        height: 100%;
        float: right; }
      .header-masthead .logo {
        padding-left: 2.5rem;
        width: calc(100% - 112px); }
        .header-masthead .logo img {
          max-width: 161px; }
      .header-masthead .header-menu {
        width: 112px;
        height: 112px; }
        .header-masthead .header-menu .icon-menu {
          padding-top: 112px; } }
  @media only screen and (min-width: 64.0625em) {
    .header-masthead .masthead-section:nth-child(2) {
      width: calc(100% - 644px); }
    .header-masthead .masthead-section:nth-child(4) {
      width: calc(544px); }
    .header-masthead .sign-in {
      font-size: 18px;
      line-height: 24px; }
    .header-masthead .logo img {
      max-width: 226px; } }

.masthead-content {
  margin: 0 auto;
  max-width: 1280px;
  position: relative;
  height: 100%; }

.search-header {
  z-index: 102;
  position: relative;
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  float: left;
  padding: 12px 24px; }
  @media only screen and (min-width: 48em) {
    .search-header {
      padding: 28px 36px 0; } }
  .search-header.in {
    z-index: 103; }

.search-box {
  position: relative;
  border: 1px solid #597D7A;
  border-radius: 28px;
  background-color: #FFFFFF;
  overflow: hidden; }
  .search-box .search-field-container {
    display: block;
    height: 56px;
    width: 100%; }
  .search-box input[type="text"].search-field {
    display: block;
    float: left;
    width: calc(100% - 60px);
    height: 100%;
    line-height: 2.75rem;
    padding: 0rem 3rem 0rem 1.5rem;
    border: none;
    font-size: 1rem;
    font-weight: 400;
    font-family: "Lato Italic", arial, helvetica, sans-serif; }
    .search-box input[type="text"].search-field:focus {
      -moz-box-shadow: none;
      -o-box-shadow: none;
      -webkit-box-shadow: none;
      box-shadow: none;
      outline: none; }
    .search-box input[type="text"].search-field::-webkit-input-placeholder {
      color: #74746D !important; }
    .search-box input[type="text"].search-field:-moz-placeholder {
      color: #74746D !important;
      opacity: 1 !important; }
    .search-box input[type="text"].search-field::-moz-placeholder {
      color: #74746D !important;
      opacity: 1 !important; }
    .search-box input[type="text"].search-field:-ms-input-placeholder {
      color: #74746D !important; }
  .search-box .search-button {
    display: block;
    float: left;
    height: 100%;
    border: none;
    border-left: 1px solid #597D7A;
    background-color: #FFFFFF;
    width: 56px;
    position: relative; }
    .search-box .search-button .icon-search {
      color: #344235;
      font-weight: 700;
      font-size: 1.75rem;
      font-weight: 400;
      position: absolute;
      top: 14px;
      left: 14px; }
  .search-box .typeahead-container {
    margin-top: 1rem;
    margin-bottom: 1rem; }
  .search-box .typeahead-title,
  .search-box .typeahead-list li {
    margin: 0;
    position: relative; }
  .search-box .typeahead-list {
    margin: 0;
    list-style-type: none; }
  .search-box .typeahead-title {
    font-weight: 900;
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 1.125rem;
    line-height: 1.5rem;
    padding-left: 1.5rem;
    padding-right: 3rem;
    padding-bottom: 0.5rem; }
  .search-box .typeahead {
    display: inline-block;
    border-top: 1px solid #74746D;
    max-height: 330px;
    background-color: #FFFFFF;
    display: none; }
    .search-box .typeahead button {
      border: none;
      background-color: transparent; }
    .search-box .typeahead .typeahead-item {
      font-family: Lato, arial, helvetica, sans-serif;
      font-size: 1rem;
      line-height: 1.25rem;
      font-weight: 400;
      padding: 0.5rem 3rem 0.5rem 1.5rem;
      width: 100%;
      text-align: left; }
      .search-box .typeahead .typeahead-item:hover {
        background-color: #F5F7ED; }
    .search-box .typeahead .icon-close {
      position: absolute;
      right: 48px;
      top: 8px;
      color: #597D7A;
      font-size: 14px;
      z-index: 10; }
      .search-box .typeahead .icon-close:hover {
        color: #111111; }
  .search-box.active {
    box-shadow: 0px 3px 6px #00000029;
    border: none; }
    .search-box.active input[type="text"].search-field {
      border-radius: 0;
      border: none; }
    .search-box.active .typeahead {
      display: block; }

@media only screen and (min-width: 48em) {
  .site-wrapper {
    padding-top: calc(112px + 20px); }
    .article .site-wrapper {
      padding-top: calc(112px); } }

ul.slick-dots li:only-child {
  display: none; }

/* Pagination
========================================================= */
main .pagination {
  margin-bottom: 3rem;
  height: 3.375rem; }
  main .pagination .page-nav {
    float: right;
    text-align: center; }
  main .pagination .page-nav .icon-only {
    margin-left: 1rem; }
  main .pagination .page-info {
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.25rem;
    font-weight: 900;
    display: inline-block;
    margin: 0; }
    @media only screen and (min-width: 48em) {
      main .pagination .page-info {
        font-size: 1.125rem;
        line-height: 1.5rem; } }
    @media only screen and (max-width: 47.9375em) {
      main .pagination .page-info {
        width: 100%;
        padding-bottom: 5px; } }
    @media only screen and (min-width: 48em) {
      main .pagination .page-info {
        margin: 0rem 1.5rem; } }
  @media only screen and (max-width: 47.9375em) {
    main .pagination.first-of-type {
      padding-top: 1rem;
      display: none; } }
  @media only screen and (min-width: 48em) {
    main .pagination {
      margin-bottom: 4rem; } }

.article-series .pagination,
.gemopedia .pagination,
.showcase-home .pagination,
.search .pagination,
.video-series .pagination {
  display: block; }

.article-series .pagination > .button,
.video-series .pagination > .button {
  display: none; }

/* Footer
========================================================= */
footer .footer-container {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  margin: 0 auto !important;
  padding: 1.5rem 0rem 3rem 0rem; }
  footer .footer-container:before, footer .footer-container:after {
    content: " ";
    display: table; }
  footer .footer-container:after {
    clear: both; }
  @media only screen and (min-width: 48em) {
    footer .footer-container {
      padding: 4rem 0rem 5rem 0rem; } }
  footer .footer-container:before {
    content: " ";
    display: table; }
  footer .footer-container:after {
    content: " ";
    display: table;
    clear: both; }
  footer .footer-container .footer-social {
    max-width: 270px;
    color: #344235; }
    footer .footer-container .footer-social .icons div {
      display: inline-block;
      width: 24%;
      padding-bottom: 0.25rem; }
      footer .footer-container .footer-social .icons div a .icon {
        font-size: 2.5rem; }
  footer .footer-container .menu {
    max-width: 600px;
    margin: 0rem;
    padding-top: 1.5rem;
    font-size: 1.125rem;
    line-height: 1.375rem; }
    footer .footer-container .menu .menu-item ul {
      list-style-type: none;
      margin: 0rem;
      padding: 0rem; }
      footer .footer-container .menu .menu-item ul li {
        padding: 0rem 1rem;
        display: inline-block; }
        footer .footer-container .menu .menu-item ul li a {
          color: #111111; }
  footer .footer-container .copyright {
    font-size: 1rem;
    line-height: 1.25rem;
    padding-top: 3rem;
    max-width: 600px; }
  footer .footer-container .footer-social,
  footer .footer-container .menu,
  footer .footer-container .copyright {
    text-align: center;
    float: none;
    margin-left: auto;
    margin-right: auto; }

.carousel-container .section-content {
  margin: 0rem -1rem; }
  .carousel-container .section-content .slick-disabled {
    display: none !important; }
  .carousel-container .section-content .slick-list .slick-track {
    margin-left: 0;
    margin-right: 0; }

/* Error Pages
========================================================= */
.error-page {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem; }
  .error-page:before, .error-page:after {
    content: " ";
    display: table; }
  .error-page:after {
    clear: both; }

.error-page-message {
  padding-left: 2rem;
  padding-right: 2rem;
  width: 100%;
  float: left; }
  .error-page-message p {
    margin: 0.25rem 0rem 0.5rem; }
  @media only screen and (min-width: 48em) {
    .error-page-message img {
      display: block;
      width: 500px;
      margin: 16px auto 24px; } }

.gemopedia .module-item .image-wrapper,
.gemopedia .module-item .video-wrapper,
.search .module-item .image-wrapper,
.search .module-item .video-wrapper {
  position: relative;
  padding-bottom: 75%;
  overflow: hidden;
  width: 100%; }

.gemopedia .module-item img,
.search .module-item img {
  object-fit: cover;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0; }

/* Article and Gemopedia Item Facts Pages
========================================================= */
@media only screen and (max-width: 47.9375em) {
  .article .article-author-info,
  .gemopedia-item-fact .article-author-info {
    padding-bottom: 5rem; } }

.article .article-featured-image,
.gemopedia-item-fact .article-featured-image {
  position: relative; }
  @media only screen and (min-width: 48em) {
    .article .article-featured-image,
    .gemopedia-item-fact .article-featured-image {
      overflow: hidden; } }
  .article .article-featured-image .image-buttons,
  .gemopedia-item-fact .article-featured-image .image-buttons {
    position: absolute;
    text-align: center;
    width: 100%;
    bottom: -5rem; }
    @media only screen and (min-width: 48em) and (max-width: 64em) {
      .article .article-featured-image .image-buttons,
      .gemopedia-item-fact .article-featured-image .image-buttons {
        width: calc(100% - 40px); } }
    @media only screen and (min-width: 48em) {
      .article .article-featured-image .image-buttons,
      .gemopedia-item-fact .article-featured-image .image-buttons {
        bottom: 1rem; } }
    .article .article-featured-image .image-buttons .button,
    .gemopedia-item-fact .article-featured-image .image-buttons .button {
      margin: 0.5rem 0.75rem; }
      .article .article-featured-image .image-buttons .button .icon,
      .gemopedia-item-fact .article-featured-image .image-buttons .button .icon {
        padding-right: 0.5rem;
        font-size: 1.5rem;
        vertical-align: bottom; }
      @media only screen and (max-width: 47.9375em) {
        .article .article-featured-image .image-buttons .button,
        .gemopedia-item-fact .article-featured-image .image-buttons .button {
          padding: 0.75rem; }
          .article .article-featured-image .image-buttons .button .icon,
          .gemopedia-item-fact .article-featured-image .image-buttons .button .icon {
            padding: 0; }
          .article .article-featured-image .image-buttons .button .text,
          .gemopedia-item-fact .article-featured-image .image-buttons .button .text {
            border: 0 none;
            clip: rect(0px, 0px, 0px, 0px);
            height: 1px;
            margin: -1px;
            overflow: hidden;
            padding: 0;
            position: absolute !important;
            width: 1px; } }

.article .two-column-page,
.gemopedia-item-fact .two-column-page {
  position: relative; }

.article .content-block.block-4.cb-stack-media-title-content .column-main,
.gemopedia-item-fact .content-block.block-4.cb-stack-media-title-content .column-main {
  margin-bottom: 32px;
  overflow: hidden; }
  @media only screen and (min-width: 48em) {
    .article .content-block.block-4.cb-stack-media-title-content .column-main,
    .gemopedia-item-fact .content-block.block-4.cb-stack-media-title-content .column-main {
      height: 450px; } }
  @media only screen and (min-width: 64.0625em) {
    .article .content-block.block-4.cb-stack-media-title-content .column-main,
    .gemopedia-item-fact .content-block.block-4.cb-stack-media-title-content .column-main {
      height: 375px; } }

footer.done {
  width: 1280px;
  margin: 0 -40px;
  height: 12.5rem;
  background-color: #F5F7ED; }

.utility-login.active a:focus {
  outline: none; }

.utility-login .utility-nav-header a {
  font-weight: 700; }

.utility-login .js-username {
  display: inline-block;
  vertical-align: bottom; }

.off-canvas-menu .utility-login {
  margin: 0; }

.main-nav-acct .empty-avatar {
  position: relative;
  display: inline-block;
  background: #344235;
  color: white; }
  .main-nav-acct .empty-avatar span {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); }

.main-nav-acct .dropdown-menu {
  z-index: 500000;
  border: none;
  max-height: initial; }
  .main-nav-acct .dropdown-menu li a {
    padding: 0 24px; }

.main-nav-acct .dropdown {
  width: inherit; }
  .main-nav-acct .dropdown .dropdown-toggle {
    z-index: 101;
    padding: inherit;
    width: inherit; }
    .main-nav-acct .dropdown .dropdown-toggle .icon {
      font-size: 12px;
      padding: 0;
      float: right;
      line-height: 54px;
      margin-left: 12px; }
    .main-nav-acct .dropdown .dropdown-toggle .icon:before {
      transform: none; }
    .main-nav-acct .dropdown .dropdown-toggle .loggedin-avatar-link img,
    .main-nav-acct .dropdown .dropdown-toggle .loggedin-avatar-link .empty-avatar {
      vertical-align: middle;
      width: 40px;
      height: 40px;
      border-radius: 50%; }

.main-nav-acct .acct-menu {
  font-family: Lato, arial, helvetica, sans-serif;
  min-width: 253px;
  overflow: hidden;
  line-height: 24px;
  text-align: center;
  box-shadow: 0px 3px 6px #00000029;
  opacity: 1;
  background: #fafbf5;
  border: none;
  border-radius: 0;
  right: 0 !important;
  left: inherit !important; }
  .main-nav-acct .acct-menu .acct-menu-profile {
    cursor: default;
    padding: 24px; }
  .main-nav-acct .acct-menu .avatar img,
  .main-nav-acct .acct-menu .avatar .empty-avatar {
    vertical-align: middle;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    margin-bottom: 16px; }
  .main-nav-acct .acct-menu .avatar .empty-avatar span {
    font-family: "Lato Bold", arial, helvetica, sans-serif;
    font-size: 1.3125rem; }
  .main-nav-acct .acct-menu .acct-name {
    font-family: "Lato Black", arial, helvetica, sans-serif;
    font-size: 18px; }
  .main-nav-acct .acct-menu .acct-email {
    font-size: 14px;
    overflow-wrap: break-word; }
  .main-nav-acct .acct-menu .sign-in-links li {
    text-align: left;
    font-size: 16px;
    border-top: 1px solid #989892;
    line-height: 80px; }
    .main-nav-acct .acct-menu .sign-in-links li .icon {
      line-height: 80px;
      margin-right: 0.25rem; }

/* main authoring styling */
.authoring ::-webkit-input-placeholder {
  font-style: normal !important; }

.authoring :-moz-placeholder {
  font-style: normal !important; }

.authoring ::-moz-placeholder {
  font-style: normal !important; }

.authoring :-ms-input-placeholder {
  font-style: normal !important; }

.authoring .select-wrapper select {
  padding: 1rem 2.5rem 1rem 1.25rem;
  font-size: 1.125rem;
  border-radius: 4px; }

.authoring .select-wrapper:after {
  content: "\e933";
  font-size: 1.125rem;
  bottom: 38px; }

.image-upload-link {
  font-family: Lato, arial, helvetica, sans-serif;
  color: #344235;
  margin: 0rem;
  font-size: 1.125rem;
  cursor: pointer;
  text-transform: capitalize; }
  .image-upload-link:active, .image-upload-link:focus, .image-upload-link:hover {
    text-decoration: underline; }

@media only screen and (max-width: 47.9375em) {
  .authoring-edit:not(.authoring-side-bar-closed) {
    overflow: hidden; }
  .authoring-edit header {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 111; }
  .authoring-edit .header-masthead {
    height: 64px; }
  .authoring-edit .masthead-content .search-header {
    display: none; } }

.authoring-edit.authoring-side-bar-closed .form-messages {
  max-width: calc(100% - 55px); }

.authoring-edit.authoring-edit .site-wrapper {
  padding-top: 12.6875rem;
  background: #EDECE2; }
  @media only screen and (min-width: 48em) {
    .authoring-edit.authoring-edit .site-wrapper {
      padding-top: 11.25rem; } }

.authoring-edit label {
  font-size: 1.125rem;
  color: #344235;
  font-family: "Lato Bold", arial, helvetica, sans-serif;
  margin-bottom: 0.625rem;
  padding: 0rem 0.5rem; }

.authoring-edit input,
.authoring-edit textarea {
  width: 100%;
  height: unset;
  padding: 0;
  padding: 0.5rem;
  border: 1px solid transparent;
  line-height: 1.2; }
  .authoring-edit input:focus,
  .authoring-edit textarea:focus {
    border: 1px solid #bfbfbf;
    box-shadow: none; }

.authoring-edit input {
  height: 40px;
  line-height: 40px; }

.authoring-edit .comment {
  width: calc(100% - 2rem);
  font-size: 1rem; }
  .authoring-edit .comment.author {
    margin-left: 2rem;
    text-align: right; }
  .authoring-edit .comment.reviewer {
    margin-right: 2rem; }

.authoring-edit .article-header {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem; }
  .authoring-edit .article-header:before, .authoring-edit .article-header:after {
    content: " ";
    display: table; }
  .authoring-edit .article-header:after {
    clear: both; }
  .authoring-edit .article-header .details {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    float: left; }
    @media only screen and (min-width: 48em) {
      .authoring-edit .article-header .details {
        width: 40%; } }
    .authoring-edit .article-header .details h1,
    .authoring-edit .article-header .details p {
      margin-top: 0;
      margin-bottom: 0.5rem; }
    .authoring-edit .article-header .details p {
      font-family: Lato, arial, helvetica, sans-serif; }
      @media only screen and (min-width: 48em) {
        .authoring-edit .article-header .details p {
          font-size: 1.125rem;
          line-height: 1.5rem; } }
    .authoring-edit .article-header .details .author-info {
      padding-bottom: 0.25rem; }
      @media only screen and (min-width: 48em) {
        .authoring-edit .article-header .details .author-info {
          padding-bottom: 1rem; } }
      .authoring-edit .article-header .details .author-info strong {
        display: block;
        font-family: "Lato Black", arial, helvetica, sans-serif;
        font-size: 1rem;
        line-height: 1.25rem; }
        @media only screen and (min-width: 48em) {
          .authoring-edit .article-header .details .author-info strong {
            font-size: 1.125rem;
            line-height: 1.5rem; } }
    .authoring-edit .article-header .details .curator-info {
      padding-top: 0.5rem;
      padding-bottom: 0.5rem; }
      @media only screen and (min-width: 48em) {
        .authoring-edit .article-header .details .curator-info {
          padding-top: 2.5rem;
          padding-bottom: 1rem; } }
  .authoring-edit .article-header .featured-image {
    padding-left: 2rem;
    padding-right: 2rem;
    width: 100%;
    float: left;
    width: 100%;
    height: 100%;
    overflow: hidden; }
    @media only screen and (min-width: 48em) {
      .authoring-edit .article-header .featured-image {
        width: 60%; } }
    .authoring-edit .article-header .featured-image img {
      object-fit: cover;
      width: 100%;
      height: 100%; }

.authoring-header.card {
  margin-top: 2rem; }

.authoring-header .field-group {
  margin: -1.125rem -1rem;
  width: calc(100% + 2rem); }
  .authoring-header .field-group + .field-group {
    border-top: 1px solid #bfbfbf; }

.authoring-header .field {
  padding: 18px 16px !important; }

.authoring-container {
  width: 100%;
  padding-left: 1.5rem;
  padding-right: 1.5rem;
  transition: all 0.3s; }
  @media only screen and (min-width: 48em) {
    .authoring-container {
      width: calc(100% - 305px);
      padding-left: 4rem;
      padding-right: 4rem; }
      .authoring-side-bar-closed .authoring-container {
        width: calc(100% - 55px);
        transition: all 0.1s; } }

.authoring-content {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 75rem;
  padding-bottom: 3rem; }
  .authoring-content:before, .authoring-content:after {
    content: " ";
    display: table; }
  .authoring-content:after {
    clear: both; }

.authoring-section {
  padding-left: 0;
  padding-right: 0;
  width: 100%;
  float: left;
  padding: 0.9375rem 0rem;
  font-size: 0.8125rem; }

.authoring-cta-bar {
  position: fixed;
  top: 64px;
  left: 0;
  width: 100%;
  display: flex;
  justify-content: space-between;
  background: #FAFBF5;
  border-top: 1px solid #bfbfbf;
  border-bottom: 1px solid #bfbfbf;
  z-index: 101;
  flex-wrap: wrap-reverse; }
  @media only screen and (max-width: 47.9375em) {
    .authoring-cta-bar .authoring-cta-right {
      width: 100%;
      display: flex;
      justify-content: center;
      align-items: center;
      border-bottom: 1px solid #bfbfbf; } }
  @media only screen and (min-width: 48em) {
    .authoring-cta-bar {
      top: 112px;
      flex-wrap: nowrap; } }
  .authoring-cta-bar button,
  .authoring-cta-bar .button {
    display: inline-block; }
    .authoring-cta-bar button,
    .authoring-cta-bar button .icon,
    .authoring-cta-bar .button,
    .authoring-cta-bar .button .icon {
      color: #344235; }
    .authoring-cta-bar button.disabled,
    .authoring-cta-bar button.disabled .icon,
    .authoring-cta-bar .button.disabled,
    .authoring-cta-bar .button.disabled .icon {
      color: #989892; }
    .authoring-cta-bar button:hover,
    .authoring-cta-bar button:hover .icon,
    .authoring-cta-bar .button:hover,
    .authoring-cta-bar .button:hover .icon {
      color: black; }
  .authoring-cta-bar button,
  .authoring-cta-bar .button-add {
    border: none;
    border-radius: 0; }
  .authoring-cta-bar .button {
    background: #FAFBF5;
    font-family: "Lato Bold", arial, helvetica, sans-serif;
    padding: 22px !important; }
    .authoring-cta-bar .button.secondary {
      border-radius: 28px;
      margin: 0rem 1.375rem;
      padding: 12px 22px !important; }
      @media only screen and (min-width: 48em) {
        .authoring-cta-bar .button.secondary {
          margin-right: 3.375rem; } }
    .authoring-cta-bar .button.button-move {
      background: none;
      padding: 22px 11px !important;
      margin-left: 0.6875rem; }
      .authoring-cta-bar .button.button-move + .button-move {
        margin: 0; }
      .authoring-cta-bar .button.button-move span {
        margin-right: 0.25rem; }
  .authoring-cta-bar .btn-as-link {
    text-decoration: none;
    border: none !important;
    border-radius: 0;
    color: #537B75 !important;
    font-family: Lato, arial, helvetica, sans-serif; }
    .authoring-cta-bar .btn-as-link:hover {
      color: black !important; }
    .authoring-cta-bar .btn-as-link.disabled {
      color: #537B75; }

@media only screen and (max-width: 47.9375em) {
  #new-block-modal .modal-backdrop {
    display: none; } }

@media only screen and (max-width: 47.9375em) {
  #new-block-modal .modal-window {
    height: calc(100vh - 203px) !important;
    top: 203px !important;
    align-items: flex-start;
    box-shadow: none; } }

@media only screen and (min-width: 48em) {
  #new-block-modal .modal-window {
    border-radius: 14px; } }

#new-block-modal .modal-content {
  margin: 1.5rem; }

#new-block-modal .modal-header {
  margin-top: 0; }

#new-block-modal .modal-body {
  margin: 1.5rem 0.75rem 1.25rem; }

#new-block-modal h2 {
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.25rem; }

#new-block-modal .add-article-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  align-items: center;
  padding: 0.125rem; }

#new-block-modal button {
  width: 50%;
  border: none;
  background: none;
  padding: 1.125rem 0rem;
  font-size: 1.125rem; }
  @media only screen and (min-width: 48em) {
    #new-block-modal button {
      width: 33.3333333333%; } }
  #new-block-modal button .icon {
    display: block;
    font-size: 2.25rem;
    margin-bottom: 0.25rem; }

.authoring-side-bar {
  position: fixed;
  top: 134px;
  width: 100vw;
  z-index: 110;
  height: calc(100vh - 134px);
  background: #FAFBF5;
  transition: all 0.1s; }
  @media only screen and (min-width: 48em) {
    .authoring-side-bar {
      width: 305px;
      top: 180px;
      right: -1px;
      z-index: 100;
      height: calc(100vh - 180px);
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
      transition: all 0.3s; } }
  .authoring-side-bar .toggle-side-bar {
    display: inline-block;
    padding: 1.375rem;
    cursor: pointer;
    margin-top: 0;
    margin-bottom: 0;
    vertical-align: middle;
    background: #FAFBF5;
    position: fixed;
    right: 0; }
    @media only screen and (min-width: 48em) {
      .authoring-side-bar .toggle-side-bar {
        position: absolute;
        border-left: 1px solid #bfbfbf;
        padding: 0.9375rem 1.125rem; } }
    .authoring-side-bar .toggle-side-bar .icon {
      font-size: 1.875rem; }
      @media only screen and (max-width: 47.9375em) {
        .authoring-side-bar .toggle-side-bar .icon {
          font-size: 1.5rem; }
          .authoring-side-bar .toggle-side-bar .icon:before {
            content: "\e907"; } }
  .authoring-side-bar-closed .authoring-side-bar {
    transition: all 0.1s;
    transform: translateX(100vw); }
    .authoring-side-bar-closed .authoring-side-bar .toggle-side-bar {
      left: -72px;
      right: auto; }
      @media only screen and (max-width: 47.9375em) {
        .authoring-side-bar-closed .authoring-side-bar .toggle-side-bar .icon:before {
          display: block;
          content: "\e936";
          transform: rotate(90deg); } }
    .authoring-side-bar-closed .authoring-side-bar .tab-body {
      opacity: 0;
      transition: opacity 0.25s; }
    @media only screen and (min-width: 48em) {
      .authoring-side-bar-closed .authoring-side-bar {
        transform: translateX(250px); }
        .authoring-side-bar-closed .authoring-side-bar .toggle-side-bar {
          left: -1px;
          padding: 0.9375rem 1.125rem; } }
  .authoring-side-bar .tab-body {
    opacity: 1;
    transition: opacity 1s; }
  .authoring-side-bar .tabs {
    height: 100%; }
    .authoring-side-bar .tabs .tabs-container {
      border-radius: 0;
      border: none;
      border-bottom: 1px solid #bfbfbf;
      min-height: unset; }
      @media only screen and (max-width: 47.9375em) {
        .authoring-side-bar-closed .authoring-side-bar .tabs .tabs-container {
          overflow-x: visible; } }
    .authoring-side-bar .tabs .tabs-content {
      height: calc(100% - 64px);
      overflow-y: scroll;
      border-radius: 0;
      padding: 0;
      background: #FAFBF5; }
    .authoring-side-bar .tabs .tab-title {
      padding: 0;
      border: none;
      font-family: "Lato Bold", arial, helvetica, sans-serif;
      color: #344235; }
      .authoring-side-bar .tabs .tab-title:after {
        display: block;
        position: relative;
        top: 0;
        content: "";
        background: #EFC68E;
        width: 0;
        height: 6px;
        transition: width 0.15s; }
      .authoring-side-bar .tabs .tab-title.active {
        border-radius: 0;
        background: none;
        color: #111111; }
        .authoring-side-bar .tabs .tab-title.active:after {
          width: 100%;
          transition: width 0.3s; }
      .authoring-side-bar .tabs .tab-title.disabled {
        pointer-events: none;
        color: #74746D; }
      .authoring-side-bar .tabs .tab-title span:not(.sr-only) {
        display: block;
        padding: 1.5rem 1.875rem 1.125rem; }
        @media only screen and (min-width: 48em) {
          .authoring-side-bar .tabs .tab-title span:not(.sr-only) {
            padding: 1.125rem 1.875rem 0.75rem; } }
      .authoring-side-bar .tabs .tab-title span.icon {
        padding: 0.9375rem; }
  .authoring-side-bar .accordion-container {
    border-bottom: 1px solid #bfbfbf; }
  .authoring-side-bar .accordion-title {
    padding: 1.5rem; }
    .authoring-side-bar .accordion-title .icon-arrow-down {
      transition: all 0.2s;
      float: right;
      font-size: 1rem;
      line-height: 1.5rem; }
    .authoring-side-bar .accordion-title.active .icon-arrow-down {
      transform: rotate(180deg); }
    .authoring-side-bar .accordion-title + .accordion-body {
      margin-top: -1.5rem; }
  .authoring-side-bar a {
    display: block;
    margin-top: 0.625rem;
    color: #688580 !important;
    font-family: Lato, arial, helvetica, sans-serif; }
  .authoring-side-bar dl {
    padding-left: 0;
    padding-right: 0;
    width: 100%;
    float: left;
    font-size: 1.125rem;
    line-height: 2;
    margin: 0;
    color: #344235; }
  .authoring-side-bar dt,
  .authoring-side-bar dd {
    padding-left: 0;
    padding-right: 0;
    width: 66.6666666667%;
    float: left;
    margin: 0;
    padding: 0rem 0.625rem; }
  .authoring-side-bar dt {
    padding-left: 0;
    padding-right: 0;
    width: 33.3333333333%;
    float: left;
    font-family: "Lato Bold", arial, helvetica, sans-serif; }
  .authoring-side-bar p {
    line-height: 1.375rem; }
  .authoring-side-bar .heading {
    color: #344235;
    font-family: "Lato Bold", arial, helvetica, sans-serif;
    margin-bottom: 1rem; }

.side-bar-tab-section {
  padding: 1.5rem; }
  .side-bar-tab-section:before, .side-bar-tab-section:after {
    content: " ";
    display: table; }
  .side-bar-tab-section:after {
    clear: both; }
  .side-bar-tab-section + .side-bar-tab-section {
    border-top: 1px solid #bfbfbf; }
  .side-bar-tab-section textarea {
    height: 80px; }
  .side-bar-tab-section .heading-picker .radio {
    display: inline-block;
    margin: 0;
    padding: 0; }
    .side-bar-tab-section .heading-picker .radio label {
      background: #EFC68E;
      padding: 1.125rem;
      margin: 0rem 0.25rem 0.5rem 0rem; }
      .side-bar-tab-section .heading-picker .radio label:before {
        display: none; }
    .side-bar-tab-section .heading-picker .radio input:checked ~ label {
      color: #EFC68E;
      background: #344235; }
  .side-bar-tab-section.heading-section .checkbox label {
    font-family: Lato, arial, helvetica, sans-serif; }

.my-articles {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  margin-top: 3.125rem; }
  @media only screen and (min-width: 48em) {
    .my-articles {
      gap: 50px 30px; } }
  .my-articles .card {
    display: flex;
    flex-flow: column nowrap;
    width: 100%;
    border: 1px solid #EBE9DE;
    border-radius: 5px;
    -webkit-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
    -o-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0px 0px 6px 0 rgba(0, 0, 0, 0.1); }
    @media only screen and (min-width: 48em) {
      .my-articles .card {
        width: calc((100% - 30px) / 2); } }
    @media only screen and (min-width: 64.0625em) {
      .my-articles .card {
        width: calc((100% - 60px) / 3); } }
    .my-articles .card .card-header {
      overflow: hidden;
      border-radius: 5px 5px 0 0; }
    .my-articles .card .card-content {
      padding: 0.625rem 0.9375rem; }
      .my-articles .card .card-content h2 {
        font-size: 1.5rem;
        line-height: 1.2; }
      .my-articles .card .card-content p {
        font-size: 1rem;
        line-height: 1.4;
        margin-bottom: 1rem; }
      .my-articles .card .card-content ul {
        margin: 0;
        padding: 0;
        list-style: none;
        margin: 0;
        margin: 0rem 0rem 0.75rem; }
      .my-articles .card .card-content li {
        margin: 0;
        padding: 0;
        color: #74746D;
        line-height: 1.5;
        font-weight: 300; }
    .my-articles .card .card-footer {
      display: flex;
      justify-content: space-between;
      background: #F5F7ED;
      border-top: 1px solid #bfbfbf;
      padding: 0.625rem 0.9375rem;
      margin-top: auto; }
      .my-articles .card .card-footer a {
        font-size: 1rem;
        text-decoration: underline !important;
        color: black !important; }
        .my-articles .card .card-footer a:hover {
          opacity: 0.75; }

/* sortable edit article blocks */
[draggable="true"] {
  cursor: move; }

.draggable-list {
  position: relative;
  -moz-user-select: none;
  -khtml-user-select: none;
  -webkit-user-select: none;
  user-select: none; }

.card {
  display: block;
  width: 100%;
  background-color: white;
  border-radius: 10px;
  padding: 1.125rem 1rem;
  margin-bottom: 1.25rem;
  box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29); }
  .card.active-block {
    outline: 2px solid #4fabc6 !important; }
  .card.closed .card-context-menu,
  .card.closed .content {
    height: 0;
    opacity: 0;
    padding: 0; }
  .card.closed .card-heading-right .icon {
    transform: rotate(180deg); }
  .card.error, .card.error:focus, .card.error:focus-within {
    outline: 2px solid #b01a1a !important; }
  .card.error label {
    color: #b01a1a; }
  .card .card-heading {
    display: flex;
    justify-content: space-between;
    align-content: center;
    border-bottom: 1px solid #bfbfbf;
    width: 100%; }
  .card .card-heading-left {
    padding: 1.25rem 1rem; }
    .card .card-heading-left label {
      display: inline-block;
      margin: 0; }
  .card .card-heading-right {
    display: flex;
    align-items: center; }
    .card .card-heading-right .icon {
      padding: 1.25rem;
      font-size: 0.75rem;
      cursor: pointer; }
  .card .card-context-menu {
    display: flex;
    width: 100%;
    justify-content: flex-end;
    padding: 0rem 1rem; }
  .card .move-handle {
    display: inline-block;
    margin-right: 0.5rem;
    cursor: move; }
  .card .content {
    width: 100%;
    padding: 0rem 1rem 1.25rem; }
  .card label {
    font-size: 1rem;
    margin-bottom: 1.5rem; }
  .card .dropdown {
    display: block;
    min-width: 160px;
    text-align: right; }
    .card .dropdown .dropdown-toggle {
      padding: 0;
      width: auto; }
      .card .dropdown .dropdown-toggle .icon:before {
        display: block;
        transform: none;
        font-size: 2.25rem;
        float: none; }
    .card .dropdown .dropdown-menu {
      top: 32px;
      box-shadow: 0 3px 6px rgba(0, 0, 0, 0.29);
      border: none;
      border-radius: 10px;
      font-size: 1.125rem;
      padding: 0.75rem 0rem; }
      .card .dropdown .dropdown-menu li {
        text-align: left; }
  .card .delete-block,
  .card .duplicate-block,
  .card .image-tips-modal-link {
    width: 100%;
    background: none;
    border: none;
    padding: 0.5rem 1.25rem;
    color: #344235;
    text-align: left;
    line-height: 1.5; }
    .card .delete-block:hover,
    .card .duplicate-block:hover,
    .card .image-tips-modal-link:hover {
      background: #F5F7ED; }
    .card .delete-block .icon,
    .card .duplicate-block .icon,
    .card .image-tips-modal-link .icon {
      color: #597D7A;
      margin-right: 0.625rem; }
  .card .radio label {
    margin: 0.5rem 0rem 1rem; }
    .card .radio label:before {
      top: 3px; }
  .card .article-title textarea {
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    font-size: 1.75rem; }
  .card .article-title ::-webkit-input-placeholder {
    font-size: 28px !important; }
  .card .article-title :-moz-placeholder {
    font-size: 28px !important; }
  .card .article-title ::-moz-placeholder {
    font-size: 28px !important; }
  .card .article-title :-ms-input-placeholder {
    font-size: 28px !important; }
  .card .block-quote textarea {
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    font-size: 1.125rem; }
  .card .cite-url textarea {
    font-size: 1rem; }
  .card .cite-url ::-webkit-input-placeholder {
    font-size: 16px !important; }
  .card .cite-url :-moz-placeholder {
    font-size: 16px !important; }
  .card .cite-url ::-moz-placeholder {
    font-size: 16px !important; }
  .card .cite-url :-ms-input-placeholder {
    font-size: 16px !important; }
  .card .heading textarea {
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    font-size: 1.5rem; }
  .card .heading ::-webkit-input-placeholder {
    font-size: 24px !important; }
  .card .heading :-moz-placeholder {
    font-size: 24px !important; }
  .card .heading ::-moz-placeholder {
    font-size: 24px !important; }
  .card .heading :-ms-input-placeholder {
    font-size: 24px !important; }
  .card .heading-type,
  .card .heading-show-in-toc {
    display: none; }
  .card.video-block .video-preview {
    max-width: 500px;
    margin-bottom: 0.5rem; }
  .card.video-block iframe {
    border: 0;
    margin: 1rem 0rem 0.5rem 0.5rem; }
  .card.video-block .field label {
    margin: 0; }
  .card .video-id textarea {
    font-style: italic; }
  .card .video-id ::-webkit-input-placeholder {
    font-style: italic !important; }
  .card .video-id :-moz-placeholder {
    font-style: italic !important; }
  .card .video-id ::-moz-placeholder {
    font-style: italic !important; }
  .card .video-id :-ms-input-placeholder {
    font-style: italic !important; }
  .card.image-blocks .content {
    display: flex;
    width: 100%;
    flex-wrap: wrap; }
    .card.image-blocks .content .image-block {
      position: relative;
      width: 180px; }
    .card.image-blocks .content img,
    .card.image-blocks .content .image-upload-link {
      padding: 0rem 0.5rem; }
  .card .add-image-block {
    position: absolute;
    top: 64px;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #597D7A;
    margin: 0rem 1.5rem;
    cursor: pointer; }
    .card .add-image-block:hover {
      background: #344235; }
    .card .add-image-block .icon {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      font-size: 1.5rem;
      color: #EDECE2; }

.draggable-card {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  align-items: center;
  padding: 0; }

.sortable-ghost {
  background-color: rgba(83, 123, 117, 0.2);
  border: 2px dashed #537B75;
  margin-bottom: 1rem;
  border-radius: 5px; }

.image-tip {
  padding: 0.25rem 0.5rem;
  margin: 0.25rem;
  text-align: center; }
  .image-tip p {
    margin: 2rem 0rem; }
    .image-tip p.heading {
      font-weight: 400;
      font-family: "DM Serif Display", arial, helvetica, sans-serif;
      font-size: 1.75rem;
      line-height: 2rem;
      color: #344235;
      margin: 0rem 0rem 2.5rem; }
      @media only screen and (min-width: 48em) {
        .image-tip p.heading {
          font-size: 2.25rem;
          line-height: 2.5rem; } }

.new-block-section {
  display: flex;
  width: 100%;
  height: 36px;
  align-items: center;
  justify-content: center; }
  .new-block-section:before {
    display: block;
    content: "";
    background: none;
    height: 5px;
    width: 100%;
    transition: all 0.3s; }
  .new-block-section .icon {
    position: absolute;
    background: none;
    width: 36px;
    height: 36px;
    border-radius: 50%;
    transition: all 0.3s; }
    .new-block-section .icon:before {
      position: absolute;
      top: 50%;
      left: 50%;
      transform: translate(-50%, -50%);
      color: transparent;
      transition: all 0.3s; }
  .new-block-section:focus:before,
  .new-block-section:focus .icon, .new-block-section:hover:before,
  .new-block-section:hover .icon {
    background: #4fabc6; }
  .new-block-section:focus .icon:before, .new-block-section:hover .icon:before {
    color: white; }

/* bio styles */
.author-biography {
  padding: 1.25rem;
  line-height: 24px;
  /* tablet + */ }
  .author-biography h1 {
    color: #344235; }
  .author-biography h2 {
    margin-top: 2.5rem; }
  .author-biography label {
    font-size: 1.25rem;
    margin-bottom: 0.625rem;
    display: block; }
  .author-biography .optional-text {
    display: block;
    font-family: Lato, arial, helvetica, sans-serif;
    font-size: 1rem;
    margin-top: 0.25rem;
    color: #74746D; }
  .author-biography .author-info {
    text-align: center;
    margin: 2.4375rem 0rem 2.625rem; }
    .author-biography .author-info label {
      margin-bottom: 0rem; }
  .author-biography .avatar {
    margin: 1.25rem 0rem; }
  .author-biography .avatar img {
    vertical-align: middle;
    width: 160px;
    height: 160px;
    border-radius: 50%;
    object-fit: cover; }
  @media only screen and (min-width: 48em) {
    .author-biography .authoring-content {
      width: 690px; }
      .author-biography .authoring-content .author-info {
        text-align: left; } }

/* Articles */
.articles-container {
  margin: 0rem 1.25rem;
  line-height: 1.5rem; }
  @media only screen and (min-width: 48em) {
    .articles-container {
      width: 43.125rem;
      margin: 0 auto;
      line-height: 3rem; } }
  .articles-container .authoring-heading h1 {
    color: #344235; }
  .articles-container .authoring-heading p {
    color: #344235;
    line-height: 1.5rem; }
    @media only screen and (min-width: 48em) {
      .articles-container .authoring-heading p {
        font-size: 1.125rem; } }
  @media only screen and (min-width: 48em) {
    .articles-container .authoring-articles .tabs-container .tab-title {
      font-family: "Lato Bold", arial, helvetica, sans-serif;
      font-size: 1.125rem; }
      .articles-container .authoring-articles .tabs-container .tab-title:after {
        display: block;
        position: relative;
        top: 0;
        content: "";
        background: #EFC68E;
        width: 0;
        height: 6px;
        transition: width 0.15s; }
      .articles-container .authoring-articles .tabs-container .tab-title.active {
        border-radius: 0;
        background: none; }
      .articles-container .authoring-articles .tabs-container .tab-title span.item {
        padding-left: 1.125rem; } }
  .articles-container .authoring-articles .current-selected {
    background: #fafbf5 0% 0% no-repeat padding-box;
    box-shadow: 0px 2px 3px #00000029;
    border: 0.5px solid #ebebeb;
    border-radius: 0;
    font-family: Lato, arial, helvetica, sans-serif;
    color: #344235;
    font-size: 1rem;
    height: inherit;
    cursor: pointer;
    padding: 0.9375rem 1.25rem;
    line-height: 2.625rem;
    margin-top: 1.5625rem; }
    @media only screen and (min-width: 48em) {
      .articles-container .authoring-articles .current-selected {
        display: none; } }
    .articles-container .authoring-articles .current-selected .icon-arrow-down {
      line-height: 2.625rem;
      margin-left: 0.6875rem;
      font-size: 1.25rem; }
      .articles-container .authoring-articles .current-selected .icon-arrow-down.rotate {
        transform: rotate(180deg);
        display: inline-block; }
  .articles-container .authoring-articles .tab-body {
    opacity: 1;
    transition: opacity 1s; }
  .articles-container .authoring-articles .tabs {
    height: 100%; }
    .articles-container .authoring-articles .tabs .tabs-container {
      display: none;
      flex-direction: column;
      min-height: 4.75rem;
      opacity: 1;
      background: #fafbf5 0% 0% no-repeat padding-box;
      box-shadow: 0px 2px 3px #00000029;
      border: 0.5px solid #ebebeb;
      border-radius: 0;
      width: 20rem;
      position: absolute;
      z-index: 99; }
      @media only screen and (min-width: 48em) {
        .articles-container .authoring-articles .tabs .tabs-container {
          display: flex;
          flex-direction: row;
          margin-top: 2.75rem;
          width: 42.75rem;
          width: 100%;
          position: relative; } }
      .articles-container .authoring-articles .tabs .tabs-container.show {
        display: flex;
        margin-top: -2.4375rem;
        width: calc(100% - (1.25rem + 1.25rem)); }
    .articles-container .authoring-articles .tabs .tabs-content {
      height: calc(100% - 64px);
      margin-bottom: 0.75rem;
      margin-top: 2.4375rem;
      padding: 0rem;
      background: none; }
      .articles-container .authoring-articles .tabs .tabs-content .tab-body-content {
        background: none;
        box-shadow: none;
        border: none; }
        @media only screen and (min-width: 48em) {
          .articles-container .authoring-articles .tabs .tabs-content .tab-body-content ul {
            font-size: 1.125rem; } }
        .articles-container .authoring-articles .tabs .tabs-content .tab-body-content > p {
          padding: 2rem 0rem;
          text-align: center; }
        .articles-container .authoring-articles .tabs .tabs-content .tab-body-content p {
          font-size: 1.125rem;
          font-family: Lato, arial, helvetica, sans-serif;
          line-height: 1.375rem; }
          .articles-container .authoring-articles .tabs .tabs-content .tab-body-content p.article-title {
            font-size: 1.25rem;
            font-family: "Lato Bold", arial, helvetica, sans-serif;
            line-height: 1.5rem;
            margin: 0rem 0rem 0.75rem 0rem; }
          @media only screen and (min-width: 48em) {
            .articles-container .authoring-articles .tabs .tabs-content .tab-body-content p.article-title {
              margin: 0rem 0rem 0.375rem 0rem; } }
        .articles-container .authoring-articles .tabs .tabs-content .tab-body-content li {
          list-style: none;
          min-height: 100px;
          margin-bottom: 0.75rem;
          background: #fafbf5 0% 0% no-repeat padding-box;
          box-shadow: 0px 2px 3px #00000029;
          border: 0.5px solid #ebebeb;
          padding: 1.25rem 2.4375rem 1.25rem 2.25rem; }
          @media only screen and (min-width: 48em) {
            .articles-container .authoring-articles .tabs .tabs-content .tab-body-content li {
              padding: 1.4375rem 2.4375rem 1.8125rem 2.25rem; } }
          .articles-container .authoring-articles .tabs .tabs-content .tab-body-content li .article-items-container {
            display: flex;
            align-items: center;
            justify-content: space-between; }
            .articles-container .authoring-articles .tabs .tabs-content .tab-body-content li .article-items-container .context-dots-dropdown.dropdown .icon {
              color: #597D7A;
              float: none;
              padding: 0; }
        .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown {
          display: block;
          text-align: right;
          width: initial;
          height: initial; }
          .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown .dropdown-toggle {
            padding: 0;
            width: auto; }
            .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown .dropdown-toggle .icon:before {
              display: block;
              transform: none;
              font-size: 2rem; }
          .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown .dropdown-menu {
            width: 13.375rem;
            height: 3.875rem;
            line-height: 3.875rem;
            padding: 0;
            margin: 0;
            top: 32px;
            background: #ffffff 0% 0% no-repeat padding-box;
            box-shadow: 0px 3px 6px #00000029;
            border-radius: 11px;
            opacity: 1;
            border: none;
            right: 0 !important;
            left: auto !important; }
            .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown .dropdown-menu li {
              background: none;
              box-shadow: none;
              border: none;
              min-height: 0;
              padding: 0;
              margin: 0;
              min-width: 0;
              text-align: center; }
              .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown .dropdown-menu li a {
                color: #111111;
                display: flex;
                align-items: center;
                flex-direction: row;
                padding: 0;
                font-size: 1.125rem; }
                .articles-container .authoring-articles .tabs .tabs-content .tab-body-content .dropdown .dropdown-menu li a .icon {
                  margin: 0rem 0.6875rem 0rem 1.25rem; }
    .articles-container .authoring-articles .tabs .tab-title {
      padding: 0rem 1.5rem 0rem 0rem;
      border: none;
      font-family: Lato, arial, helvetica, sans-serif;
      color: #344235;
      font-size: 1rem; }
      .articles-container .authoring-articles .tabs .tab-title.active {
        border-radius: 0;
        background: #F5F7ED; }
        @media only screen and (min-width: 48em) {
          .articles-container .authoring-articles .tabs .tab-title.active {
            background: none; } }
        .articles-container .authoring-articles .tabs .tab-title.active:after {
          width: 100%;
          transition: width 0.3s; }
      .articles-container .authoring-articles .tabs .tab-title span:not(.sr-only) {
        display: inline-block;
        padding: 0.9375rem 1.875rem;
        line-height: 2.625rem; }
      .articles-container .authoring-articles .tabs .tab-title span.item {
        padding-left: 1.25rem;
        padding-right: 0.6875rem; }
      .articles-container .authoring-articles .tabs .tab-title span.icon {
        padding: 0.9375rem;
        color: #597D7A; }
      .articles-container .authoring-articles .tabs .tab-title span.articles-count {
        background-color: #597D7A;
        color: #F5F7ED;
        font-size: 1rem;
        text-align: center;
        text-decoration: none;
        border: none;
        border-radius: 16px;
        line-height: 0.25rem;
        margin: 0rem;
        padding: 0.875rem 1.15625rem;
        white-space: nowrap;
        position: relative; }

/* terms and conditions */
.terms-and-conditions-copy {
  margin-top: 1rem; }
  .terms-and-conditions-copy,
  .terms-and-conditions-copy p {
    font-size: 0.875rem;
    line-height: 1.125rem;
    color: #344235; }
  .terms-and-conditions-copy strong {
    font-family: "Lato Bold", arial, helvetica, sans-serif; }

@media only screen and (max-width: 47.9375em) {
  .gemopedia .theme-fadedGreen-on-white .item-format-stacked.columns-4 .column-main, .gemopedia .theme-fadedGreen-on-white .item-format-stacked.columns-4 .column-secondary {
    width: 50%; }
  .gemopedia .theme-fadedGreen-on-white .item-format-stacked.columns-4 .column-secondary {
    height: inherit; } }

.error-404 .off-canvas-wrap .inner-wrap .site-wrapper {
  background-color: #232F25; }

.error-500 .off-canvas-wrap .inner-wrap .site-wrapper {
  background-color: #EDECE2; }

@media only screen and (max-width: 47.9375em) {
  .error-404 main, .error-major main, .error-overload main {
    left: 0;
    top: 133px;
    height: 866px;
    width: 360px;
    min-width: 360px; }
  .error-404 .error-500-bg-small, .error-major .error-500-bg-small, .error-overload .error-500-bg-small {
    background: transparent url("https://media.gemstones.com/image/upload/v1620070323/gemstones-site/error%20pages/500-mobile_qd9uo8.jpg") 0% 0% no-repeat padding-box;
    background-size: 360px 517px;
    background-position: center top;
    background-color: #EDECE2; }
  .error-404 .error-404-bg-small, .error-major .error-404-bg-small, .error-overload .error-404-bg-small {
    background: transparent url("https://media.gemstones.com/image/upload/v1620070323/gemstones-site/error%20pages/404-mobile_vz5jj6.jpg") 0% 0% no-repeat padding-box;
    background-size: 360px 517px;
    background-position: center top;
    background-color: #232F25; }
  .error-404 .error-message-500, .error-major .error-message-500, .error-overload .error-message-500 {
    height: 512px;
    max-width: 312px;
    display: flex;
    flex-direction: column; }
    .error-404 .error-message-500 p, .error-major .error-message-500 p, .error-overload .error-message-500 p {
      margin: 0 0 8px 0;
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      font-family: Lato, arial, helvetica, sans-serif;
      color: #232F25;
      letter-spacing: 0px;
      opacity: 1; }
  .error-404 .error-message-404, .error-major .error-message-404, .error-overload .error-message-404 {
    height: 512px;
    max-width: 312px;
    display: flex;
    flex-direction: column; }
    .error-404 .error-message-404 p, .error-major .error-message-404 p, .error-overload .error-message-404 p {
      font-weight: 400;
      font-size: 16px;
      line-height: 22px;
      font-family: Lato, arial, helvetica, sans-serif;
      color: #EDECE2;
      letter-spacing: 0px;
      opacity: 1; }
  .error-404 .error-page-type, .error-major .error-page-type, .error-overload .error-page-type {
    left: 0;
    margin-top: 32px;
    width: 48px;
    height: 24px;
    background: #EFC68E 0% 0% no-repeat padding-box;
    border-radius: 0 8px 8px 0;
    text-align: center;
    margin-bottom: 0; }
    .error-404 .error-page-type span, .error-major .error-page-type span, .error-overload .error-page-type span {
      width: 28px;
      height: 19px;
      font-size: 16px;
      line-height: 26px;
      font-family: Lato, arial, helvetica, sans-serif;
      font-weight: 900;
      letter-spacing: 0;
      color: #232F25;
      background: transparent;
      opacity: 1; }
  .error-404 .errorHeader, .error-major .errorHeader, .error-overload .errorHeader {
    display: flex;
    font-weight: 400;
    font-size: 32px;
    line-height: 36px;
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    letter-spacing: 0;
    opacity: 1; }
    .error-404 .errorHeader h1, .error-major .errorHeader h1, .error-overload .errorHeader h1 {
      margin: 12px 0 4px 0; }
  .error-404 .error-header-500, .error-major .error-header-500, .error-overload .error-header-500 {
    color: #232F25; }
  .error-404 .error-header-404, .error-major .error-header-404, .error-overload .error-header-404 {
    color: #EDECE2; }
  .error-404 .did-you-know, .error-major .did-you-know, .error-overload .did-you-know {
    height: 344px;
    display: flex;
    align-items: center;
    margin-bottom: 0px !important; }
  .error-404 .dyk-wrapper, .error-major .dyk-wrapper, .error-overload .dyk-wrapper {
    margin-left: -32px;
    border-radius: 0 25px 25px 0;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .error-404 .dyk-wrapper div, .error-major .dyk-wrapper div, .error-overload .dyk-wrapper div {
      display: flex;
      align-items: center;
      flex-direction: column; }
      .error-404 .dyk-wrapper div div, .error-major .dyk-wrapper div div, .error-overload .dyk-wrapper div div {
        padding-top: 42px;
        padding-left: 32px;
        text-align: left;
        display: flex;
        align-self: flex-start; }
        .error-404 .dyk-wrapper div div span, .error-major .dyk-wrapper div div span, .error-overload .dyk-wrapper div div span {
          font-weight: 900;
          font-size: 18px;
          line-height: 22px;
          font-family: "Lato Bold", arial, helvetica, sans-serif;
          opacity: 1; }
      .error-404 .dyk-wrapper div p, .error-major .dyk-wrapper div p, .error-overload .dyk-wrapper div p {
        padding: 10px 32px 43px 25px;
        font-weight: 400;
        font-size: 16px;
        line-height: 22px;
        font-family: Lato, arial, helvetica, sans-serif;
        letter-spacing: 0px;
        opacity: 1; }
  .error-404 .error-500-dyk, .error-major .error-500-dyk, .error-overload .error-500-dyk {
    background-color: #F5F7ED; }
    .error-404 .error-500-dyk span, .error-major .error-500-dyk span, .error-overload .error-500-dyk span {
      color: #597D7A; }
    .error-404 .error-500-dyk p, .error-major .error-500-dyk p, .error-overload .error-500-dyk p {
      color: #111111; }
  .error-404 .error-404-dyk, .error-major .error-404-dyk, .error-overload .error-404-dyk {
    background-color: #344235; }
    .error-404 .error-404-dyk span, .error-major .error-404-dyk span, .error-overload .error-404-dyk span {
      color: #EFC68E; }
    .error-404 .error-404-dyk p, .error-major .error-404-dyk p, .error-overload .error-404-dyk p {
      color: #EDECE2; } }

@media only screen and (min-width: 48em) {
  .error-404 main, .error-major main, .error-overload main {
    left: 0;
    top: 133px; }
  .error-404 .error-500-bg, .error-major .error-500-bg, .error-overload .error-500-bg {
    background: transparent url("https://media.gemstones.com/image/upload/v1620070370/gemstones-site/error%20pages/500-desktop_zuo9gy.jpg") 0% 0% no-repeat padding-box;
    min-width: 1280px;
    background-size: contain;
    background-position: right center;
    background-color: #EDECE2; }
  .error-404 .error-404-bg, .error-major .error-404-bg, .error-overload .error-404-bg {
    background: transparent url("https://media.gemstones.com/image/upload/v1620070323/gemstones-site/error%20pages/404-desktop_rtexio.jpg") 0% 0% no-repeat padding-box;
    max-width: 1280px;
    background-size: contain;
    background-position: right center;
    background-color: #232F25; }
  .error-404 .error-message, .error-major .error-message, .error-overload .error-message {
    width: 560px;
    margin-left: 72px;
    display: flex;
    flex-direction: column;
    padding-bottom: 42px; }
    .error-404 .error-message p, .error-major .error-message p, .error-overload .error-message p {
      margin: 0 0 8px 0;
      max-width: 400px;
      font-family: Lato, arial, helvetica, sans-serif;
      font-weight: normal;
      font-size: 18px;
      line-height: 24px;
      letter-spacing: 0px;
      opacity: 1; }
  .error-404 .error-message-404, .error-major .error-message-404, .error-overload .error-message-404 {
    color: #EDECE2; }
  .error-404 .error-message-500, .error-major .error-message-500, .error-overload .error-message-500 {
    color: #232F25; }
  .error-404 .error-page-type, .error-major .error-page-type, .error-overload .error-page-type {
    left: 0;
    margin-top: 89px;
    width: 56px;
    height: 32px;
    background: #EFC68E 0% 0% no-repeat padding-box;
    border-radius: 0 8px 8px 0;
    text-align: center;
    margin-bottom: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center; }
    .error-404 .error-page-type span, .error-major .error-page-type span, .error-overload .error-page-type span {
      height: 22px;
      width: 31px;
      font-size: 18px;
      font-weight: 900;
      color: #232F25;
      background: transparent; }
  .error-404 .errorHeader, .error-major .errorHeader, .error-overload .errorHeader {
    max-width: 400px;
    display: flex;
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    font-weight: 400;
    line-height: 50px;
    font-size: 46px;
    letter-spacing: 0;
    opacity: 1; }
    .error-404 .errorHeader h1, .error-major .errorHeader h1, .error-overload .errorHeader h1 {
      margin: 12px 0 4px 0; }
  .error-404 .error-header-500, .error-major .error-header-500, .error-overload .error-header-500 {
    color: #232F25; }
  .error-404 .error-header-404, .error-major .error-header-404, .error-overload .error-header-404 {
    color: #EDECE2; }
  .error-404 .did-you-know, .error-major .did-you-know, .error-overload .did-you-know {
    height: 244px;
    width: 560px;
    display: flex;
    align-items: center;
    margin-bottom: 0; }
  .error-404 .dyk-wrapper, .error-major .dyk-wrapper, .error-overload .dyk-wrapper {
    border-radius: 0 25px 25px 0;
    width: 560px;
    display: flex;
    align-items: center;
    flex-direction: column; }
    .error-404 .dyk-wrapper div, .error-major .dyk-wrapper div, .error-overload .dyk-wrapper div {
      display: flex;
      align-items: center;
      flex-direction: column;
      max-width: 450px; }
      .error-404 .dyk-wrapper div div, .error-major .dyk-wrapper div div, .error-overload .dyk-wrapper div div {
        padding-top: 42px;
        padding-right: 88px;
        text-align: left;
        display: flex;
        align-self: flex-start;
        max-width: 450px; }
        .error-404 .dyk-wrapper div div span, .error-major .dyk-wrapper div div span, .error-overload .dyk-wrapper div div span {
          text-align: left;
          font-family: Lato, arial, helvetica, sans-serif;
          font-weight: 900;
          font-size: 20px;
          line-height: 26px;
          letter-spacing: 0;
          opacity: 1; }
      .error-404 .dyk-wrapper div p, .error-major .dyk-wrapper div p, .error-overload .dyk-wrapper div p {
        padding-top: 10px;
        padding-bottom: 43px;
        font-size: 18px;
        line-height: 24px;
        letter-spacing: 0px;
        font-family: Lato, arial, helvetica, sans-serif;
        font-weight: 400;
        opacity: 1; }
  .error-404 .error-500-dyk, .error-major .error-500-dyk, .error-overload .error-500-dyk {
    background-color: #F5F7ED;
    max-width: 560px; }
    .error-404 .error-500-dyk span, .error-major .error-500-dyk span, .error-overload .error-500-dyk span {
      color: #597D7A; }
    .error-404 .error-500-dyk p, .error-major .error-500-dyk p, .error-overload .error-500-dyk p {
      color: #111111; }
  .error-404 .error-404-dyk, .error-major .error-404-dyk, .error-overload .error-404-dyk {
    background-color: #344235; }
    .error-404 .error-404-dyk span, .error-major .error-404-dyk span, .error-overload .error-404-dyk span {
      color: #EFC68E; }
    .error-404 .error-404-dyk p, .error-major .error-404-dyk p, .error-overload .error-404-dyk p {
      color: #EDECE2; } }

.gemopedia-item-fact .pronunciation {
  margin-bottom: 1rem; }

.gemopedia-item-fact .button-pronunciation {
  text-transform: none; }
  .gemopedia-item-fact .button-pronunciation .icon {
    padding-right: 0.5rem; }
  .gemopedia-item-fact .button-pronunciation:active .text, .gemopedia-item-fact .button-pronunciation:hover .text {
    display: none; }
  .gemopedia-item-fact .button-pronunciation:active::after, .gemopedia-item-fact .button-pronunciation:hover::after {
    content: "pro·nun·ci·a·tion"; }

.gemopedia-item-fact .article-featured-image img:not(.active) {
  display: none; }

.gemopedia-item-fact .two-column-left > div {
  margin-bottom: 72px; }
  .gemopedia-item-fact .two-column-left > div:before, .gemopedia-item-fact .two-column-left > div:after {
    content: " ";
    display: table; }
  .gemopedia-item-fact .two-column-left > div:after {
    clear: both; }

.gemopedia-item-fact .gem-colors ul {
  list-style: none; }
  .gemopedia-item-fact .gem-colors ul:before, .gemopedia-item-fact .gem-colors ul:after {
    content: " ";
    display: table; }
  .gemopedia-item-fact .gem-colors ul:after {
    clear: both; }

.gemopedia-item-fact .gem-colors li {
  float: left;
  width: calc(100% / 3);
  text-align: center;
  padding: 0rem 1rem 1.5rem 0rem;
  margin: 0; }
  .gemopedia-item-fact .gem-colors li:before, .gemopedia-item-fact .gem-colors li:after {
    content: " ";
    display: table; }
  .gemopedia-item-fact .gem-colors li:after {
    clear: both; }
  .gemopedia-item-fact .gem-colors li img {
    max-height: 75px; }
  @media only screen and (max-width: 47.9375em) {
    .gemopedia-item-fact .gem-colors li:nth-of-type(3n+1) {
      clear: both; } }
  @media only screen and (min-width: 48em) and (max-width: 64em) {
    .gemopedia-item-fact .gem-colors li {
      width: calc(100% / 4);
      padding-right: 1.5rem; }
      .gemopedia-item-fact .gem-colors li:nth-of-type(4n+1) {
        clear: both; } }
  @media only screen and (min-width: 64.0625em) {
    .gemopedia-item-fact .gem-colors li {
      width: calc(100% / 5);
      padding-right: 2.5rem; }
      .gemopedia-item-fact .gem-colors li:nth-of-type(5n+1) {
        clear: both; } }

.gemopedia-item-fact .tabs .tabs-container .tab-title {
  margin: 0;
  min-width: 11.25rem; }

.gemopedia-item-fact .tabs.tab-count-1 .tab-title {
  width: 100%; }

.gemopedia-item-fact .tabs.tab-count-2 .tab-title {
  width: 50%; }

.gemopedia-item-fact .tabs.tab-count-3 .tab-title {
  width: calc(100%/3); }

.gemopedia-item-fact .tabs.tab-count-4 .tab-title {
  width: 25%; }

.gemopedia-item-fact .tabs .icon {
  display: block;
  font-size: 1.5rem;
  font-weight: 900;
  margin-bottom: 1rem;
  background-color: #EFC68E;
  color: #344235;
  border-radius: 28px;
  padding: 12px;
  width: 48px;
  height: 48px; }

.gemopedia-item-fact .tabs .tab-body-content:before, .gemopedia-item-fact .tabs .tab-body-content:after {
  content: " ";
  display: table; }

.gemopedia-item-fact .tabs .tab-body-content:after {
  clear: both; }

.gemopedia-item-fact .tabs .tab-body-content > div {
  float: left;
  margin-bottom: 24px;
  padding-left: 16px;
  padding-right: 16px;
  width: 50%; }
  .gemopedia-item-fact .tabs .tab-body-content > div:before, .gemopedia-item-fact .tabs .tab-body-content > div:after {
    content: " ";
    display: table; }
  .gemopedia-item-fact .tabs .tab-body-content > div:after {
    clear: both; }
  .gemopedia-item-fact .tabs .tab-body-content > div.column-span {
    width: 100%; }
  .gemopedia-item-fact .tabs .tab-body-content > div div:first-child {
    font-weight: 900; }

.gemopedia-item-fact .gem-variant-heading {
  margin-bottom: 2rem; }

.gemopedia-item-fact .gem-variant-info:not(:last-child) {
  margin: 1.5rem 0rem 4.5rem 0rem; }

.gemopedia-item-fact .gem-spectra .gem-spectra-label {
  font-weight: 400;
  font-family: "Lato Black", arial, helvetica, sans-serif;
  font-size: 1.125rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 48em) {
    .gemopedia-item-fact .gem-spectra .gem-spectra-label {
      font-size: 1.25rem;
      line-height: 1.625rem; } }

.gemopedia-item-fact .gem-spectra .gem-spectra-desc {
  font-family: Lato, arial, helvetica, sans-serif;
  font-size: 0.875rem;
  line-height: 1.375rem; }
  @media only screen and (min-width: 48em) {
    .gemopedia-item-fact .gem-spectra .gem-spectra-desc {
      font-size: 1rem;
      line-height: 1.5rem; } }

.gemopedia-item-fact .gem-spectra .slick-track {
  display: flex;
  flex-flow: row wrap; }

.gemopedia-item-fact .gem-spectra .carousel-block {
  padding: 0rem 1rem; }
  .gemopedia-item-fact .gem-spectra .carousel-block .block-wrapper {
    border: 2px solid #688580;
    height: 100%;
    padding: 2.5rem 3rem; }
    .gemopedia-item-fact .gem-spectra .carousel-block .block-wrapper > div:not(:last-child) {
      margin-bottom: 1rem; }

.gemopedia-item-fact .gem-spectra .fine-print {
  background-color: #F5F7ED;
  padding: 1.5rem 3rem; }
  .gemopedia-item-fact .gem-spectra .fine-print p {
    font-weight: 400;
    font-family: Lato, arial, helvetica, sans-serif;
    font-size: 1rem;
    line-height: 1.375rem; }
    @media only screen and (min-width: 48em) {
      .gemopedia-item-fact .gem-spectra .fine-print p {
        font-size: 1.125rem;
        line-height: 1.5rem; } }

.gemopedia-item-fact .gem-more {
  margin: 0rem -3rem 4rem;
  background-color: #F5F7ED;
  padding: 1.5rem 2.5rem; }
  .gemopedia-item-fact .gem-more:before, .gemopedia-item-fact .gem-more:after {
    content: " ";
    display: table; }
  .gemopedia-item-fact .gem-more:after {
    clear: both; }
  @media only screen and (min-width: 48em) {
    .gemopedia-item-fact .gem-more {
      margin: 0rem 0rem 4rem;
      padding: 4.5rem; } }
  .gemopedia-item-fact .gem-more .image-wrapper, .gemopedia-item-fact .gem-more .info-wrapper {
    overflow: hidden;
    width: 100%;
    float: left; }
  .gemopedia-item-fact .gem-more .info-wrapper {
    padding-top: 1.5rem; }
  .gemopedia-item-fact .gem-more .image-wrapper {
    border-radius: 0.25rem; }
  .gemopedia-item-fact .gem-more .section-title {
    font-weight: 400;
    font-family: "DM Serif Display", arial, helvetica, sans-serif;
    font-size: 1.75rem;
    line-height: 2rem;
    margin: 0; }
    @media only screen and (min-width: 48em) {
      .gemopedia-item-fact .gem-more .section-title {
        font-size: 2.25rem;
        line-height: 2.5rem; } }

.gemopedia-item-fact .gem-spectra .carousel-container {
  margin-bottom: 0;
  padding-top: 1.5rem; }
  @media only screen and (min-width: 48em) {
    .gemopedia-item-fact .gem-spectra .carousel-container .slick-dots {
      text-align: right;
      padding-right: 0.5rem; } }

.gemopedia-item-fact .gem-spectra .slick-dots {
  top: -56px; }

.gemopedia-item-fact .gem-video-container .video-wrapper {
  padding-bottom: 1.5rem; }

/* landing pages */
.homepage-hero {
  position: relative;
  margin: 0rem -4.5rem 1.5rem; }
  .homepage-hero .image-wrapper {
    display: block;
    overflow: hidden;
    position: relative;
    z-index: 2;
    margin: 0.25rem 0rem 3rem; }
    @media only screen and (min-width: 48em) {
      .homepage-hero .image-wrapper {
        margin-bottom: 4rem; } }
    .homepage-hero .image-wrapper img {
      object-fit: cover;
      width: 100%;
      height: 100%; }
  .homepage-hero .main-title {
    padding-left: 4.5rem;
    padding-right: 4.5rem;
    text-align: center; }

.primary-nav {
  z-index: 105;
  position: fixed;
  bottom: 0;
  top: 0;
  width: 60%;
  min-width: 346px;
  background: inherit;
  box-shadow: none !important; }
  .primary-nav a {
    color: inherit;
    width: auto;
    display: block; }
    .primary-nav a:hover {
      text-decoration: none;
      background-color: transparent; }
  .primary-nav nav {
    border-radius: 0 28px 28px 0;
    overflow: auto;
    background-color: #232F25;
    color: #EDECE2;
    height: 100vh; }
    @media only screen and (min-width: 48em) {
      .primary-nav nav {
        width: 100%;
        min-height: 800px;
        height: 100%; } }
  .primary-nav ul {
    list-style: none; }
  .primary-nav .nav-close {
    width: 100%;
    height: 64px;
    background-color: #344235; }
    @media only screen and (min-width: 48em) {
      .primary-nav .nav-close {
        height: 112px; } }
    .primary-nav .nav-close .icon-container {
      background-color: #232F25;
      top: 0;
      left: 0;
      display: flex;
      align-items: center;
      justify-content: center;
      height: 64px;
      width: 64px;
      cursor: pointer; }
      @media only screen and (min-width: 48em) {
        .primary-nav .nav-close .icon-container {
          height: 112px;
          width: 112px; } }
      .primary-nav .nav-close .icon-container button:hover {
        background-color: rgba(52, 66, 53, 0.5); }
      .primary-nav .nav-close .icon-container span {
        font-weight: bolder; }
  .primary-nav .content-container .accordion {
    min-height: 576px;
    position: relative; }
    .primary-nav .content-container .accordion .accordion-container {
      align-items: center;
      min-height: 80px; }
      @media only screen and (min-width: 48em) {
        .primary-nav .content-container .accordion .accordion-container {
          display: grid;
          grid-template-columns: 346px 334px;
          max-width: 346px; } }
      .primary-nav .content-container .accordion .accordion-container .accordion-title a {
        padding-left: 24px;
        display: flex;
        width: 100%;
        position: relative;
        align-items: center;
        font-weight: 400;
        font-family: "DM Serif Display", arial, helvetica, sans-serif;
        font-size: 1.75rem;
        line-height: 2rem;
        outline: none; }
        @media only screen and (min-width: 48em) {
          .primary-nav .content-container .accordion .accordion-container .accordion-title a {
            font-size: 2.25rem;
            line-height: 2.5rem; } }
        .primary-nav .content-container .accordion .accordion-container .accordion-title a .link-name {
          width: 70%; }
        .primary-nav .content-container .accordion .accordion-container .accordion-title a div {
          background-color: #232F25;
          margin-left: auto;
          margin-right: 0px;
          width: 80px;
          height: 80px;
          display: flex;
          right: 0;
          top: 0; }
          .primary-nav .content-container .accordion .accordion-container .accordion-title a div .icon-arrow-forward {
            font-size: 20px;
            transform: rotate(90deg);
            align-content: center;
            justify-content: center; }
            @media only screen and (min-width: 48em) {
              .primary-nav .content-container .accordion .accordion-container .accordion-title a div .icon-arrow-forward {
                transform: rotate(0deg);
                padding-top: 30px;
                padding-right: 20px; } }
          @media only screen and (min-width: 48em) {
            .primary-nav .content-container .accordion .accordion-container .accordion-title a div {
              width: auto;
              background-color: transparent; } }
        @media only screen and (min-width: 48em) {
          .primary-nav .content-container .accordion .accordion-container .accordion-title a {
            grid-column: 1 / 2;
            height: 110px;
            max-height: 110px;
            max-width: 346px; } }
      .primary-nav .content-container .accordion .accordion-container .accordion-title.active div {
        width: 20px; }
      .primary-nav .content-container .accordion .accordion-container .accordion-title.active .icon-arrow-forward {
        transform: rotate(270deg); }
      @media only screen and (min-width: 48em) {
        .primary-nav .content-container .accordion .accordion-container .accordion-body {
          grid-column: 2 / 3;
          position: absolute;
          overflow: visible;
          top: 0;
          width: calc(100% - 346px);
          height: calc(100vh - 112px);
          left: 346px; } }
      .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content {
        background-color: rgba(52, 66, 53, 0.5);
        overflow-y: auto; }
        @media only screen and (min-width: 48em) {
          .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content {
            background-color: transparent; } }
        .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul {
          font-weight: 400;
          font-family: Lato, arial, helvetica, sans-serif;
          font-size: 1rem;
          line-height: 1.375rem;
          margin: 0;
          display: flex;
          flex-direction: column;
          padding-bottom: 16px; }
          @media only screen and (min-width: 48em) {
            .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul {
              font-size: 1.125rem;
              line-height: 1.375rem; } }
          .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li {
            font-size: 16px;
            margin-bottom: 0;
            display: flex;
            justify-content: flex-start;
            align-items: center;
            width: 100%; }
            .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li a {
              position: relative;
              width: 100%;
              height: 100%;
              opacity: 1;
              color: #EDECE2;
              padding: 16px 24px; }
            @media only screen and (min-width: 48em) {
              .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li {
                font-weight: 400;
                font-family: Lato, arial, helvetica, sans-serif;
                font-size: 1rem;
                line-height: 1.375rem; } }
  @media only screen and (min-width: 48em) and (min-width: 48em) {
    .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li {
      font-size: 1.125rem;
      line-height: 1.375rem; } }
            @media only screen and (min-width: 48em) {
                .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li a {
                  padding-left: 40px;
                  padding-right: 40px; } }
          @media only screen and (max-width: 47.9375em) {
            .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li:active {
              background-color: #344235; } }
          @media only screen and (min-width: 48em) {
            .primary-nav .content-container .accordion .accordion-container .accordion-body .accordion-body-content ul li:hover span {
              border-bottom: 3px solid #EFC68E; } }
  @media only screen and (min-width: 48em) {
    .primary-nav {
      width: 680px; }
      .primary-nav .accordion-container:hover .accordion-title, .primary-nav .accordion-container.active .accordion-title {
        background-color: rgba(52, 66, 53, 0.5); }
      .primary-nav .accordion-container:hover .link-name, .primary-nav .accordion-container.active .link-name {
        border-bottom: 3px solid #EFC68E;
        text-decoration: none;
        background-color: transparent; }
      .primary-nav .accordion-container:hover .accordion-title + .accordion-body, .primary-nav .accordion-container.active .accordion-title + .accordion-body {
        display: block;
        transition-timing-function: ease-out;
        transition-delay: 2s; }
        .primary-nav .accordion-container:hover .accordion-title + .accordion-body .accordion-body-content, .primary-nav .accordion-container.active .accordion-title + .accordion-body .accordion-body-content {
          height: 100%;
          padding-top: 30px; } }

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