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

Stylesheet: Main Stylesheet

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

******************************************************************/
/**
 * Mixins
 */
/**
 * These mixins are used for basic layout of modules
 * You should probably include these and then add styles rather than altering these directly
 * Unless you want to affect *everything* that replies on them of course!
 */
/**
 * Position a module to fill the grid (or half of it)
 *
 * Note: If you pass the $width:half argument you'll need to make sure you're using 
 * a grid with an even number of columns. You'll also need to override grid-column-start: 2
 * for any item to appear on the right of the screen at the xxxl breakpoint
 */
@import url("");
.card {
  margin-top: 1rem;
  padding: 1rem;
}
.card > h2 {
  margin-top: 0;
}

/**
 * Theme: Default
 */
html body {
  /**
   * 1. Define the palette
   * 
   * These definitions should not be referenced by components directly, only by other variables as set out below
   */
  --clrBlack: #1B0714;
  --clrWhite: #ffffff;
  --clr00: #4B0714;
  --clr01: #F1F6F8;
  --clrTint: #d6e5ea;
  --clr-interactive: #EF364E;
  --clr-section: #FFCAB1;
  --clr-ad-bg: #222222;
  --colour1: var(--clr01);
  --colour2: var(--clr00);
  --colour3: var(--clr-interactive);
  --colour4: var(--clr-interactive);
  --colour5: #FFD6E2;
  --colour-warning-bg: #BC2429;
  --colour-warning-text: #fff;
  --colour-info-bg: #ADFFCE;
  --colour-info-text: #000;
  --colour-success-bg: #ADFFCE;
  --colour-success-text: #000;
  --tint: #efefef;
  --tint2: #D7DCDA;
  --tint-darker: rgba(0,0,0,0.2);
  --tint-lighter: rgba(255,255,255,0.95);
  --mid-grey: #666;
  --clr-stats-banner-text: #ffffff;
  /**
   * 2. Global Font and layout
   */
  --transition: background .25s ease-out;
  --logo-colour-filter: invert(0);
  --border: 1px solid var(--clrTint);
  --body-background-colour: var(--colour1);
  --body-background-image: none;
  --body-background-image-size: 100%;
  --body-background-image-repeat: repeat;
  --body-background-blendmode: normal;
  --body-background-opacity: 1;
  --body-background-attachment: initial;
  --global-width: 85rem;
  --font-fam-body: "nudica", sans-serif;
  --font-fam-headings: "nudica", sans-serif;
  --font-fam-quotes: var(--font-fam-headings);
  --font-fam-brand: "nudica", sans-serif;
  --font-fam-buttons: "nudica", sans-serif;
  --body-line-height: 1.5;
  --heading-line-height: 1.2;
  --font-col-body: var(--colour2);
  --font-col-headings: var(--colour2);
  --font-col-headings-contrast: var(--colour1);
  --font-weight-card-heading: 100;
  --card-heading-letterspacing: -1px;
  --card-heading-font-size: var(--s3);
  --font-weight-card-description: 100;
  --font-weight-body: 500;
  --font-weight-headings: 400;
  --font-weight-brand: 600;
  --font-style-body: normal;
  --font-style-headings: normal;
  --font-style-nav: normal;
  --text-transform-body: none;
  --text-align-headings: left;
  --text-transform-headings: none;
  --text-transform-nav: none;
  --text-transform-brand: none;
  --letter-spacing-headings: 1;
  --letter-spacing-body: 0;
  --text-align-headings: left;
  --text-align-homepage-hero: center;
  --text-homepage-hero-subhead-max: 50rem;
  --heading-margin-top: .25em;
  --heading-margin-bottom: .25em;
  --legal-text-link-col: var(--colour0);
  --blockquote-text-col: var(--colour4);
  --hero-text-shadow-small: 0 0 15px #000000aa;
  --hero-text-shadow: 0 0 30px #00000099;
  --font-scale: 1.125;
  --font-size-small: .8rem;
  --font-size-body: calc(var(--font-scale) * var(--font-size-small));
  --font-size-subhead: calc(var(--font-scale) * var(--font-size-body));
  --font-size-h3: calc(var(--font-scale) * var(--font-size-subhead));
  --font-size-h2: calc(var(--font-scale) * var(--font-size-h3));
  --font-size-h1: calc(var(--font-scale) * var(--font-size-h2));
  --font-size-h0: calc(var(--font-scale) * var(--font-size-h1));
  --global-grid-gap: 1rem;
  --para-width: 48rem;
  --list-style: disc;
  --divider: .5rem solid var(--clrTint);
  /**
  * 3. Blocks
  */
  --accordion-title-bg-colour: var(--colour1);
  --accordion-content-bg-colour: var(--colour1);
  --accordion-text-colour: var(--colour2);
  --accordion-link-colour: var(--colour4);
  --accordion-title-bg-colour-hover: var(--colour3);
  --accordion-title-text: var(--colour2);
  --accordion-title-text-hover: var(--colour1);
  --accordion-title-text-colour-active: var(--colour2);
  --accordion-title-bg-colour-active: var(--clrTint);
  --advent-calendar-banner-col: var(--colour3);
  --advent-calendar-text-col: white;
  --advent-calendar-bg-1: #002B2A;
  --advent-calendar-bg-2: #DB2763;
  --advent-calendar-bg-unopened: #DB2763;
  --advent-calendar-bg-opendoor1: #9D1B46;
  --advent-calendar-bg-opendoor2: #7A1537;
  --alert-colour: var(--colour1);
  --alert-bg-colour: var(--colour3);
  --alert-clse-colour: var(--colour3);
  --alert-clse-bg-colour: var(--colour1);
  --banner-text-col: var(--colour1);
  --banner-background-col: var(--colour3);
  --beta-bar-text-col: var(--colour1);
  --beta-bar-bg-col: var(--colour3);
  --boxout-bg-colour: var(--colour2);
  --boxout-text-colour: var(--colour1);
  --boxout-border-radius: 0;
  --boxout-padding: 1rem;
  --boxout-stacked-padding: 0 1rem 1rem 1rem;
  --boxout-text-align: left;
  --samplist-boxout-text-col: var(--colour1);
  --box-samplist-border-radius: 0;
  --on-off-list-on-btn-background: var(--colour4);
  --on-off-list-off-btn-background: var(--colour1);
  --on-off-list-off-btn-text-col: var(--colour2);
  --on-off-list-on-btn-text-col: var(--colour1);
  --contact-details-text-col: var(--colour1);
  --contact-details-background: var(--colour2);
  --edit-panel-background: var(--clrTint);
  --edit-panel-border-radius: 0;
  --edit-panel-table-text-small-colour: var(--mid-grey);
  --edit-panel-button-bg-col: var(--colour2);
  --filter-background: var(--colour2);
  --filter-text-col: var(--colour1);
  --filter-heading-text-col: var(--colour1);
  --filter-heading-weight: 600;
  --filter-text-selected-col: var(--colour1);
  --filter-background-selected: var(--colour3);
  --filter-block-background1: var(--colour1);
  --filter-block-background1: var(--clr-interactive);
  --filter-block-background2: var(--colour1);
  --filter-block-background2: var(--clr-interactive);
  --filter-border-radius: 0;
  --hero-text-col: var(--colour1);
  --highlights-background: var(--tint2);
  --highlights-text-col: var(--colour2);
  --highlights-heading-margin: 0;
  --highlights-padding: 1rem 1rem 1rem 1rem;
  --highlights-margin: 0 -1rem 2rem -1rem;
  --homepage-banner-text-col: var(--colour1);
  --demo-highlights-title-margin: 0 0 1rem 0;
  --demo-highlights-title-padding: 0;
  --svg-logo-margin-xsmall: 0rem auto 1rem;
  --svg-logo-width-xsmall: 95%;
  --svg-logo-height-xsmall: 10rem;
  --svg-logo-height-small: 10rem;
  --svg-logo-height-medium: 10rem;
  --svg-logo-margin-small: 1rem auto 1.5rem;
  --svg-logo-width-small: 100%;
  --svg-logo-margin-medium: 1rem auto 1.5rem;
  --svg-logo-width-medium: 75%;
  --svg-logo-width-xsmall-square: 95%;
  --svg-logo-width-small-square: 100%;
  --svg-logo-width-medium-square: 75%;
  --svg-logo-height-xsmall-square: 10rem;
  --svg-logo-height-small-square: 12rem;
  --svg-logo-height-medium-square: 15rem;
  --svg-logo-filter: drop-shadow(0px 0px 11px rgba(0,0,0,0.5));
  --login-panel-background: var(--clrTint);
  --show-password-toggle-background: var(--colour2);
  --show-password-toggle-background-hover: var(--colour3);
  --show-password-toggle-text-col: var(--colour1);
  --merit-badges-background: var(--clrTint);
  --merit-badges-border-radius: 0;
  --merit-badge-bg: var(--tint2);
  --highlight-background: #fff;
  --message-background: var(--clrTint);
  --message-text-colour: var(--colour2);
  --message-link-colour: var(--colour2);
  --message-attention-background: var(--colour3);
  --message-attention-text-col: var(--colour1);
  --message-border-radius: 0;
  --message-button-background: var(--colour3);
  --message-button-text: var(--colour1);
  --newsletter-signup-background: var(--clrTint);
  --newsletter-signup-background-post-dl: var(--colour4);
  --newsletter-signup-color-post-dl: var(--colour5);
  --newsletter-signup-btn-post-dl: var(--colour5);
  --mobile-menu-current-item-text-col: var(--colour1);
  --mobile-menu-current-item-background: var(--colour3);
  --mobile-menu-bg-col: var(--colour1);
  --mobile-submenu-bg-col: var(--clrTint);
  --mobile-menu-button-bg-col: transparent;
  --mobile-menu-button-col: var(--clrTint);
  --mobile-menu-link-col: var(--colour2);
  --mobile-menu-link-weight: bold;
  --pagination-current-background: var(--colour3);
  --pagination-text-col: var(--colour2);
  --pagination-text-col-hover: var(--colour1);
  --panel-highlight-background: var(--clrTint);
  --postcard-block-col: var(--clrWhite);
  --postcard-block-col-hover: var(--clr-interactive);
  --postcard-block-font-col: var(--colour1);
  --postcard-block-font-col-hover: var(--colour1);
  --postcard-username-background: var(--colour2);
  --postcard-username-background-hover: var(--colour3);
  --postcard-username-colour: var(--colour1);
  --postcard-username-colour-hover: var(--colour1);
  --postcard-border-radius: 0;
  --reveal-border-radius: 0;
  --reveal-background: var(--clrTint);
  --reveal-text-colour: var(--colour2);
  --reveal-shadow: 5px 5px 10px rgba(0,0,0,0.25);
  --reviews-heading-background: var(--colour1);
  --reviews-heading-text-col: var(--colour2);
  --reviews-meta-text-col: var(--colour2);
  --reviews-meta-link-col: var(--colour3);
  --review-metrics-background: var(--colour2);
  --review-metrics-text-col: var(--colour1);
  --review-metrics-border-radius: 0;
  --trust-pilot-text-col: var(--colour2);
  --review-guide-background: var(--clrTint);
  --reviews-divider-colour: var(--clrTint);
  --review-save-feedback-background: var(--colour1);
  --review-badge-background: var(--colour3);
  --review-badge-text: var(--colour1);
  --site-footer-bg: var(--colour1);
  --site-footer-text-col: var(--colour2);
  --footer-menu-link-weight: 100;
  --footer-menu-link-col: var(--colour2);
  --footer-menu-link-active-bg: transparent;
  --footer-menu-link-shadow: none;
  --footer-menu-filter: invert(0);
  --footer-border-top: 4px double var(--footer-menu-link-col);
  --admin-menu-background: var(--colour3);
  --admin-menu-text-col: var(--colour1);
  --admin-menu-text-col-hover: var(--colour1);
  --admin-menu-text-col-bg-hover: var(--colour2);
  --topbar-link-colour: var(--colour2);
  --topbar-link-colour-hover: var(--colour1);
  --topbar-link-background: var(--colour1);
  --topbar-link-background-hover: var(--colour2);
  --main-nav-active-bg: transparent;
  --main-nav-active-col: var(--colour4);
  --main-nav-bg-med: rgba(0,0,0,0.5);
  --main-nav-link-col: var(--colour2);
  --main-nav-link-filters: none;
  --main-nav-link-weight: 500;
  --main-nav-link-weight-active: 500;
  --main-nav-link-size: var(--s4);
  --main-nav-link-size-dropdown: var(--s5);
  --dropdown-border: 0 solid var(--colour1);
  --dropdown-background: var(--clrWhite);
  --dropdown-shadow: 5px 5px 10px rgba(0,0,0,0.25);
  --dropdown-link-hover-colour: var(--colour2);
  --dropdown-link-hover-background: var(--colour2);
  --social-link-colour: rgba(0,0,0,0.5);
  --social-link-colour-hover: rgba(255,255,255,0.25);
  --style-switcher-text-col: var(--colour1);
  --style-switcher-background: var(--clrTint);
  --table-bg-colour: var(--colour1);
  --table-border-colour: var(--colour1);
  --table-head-bg-colour: var(--clrTint);
  --table-head-text-colour: var(--colour2);
  --table-head-link-colour: var(--colour4);
  --table-text-colour: var(--colour2);
  --table-link-colour: var(--colour4);
  --table-stipe-colour: var(--clrTint);
  --table-head-bg-sortable-hover: var(--tint2);
  --table-head-bg-sortable-current: var(--colour2);
  --table-head-bg-sortable-current-text: var(--colour1);
  --user-profile-card-text-col: var(--colour1);
  --user-profile-card-background: var(--colour2);
  --user-profile-card-border-radius: var(--postcard-border-radius);
  --user-bio-text-col: var(--colour1);
  --user-profile-background-hover: var(--colour4);
  --followers-block-background: var(--colour1);
  --follower-button-col: var(--colour2);
  /**
  * 4. Elements
  */
  --button-padding: 0.85em 1em;
  --button-disabled-colour: var(--colour2);
  --button-colour: var(--colour1);
  --button-colour-hover: var(--colour1);
  --button-border: 2px solid transparent;
  --button-border-hover: 2px solid transparent;
  --button-bg-colour: var(--clr-interactive);
  --button-bg-colour-hover: var(--colour4);
  --button-border-radius: 0.45rem;
  --button-border-radius-small: 0.25rem;
  --button-2-colour: var(--colour4);
  --button-2-colour-hover: var(--colour2);
  --button-2-border: 2px solid var(--colour4);
  --button-2-bg-colour: var(--colour1);
  --button-2-bg-colour-hover: var(--colour4);
  --button-3-colour: var(--colour3);
  --button-3-colour-hover: var(--colour2);
  --button-3-border: 2px solid var(--colour3);
  --button-3-bg-colour: var(--colour1);
  --button-3-bg-colour-hover: var(--colour1);
  --button-cta-colour: var(--colour1);
  --button-cta-colour-hover: var(--colour1);
  --button-cta-border: 2px solid var(--colour3);
  --button-cta-bg-colour: var(--colour3);
  --button-cta-bg-colour-hover: var(--colour3);
  --button-ghost-bg-colour: rgba(0,0,0,0.25);
  --button-ghost-bg-colour-hover: var(--colour3);
  --button-ghost-border-colour: var(--colour3);
  --button-ghost-border-colour-hover: var(--colour3);
  --button-ghost-text-colour: var(--colour1);
  --button-ghost-text-colour-hover: var(--colour2);
  --button-addtocollection-bg: var(--colour3);
  --button-addtocollection-bg-hover: var(--colour3);
  --button-addtocollection-bg-heading: transparent;
  --button-addtocollection-text-col: var(--colour1);
  --button-addtocollection-text-col-table: var(--colour2);
  --button-addtocollection-from-card-pad: 0 2.8rem 0 0;
  --codeblock-bg: var(--colour1);
  --codeblock-text: var(--colour2);
  --codeblock-borders: var(--clrTint);
  --drop-down-pane-background: var(--colour2);
  --drop-down-pane-text-col: var(--colour1);
  --form-error-text-col: var(--colour1);
  --form-error-background: var(--colour3);
  --form-feedback-text-col: var(--colour1);
  --form-feedback-background: var(--colour3);
  --form-help-text-col: var(--colour2);
  --form-select-menu-border: var(--colour3);
  --form-highlight-border: var(--colour3);
  --form-checklist-background: var(--clrTint);
  --form-step-highloght-border: var(--clr-interactive);
  --fieldset-background: var(--clrTint);
  --fieldset-step-background: var(--clrTint);
  --form-fileiinput-text-col: var(--colour2);
  --label-colour: var(--colour2);
  --font-weight-label: 600;
  --error-text-colour: var(--colour-warning-bg);
  --social-links-background: var(--clrTint);
  --social-link-border-radius: 0;
  --embedded-content-background: var(--clrTint);
  --select-bg-colour: var(--colour1);
  --select-border-radius: 0;
  --select-border-bottom: var(--colour1) solid 2px;
  --select-border: none;
  --select-colour: var(--colour2);
  --link-colour: var(--colour4);
  --link-colour-hover: var(--colour2);
  --loader-colour: var(--colour3);
  --progress-bar-background: var(--clrWhite);
  --progress-bar-colour: var(--colour3);
  --scrollbarBG: #204B4A;
  --thumbBG: var(--colour1);
  --sort-button-background: var(--colour2);
  --sort-button-background-selected: var(--colour3);
  --sort-button-text-col: var(--colour1);
  --sort-button-text-col-on: var(--sort-button-text-col);
  --tag-background: var(--colour3);
  --tag-text-col: var(--colour1);
  --tag-posts-background: var(--colour1);
  --tag-posts-text-col: var(--colour2);
  --tag-collections-background: var(--colour4);
  --tip-button-background: var(--colour3);
  --tip-button-background-hover: var(--colour3);
  --tip-button-text-col: var(--colour1);
  --tool-tip-background: var(--colour3);
  /**
  * 5. Modifiers
  */
  --april-fools-background: var(--colour3);
  --april-fools-text-col: var(--colour1);
  --help-button-background: var(--clrTint);
  --previous-btn-background: var(--clrTint);
  --previous-btn-text-col: var(--colour2);
  --pb-artists-block-background: transparent;
  --pb-artists-block-background-position: absolute;
  --pb-artists-block-base-col: white;
  --pb-artists-block-background-col: var(--clrTint);
  --pb-artists-block-heading-col: var(--colour2);
  --pb-artists-block-text-col: var(--colour2);
  --pb-artists-packcount-col: var(--colour1);
  --pb-artists-packcount-background-col: var(--colour2);
  --pb-artists-packcount-background-pos: 1rem 0.25rem;
  --pb-artists-packcount-padding: .5rem .75rem .5rem 3.5em;
  --pb-artists-num-sp-icon: url("../images/icons/sampler-other.svg");
  /**
  * 6. Icons
  */
  --icon-replace: url("../images/icons/replace2.svg");
  --icon-replace-photo: url("../images/icons/replace-profile-photo.svg");
  --icon-edit-text: url("../images/icons/edit-text.svg");
  --icon-video: url("../images/icons/video.svg");
  --icon-demos: url("../images/icons/social-soundcloud-white.svg");
  --icon-gui: url("../images/icons/gui.svg");
  --icon-upload: url("../images/icons/upload.svg");
  --icon-download: url("../images/icons/download.svg");
  --icon-delete: url("../images/icons/delete.svg");
  --icon-purchase: url("../images/icons/purchase-link.svg");
  --icon-signup: url("../images/icons/newsletter.svg");
  --icon-signup-hover: url("../images/icons/newsletter-dark.svg");
  --icon-random: url("../images/icons/questions.svg");
  --icon-collections: url("../images/icons/heart.svg");
  --icon-collections-table: url("../images/icons/heart-dark.svg");
  --icon-collections-size: 1.125rem;
  --icon-in-collection: url("../images/icons/tick-in-circle-white.svg");
  --icon-not-in-collection: url("../images/icons/empty-circle-white.svg");
  --icon-kontakt: url("../images/icons/sampler-kontakt-25.svg");
  --icon-apple: url("../images/icons/sampler-apple-25.svg");
  --icon-sfz: url("../images/icons/sampler-sfz-25.svg");
  --icon-ds: url("../images/icons/sampler-ds-25.svg");
  --icon-ableton: url("../images/icons/sampler-ableton-25.svg");
  --icon-sampler: url("../images/icons/sampler-other.svg");
  --icon-posts: url("../images/icons/waveform-simple-2.svg");
  --icon-tag: url("../images/icons/tag-white.svg");
  --icon-phone: url("../images/icons/phone-simple-white.svg");
  --icon-email: url("../images/icons/email-simple-filled-white.svg");
  --icon-linkedin: url("../images/icons/social-linkedin-white.svg");
  --icon-twitter: url("../images/icons/social-twitter-white.svg");
  --icon-mixcloud: url("../images/icons/social-mixcloud-white.svg");
  --icon-facebook: url("../images/icons/social-facebook-white.svg");
  --icon-instagram: url("../images/icons/social-instagram-white.svg");
  --icon-youtube: url("../images/icons/social-youtube-white.svg");
  --icon-soundcloud: url("../images/icons/social-soundcloud-white.svg");
  --icon-discord: url("../images/icons/social-discord-white.svg");
  --icon-website: url("../images/icons/social-website-white.svg");
  --icon-star-off: url("../images/icons/star-empty-dull.svg");
  --icon-star-on: url("../images/icons/star-full.svg");
  --icon-tip: url("../images/icons/money.svg");
  --icon-tip-size: 1.75rem;
  /**
  * Plugin styles
  */
  --cookie-popup-background1: var(--colour4);
  --cookie-popup-background2: var(--colour1);
  --cookie-popup-button-span-col: var(--colour3);
  /**
   * Algolia
   */
  --algolia-sr-hits-empty-bg: var(--colour1);
  --algolia-sr-hits-empty-text: var(--colour2);
  --algolia-sr-hits-item-bg: var(--colour1);
  --algolia-sr-hits-item-highlight-bg: var(--colour3);
  --algolia-sr-hits-item-highlight: var(--colour1);
  /**
  * Templates: 
  */
  --sp-index-background1: var(--colour3);
  --published-packs-text: var(--colour1);
  --published-packs-text-bg: rgb(0,0,0,.8);
  --sample-pack-title-text-col: var(--colour1);
  --sample-pack-title-logo-filter: invert(1);
  --sample-pack-bg-1: var(--colour2);
  --sample-pack-caption-transform: translateX(95%) translateY(-3rem);
  --instrument-heading-background: transparent;
  --instrument-heading-text-col: var(--colour1);
  --collaborator-background: var(--clrTint);
  --collaborator-border-radius: 0;
  --entry-content-border-left: none;
}
@media print, screen and (min-width: 64em) {
  html body {
    --font-scale: 1.2;
  }
}
@media print, screen and (min-width: 75em) {
  html body {
    --font-scale: 1.3;
  }
}

/**
 * Theme: mirevant
 */
body.style-mirevant {
  --font-fam-body: "rubik", sans-serif;
  --font-fam-headings: "rubik", sans-serif;
  --font-fam-quotes: var(--font-fam-headings);
  --font-fam-brand: "rubik", sans-serif;
  --font-fam-buttons: "rubik", sans-serif;
  --font-weight-headings: 400;
  --font-weight-card-description: 100;
  --letter-spacing-headings: 1;
  --letter-spacing-body: 0;
  --main-nav-link-weight: 500;
}

/**
 * Theme: Nudica
 */
body.style-nudica {
  --font-fam-body: "nudica", sans-serif;
  --font-fam-headings: "nudica", sans-serif;
  --font-fam-quotes: var(--font-fam-headings);
  --font-fam-brand: "nudica", sans-serif;
  --font-fam-buttons: "nudica", sans-serif;
  --font-weight-headings: 100;
  --font-weight-card-description: 100;
  --letter-spacing-headings: -1px;
  --letter-spacing-body: -1px;
  --main-nav-link-weight: 500;
}

/**
 * Theme: Dark (Rubik)
 */
body.style-dark {
  --clr00: #4B0714;
  --clr01: #F1F6F8;
  --clrBlack: #ffffff;
  --clrWhite: #000000;
  --clrTint: #38050F;
  --clr-interactive: #EF364E;
  --clr-section: #FFCAB1;
  --colour1: var(--clr00);
  --colour2: var(--clr01);
  --colour3: var(--clr-interactive);
  --colour4: var(--clr-interactive);
  --colour5: #191919;
  --colour-warning-bg: #BC2429;
  --colour-warning-text: #fff;
  --colour-info-bg: #ADFFCE;
  --colour-info-text: #000;
  --colour-success-bg: #ADFFCE;
  --colour-success-text: #000;
  --tint: #efefef;
  --tint2: #D7DCDA;
  --tint-darker: rgba(0,0,0,0.2);
  --tint-lighter: rgba(255,255,255,0.95);
  --mid-grey: #666;
  --body-background-colour: var(--colour5);
  --homepage-banner-text-col: var(--clrBlack);
  --instrument-heading-text-col: var(--colour1);
  --logo-colour-filter: invert(1);
  --border: 1px solid var(--clrWhite);
  --user-profile-card-text-col: var(--colour2);
  --user-profile-card-background: var(--clrTint);
  --filter-heading-text-col: var(--colour1);
  --filter-background: var(--colour1);
  --filter-text-col: var(--colour2);
  --filter-background-selected: var(--colour3);
  --footer-border-top: 4px double var(--clrWhite);
  --hero-text-col: var(--colour2);
  --instrument-heading-text-col: var(--colour2);
  --postcard-block-col: var(--colour1);
  --topbar-link-background: var(--colour5);
  --site-footer-bg: transparent;
  --message-background: var(--clrWhite);
  --user-bio-text-col: var(--colour0);
  --published-packs-text: var(--colour0);
  --legal-text-link-col: var(--colour0);
}

/**
 * Theme: Rebrand
 */
body.style-rebrand {
  --clr-interactive: #8EACB4;
  --colour2: #405867;
  --font-fam-body: "chivo", sans-serif;
  --font-fam-headings: "chivo", sans-serif;
  --font-fam-buttons: "chivo", sans-serif;
  --font-weight-headings: 600;
}
body.style-rebrand .site-stats-banner ul {
  font-family: var(--font-fam-headings);
  font-weight: 600;
}
body.style-rebrand .site-stats-banner.site-stats-banner__large::after,
body.style-rebrand .site-stats-banner.site-stats-banner__large ul span.bg::after {
  background-color: var(--colour2);
}

/**
 * Theme: Warm
 */
body.style-warm {
  --colour1: var(--clr00);
  --colour2: var(--clr01);
  --clrBlack: #ffffff;
  --clrWhite: #1B0714;
  --clrTint: #38050F;
  --homepage-banner-text-col: var(--clrBlack);
  --instrument-heading-text-col: var(--colour1);
  --logo-colour-filter: invert(1);
  --border: 1px solid var(--clrWhite);
  --user-profile-card-text-col: var(--colour2);
  --user-profile-card-background: var(--clrTint);
  --filter-heading-text-col: var(--colour1);
  --filter-background: var(--colour1);
  --filter-text-col: var(--colour2);
  --filter-background-selected: var(--colour3);
  --footer-border-top: 4px double var(--clr-interactive);
  --hero-text-col: var(--colour2);
  --instrument-heading-text-col: var(--colour2);
  --user-bio-text-col: var(--colour0);
  --published-packs-text: var(--colour0);
  --legal-text-link-col: var(--colour0);
}

/**
 * Theme: The Neon Glow
 */
body.style-neonglow,
.jx-pb-artists .user-profile-photo.neonglow {
  --colour1: #22001e;
  --colour2: #e44b6f;
  --colour2t: #415A77;
  --colour3: #00b0b8;
  --colour4: #fe7801;
  --colour5: #f5ff01;
  --colour6: #EBECE9;
  --tint: #F2E86D;
  --tint2: #efefef;
  --thumbBG: var(--colour4);
  --scrollbarBG: var(--colour2);
  --font-col-headings: var(--colour2);
  --topbar-link-colour: var(--colour4);
  --follower-button-col: var(--colour5);
  --font-fam-body: "Nimbus Sans", sans-serif;
  --font-fam-headings: "Gilroy", sans-serif;
  --button-border-radius: 1.5rem;
  --button-border-radius-small: .5rem;
  --postcard-block-col: var(--colour1);
  --filter-background: var(--colour3);
  background: transparent;
  --dropdown-background: var(--colour0);
  --topbar-link-background: var(--colour1);
  --button-disabled-colour: var(--colour2);
  --button-colour: var(--colour1);
  --button-colour-hover: var(--colour5);
  --button-border: 2px solid transparent;
  --button-bg-colour: var(--colour3);
  --button-bg-colour-hover: var(--colour3);
  --button-border-radius: 0.45rem;
  --button-border-radius-small: 0.25rem;
  --button-2-colour: var(--colour4);
  --button-2-colour-hover: var(--colour2);
  --button-2-border: 2px solid var(--colour4);
  --button-2-bg-colour: var(--colour1);
  --button-2-bg-colour-hover: var(--colour4);
  --button-3-colour: var(--colour3);
  --button-3-colour-hover: var(--colour2);
  --button-3-border: 2px solid var(--colour3);
  --button-3-bg-colour: var(--colour1);
  --button-3-bg-colour-hover: var(--colour1);
  --button-cta-colour: var(--colour1);
  --button-cta-colour-hover: var(--colour2);
  --button-cta-border: 2px solid var(--colour3);
  --button-cta-bg-colour: var(--colour3);
  --button-cta-bg-colour-hover: var(--colour1);
  --button-ghost-bg-colour: transparent;
  --button-ghost-bg-colour-hover: var(--colour3);
  --button-ghost-border-colour: var(--colour3);
  --button-ghost-border-colour-hover: var(--colour3);
  --button-ghost-text-colour: var(--colour2);
  --button-ghost-text-colour-hover: var(--colour1);
  /**
   * PB Artists
   */
  --pb-artists-block-background-img: url("../themes/tng/bg1.png");
  --pb-artists-block-background-img-size: 40%;
  --pb-artists-block-background-img-opacity: .10;
  --pb-artists-block-background-img-blendmode: screen;
  --pb-artists-block-background-col: var(--colour3);
  --pb-artists-block-heading-col: var(--colour2);
  --pb-artists-block-text-col: var(--colour5);
  /**
   * Duotone images
   */
  --bg-blend: multiply;
  --image-blur: 0px;
  --fg-blend: lighten;
}
body.style-neonglow:before,
.jx-pb-artists .user-profile-photo.neonglow:before {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--colour1);
  z-index: -2;
  background-repeat: repeat;
}
body.style-neonglow:after,
.jx-pb-artists .user-profile-photo.neonglow:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--colour5);
  background-image: url("../themes/tng/bg1.png");
  background-size: 40%;
  background-repeat: repeat;
  z-index: -2;
  mix-blend-mode: screen;
  opacity: 0.03;
}
body.style-neonglow .b-site-footer,
.jx-pb-artists .user-profile-photo.neonglow .b-site-footer {
  position: relative;
}
body.style-neonglow .b-site-footer:before,
.jx-pb-artists .user-profile-photo.neonglow .b-site-footer:before {
  position: absolute;
  background-size: 100%;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url("../themes/tng/bg1.png");
  background-position-x: -10rem;
  background-position-y: -10rem;
  mix-blend-mode: multiply;
  opacity: 0.08;
}
body.style-neonglow .social-links a,
.jx-pb-artists .user-profile-photo.neonglow .social-links a {
  border-radius: var(--button-border-radius);
}
body.style-neonglow .postcard .pb-avatar .name,
.jx-pb-artists .user-profile-photo.neonglow .postcard .pb-avatar .name {
  background: var(--colour3);
}
body.style-neonglow .num_sp,
.jx-pb-artists .user-profile-photo.neonglow .num_sp {
  background-color: var(--colour3);
}
body.style-neonglow figure.b-hero figcaption h1,
.jx-pb-artists .user-profile-photo.neonglow figure.b-hero figcaption h1 {
  color: var(--colour4);
}
body.style-neonglow p,
.jx-pb-artists .user-profile-photo.neonglow p {
  color: var(--colour4);
}
body.style-neonglow .user-bio p,
body.style-neonglow .message p,
.jx-pb-artists .user-profile-photo.neonglow .user-bio p,
.jx-pb-artists .user-profile-photo.neonglow .message p {
  color: var(--colour1);
}
body.style-neonglow p.user-profile-card__bio,
.jx-pb-artists .user-profile-photo.neonglow p.user-profile-card__bio {
  color: var(--colour5);
}
body.style-neonglow .box.reviews h2,
.jx-pb-artists .user-profile-photo.neonglow .box.reviews h2 {
  background: transparent;
}
body.style-neonglow .onoff-list .off,
.jx-pb-artists .user-profile-photo.neonglow .onoff-list .off {
  background-color: var(--tint);
}
body.style-neonglow .postcard:hover a.cardinfo,
.jx-pb-artists .user-profile-photo.neonglow .postcard:hover a.cardinfo {
  background-color: var(--colour4);
}
body.style-neonglow h1, body.style-neonglow h2, body.style-neonglow h3, body.style-neonglow h4, body.style-neonglow h5, body.style-neonglow h6, body.style-neonglow .h1, body.style-neonglow .h2, body.style-neonglow .h3, body.style-neonglow .h4, body.style-neonglow .h5, body.style-neonglow .h6, body.style-neonglow h1 a, body.style-neonglow h2 a, body.style-neonglow h3 a, body.style-neonglow h4 a, body.style-neonglow h5 a, body.style-neonglow h6 a, body.style-neonglow .h1 a, body.style-neonglow .h2 a, body.style-neonglow .h3 a, body.style-neonglow .h4 a, body.style-neonglow .h5 a, body.style-neonglow .h6 a,
.jx-pb-artists .user-profile-photo.neonglow h1,
.jx-pb-artists .user-profile-photo.neonglow h2,
.jx-pb-artists .user-profile-photo.neonglow h3,
.jx-pb-artists .user-profile-photo.neonglow h4,
.jx-pb-artists .user-profile-photo.neonglow h5,
.jx-pb-artists .user-profile-photo.neonglow h6,
.jx-pb-artists .user-profile-photo.neonglow .h1,
.jx-pb-artists .user-profile-photo.neonglow .h2,
.jx-pb-artists .user-profile-photo.neonglow .h3,
.jx-pb-artists .user-profile-photo.neonglow .h4,
.jx-pb-artists .user-profile-photo.neonglow .h5,
.jx-pb-artists .user-profile-photo.neonglow .h6,
.jx-pb-artists .user-profile-photo.neonglow h1 a,
.jx-pb-artists .user-profile-photo.neonglow h2 a,
.jx-pb-artists .user-profile-photo.neonglow h3 a,
.jx-pb-artists .user-profile-photo.neonglow h4 a,
.jx-pb-artists .user-profile-photo.neonglow h5 a,
.jx-pb-artists .user-profile-photo.neonglow h6 a,
.jx-pb-artists .user-profile-photo.neonglow .h1 a,
.jx-pb-artists .user-profile-photo.neonglow .h2 a,
.jx-pb-artists .user-profile-photo.neonglow .h3 a,
.jx-pb-artists .user-profile-photo.neonglow .h4 a,
.jx-pb-artists .user-profile-photo.neonglow .h5 a,
.jx-pb-artists .user-profile-photo.neonglow .h6 a {
  text-shadow: 0px 0px 15px #FF5A77cc;
}
body.style-neonglow .g-mono,
.jx-pb-artists .user-profile-photo.neonglow .g-mono {
  -webkit-filter: invert(1);
  filter: invert(1);
}
body.style-neonglow .content-filters .filter .jx-filter.on,
body.style-neonglow .sortby button.on,
.jx-pb-artists .user-profile-photo.neonglow .content-filters .filter .jx-filter.on,
.jx-pb-artists .user-profile-photo.neonglow .sortby button.on {
  color: var(--colour5);
}
body.style-neonglow .icon.posts.collections,
.jx-pb-artists .user-profile-photo.neonglow .icon.posts.collections {
  background-color: var(--colour2);
}
body.style-neonglow .accordion-content p,
.jx-pb-artists .user-profile-photo.neonglow .accordion-content p {
  color: var(--colour1);
}
body.style-neonglow .accordion-content a,
.jx-pb-artists .user-profile-photo.neonglow .accordion-content a {
  color: var(--colour2);
}
body.style-neonglow .beta-bar:after,
.jx-pb-artists .user-profile-photo.neonglow .beta-bar:after {
  background: var(--colour4);
}
body.style-neonglow .beta-bar > p,
.jx-pb-artists .user-profile-photo.neonglow .beta-bar > p {
  color: var(--colour1);
}
body.style-neonglow .homepage-banner > .image-wrap,
body.style-neonglow .b-hero,
.jx-pb-artists .user-profile-photo.neonglow .homepage-banner > .image-wrap,
.jx-pb-artists .user-profile-photo.neonglow .b-hero {
  background-color: var(--colour2);
}
body.style-neonglow .homepage-banner > .image-wrap > img,
body.style-neonglow .b-hero > img,
.jx-pb-artists .user-profile-photo.neonglow .homepage-banner > .image-wrap > img,
.jx-pb-artists .user-profile-photo.neonglow .b-hero > img {
  -webkit-filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-neonglow .homepage-banner > .image-wrap:after,
body.style-neonglow .b-hero:after,
.jx-pb-artists .user-profile-photo.neonglow .homepage-banner > .image-wrap:after,
.jx-pb-artists .user-profile-photo.neonglow .b-hero:after {
  content: "";
  position: absolute;
  background: var(--colour1);
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  mix-blend-mode: var(--fg-blend);
}
body.style-neonglow .homepage-banner > .image-wrap .headline,
body.style-neonglow .b-hero .headline,
.jx-pb-artists .user-profile-photo.neonglow .homepage-banner > .image-wrap .headline,
.jx-pb-artists .user-profile-photo.neonglow .b-hero .headline {
  color: var(--colour6);
  margin-top: -3rem;
  text-shadow: 0 5px 0px var(--colour1);
}
body.style-neonglow .homepage-banner > .image-wrap .packcount,
body.style-neonglow .b-hero .packcount,
.jx-pb-artists .user-profile-photo.neonglow .homepage-banner > .image-wrap .packcount,
.jx-pb-artists .user-profile-photo.neonglow .b-hero .packcount {
  color: var(--colour5);
}
body.style-neonglow .b-breakout-image__imagewrap,
.jx-pb-artists .user-profile-photo.neonglow .b-breakout-image__imagewrap {
  background-color: var(--colour2);
  -webkit-filter: unset;
  filter: unset;
}
body.style-neonglow .b-breakout-image__imagewrap > .b-breakout-image__image,
.jx-pb-artists .user-profile-photo.neonglow .b-breakout-image__imagewrap > .b-breakout-image__image {
  -webkit-filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-neonglow .b-breakout-image__imagewrap:after,
.jx-pb-artists .user-profile-photo.neonglow .b-breakout-image__imagewrap:after {
  content: "";
  position: absolute;
  background: var(--colour1);
  top: 0;
  left: 50%;
  height: 100%;
  width: 100vw;
  z-index: 1;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  mix-blend-mode: var(--fg-blend);
}
body.style-neonglow .sp-banner,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner {
  position: relative;
}
body.style-neonglow .sp-banner > img,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner > img {
  -webkit-filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-neonglow .sp-banner:before,
body.style-neonglow .sp-banner:after,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner:before,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner:after {
  content: "";
  position: absolute;
  right: 0;
  height: 100%;
  width: 100%;
}
body.style-neonglow .sp-banner:before,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner:before {
  background: var(--colour2);
  z-index: -1;
}
body.style-neonglow .sp-banner:after,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner:after {
  background: var(--colour1);
  mix-blend-mode: var(--fg-blend);
  z-index: 1;
}
body.style-neonglow .sp-banner.header figcaption .sp-banner__title:after,
.jx-pb-artists .user-profile-photo.neonglow .sp-banner.header figcaption .sp-banner__title:after {
  background-color: var(--colour4);
}
body.style-neonglow .jx_followers,
body.style-neonglow .user-profile-photo figcaption > div + div,
.jx-pb-artists .user-profile-photo.neonglow .jx_followers,
.jx-pb-artists .user-profile-photo.neonglow .user-profile-photo figcaption > div + div {
  background: var(--colour3);
}
body.style-neonglow .box.samplist .jx_followers,
.jx-pb-artists .user-profile-photo.neonglow .box.samplist .jx_followers {
  background: var(--colour1);
}
body.style-neonglow .box.samplist a figure,
.jx-pb-artists .user-profile-photo.neonglow .box.samplist a figure {
  background-color: var(--colour2);
}
body.style-neonglow .box.samplist a figure img,
.jx-pb-artists .user-profile-photo.neonglow .box.samplist a figure img {
  -webkit-filter: grayscale(100%) contrast(1) brightness(1) blur(var(--image-blur));
  filter: grayscale(100%) contrast(1) brightness(1) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-neonglow .box.samplist a figure:after,
.jx-pb-artists .user-profile-photo.neonglow .box.samplist a figure:after {
  content: "";
  position: absolute;
  background: var(--colour1);
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 1;
  mix-blend-mode: var(--fg-blend);
}
body.style-neonglow .downloads_results th,
.jx-pb-artists .user-profile-photo.neonglow .downloads_results th {
  background-color: var(--tint);
}
body.style-neonglow .downloads_results th a,
.jx-pb-artists .user-profile-photo.neonglow .downloads_results th a {
  color: var(--colour1);
}
body.style-neonglow .downloads_results th a.on,
.jx-pb-artists .user-profile-photo.neonglow .downloads_results th a.on {
  color: var(--colour2);
}

/**
 * Theme: Moonlight Sonata
 */
body.style-moonlight {
  --colour1: #779cab;
  --colour2: #ffffff;
  --colour2t: #415A77;
  --colour3: #2D3047;
  --colour4: #ffd151;
  --colour5: #E0E1DD;
  --colour6: #EBECE9;
  --tint: #E77728;
  --tint2: #2D3047;
  --scrollbarBG: var(--colour2);
  --dropdown-background: var(--colour3);
  --topbar-link-background: var(--colour1);
  --button-colour: var(--colour2);
  --homepage-banner-text-col: var(--colour2);
  --button-2-colour: var(--colour4);
  --button-2-colour-hover: var(--colour2);
  --button-2-border: 2px solid var(--colour4);
  --button-2-bg-colour: var(--colour1);
  --button-2-bg-colour-hover: var(--colour4);
  --button-ghost-bg-colour: transparent;
  --button-ghost-bg-colour-hover: var(--colour2);
  --button-ghost-border-colour: var(--colour2);
  --button-ghost-border-colour-hover: var(--colour2);
  --button-ghost-text-colour: var(--colour2);
  --button-ghost-text-colour-hover: var(--colour1);
  --font-fam-body: "Nimbus Sans", sans-serif;
  --font-fam-headings: "Playfair", sans-serif;
  background: transparent;
  /**
   * Duotone images
   */
  --bg-blend: luminosity;
  --image-blur: 0px;
  --fg-blend: multiply;
  --reveal-text-colour: var(--colour1);
}
body.style-moonlight:before {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: var(--colour1);
  z-index: -2;
}
body.style-moonlight:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url("../themes/wall.jpg");
  background-size: 100%;
  z-index: -1;
  mix-blend-mode: multiply;
}
body.style-moonlight .g-mono, body.style-moonlight .footer-logo {
  -webkit-filter: invert(1);
  filter: invert(1);
}
body.style-moonlight figure.b-hero figcaption h1 {
  color: var(--colour2);
}
body.style-moonlight .user-bio p,
body.style-moonlight .message p {
  color: var(--colour3);
}
body.style-moonlight .num_sp {
  background-color: var(--colour3);
}
body.style-moonlight .jx_followers,
body.style-moonlight .user-profile-photo figcaption > div + div {
  background: var(--colour3);
}
body.style-moonlight .box.samplist a:link h2,
body.style-moonlight .box.samplist a:visited h2,
body.style-moonlight .box.samplist .jx_followers {
  background: var(--colour3);
}
body.style-moonlight .box.samplist a figure img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
body.style-moonlight .tags > li.posts .label {
  background-color: var(--colour3);
}
body.style-moonlight .postcard a.cardinfo {
  background-color: var(--colour3);
}
body.style-moonlight .postcard a.cardinfo h3, body.style-moonlight .postcard a.cardinfo p.description {
  color: var(--colour2);
}
body.style-moonlight .postcard a.cardinfo:hover {
  background-color: var(--colour1);
}
body.style-moonlight .postcard:hover a.cardinfo {
  background-color: var(--colour2);
}
body.style-moonlight .postcard:hover a.cardinfo h3, body.style-moonlight .postcard:hover a.cardinfo p.description {
  color: var(--colour3);
}
body.style-moonlight .reveal h2, body.style-moonlight .reveal h3 {
  color: var(--colour1);
}
body.style-moonlight .homepage-banner > .image-wrap,
body.style-moonlight .b-hero {
  background-color: var(--colour1);
}
body.style-moonlight .homepage-banner > .image-wrap > img,
body.style-moonlight .b-hero > img {
  -webkit-filter: grayscale(100%) contrast(0.5) blur(var(--image-blur));
  filter: grayscale(100%) contrast(0.5) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-moonlight .homepage-banner > .image-wrap .headline,
body.style-moonlight .b-hero .headline {
  color: var(--colour6);
  margin-top: -3rem;
  text-shadow: 0 5px 0px var(--colour1);
}
body.style-moonlight .homepage-banner > .image-wrap .packcount,
body.style-moonlight .b-hero .packcount {
  color: var(--colour5);
}
body.style-moonlight .b-breakout-image__imagewrap {
  background-color: var(--colour1);
  -webkit-filter: unset;
  filter: unset;
}
body.style-moonlight .b-breakout-image__imagewrap > .b-breakout-image__image {
  -webkit-filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-moonlight .underline,
body.style-moonlight .page-title {
  position: relative;
  margin-bottom: 2rem;
}
body.style-moonlight .underline:after,
body.style-moonlight .page-title:after {
  position: absolute;
  content: "";
  top: 100%;
  left: 0;
  width: 100%;
  height: 2rem;
  background: url("../themes/wip1/underline2w.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
body.style-moonlight .footer-links h3 {
  position: relative;
  margin-bottom: 2rem;
}
body.style-moonlight .footer-links h3:after {
  position: absolute;
  content: "";
  top: 100%;
  left: -0.75rem;
  width: 40%;
  height: 2rem;
  background: url("../themes/wip1/underline2.png");
  background-size: contain;
  background-repeat: no-repeat;
  z-index: -1;
}
body.style-moonlight .accordion-title {
  background: var(--tint2);
  border-color: transparent;
  border-radius: 0 !important;
}
body.style-moonlight .accordion-content p, body.style-moonlight .accordion-content a {
  color: var(--colour1);
}
body.style-moonlight .reveal h2, body.style-moonlight .reveal h3 {
  color: var(--colour1);
}
body.style-moonlight .lds-facebook div {
  background: var(--tint2);
}
body.style-moonlight .downloads_results th a {
  color: var(--colour3);
}
body.style-moonlight .downloads_results th a.on {
  color: var(--colour4);
}

/**
 * Theme: I fought the law
 */
body.style-iftl {
  --clr00: #4B0714;
  --clr01: #F1F6F8;
  --clrBlack: #ffffff;
  --clrWhite: #000000;
  --clrTint: #38050F;
  --colour1: #111111;
  --colour2: #efefef;
  --colour2t: #003D3C;
  --colour3: #DB2763;
  --colour4: #dbb600;
  --colour5: #44BBA4;
  --colour6: #FFD6E2;
  --colour7: #E7BB41;
  --tint: #333;
  --tint2: #777;
  --tint-darker: rgba(0,0,0,0.2);
  --tint-lighter: rgba(255,255,255,0.95);
  --button-border-radius: 0;
  --button-border-radius-small: 0;
  --button-ghost-bg-colour: transparent;
  --button-ghost-bg-colour-hover: var(--colour3);
  --button-ghost-border-colour: var(--colour3);
  --button-ghost-border-colour-hover: var(--colour3);
  --button-ghost-text-colour: var(--colour2);
  --button-ghost-text-colour-hover: var(--colour1);
  --dropdown-background: var(--colour2);
  --topbar-link-background: var(--colour1);
  --topbar-link-colour: var(--colour2);
  /**
   * Duotone images
   */
  --bg-blend: luminosity;
  --image-blur: 0px;
  --fg-blend: multiply;
  --font-fam-body: "Cascadia", sans-serif;
  --font-fam-headings: "Courier Prime", sans-serif;
  --reveal-text-colour: var(--colour1);
  --reveal-text-colour: var(--colour2);
}
body.style-iftl .b-site-header__nav > .menu .menu a {
  --topbar-link-background: var(--tint1);
  --topbar-link-colour: var(--colour1);
}
body.style-iftl .b-site-header__nav > .menu a + ul > li:not(.admin-menu) > a:link, body.style-iftl .b-site-header__nav > .menu a + ul > li:not(.admin-menu) > a:visited {
  background-color: var(--clrBlack);
}
body.style-iftl:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--colour3);
  background-image: url("../themes/iftl/bg2.jpg");
  z-index: -1;
  mix-blend-mode: screen;
  opacity: 0.3;
}
body.style-iftl .g-mono, body.style-iftl .footer-logo {
  -webkit-filter: invert(1);
  filter: invert(1);
}
body.style-iftl .homepage-banner figcaption h1 {
  color: var(--colour2);
}
body.style-iftl .user-profile-photo > a + figcaption {
  background-color: transparent;
}
body.style-iftl .user-profile-photo figcaption > div:first-child,
body.style-iftl .num_sp,
body.style-iftl .user-profile-photo figcaption h1,
body.style-iftl .jx_followers {
  color: var(--colour2);
  background-color: var(--colour1);
}
body.style-iftl .user-profile-photo figcaption > div:first-child p,
body.style-iftl .num_sp p,
body.style-iftl .user-profile-photo figcaption h1 p,
body.style-iftl .jx_followers p {
  color: inherit;
}
body.style-iftl .user-profile-photo figcaption > div + div {
  background-color: transparent;
}
body.style-iftl .box.samplist a:link h2,
body.style-iftl .box.samplist a:visited h2,
body.style-iftl .box.samplist .jx_followers {
  color: var(--colour2);
  background: var(--colour1);
}
body.style-iftl .box.samplist a figure img {
  -webkit-filter: contrast(2) grayscale(100%);
  filter: contrast(2) grayscale(100%);
}
body.style-iftl .featured-samplist .user-profile-photo a {
  position: relative;
  -webkit-transform: rotate(-2deg) translateX(-0.1rem);
  -ms-transform: rotate(-2deg) translateX(-0.1rem);
  transform: rotate(-2deg) translateX(-0.1rem);
  aspect-ratio: 2/2.43;
  border-radius: 4px;
  overflow: hidden;
}
body.style-iftl .featured-samplist .user-profile-photo a img {
  -webkit-filter: contrast(3);
  filter: contrast(3);
  overflow: hidden;
}
body.style-iftl .featured-samplist .user-profile-photo a:after {
  content: "";
  background-image: url("../themes/iftl/polaroid-overlay2.png");
  background-size: contain;
  background-repeat: no-repeat;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
body.style-iftl .homepage-banner > .image-wrap,
body.style-iftl .b-hero {
  background-color: var(--colour1);
}
body.style-iftl .homepage-banner > .image-wrap h1,
body.style-iftl .b-hero h1 {
  position: relative;
}
body.style-iftl .homepage-banner > .image-wrap > img,
body.style-iftl .b-hero > img {
  -webkit-filter: grayscale(100%) contrast(2) blur(var(--image-blur));
  filter: grayscale(100%) contrast(2) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
  -webkit-transform: rotate(-0.5deg);
  -ms-transform: rotate(-0.5deg);
  transform: rotate(-0.5deg);
}
body.style-iftl .homepage-banner > .image-wrap .headline,
body.style-iftl .b-hero .headline {
  color: var(--colour3);
  margin-top: -3rem;
  text-shadow: 0 5px 0px black;
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  z-index: 2;
  position: relative;
}
body.style-iftl .homepage-banner > .image-wrap .headline:after,
body.style-iftl .b-hero .headline:after {
  background: var(--colour4);
  position: absolute;
  content: "";
  top: 1rem;
  left: 0;
  right: 0;
  bottom: 1rem;
  z-index: -1;
}
body.style-iftl .homepage-banner > .image-wrap .packcount,
body.style-iftl .b-hero .packcount {
  color: var(--colour4);
  text-shadow: 0 5px 0px black;
  z-index: 1;
  position: relative;
  display: inline-block;
  -webkit-transform: rotate(-1deg);
  -ms-transform: rotate(-1deg);
  transform: rotate(-1deg);
}
body.style-iftl .homepage-banner > .image-wrap .packcount:after,
body.style-iftl .b-hero .packcount:after {
  background: var(--colour1);
  position: absolute;
  content: "";
  top: -0.5ch;
  left: -1ch;
  right: -1ch;
  bottom: -0.5ch;
  z-index: -2;
}
body.style-iftl figure.b-hero img {
  -webkit-transform: rotate(-0.5deg) translateX(-50%);
  -ms-transform: rotate(-0.5deg) translateX(-50%);
  transform: rotate(-0.5deg) translateX(-50%);
}
body.style-iftl figure.b-hero figcaption h1 {
  color: var(--colour2);
}
body.style-iftl .b-breakout-image__imagewrap {
  background-color: var(--colour2);
  -webkit-filter: unset;
  filter: unset;
}
body.style-iftl .b-breakout-image__imagewrap > .b-breakout-image__image {
  -webkit-filter: grayscale(100%) contrast(2) blur(var(--image-blur));
  filter: grayscale(100%) contrast(2) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-iftl .sp-banner.header {
  -webkit-filter: grayscale(100%) contrast(2);
  filter: grayscale(100%) contrast(2);
  -webkit-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
body.style-iftl .sp-banner.header img {
  -webkit-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
  mix-blend-mode: var(--bg-blend);
}
body.style-iftl .sp-banner > img {
  -webkit-filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  filter: grayscale(100%) contrast(1) blur(var(--image-blur));
  mix-blend-mode: var(--bg-blend);
}
body.style-iftl .sp-banner:before,
body.style-iftl .sp-banner:after {
  content: "";
  position: absolute;
  right: 0;
  height: 20rem;
  width: 100vw;
}
@media print, screen and (min-width: 40em) {
  body.style-iftl .sp-banner:before,
body.style-iftl .sp-banner:after {
    height: 20rem;
    width: 100%;
    right: 30%;
    top: 7%;
    -webkit-transform: rotate(-2deg);
    -ms-transform: rotate(-2deg);
    transform: rotate(-2deg);
  }
}
@media print, screen and (min-width: 64em) {
  body.style-iftl .sp-banner:before,
body.style-iftl .sp-banner:after {
    height: 35rem;
  }
}
body.style-iftl .postcard-container .postcard:nth-child(2n) {
  -webkit-transform: rotate(1.7deg);
  -ms-transform: rotate(1.7deg);
  transform: rotate(1.7deg);
}
body.style-iftl .postcard-container .postcard:nth-child(3n) {
  -webkit-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
body.style-iftl .postcard-container img {
  -webkit-filter: grayscale(100%) contrast(2);
  filter: grayscale(100%) contrast(2);
}
body.style-iftl .members-list .user-profile-card:nth-child(2n) {
  -webkit-transform: rotate(1.7deg);
  -ms-transform: rotate(1.7deg);
  transform: rotate(1.7deg);
}
body.style-iftl .members-list .user-profile-card:nth-child(3n) {
  -webkit-transform: rotate(-1.5deg);
  -ms-transform: rotate(-1.5deg);
  transform: rotate(-1.5deg);
}
body.style-iftl .members-list img {
  -webkit-filter: grayscale(100%) contrast(2);
  filter: grayscale(100%) contrast(2);
}
body.style-iftl .review-metrics {
  color: var(--colour1);
  background-color: var(--colour00);
}
body.style-iftl .review-metrics b {
  color: inherit;
}
body.style-iftl iframe {
  -webkit-filter: grayscale(100%) contrast(1.1);
  filter: grayscale(100%) contrast(1.1);
}
body.style-iftl .accordion-title {
  background: var(--tint2);
}
body.style-iftl .accordion-content p, body.style-iftl .accordion-content a {
  color: var(--colour1);
}
body.style-iftl .reveal h2, body.style-iftl .reveal h3 {
  color: var(--colour2);
}
body.style-iftl .lds-facebook div {
  background: var(--tint);
}
body.style-iftl .downloads_results th {
  background-color: var(--tint);
  color: var(--colour2);
}

@font-face {
  font-family: "rubik";
  src: url("../fonts/rubik/rubik-regular-webfont.woff2") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "rubik";
  src: url("../fonts/rubik/rubik-italic-webfont.woff2") format("woff");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "rubik";
  src: url("../fonts/rubik/rubik-medium-webfont.woff2") format("woff");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "rubik";
  src: url("../fonts/rubik/rubik-mediumitalic-webfont.woff2") format("woff");
  font-weight: bold;
  font-style: italic;
}
/**
 * Rebrand
 */
@font-face {
  font-family: "nudica";
  src: url("../fonts/nudica/nudica-ultralight-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nudica";
  src: url("../fonts/nudica/nudica-ultralightitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "nudica";
  src: url("../fonts/nudica/nudica-medium-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "nudica";
  src: url("../fonts/nudica/nudica-mediumitalic-webfont.ttf") format("truetype");
  font-weight: normal;
  font-style: italic;
}
@font-face {
  font-family: "nudica";
  src: url("../fonts/nudica/nudica-bold-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: "nudica";
  src: url("../fonts/nudica/nudica-bolditalic-webfont.ttf") format("truetype");
  font-weight: bold;
  font-style: italic;
}
/**
 * Foundation for Sites
 * Version 6.6.3
 * https://get.foundation
 * Licensed under MIT Open Source
 */
@media print, screen and (min-width: 64em) {
  .reveal.large, .reveal.small, .reveal.tiny, .reveal {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}
.slide-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-in-left.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(100%);
  -ms-transform: translateY(100%);
  transform: translateY(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-in-right.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-out-right.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.slide-out-left.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

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

.fade-in.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 0;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

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

.fade-out.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  opacity: 1;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}

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

.hinge-in-from-top.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(-90deg);
  transform: perspective(2000px) rotateX(-90deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.hinge-in-from-right.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(-90deg);
  transform: perspective(2000px) rotateY(-90deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.hinge-in-from-bottom.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateX(90deg);
  transform: perspective(2000px) rotateX(90deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.hinge-in-from-left.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotateY(90deg);
  transform: perspective(2000px) rotateY(90deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

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

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

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

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

.hinge-out-from-top.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: top;
  -ms-transform-origin: top;
  transform-origin: top;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

.hinge-out-from-right.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: right;
  -ms-transform-origin: right;
  transform-origin: right;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

.hinge-out-from-bottom.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: bottom;
  -ms-transform-origin: bottom;
  transform-origin: bottom;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

.hinge-out-from-left.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: perspective(2000px) rotate(0deg);
  transform: perspective(2000px) rotate(0deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

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

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

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

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

.scale-in-up.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(0.5);
  -ms-transform: scale(0.5);
  transform: scale(0.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.scale-in-down.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.scale-out-up.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

.scale-out-down.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

.spin-in.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(-0.75turn);
  -ms-transform: rotate(-0.75turn);
  transform: rotate(-0.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.spin-out.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

.spin-in-ccw.mui-enter {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(0.75turn);
  -ms-transform: rotate(0.75turn);
  transform: rotate(0.75turn);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 0;
}

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

.spin-out-ccw.mui-leave {
  -webkit-transition-duration: 500ms;
  transition-duration: 500ms;
  -webkit-transition-timing-function: linear;
  transition-timing-function: linear;
  -webkit-transform: rotate(0);
  -ms-transform: rotate(0);
  transform: rotate(0);
  -webkit-transition-property: opacity, -webkit-transform;
  transition-property: opacity, -webkit-transform;
  transition-property: transform, opacity;
  transition-property: transform, opacity, -webkit-transform;
  opacity: 1;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.shake,
.spin-cw,
.spin-ccw,
.wiggle {
  -webkit-animation-duration: 500ms;
  animation-duration: 500ms;
}

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

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

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

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

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

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

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

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

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

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

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

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

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

/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}

body {
  margin: 0;
}

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

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

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

a {
  background-color: transparent;
}

abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}

b,
strong {
  font-weight: bolder;
}

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

small {
  font-size: 80%;
}

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

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

img {
  border-style: none;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}

button,
input {
  overflow: visible;
}

button,
select {
  text-transform: none;
}

button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  color: inherit;
  display: table;
  max-width: 100%;
  padding: 0;
  white-space: normal;
}

progress {
  vertical-align: baseline;
}

textarea {
  overflow: auto;
}

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

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

[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}

[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}

details {
  display: block;
}

summary {
  display: list-item;
}

template {
  display: none;
}

[hidden] {
  display: none;
}

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

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

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

body {
  margin: 0;
  padding: 0;
  background: #fefefe;
  font-family: "Helvetica Neue", Helvetica, Roboto, Arial, sans-serif;
  font-weight: 500;
  line-height: 1.3;
  color: #291b1f;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

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

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

select {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-radius: 0.25rem;
}

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

button {
  padding: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 0;
  border-radius: 0.25rem;
  background: transparent;
  line-height: 1;
  cursor: auto;
}
[data-whatinput=mouse] button {
  outline: 0;
}

pre {
  overflow: auto;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
}

.is-visible {
  display: block !important;
}

.is-hidden {
  display: none !important;
}

[type=text], [type=password], [type=date], [type=datetime], [type=datetime-local], [type=month], [type=week], [type=email], [type=number], [type=search], [type=tel], [type=time], [type=url], [type=color],
textarea {
  display: block;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  height: 2.2375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  border: 1px solid #4d5555;
  border-radius: 0.25rem;
  background-color: #fefefe;
  -webkit-box-shadow: inset 0 1px 2px rgba(41, 27, 31, 0.1);
  box-shadow: inset 0 1px 2px rgba(41, 27, 31, 0.1);
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #291b1f;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
[type=text]:focus, [type=password]:focus, [type=date]:focus, [type=datetime]:focus, [type=datetime-local]:focus, [type=month]:focus, [type=week]:focus, [type=email]:focus, [type=number]:focus, [type=search]:focus, [type=tel]:focus, [type=time]:focus, [type=url]:focus, [type=color]:focus,
textarea:focus {
  outline: none;
  border: 1px solid #1f2222;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #4d5555;
  box-shadow: 0 0 5px #4d5555;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}

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

input:disabled, input[readonly],
textarea:disabled,
textarea[readonly] {
  background-color: #eceff4;
  cursor: not-allowed;
}

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

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

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

::-moz-placeholder {
  color: #ccc;
}

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

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

::placeholder {
  color: #ccc;
}

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

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

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

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

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

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

.input-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  width: 100%;
  margin-bottom: 1rem;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
.input-group > :first-child, .input-group > :first-child.input-group-button > * {
  border-radius: 0.25rem 0 0 0.25rem;
}
.input-group > :last-child, .input-group > :last-child.input-group-button > * {
  border-radius: 0 0.25rem 0.25rem 0;
}

.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label, .input-group-button, .input-group-field, .input-group-label {
  margin: 0;
  white-space: nowrap;
}

.input-group-label {
  padding: 0 1rem;
  border: 1px solid #4d5555;
  background: #eceff4;
  color: #291b1f;
  text-align: center;
  white-space: nowrap;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.input-group-label:first-child {
  border-right: 0;
}
.input-group-label:last-child {
  border-left: 0;
}

.input-group-field {
  border-radius: 0;
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
  min-width: 0;
}

.input-group-button {
  padding-top: 0;
  padding-bottom: 0;
  text-align: center;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.input-group-button a,
.input-group-button input,
.input-group-button button,
.input-group-button label {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
  font-size: 1rem;
}

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

legend {
  max-width: 100%;
  margin-bottom: 0.5rem;
}

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

select {
  height: 2.2375rem;
  margin: 0 0 1rem;
  padding: 0.5rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #4d5555;
  border-radius: 0.25rem;
  background-color: #fefefe;
  font-family: inherit;
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.3;
  color: #291b1f;
  background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%2831, 34, 34%29'></polygon></svg>");
  background-origin: content-box;
  background-position: right -1rem center;
  background-repeat: no-repeat;
  background-size: 9px 6px;
  padding-right: 1.5rem;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
@media screen and (min-width: 0\0 ) {
  select {
    background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAYCAYAAACbU/80AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAIpJREFUeNrEkckNgDAMBBfRkEt0ObRBBdsGXUDgmQfK4XhH2m8czQAAy27R3tsw4Qfe2x8uOO6oYLb6GlOor3GF+swURAOmUJ+RwtEJs9WvTGEYxBXqI1MQAZhCfUQKRzDMVj+TwrAIV6jvSUEkYAr1LSkcyTBb/V+KYfX7xAeusq3sLDtGH3kEGACPWIflNZfhRQAAAABJRU5ErkJggg==");
  }
}
select:focus {
  outline: none;
  border: 1px solid #1f2222;
  background-color: #fefefe;
  -webkit-box-shadow: 0 0 5px #4d5555;
  box-shadow: 0 0 5px #4d5555;
  -webkit-transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out;
  transition: box-shadow 0.5s, border-color 0.25s ease-in-out, -webkit-box-shadow 0.5s;
}
select:disabled {
  background-color: #eceff4;
  cursor: not-allowed;
}
select::-ms-expand {
  display: none;
}
select[multiple] {
  height: auto;
  background-image: none;
}
select:not([multiple]) {
  padding-top: 0;
  padding-bottom: 0;
}

.is-invalid-input:not(:focus) {
  border-color: #cc4b37;
  background-color: #f9ecea;
}
.is-invalid-input:not(:focus)::-webkit-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::-moz-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus):-ms-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::-ms-input-placeholder {
  color: #cc4b37;
}
.is-invalid-input:not(:focus)::placeholder {
  color: #cc4b37;
}

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

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

.button, a.tip-button:link,
a.tip-button:visited,
div.message a.tip-button:link,
div.message a.tip-button:visited, form.jx-form .frm_button_submit,
.m-login-form .frm_button_submit, ::file-selector-button {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .button, [data-whatinput=mouse] a.tip-button:link,
[data-whatinput=mouse] a.tip-button:visited,
[data-whatinput=mouse] div.message a.tip-button:link,
div.message [data-whatinput=mouse] a.tip-button:link,
[data-whatinput=mouse] div.message a.tip-button:visited,
div.message [data-whatinput=mouse] a.tip-button:visited, [data-whatinput=mouse] form.jx-form .frm_button_submit, form.jx-form [data-whatinput=mouse] .frm_button_submit,
[data-whatinput=mouse] .m-login-form .frm_button_submit,
.m-login-form [data-whatinput=mouse] .frm_button_submit, [data-whatinput=mouse] ::file-selector-button {
  outline: 0;
}
.button.tiny, a.tiny.tip-button:link,
a.tiny.tip-button:visited,
div.message a.tiny.tip-button:link,
div.message a.tiny.tip-button:visited, form.jx-form .tiny.frm_button_submit,
.m-login-form .tiny.frm_button_submit, .tiny::file-selector-button {
  font-size: 0.6rem;
}
.button.small, a.small.tip-button:link,
a.small.tip-button:visited,
div.message a.small.tip-button:link,
div.message a.small.tip-button:visited, form.jx-form .small.frm_button_submit,
.m-login-form .small.frm_button_submit, .small::file-selector-button {
  font-size: 0.75rem;
}
.button.large, a.large.tip-button:link,
a.large.tip-button:visited,
div.message a.large.tip-button:link,
div.message a.large.tip-button:visited, form.jx-form .large.frm_button_submit,
.m-login-form .large.frm_button_submit, .large::file-selector-button {
  font-size: 1.25rem;
}
.button.expanded, a.expanded.tip-button:link,
a.expanded.tip-button:visited,
div.message a.expanded.tip-button:link,
div.message a.expanded.tip-button:visited, form.jx-form .expanded.frm_button_submit,
.m-login-form .expanded.frm_button_submit, .expanded::file-selector-button {
  display: block;
  width: 100%;
  margin-right: 0;
  margin-left: 0;
}
.button, a.tip-button:link,
a.tip-button:visited,
div.message a.tip-button:link,
div.message a.tip-button:visited, form.jx-form .frm_button_submit,
.m-login-form .frm_button_submit, ::file-selector-button, .button.disabled,
.m-login-form .disabled.frm_button_submit, .button[disabled],
.m-login-form [disabled].frm_button_submit, .button.disabled:hover, .button[disabled]:hover, .button.disabled:focus, .button[disabled]:focus {
  background-color: #2B4162;
  color: #291b1f;
}
.button:hover, a.tip-button:hover:link,
a.tip-button:hover:visited,
div.message a.tip-button:hover:link,
div.message a.tip-button:hover:visited, form.jx-form .frm_button_submit:hover,
.m-login-form .frm_button_submit:hover, :hover::file-selector-button, .button:focus, a.tip-button:focus:link,
a.tip-button:focus:visited,
div.message a.tip-button:focus:link,
div.message a.tip-button:focus:visited, form.jx-form .frm_button_submit:focus,
.m-login-form .frm_button_submit:focus, :focus::file-selector-button {
  background-color: #253753;
  color: #291b1f;
}
.button.primary, a.primary.tip-button:link,
a.primary.tip-button:visited,
div.message a.primary.tip-button:link,
div.message a.primary.tip-button:visited, form.jx-form .primary.frm_button_submit,
.m-login-form .primary.frm_button_submit, .primary::file-selector-button, .button.primary.disabled, .button.primary[disabled], .button.primary.disabled:hover, .button.primary[disabled]:hover, .button.primary.disabled:focus, .button.primary[disabled]:focus {
  background-color: #2B4162;
  color: #291b1f;
}
.button.primary:hover, a.primary.tip-button:hover:link,
a.primary.tip-button:hover:visited, form.jx-form .primary.frm_button_submit:hover,
.m-login-form .primary.frm_button_submit:hover, .primary:hover::file-selector-button, .button.primary:focus, a.primary.tip-button:focus:link,
a.primary.tip-button:focus:visited, form.jx-form .primary.frm_button_submit:focus,
.m-login-form .primary.frm_button_submit:focus, .primary:focus::file-selector-button {
  background-color: #22344e;
  color: #291b1f;
}
.button.secondary, a.secondary.tip-button:link,
a.secondary.tip-button:visited,
div.message a.secondary.tip-button:link,
div.message a.secondary.tip-button:visited, form.jx-form .secondary.frm_button_submit,
.m-login-form .secondary.frm_button_submit, .secondary::file-selector-button, .button.secondary.disabled, .button.secondary[disabled], .button.secondary.disabled:hover, .button.secondary[disabled]:hover, .button.secondary.disabled:focus, .button.secondary[disabled]:focus {
  background-color: #385F71;
  color: #291b1f;
}
.button.secondary:hover, a.secondary.tip-button:hover:link,
a.secondary.tip-button:hover:visited, form.jx-form .secondary.frm_button_submit:hover,
.m-login-form .secondary.frm_button_submit:hover, .secondary:hover::file-selector-button, .button.secondary:focus, a.secondary.tip-button:focus:link,
a.secondary.tip-button:focus:visited, form.jx-form .secondary.frm_button_submit:focus,
.m-login-form .secondary.frm_button_submit:focus, .secondary:focus::file-selector-button {
  background-color: #2d4c5a;
  color: #291b1f;
}
.button.success, a.success.tip-button:link,
a.success.tip-button:visited,
div.message a.success.tip-button:link,
div.message a.success.tip-button:visited, form.jx-form .success.frm_button_submit,
.m-login-form .success.frm_button_submit, .success::file-selector-button, .button.success.disabled, .button.success[disabled], .button.success.disabled:hover, .button.success[disabled]:hover, .button.success.disabled:focus, .button.success[disabled]:focus {
  background-color: #3adb76;
  color: #291b1f;
}
.button.success:hover, a.success.tip-button:hover:link,
a.success.tip-button:hover:visited, form.jx-form .success.frm_button_submit:hover,
.m-login-form .success.frm_button_submit:hover, .success:hover::file-selector-button, .button.success:focus, a.success.tip-button:focus:link,
a.success.tip-button:focus:visited, form.jx-form .success.frm_button_submit:focus,
.m-login-form .success.frm_button_submit:focus, .success:focus::file-selector-button {
  background-color: #22bb5b;
  color: #291b1f;
}
.button.warning, a.warning.tip-button:link,
a.warning.tip-button:visited,
div.message a.warning.tip-button:link,
div.message a.warning.tip-button:visited, form.jx-form .warning.frm_button_submit,
.m-login-form .warning.frm_button_submit, .warning::file-selector-button, .button.warning.disabled, .button.warning[disabled], .button.warning.disabled:hover, .button.warning[disabled]:hover, .button.warning.disabled:focus, .button.warning[disabled]:focus {
  background-color: #ffae00;
  color: #291b1f;
}
.button.warning:hover, a.warning.tip-button:hover:link,
a.warning.tip-button:hover:visited, form.jx-form .warning.frm_button_submit:hover,
.m-login-form .warning.frm_button_submit:hover, .warning:hover::file-selector-button, .button.warning:focus, a.warning.tip-button:focus:link,
a.warning.tip-button:focus:visited, form.jx-form .warning.frm_button_submit:focus,
.m-login-form .warning.frm_button_submit:focus, .warning:focus::file-selector-button {
  background-color: #cc8b00;
  color: #291b1f;
}
.button.alert, a.alert.tip-button:link,
a.alert.tip-button:visited,
div.message a.alert.tip-button:link,
div.message a.alert.tip-button:visited, form.jx-form .alert.frm_button_submit,
.m-login-form .alert.frm_button_submit, .alert::file-selector-button, .button.alert.disabled, .button.alert[disabled], .button.alert.disabled:hover, .button.alert[disabled]:hover, .button.alert.disabled:focus, .button.alert[disabled]:focus {
  background-color: #cc4b37;
  color: #291b1f;
}
.button.alert:hover, a.alert.tip-button:hover:link,
a.alert.tip-button:hover:visited, form.jx-form .alert.frm_button_submit:hover,
.m-login-form .alert.frm_button_submit:hover, .alert:hover::file-selector-button, .button.alert:focus, a.alert.tip-button:focus:link,
a.alert.tip-button:focus:visited, form.jx-form .alert.frm_button_submit:focus,
.m-login-form .alert.frm_button_submit:focus, .alert:focus::file-selector-button {
  background-color: #a53b2a;
  color: #291b1f;
}
.button.hollow, a.hollow.tip-button:link,
a.hollow.tip-button:visited,
div.message a.hollow.tip-button:link,
div.message a.hollow.tip-button:visited, form.jx-form .hollow.frm_button_submit,
.m-login-form .hollow.frm_button_submit, .hollow::file-selector-button, .button.hollow:hover, .button.hollow:focus, .button.hollow.disabled, .button.hollow.disabled:hover, .button.hollow.disabled:focus, .button.hollow[disabled], .button.hollow[disabled]:hover, .button.hollow[disabled]:focus {
  background-color: transparent;
}
.button.hollow, a.hollow.tip-button:link,
a.hollow.tip-button:visited,
div.message a.hollow.tip-button:link,
div.message a.hollow.tip-button:visited, form.jx-form .hollow.frm_button_submit,
.m-login-form .hollow.frm_button_submit, .hollow::file-selector-button, .button.hollow.disabled, .button.hollow[disabled], .button.hollow.disabled:hover, .button.hollow[disabled]:hover, .button.hollow.disabled:focus, .button.hollow[disabled]:focus {
  border: 1px solid #2B4162;
  color: #2B4162;
}
.button.hollow:hover, a.hollow.tip-button:hover:link,
a.hollow.tip-button:hover:visited, form.jx-form .hollow.frm_button_submit:hover,
.m-login-form .hollow.frm_button_submit:hover, .hollow:hover::file-selector-button, .button.hollow:focus, a.hollow.tip-button:focus:link,
a.hollow.tip-button:focus:visited, form.jx-form .hollow.frm_button_submit:focus,
.m-login-form .hollow.frm_button_submit:focus, .hollow:focus::file-selector-button {
  border-color: #162131;
  color: #162131;
}
.button.hollow.primary, a.hollow.primary.tip-button:link,
a.hollow.primary.tip-button:visited, form.jx-form .hollow.primary.frm_button_submit,
.m-login-form .hollow.primary.frm_button_submit, .hollow.primary::file-selector-button, .button.hollow.primary.disabled, .button.hollow.primary[disabled], .button.hollow.primary.disabled:hover, .button.hollow.primary[disabled]:hover, .button.hollow.primary.disabled:focus, .button.hollow.primary[disabled]:focus {
  border: 1px solid #2B4162;
  color: #2B4162;
}
.button.hollow.primary:hover, a.hollow.primary.tip-button:hover:link,
a.hollow.primary.tip-button:hover:visited, form.jx-form .hollow.primary.frm_button_submit:hover,
.m-login-form .hollow.primary.frm_button_submit:hover, .hollow.primary:hover::file-selector-button, .button.hollow.primary:focus, a.hollow.primary.tip-button:focus:link,
a.hollow.primary.tip-button:focus:visited, form.jx-form .hollow.primary.frm_button_submit:focus,
.m-login-form .hollow.primary.frm_button_submit:focus, .hollow.primary:focus::file-selector-button {
  border-color: #162131;
  color: #162131;
}
.button.hollow.secondary, a.hollow.secondary.tip-button:link,
a.hollow.secondary.tip-button:visited, form.jx-form .hollow.secondary.frm_button_submit,
.m-login-form .hollow.secondary.frm_button_submit, .hollow.secondary::file-selector-button, .button.hollow.secondary.disabled, .button.hollow.secondary[disabled], .button.hollow.secondary.disabled:hover, .button.hollow.secondary[disabled]:hover, .button.hollow.secondary.disabled:focus, .button.hollow.secondary[disabled]:focus {
  border: 1px solid #385F71;
  color: #385F71;
}
.button.hollow.secondary:hover, a.hollow.secondary.tip-button:hover:link,
a.hollow.secondary.tip-button:hover:visited, form.jx-form .hollow.secondary.frm_button_submit:hover,
.m-login-form .hollow.secondary.frm_button_submit:hover, .hollow.secondary:hover::file-selector-button, .button.hollow.secondary:focus, a.hollow.secondary.tip-button:focus:link,
a.hollow.secondary.tip-button:focus:visited, form.jx-form .hollow.secondary.frm_button_submit:focus,
.m-login-form .hollow.secondary.frm_button_submit:focus, .hollow.secondary:focus::file-selector-button {
  border-color: #1c3039;
  color: #1c3039;
}
.button.hollow.success, a.hollow.success.tip-button:link,
a.hollow.success.tip-button:visited, form.jx-form .hollow.success.frm_button_submit,
.m-login-form .hollow.success.frm_button_submit, .hollow.success::file-selector-button, .button.hollow.success.disabled, .button.hollow.success[disabled], .button.hollow.success.disabled:hover, .button.hollow.success[disabled]:hover, .button.hollow.success.disabled:focus, .button.hollow.success[disabled]:focus {
  border: 1px solid #3adb76;
  color: #3adb76;
}
.button.hollow.success:hover, a.hollow.success.tip-button:hover:link,
a.hollow.success.tip-button:hover:visited, form.jx-form .hollow.success.frm_button_submit:hover,
.m-login-form .hollow.success.frm_button_submit:hover, .hollow.success:hover::file-selector-button, .button.hollow.success:focus, a.hollow.success.tip-button:focus:link,
a.hollow.success.tip-button:focus:visited, form.jx-form .hollow.success.frm_button_submit:focus,
.m-login-form .hollow.success.frm_button_submit:focus, .hollow.success:focus::file-selector-button {
  border-color: #157539;
  color: #157539;
}
.button.hollow.warning, a.hollow.warning.tip-button:link,
a.hollow.warning.tip-button:visited, form.jx-form .hollow.warning.frm_button_submit,
.m-login-form .hollow.warning.frm_button_submit, .hollow.warning::file-selector-button, .button.hollow.warning.disabled, .button.hollow.warning[disabled], .button.hollow.warning.disabled:hover, .button.hollow.warning[disabled]:hover, .button.hollow.warning.disabled:focus, .button.hollow.warning[disabled]:focus {
  border: 1px solid #ffae00;
  color: #ffae00;
}
.button.hollow.warning:hover, a.hollow.warning.tip-button:hover:link,
a.hollow.warning.tip-button:hover:visited, form.jx-form .hollow.warning.frm_button_submit:hover,
.m-login-form .hollow.warning.frm_button_submit:hover, .hollow.warning:hover::file-selector-button, .button.hollow.warning:focus, a.hollow.warning.tip-button:focus:link,
a.hollow.warning.tip-button:focus:visited, form.jx-form .hollow.warning.frm_button_submit:focus,
.m-login-form .hollow.warning.frm_button_submit:focus, .hollow.warning:focus::file-selector-button {
  border-color: #805700;
  color: #805700;
}
.button.hollow.alert, a.hollow.alert.tip-button:link,
a.hollow.alert.tip-button:visited, form.jx-form .hollow.alert.frm_button_submit,
.m-login-form .hollow.alert.frm_button_submit, .hollow.alert::file-selector-button, .button.hollow.alert.disabled, .button.hollow.alert[disabled], .button.hollow.alert.disabled:hover, .button.hollow.alert[disabled]:hover, .button.hollow.alert.disabled:focus, .button.hollow.alert[disabled]:focus {
  border: 1px solid #cc4b37;
  color: #cc4b37;
}
.button.hollow.alert:hover, a.hollow.alert.tip-button:hover:link,
a.hollow.alert.tip-button:hover:visited, form.jx-form .hollow.alert.frm_button_submit:hover,
.m-login-form .hollow.alert.frm_button_submit:hover, .hollow.alert:hover::file-selector-button, .button.hollow.alert:focus, a.hollow.alert.tip-button:focus:link,
a.hollow.alert.tip-button:focus:visited, form.jx-form .hollow.alert.frm_button_submit:focus,
.m-login-form .hollow.alert.frm_button_submit:focus, .hollow.alert:focus::file-selector-button {
  border-color: #67251a;
  color: #67251a;
}
.button.clear, a.clear.tip-button:link,
a.clear.tip-button:visited,
div.message a.clear.tip-button:link,
div.message a.clear.tip-button:visited, form.jx-form .clear.frm_button_submit,
.m-login-form .clear.frm_button_submit, .clear::file-selector-button, .button.clear:hover, .button.clear:focus, .button.clear.disabled, .button.clear.disabled:hover, .button.clear.disabled:focus, .button.clear[disabled], .button.clear[disabled]:hover, .button.clear[disabled]:focus {
  border-color: transparent;
  background-color: transparent;
}
.button.clear, a.clear.tip-button:link,
a.clear.tip-button:visited,
div.message a.clear.tip-button:link,
div.message a.clear.tip-button:visited, form.jx-form .clear.frm_button_submit,
.m-login-form .clear.frm_button_submit, .clear::file-selector-button, .button.clear.disabled, .button.clear[disabled], .button.clear.disabled:hover, .button.clear[disabled]:hover, .button.clear.disabled:focus, .button.clear[disabled]:focus {
  color: #2B4162;
}
.button.clear:hover, a.clear.tip-button:hover:link,
a.clear.tip-button:hover:visited, form.jx-form .clear.frm_button_submit:hover,
.m-login-form .clear.frm_button_submit:hover, .clear:hover::file-selector-button, .button.clear:focus, a.clear.tip-button:focus:link,
a.clear.tip-button:focus:visited, form.jx-form .clear.frm_button_submit:focus,
.m-login-form .clear.frm_button_submit:focus, .clear:focus::file-selector-button {
  color: #162131;
}
.button.clear.primary, a.clear.primary.tip-button:link,
a.clear.primary.tip-button:visited, form.jx-form .clear.primary.frm_button_submit,
.m-login-form .clear.primary.frm_button_submit, .clear.primary::file-selector-button, .button.clear.primary.disabled, .button.clear.primary[disabled], .button.clear.primary.disabled:hover, .button.clear.primary[disabled]:hover, .button.clear.primary.disabled:focus, .button.clear.primary[disabled]:focus {
  color: #2B4162;
}
.button.clear.primary:hover, a.clear.primary.tip-button:hover:link,
a.clear.primary.tip-button:hover:visited, form.jx-form .clear.primary.frm_button_submit:hover,
.m-login-form .clear.primary.frm_button_submit:hover, .clear.primary:hover::file-selector-button, .button.clear.primary:focus, a.clear.primary.tip-button:focus:link,
a.clear.primary.tip-button:focus:visited, form.jx-form .clear.primary.frm_button_submit:focus,
.m-login-form .clear.primary.frm_button_submit:focus, .clear.primary:focus::file-selector-button {
  color: #162131;
}
.button.clear.secondary, a.clear.secondary.tip-button:link,
a.clear.secondary.tip-button:visited, form.jx-form .clear.secondary.frm_button_submit,
.m-login-form .clear.secondary.frm_button_submit, .clear.secondary::file-selector-button, .button.clear.secondary.disabled, .button.clear.secondary[disabled], .button.clear.secondary.disabled:hover, .button.clear.secondary[disabled]:hover, .button.clear.secondary.disabled:focus, .button.clear.secondary[disabled]:focus {
  color: #385F71;
}
.button.clear.secondary:hover, a.clear.secondary.tip-button:hover:link,
a.clear.secondary.tip-button:hover:visited, form.jx-form .clear.secondary.frm_button_submit:hover,
.m-login-form .clear.secondary.frm_button_submit:hover, .clear.secondary:hover::file-selector-button, .button.clear.secondary:focus, a.clear.secondary.tip-button:focus:link,
a.clear.secondary.tip-button:focus:visited, form.jx-form .clear.secondary.frm_button_submit:focus,
.m-login-form .clear.secondary.frm_button_submit:focus, .clear.secondary:focus::file-selector-button {
  color: #1c3039;
}
.button.clear.success, a.clear.success.tip-button:link,
a.clear.success.tip-button:visited, form.jx-form .clear.success.frm_button_submit,
.m-login-form .clear.success.frm_button_submit, .clear.success::file-selector-button, .button.clear.success.disabled, .button.clear.success[disabled], .button.clear.success.disabled:hover, .button.clear.success[disabled]:hover, .button.clear.success.disabled:focus, .button.clear.success[disabled]:focus {
  color: #3adb76;
}
.button.clear.success:hover, a.clear.success.tip-button:hover:link,
a.clear.success.tip-button:hover:visited, form.jx-form .clear.success.frm_button_submit:hover,
.m-login-form .clear.success.frm_button_submit:hover, .clear.success:hover::file-selector-button, .button.clear.success:focus, a.clear.success.tip-button:focus:link,
a.clear.success.tip-button:focus:visited, form.jx-form .clear.success.frm_button_submit:focus,
.m-login-form .clear.success.frm_button_submit:focus, .clear.success:focus::file-selector-button {
  color: #157539;
}
.button.clear.warning, a.clear.warning.tip-button:link,
a.clear.warning.tip-button:visited, form.jx-form .clear.warning.frm_button_submit,
.m-login-form .clear.warning.frm_button_submit, .clear.warning::file-selector-button, .button.clear.warning.disabled, .button.clear.warning[disabled], .button.clear.warning.disabled:hover, .button.clear.warning[disabled]:hover, .button.clear.warning.disabled:focus, .button.clear.warning[disabled]:focus {
  color: #ffae00;
}
.button.clear.warning:hover, a.clear.warning.tip-button:hover:link,
a.clear.warning.tip-button:hover:visited, form.jx-form .clear.warning.frm_button_submit:hover,
.m-login-form .clear.warning.frm_button_submit:hover, .clear.warning:hover::file-selector-button, .button.clear.warning:focus, a.clear.warning.tip-button:focus:link,
a.clear.warning.tip-button:focus:visited, form.jx-form .clear.warning.frm_button_submit:focus,
.m-login-form .clear.warning.frm_button_submit:focus, .clear.warning:focus::file-selector-button {
  color: #805700;
}
.button.clear.alert, a.clear.alert.tip-button:link,
a.clear.alert.tip-button:visited, form.jx-form .clear.alert.frm_button_submit,
.m-login-form .clear.alert.frm_button_submit, .clear.alert::file-selector-button, .button.clear.alert.disabled, .button.clear.alert[disabled], .button.clear.alert.disabled:hover, .button.clear.alert[disabled]:hover, .button.clear.alert.disabled:focus, .button.clear.alert[disabled]:focus {
  color: #cc4b37;
}
.button.clear.alert:hover, a.clear.alert.tip-button:hover:link,
a.clear.alert.tip-button:hover:visited, form.jx-form .clear.alert.frm_button_submit:hover,
.m-login-form .clear.alert.frm_button_submit:hover, .clear.alert:hover::file-selector-button, .button.clear.alert:focus, a.clear.alert.tip-button:focus:link,
a.clear.alert.tip-button:focus:visited, form.jx-form .clear.alert.frm_button_submit:focus,
.m-login-form .clear.alert.frm_button_submit:focus, .clear.alert:focus::file-selector-button {
  color: #67251a;
}
.button.disabled, a.disabled.tip-button:link,
a.disabled.tip-button:visited,
div.message a.disabled.tip-button:link,
div.message a.disabled.tip-button:visited, form.jx-form .disabled.frm_button_submit,
.m-login-form .disabled.frm_button_submit, .disabled::file-selector-button, .button[disabled], a[disabled].tip-button:link,
a[disabled].tip-button:visited,
div.message a[disabled].tip-button:link,
div.message a[disabled].tip-button:visited, form.jx-form [disabled].frm_button_submit,
.m-login-form [disabled].frm_button_submit, [disabled]::file-selector-button {
  opacity: 0.25;
  cursor: not-allowed;
}
.button.dropdown::after, a.dropdown.tip-button:link::after,
a.dropdown.tip-button:visited::after, form.jx-form .dropdown.frm_button_submit::after,
.m-login-form .dropdown.frm_button_submit::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 0.4em;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #fefefe transparent transparent;
  position: relative;
  top: 0.4em;
  display: inline-block;
  float: right;
  margin-left: 1em;
}
.button.dropdown.hollow::after, a.dropdown.hollow.tip-button:link::after,
a.dropdown.hollow.tip-button:visited::after, form.jx-form .dropdown.hollow.frm_button_submit::after,
.m-login-form .dropdown.hollow.frm_button_submit::after, .button.dropdown.clear::after, a.dropdown.clear.tip-button:link::after,
a.dropdown.clear.tip-button:visited::after, form.jx-form .dropdown.clear.frm_button_submit::after,
.m-login-form .dropdown.clear.frm_button_submit::after {
  border-top-color: #2B4162;
}
.button.dropdown.hollow.primary::after, a.dropdown.hollow.primary.tip-button:link::after,
a.dropdown.hollow.primary.tip-button:visited::after, form.jx-form .dropdown.hollow.primary.frm_button_submit::after,
.m-login-form .dropdown.hollow.primary.frm_button_submit::after, .button.dropdown.clear.primary::after, a.dropdown.clear.primary.tip-button:link::after,
a.dropdown.clear.primary.tip-button:visited::after, form.jx-form .dropdown.clear.primary.frm_button_submit::after,
.m-login-form .dropdown.clear.primary.frm_button_submit::after {
  border-top-color: #2B4162;
}
.button.dropdown.hollow.secondary::after, a.dropdown.hollow.secondary.tip-button:link::after,
a.dropdown.hollow.secondary.tip-button:visited::after, form.jx-form .dropdown.hollow.secondary.frm_button_submit::after,
.m-login-form .dropdown.hollow.secondary.frm_button_submit::after, .button.dropdown.clear.secondary::after, a.dropdown.clear.secondary.tip-button:link::after,
a.dropdown.clear.secondary.tip-button:visited::after, form.jx-form .dropdown.clear.secondary.frm_button_submit::after,
.m-login-form .dropdown.clear.secondary.frm_button_submit::after {
  border-top-color: #385F71;
}
.button.dropdown.hollow.success::after, a.dropdown.hollow.success.tip-button:link::after,
a.dropdown.hollow.success.tip-button:visited::after, form.jx-form .dropdown.hollow.success.frm_button_submit::after,
.m-login-form .dropdown.hollow.success.frm_button_submit::after, .button.dropdown.clear.success::after, a.dropdown.clear.success.tip-button:link::after,
a.dropdown.clear.success.tip-button:visited::after, form.jx-form .dropdown.clear.success.frm_button_submit::after,
.m-login-form .dropdown.clear.success.frm_button_submit::after {
  border-top-color: #3adb76;
}
.button.dropdown.hollow.warning::after, a.dropdown.hollow.warning.tip-button:link::after,
a.dropdown.hollow.warning.tip-button:visited::after, form.jx-form .dropdown.hollow.warning.frm_button_submit::after,
.m-login-form .dropdown.hollow.warning.frm_button_submit::after, .button.dropdown.clear.warning::after, a.dropdown.clear.warning.tip-button:link::after,
a.dropdown.clear.warning.tip-button:visited::after, form.jx-form .dropdown.clear.warning.frm_button_submit::after,
.m-login-form .dropdown.clear.warning.frm_button_submit::after {
  border-top-color: #ffae00;
}
.button.dropdown.hollow.alert::after, a.dropdown.hollow.alert.tip-button:link::after,
a.dropdown.hollow.alert.tip-button:visited::after, form.jx-form .dropdown.hollow.alert.frm_button_submit::after,
.m-login-form .dropdown.hollow.alert.frm_button_submit::after, .button.dropdown.clear.alert::after, a.dropdown.clear.alert.tip-button:link::after,
a.dropdown.clear.alert.tip-button:visited::after, form.jx-form .dropdown.clear.alert.frm_button_submit::after,
.m-login-form .dropdown.clear.alert.frm_button_submit::after {
  border-top-color: #cc4b37;
}
.button.arrow-only::after, a.arrow-only.tip-button:link::after,
a.arrow-only.tip-button:visited::after, form.jx-form .arrow-only.frm_button_submit::after,
.m-login-form .arrow-only.frm_button_submit::after {
  top: -0.1em;
  float: none;
  margin-left: 0;
}

a.button:hover, a.tip-button:hover:link,
a.tip-button:hover:visited,
div.message a.tip-button:hover:link,
div.message a.tip-button:hover:visited, form.jx-form a.frm_button_submit:hover,
.m-login-form a.frm_button_submit:hover, a:hover::file-selector-button, a.button:focus, a.tip-button:focus:link,
a.tip-button:focus:visited,
div.message a.tip-button:focus:link,
div.message a.tip-button:focus:visited, form.jx-form a.frm_button_submit:focus,
.m-login-form a.frm_button_submit:focus, a:focus::file-selector-button {
  text-decoration: none;
}

.accordion {
  margin-left: 0;
  background: #fefefe;
  list-style-type: none;
}
.accordion[disabled] .accordion-title {
  cursor: not-allowed;
}

.accordion-item:first-child > :first-child {
  border-radius: 0.25rem 0.25rem 0 0;
}
.accordion-item:last-child > :last-child {
  border-radius: 0 0 0.25rem 0.25rem;
}

.accordion-title {
  position: relative;
  display: block;
  padding: 1.25rem 1rem;
  border: 1px solid #eceff4;
  border-bottom: 0;
  font-size: 1.5rem;
  line-height: 1;
  color: #2B4162;
}
:last-child:not(.is-active) > .accordion-title {
  border-bottom: 1px solid #eceff4;
  border-radius: 0 0 0.25rem 0.25rem;
}
.accordion-title:hover, .accordion-title:focus {
  background-color: #eceff4;
}
.accordion-title::before {
  position: absolute;
  top: 50%;
  right: 1rem;
  margin-top: -0.5rem;
  content: "+";
}
.is-active > .accordion-title::before {
  content: "–";
}

.accordion-content {
  display: none;
  padding: 1rem;
  border: 1px solid #eceff4;
  border-bottom: 0;
  background-color: #fefefe;
  color: #291b1f;
}
:last-child > .accordion-content:last-child {
  border-bottom: 1px solid #eceff4;
}

.accordion-menu li {
  width: 100%;
}
.accordion-menu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .is-accordion-submenu a {
  padding: 0.7rem 1rem;
}
.accordion-menu .nested.is-accordion-submenu {
  margin-right: 0;
  margin-left: 1rem;
}
.accordion-menu.align-right .nested.is-accordion-submenu {
  margin-right: 1rem;
  margin-left: 0;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a {
  position: relative;
}
.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #2B4162 transparent transparent;
  position: absolute;
  top: 50%;
  margin-top: -3px;
  right: 1rem;
}
.accordion-menu.align-left .is-accordion-submenu-parent > a::after {
  right: 1rem;
  left: auto;
}
.accordion-menu.align-right .is-accordion-submenu-parent > a::after {
  right: auto;
  left: 1rem;
}
.accordion-menu .is-accordion-submenu-parent[aria-expanded=true] > a::after {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.is-accordion-submenu-parent {
  position: relative;
}

.has-submenu-toggle > a {
  margin-right: 40px;
}

.submenu-toggle {
  position: absolute;
  top: 0;
  right: 0;
  width: 40px;
  height: 40px;
  cursor: pointer;
}
.submenu-toggle::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: #2B4162 transparent transparent;
  top: 0;
  bottom: 0;
  margin: auto;
}

.submenu-toggle[aria-expanded=true]::after {
  -webkit-transform: scaleY(-1);
  -ms-transform: scaleY(-1);
  transform: scaleY(-1);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}

.submenu-toggle-text {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}

.badge {
  display: inline-block;
  min-width: 2.1em;
  padding: 0.3em;
  border-radius: 50%;
  font-size: 0.6rem;
  text-align: center;
  background: #2B4162;
  color: #fefefe;
}
.badge.primary {
  background: #2B4162;
  color: #fefefe;
}
.badge.secondary {
  background: #385F71;
  color: #fefefe;
}
.badge.success {
  background: #3adb76;
  color: #291b1f;
}
.badge.warning {
  background: #ffae00;
  color: #291b1f;
}
.badge.alert {
  background: #cc4b37;
  color: #fefefe;
}

.callout {
  position: relative;
  margin: 0 0 1rem 0;
  padding: 1rem;
  border: 1px solid rgba(41, 27, 31, 0.25);
  border-radius: 0.25rem;
  background-color: white;
  color: #291b1f;
}
.callout > :first-child {
  margin-top: 0;
}
.callout > :last-child {
  margin-bottom: 0;
}
.callout.primary {
  background-color: #d9e1ee;
  color: #291b1f;
}
.callout.secondary {
  background-color: #dde9ee;
  color: #291b1f;
}
.callout.success {
  background-color: #e1faea;
  color: #291b1f;
}
.callout.warning {
  background-color: #fff3d9;
  color: #291b1f;
}
.callout.alert {
  background-color: #f7e4e1;
  color: #291b1f;
}
.callout.small {
  padding-top: 0.5rem;
  padding-right: 0.5rem;
  padding-bottom: 0.5rem;
  padding-left: 0.5rem;
}
.callout.large {
  padding-top: 3rem;
  padding-right: 3rem;
  padding-bottom: 3rem;
  padding-left: 3rem;
}

.card {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  margin-bottom: 1rem;
  border: 1px solid #eceff4;
  border-radius: 0.25rem;
  background: #fefefe;
  -webkit-box-shadow: none;
  box-shadow: none;
  overflow: hidden;
  color: #291b1f;
}
.card > :last-child {
  margin-bottom: 0;
}

.card-divider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  padding: 1rem;
  background: #eceff4;
}
.card-divider > :last-child {
  margin-bottom: 0;
}

.card-section {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  padding: 1rem;
}
.card-section > :last-child {
  margin-bottom: 0;
}

.card-image {
  min-height: 1px;
}

.close-button {
  position: absolute;
  z-index: 10;
  color: #1f2222;
  cursor: pointer;
}
[data-whatinput=mouse] .close-button {
  outline: 0;
}
.close-button:hover, .close-button:focus {
  color: #291b1f;
}
.close-button.small {
  right: 0.66rem;
  top: 0.33em;
  font-size: 1.5em;
  line-height: 1;
}

.close-button, .close-button.medium {
  right: 1rem;
  top: 0.5rem;
  font-size: 2em;
  line-height: 1;
}

.menu {
  padding: 0;
  margin: 0;
  list-style: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
[data-whatinput=mouse] .menu li {
  outline: 0;
}
.menu a,
.menu .button,
.menu a.tip-button:link,
.menu a.tip-button:visited,
.menu div.message a.tip-button:link,
div.message .menu a.tip-button:link,
.menu div.message a.tip-button:visited,
div.message .menu a.tip-button:visited,
.menu form.jx-form .frm_button_submit,
form.jx-form .menu .frm_button_submit,
.menu .m-login-form .frm_button_submit,
.m-login-form .menu .frm_button_submit,
.menu ::file-selector-button {
  line-height: 1;
  text-decoration: none;
  display: block;
  padding: 0.7rem 1rem;
}
.menu input,
.menu select,
.menu a,
.menu button {
  margin-bottom: 0;
}
.menu input {
  display: inline-block;
}
.menu, .menu.horizontal {
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.menu.vertical {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.menu.expanded li {
  -webkit-box-flex: 1;
  -webkit-flex: 1 1 0px;
  -ms-flex: 1 1 0px;
  flex: 1 1 0px;
}
.menu.simple {
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
}
.menu.simple li + li {
  margin-left: 1rem;
}
.menu.simple a {
  padding: 0;
}
@media print, screen and (min-width: 40em) {
  .menu.small-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .menu.small-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .menu.small-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  .menu.small-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 64em) {
  .menu.medium-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .menu.medium-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .menu.medium-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  .menu.medium-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media print, screen and (min-width: 75em) {
  .menu.large-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .menu.large-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .menu.large-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  .menu.large-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 102.5em) {
  .menu.xlarge-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .menu.xlarge-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .menu.xlarge-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  .menu.xlarge-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
@media screen and (min-width: 112.5em) {
  .menu.xxlarge-horizontal {
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .menu.xxlarge-vertical {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .menu.xxlarge-expanded li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
  .menu.xxlarge-simple li {
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 0px;
    -ms-flex: 1 1 0px;
    flex: 1 1 0px;
  }
}
.menu.nested {
  margin-right: 0;
  margin-left: 1rem;
}
.menu.icons a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.menu.icon-top a, .menu.icon-right a, .menu.icon-bottom a, .menu.icon-left a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.menu.icon-left li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.menu.icon-left li a img,
.menu.icon-left li a i,
.menu.icon-left li a svg {
  margin-right: 0.25rem;
}
.menu.icon-right li a {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row nowrap;
  -ms-flex-flow: row nowrap;
  flex-flow: row nowrap;
}
.menu.icon-right li a img,
.menu.icon-right li a i,
.menu.icon-right li a svg {
  margin-left: 0.25rem;
}
.menu.icon-top li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.menu.icon-top li a img,
.menu.icon-top li a i,
.menu.icon-top li a svg {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu.icon-bottom li a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column nowrap;
  -ms-flex-flow: column nowrap;
  flex-flow: column nowrap;
}
.menu.icon-bottom li a img,
.menu.icon-bottom li a i,
.menu.icon-bottom li a svg {
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  margin-bottom: 0.25rem;
  text-align: center;
}
.menu .is-active > a {
  background: #385F71;
  color: #fefefe;
}
.menu .active > a {
  background: #385F71;
  color: #fefefe;
}
.menu.align-left {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.menu.align-right li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.menu.align-right li .submenu li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.menu.align-right.vertical li {
  display: block;
  text-align: right;
}
.menu.align-right.vertical li .submenu li {
  text-align: right;
}
.menu.align-right .nested {
  margin-right: 1rem;
  margin-left: 0;
}
.menu.align-center li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.menu.align-center li .submenu li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.menu .menu-text {
  padding: 0.7rem 1rem;
  font-weight: bold;
  line-height: 1;
  color: inherit;
}

.menu-centered > .menu {
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.menu-centered > .menu li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.menu-centered > .menu li .submenu li {
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.no-js [data-responsive-menu] ul {
  display: none;
}

.is-drilldown {
  position: relative;
  overflow: hidden;
}
.is-drilldown li {
  display: block;
}
.is-drilldown.animate-height {
  -webkit-transition: height 0.5s;
  transition: height 0.5s;
}

.drilldown a {
  padding: 0.7rem 1rem;
  background: #fefefe;
}
.drilldown .is-drilldown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: -1;
  width: 100%;
  background: #fefefe;
  -webkit-transition: -webkit-transform 0.15s linear;
  transition: -webkit-transform 0.15s linear;
  transition: transform 0.15s linear;
  transition: transform 0.15s linear, -webkit-transform 0.15s linear;
}
.drilldown .is-drilldown-submenu.is-active {
  z-index: 1;
  display: block;
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.drilldown .is-drilldown-submenu.is-closing {
  -webkit-transform: translateX(100%);
  -ms-transform: translateX(100%);
  transform: translateX(100%);
}
.drilldown .is-drilldown-submenu a {
  padding: 0.7rem 1rem;
}
.drilldown .nested.is-drilldown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.drilldown .drilldown-submenu-cover-previous {
  min-height: 100%;
}
.drilldown .is-drilldown-submenu-parent > a {
  position: relative;
}
.drilldown .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent #2B4162;
  position: absolute;
  top: 50%;
  margin-top: -6px;
  right: 1rem;
}
.drilldown.align-left .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent hotpink;
  right: 1rem;
  left: auto;
}
.drilldown.align-right .is-drilldown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent hotpink transparent transparent;
  right: auto;
  left: 1rem;
}
.drilldown .js-drilldown-back > a::before {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent #2B4162 transparent transparent;
  display: inline-block;
  vertical-align: middle;
  margin-right: 0.75rem;
}

.dropdown-pane {
  position: absolute;
  z-index: 10;
  display: none;
  width: 300px;
  padding: 1rem;
  visibility: hidden;
  border: 1px solid #4d5555;
  border-radius: 0.25rem;
  background-color: #fefefe;
  font-size: 1rem;
}
.dropdown-pane.is-opening {
  display: block;
}
.dropdown-pane.is-open {
  display: block;
  visibility: visible;
}

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

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

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

.dropdown.menu > li.opens-left > .is-dropdown-submenu {
  top: 100%;
  right: 0;
  left: auto;
}
.dropdown.menu > li.opens-right > .is-dropdown-submenu {
  top: 100%;
  right: auto;
  left: 0;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a {
  position: relative;
  padding-right: 1.5rem;
}
.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-bottom-width: 0;
  border-top-style: solid;
  border-color: hotpink transparent transparent;
  right: 5px;
  left: auto;
  margin-top: -3px;
}
[data-whatinput=mouse] .dropdown.menu a {
  outline: 0;
}
.dropdown.menu > li > a {
  padding: 0.7rem 1rem;
}
.dropdown.menu > li.is-active > a {
  background: transparent;
  color: #2B4162;
}
.no-js .dropdown.menu ul {
  display: none;
}
.dropdown.menu .nested.is-dropdown-submenu {
  margin-right: 0;
  margin-left: 0;
}
.dropdown.menu.vertical > li .is-dropdown-submenu {
  top: 0;
}
.dropdown.menu.vertical > li.opens-left > .is-dropdown-submenu {
  top: 0;
  right: 100%;
  left: auto;
}
.dropdown.menu.vertical > li.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}
.dropdown.menu.vertical > li > a::after {
  right: 14px;
}
.dropdown.menu.vertical > li.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent hotpink transparent transparent;
  right: auto;
  left: 5px;
}
.dropdown.menu.vertical > li.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent hotpink;
}
@media print, screen and (min-width: 40em) {
  .dropdown.menu.small-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.small-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.small-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.small-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: hotpink transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.small-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.small-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.small-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.small-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.small-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent hotpink transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.small-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent hotpink;
  }
}
@media print, screen and (min-width: 64em) {
  .dropdown.menu.medium-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.medium-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.medium-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: hotpink transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.medium-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.medium-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.medium-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.medium-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.medium-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent hotpink transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.medium-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent hotpink;
  }
}
@media print, screen and (min-width: 75em) {
  .dropdown.menu.large-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.large-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: hotpink transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.large-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.large-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.large-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.large-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.large-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent hotpink transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.large-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent hotpink;
  }
}
@media screen and (min-width: 102.5em) {
  .dropdown.menu.xlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: hotpink transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent hotpink transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent hotpink;
  }
}
@media screen and (min-width: 112.5em) {
  .dropdown.menu.xxlarge-horizontal > li.opens-left > .is-dropdown-submenu {
    top: 100%;
    right: 0;
    left: auto;
  }
  .dropdown.menu.xxlarge-horizontal > li.opens-right > .is-dropdown-submenu {
    top: 100%;
    right: auto;
    left: 0;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a {
    position: relative;
    padding-right: 1.5rem;
  }
  .dropdown.menu.xxlarge-horizontal > li.is-dropdown-submenu-parent > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-bottom-width: 0;
    border-top-style: solid;
    border-color: hotpink transparent transparent;
    right: 5px;
    left: auto;
    margin-top: -3px;
  }
  .dropdown.menu.xxlarge-vertical > li .is-dropdown-submenu {
    top: 0;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > .is-dropdown-submenu {
    top: 0;
    right: 100%;
    left: auto;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > .is-dropdown-submenu {
    right: auto;
    left: 100%;
  }
  .dropdown.menu.xxlarge-vertical > li > a::after {
    right: 14px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-left > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-left-width: 0;
    border-right-style: solid;
    border-color: transparent hotpink transparent transparent;
    right: auto;
    left: 5px;
  }
  .dropdown.menu.xxlarge-vertical > li.opens-right > a::after {
    display: block;
    width: 0;
    height: 0;
    border: inset 6px;
    content: "";
    border-right-width: 0;
    border-left-style: solid;
    border-color: transparent transparent transparent hotpink;
  }
}
.dropdown.menu.align-right .is-dropdown-submenu.first-sub {
  top: 100%;
  right: 0;
  left: auto;
}

.is-dropdown-menu.vertical {
  width: 100px;
}
.is-dropdown-menu.vertical.align-right {
  float: right;
}

.is-dropdown-submenu-parent {
  position: relative;
}
.is-dropdown-submenu-parent a::after {
  position: absolute;
  top: 50%;
  right: 5px;
  left: auto;
  margin-top: -6px;
}
.is-dropdown-submenu-parent.opens-inner > .is-dropdown-submenu {
  top: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-left > .is-dropdown-submenu {
  right: 100%;
  left: auto;
}
.is-dropdown-submenu-parent.opens-right > .is-dropdown-submenu {
  right: auto;
  left: 100%;
}

.is-dropdown-submenu {
  position: absolute;
  top: 0;
  left: 100%;
  z-index: 1;
  display: none;
  min-width: 200px;
  border: 1px solid #4d5555;
  background: #fefefe;
}
.dropdown .is-dropdown-submenu a {
  padding: 0.7rem 1rem;
}
.is-dropdown-submenu .is-dropdown-submenu-parent > a::after {
  right: 14px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-left > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-left-width: 0;
  border-right-style: solid;
  border-color: transparent hotpink transparent transparent;
  right: auto;
  left: 5px;
}
.is-dropdown-submenu .is-dropdown-submenu-parent.opens-right > a::after {
  display: block;
  width: 0;
  height: 0;
  border: inset 6px;
  content: "";
  border-right-width: 0;
  border-left-style: solid;
  border-color: transparent transparent transparent hotpink;
}
.is-dropdown-submenu .is-dropdown-submenu {
  margin-top: -1px;
}
.is-dropdown-submenu > li {
  width: 100%;
}
.is-dropdown-submenu.js-dropdown-active {
  display: block;
}

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

.label {
  display: inline-block;
  padding: 0.33333rem 0.5rem;
  border-radius: 0.25rem;
  font-size: 0.8rem;
  line-height: 1;
  white-space: nowrap;
  cursor: default;
  background: #2B4162;
  color: #fefefe;
}
.label.primary {
  background: #2B4162;
  color: #fefefe;
}
.label.secondary {
  background: #385F71;
  color: #fefefe;
}
.label.success {
  background: #3adb76;
  color: #291b1f;
}
.label.warning {
  background: #ffae00;
  color: #291b1f;
}
.label.alert {
  background: #cc4b37;
  color: #fefefe;
}

.is-off-canvas-open {
  overflow: hidden;
}

.js-off-canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 11;
  width: 100%;
  height: 100%;
  -webkit-transition: opacity 0.5s ease, visibility 0.5s ease;
  transition: opacity 0.5s ease, visibility 0.5s ease;
  background: rgba(254, 254, 254, 0.25);
  opacity: 0;
  visibility: hidden;
  overflow: hidden;
}
.js-off-canvas-overlay.is-visible {
  opacity: 1;
  visibility: visible;
}
.js-off-canvas-overlay.is-closable {
  cursor: pointer;
}
.js-off-canvas-overlay.is-overlay-absolute {
  position: absolute;
}
.js-off-canvas-overlay.is-overlay-fixed {
  position: fixed;
}

.off-canvas-wrapper {
  position: relative;
  overflow: hidden;
}

.off-canvas {
  position: fixed;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #2B4162;
}
[data-whatinput=mouse] .off-canvas {
  outline: 0;
}
.off-canvas.is-transition-push {
  z-index: 12;
}
.off-canvas.is-closed {
  visibility: hidden;
}
.off-canvas.is-transition-overlap {
  z-index: 13;
}
.off-canvas.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(41, 27, 31, 0.7);
  box-shadow: 0 0 10px rgba(41, 27, 31, 0.7);
}
.off-canvas.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.off-canvas-absolute {
  position: absolute;
  z-index: 12;
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background: #2B4162;
}
[data-whatinput=mouse] .off-canvas-absolute {
  outline: 0;
}
.off-canvas-absolute.is-transition-push {
  z-index: 12;
}
.off-canvas-absolute.is-closed {
  visibility: hidden;
}
.off-canvas-absolute.is-transition-overlap {
  z-index: 13;
}
.off-canvas-absolute.is-transition-overlap.is-open {
  -webkit-box-shadow: 0 0 10px rgba(41, 27, 31, 0.7);
  box-shadow: 0 0 10px rgba(41, 27, 31, 0.7);
}
.off-canvas-absolute.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.position-left {
  top: 0;
  left: 0;
  height: 100%;
  overflow-y: auto;
  width: 80%;
  -webkit-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  transform: translateX(-80%);
}
@media print, screen and (min-width: 40em) {
  .position-left {
    width: 250px;
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
}
.off-canvas-content .off-canvas.position-left {
  -webkit-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  transform: translateX(-80%);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-left {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
}
.off-canvas-content .off-canvas.position-left.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.off-canvas-content.is-open-left.has-transition-push {
  -webkit-transform: translateX(80%);
  -ms-transform: translateX(80%);
  transform: translateX(80%);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-left.has-transition-push {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
}

.position-left.is-transition-push {
  -webkit-box-shadow: inset -13px 0 20px -13px rgba(41, 27, 31, 0.25);
  box-shadow: inset -13px 0 20px -13px rgba(41, 27, 31, 0.25);
}

.position-right {
  top: 0;
  right: 0;
  height: 100%;
  overflow-y: auto;
  width: 80%;
  -webkit-transform: translateX(80%);
  -ms-transform: translateX(80%);
  transform: translateX(80%);
}
@media print, screen and (min-width: 40em) {
  .position-right {
    width: 250px;
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
}
.off-canvas-content .off-canvas.position-right {
  -webkit-transform: translateX(80%);
  -ms-transform: translateX(80%);
  transform: translateX(80%);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-right {
    -webkit-transform: translateX(250px);
    -ms-transform: translateX(250px);
    transform: translateX(250px);
  }
}
.off-canvas-content .off-canvas.position-right.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.off-canvas-content.is-open-right.has-transition-push {
  -webkit-transform: translateX(-80%);
  -ms-transform: translateX(-80%);
  transform: translateX(-80%);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-right.has-transition-push {
    -webkit-transform: translateX(-250px);
    -ms-transform: translateX(-250px);
    transform: translateX(-250px);
  }
}

.position-right.is-transition-push {
  -webkit-box-shadow: inset 13px 0 20px -13px rgba(41, 27, 31, 0.25);
  box-shadow: inset 13px 0 20px -13px rgba(41, 27, 31, 0.25);
}

.position-top {
  top: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  transform: translateY(-250px);
}
@media print, screen and (min-width: 40em) {
  .position-top {
    height: 250px;
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
  }
}
@media print, screen and (min-width: 64em) {
  .position-top {
    height: 350px;
    -webkit-transform: translateY(-350px);
    -ms-transform: translateY(-350px);
    transform: translateY(-350px);
  }
}
.off-canvas-content .off-canvas.position-top {
  -webkit-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  transform: translateY(-250px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas-content .off-canvas.position-top {
    -webkit-transform: translateY(-350px);
    -ms-transform: translateY(-350px);
    transform: translateY(-350px);
  }
}
.off-canvas-content .off-canvas.position-top.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.off-canvas-content.is-open-top.has-transition-push {
  -webkit-transform: translateY(250px);
  -ms-transform: translateY(250px);
  transform: translateY(250px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas-content.is-open-top.has-transition-push {
    -webkit-transform: translateY(350px);
    -ms-transform: translateY(350px);
    transform: translateY(350px);
  }
}

.position-top.is-transition-push {
  -webkit-box-shadow: inset 0 -13px 20px -13px rgba(41, 27, 31, 0.25);
  box-shadow: inset 0 -13px 20px -13px rgba(41, 27, 31, 0.25);
}

.position-bottom {
  bottom: 0;
  left: 0;
  width: 100%;
  overflow-x: auto;
  height: 250px;
  -webkit-transform: translateY(250px);
  -ms-transform: translateY(250px);
  transform: translateY(250px);
}
@media print, screen and (min-width: 40em) {
  .position-bottom {
    height: 250px;
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }
}
@media print, screen and (min-width: 64em) {
  .position-bottom {
    height: 350px;
    -webkit-transform: translateY(350px);
    -ms-transform: translateY(350px);
    transform: translateY(350px);
  }
}
.off-canvas-content .off-canvas.position-bottom {
  -webkit-transform: translateY(250px);
  -ms-transform: translateY(250px);
  transform: translateY(250px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(250px);
    -ms-transform: translateY(250px);
    transform: translateY(250px);
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas-content .off-canvas.position-bottom {
    -webkit-transform: translateY(350px);
    -ms-transform: translateY(350px);
    transform: translateY(350px);
  }
}
.off-canvas-content .off-canvas.position-bottom.is-transition-overlap.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

.off-canvas-content.is-open-bottom.has-transition-push {
  -webkit-transform: translateY(-250px);
  -ms-transform: translateY(-250px);
  transform: translateY(-250px);
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-250px);
    -ms-transform: translateY(-250px);
    transform: translateY(-250px);
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas-content.is-open-bottom.has-transition-push {
    -webkit-transform: translateY(-350px);
    -ms-transform: translateY(-350px);
    transform: translateY(-350px);
  }
}

.position-bottom.is-transition-push {
  -webkit-box-shadow: inset 0 13px 20px -13px rgba(41, 27, 31, 0.25);
  box-shadow: inset 0 13px 20px -13px rgba(41, 27, 31, 0.25);
}

.off-canvas-content {
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.off-canvas-content.has-transition-overlap, .off-canvas-content.has-transition-push {
  -webkit-transition: -webkit-transform 0.5s ease;
  transition: -webkit-transform 0.5s ease;
  transition: transform 0.5s ease;
  transition: transform 0.5s ease, -webkit-transform 0.5s ease;
}
.off-canvas-content.has-transition-push {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}
.off-canvas-content .off-canvas.is-open {
  -webkit-transform: translate(0, 0);
  -ms-transform: translate(0, 0);
  transform: translate(0, 0);
}

@media print, screen and (min-width: 40em) {
  .position-left.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-small .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-small ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-small .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-small ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-small .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-small ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-small .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-small {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-small ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 64em) {
  .position-left.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-medium ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-medium ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-medium ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-medium .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-medium {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-medium ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 75em) {
  .position-left.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-large ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-large ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-large ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-large .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-large {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-large ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 102.5em) {
  .position-left.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-xlarge ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-xlarge ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-xlarge ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-xlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media screen and (min-width: 112.5em) {
  .position-left.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-left.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-left.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-left {
    margin-left: 250px;
  }

  .position-left.reveal-for-xxlarge ~ .off-canvas-content {
    margin-left: 250px;
  }

  .position-right.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-right.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-right.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-right {
    margin-right: 250px;
  }

  .position-right.reveal-for-xxlarge ~ .off-canvas-content {
    margin-right: 250px;
  }

  .position-top.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-top.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-top.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-top {
    margin-top: 250px;
  }

  .position-top.reveal-for-xxlarge ~ .off-canvas-content {
    margin-top: 250px;
  }

  .position-bottom.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
    z-index: 12;
    -webkit-transition: none;
    transition: none;
    visibility: visible;
  }
  .position-bottom.reveal-for-xxlarge .close-button {
    display: none;
  }
  .off-canvas-content .position-bottom.reveal-for-xxlarge {
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas-content.has-reveal-bottom {
    margin-bottom: 250px;
  }

  .position-bottom.reveal-for-xxlarge ~ .off-canvas-content {
    margin-bottom: 250px;
  }
}
@media print, screen and (min-width: 40em) {
  .off-canvas.in-canvas-for-small {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-small.position-left, .off-canvas.in-canvas-for-small.position-right, .off-canvas.in-canvas-for-small.position-top, .off-canvas.in-canvas-for-small.position-bottom {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-small .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .off-canvas.in-canvas-for-medium {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-medium.position-left, .off-canvas.in-canvas-for-medium.position-right, .off-canvas.in-canvas-for-medium.position-top, .off-canvas.in-canvas-for-medium.position-bottom {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-medium .close-button {
    display: none;
  }
}
@media print, screen and (min-width: 75em) {
  .off-canvas.in-canvas-for-large {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-large.position-left, .off-canvas.in-canvas-for-large.position-right, .off-canvas.in-canvas-for-large.position-top, .off-canvas.in-canvas-for-large.position-bottom {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-large .close-button {
    display: none;
  }
}
@media screen and (min-width: 102.5em) {
  .off-canvas.in-canvas-for-xlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-xlarge.position-left, .off-canvas.in-canvas-for-xlarge.position-right, .off-canvas.in-canvas-for-xlarge.position-top, .off-canvas.in-canvas-for-xlarge.position-bottom {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xlarge .close-button {
    display: none;
  }
}
@media screen and (min-width: 112.5em) {
  .off-canvas.in-canvas-for-xxlarge {
    visibility: visible;
    height: auto;
    position: static;
    background: none;
    width: auto;
    overflow: visible;
    -webkit-transition: none;
    transition: none;
  }
  .off-canvas.in-canvas-for-xxlarge.position-left, .off-canvas.in-canvas-for-xxlarge.position-right, .off-canvas.in-canvas-for-xxlarge.position-top, .off-canvas.in-canvas-for-xxlarge.position-bottom {
    -webkit-box-shadow: none;
    box-shadow: none;
    -webkit-transform: none;
    -ms-transform: none;
    transform: none;
  }
  .off-canvas.in-canvas-for-xxlarge .close-button {
    display: none;
  }
}
.pagination {
  margin-left: 0;
  margin-bottom: 1rem;
}
.pagination::before, .pagination::after {
  display: table;
  content: " ";
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.pagination::after {
  clear: both;
}
.pagination li {
  margin-right: 0.0625rem;
  border-radius: 0.25rem;
  font-size: 0.875rem;
  display: none;
}
.pagination li:last-child, .pagination li:first-child {
  display: inline-block;
}
@media print, screen and (min-width: 64em) {
  .pagination li {
    display: inline-block;
  }
}
.pagination a,
.pagination button {
  display: block;
  padding: 0.1875rem 0.625rem;
  border-radius: 0.25rem;
  color: #291b1f;
}
.pagination a:hover,
.pagination button:hover {
  background: #eceff4;
}
.pagination .current {
  padding: 0.1875rem 0.625rem;
  background: #2B4162;
  color: #fefefe;
  cursor: default;
}
.pagination .disabled {
  padding: 0.1875rem 0.625rem;
  color: #4d5555;
  cursor: not-allowed;
}
.pagination .disabled:hover {
  background: transparent;
}
.pagination .ellipsis::after {
  padding: 0.1875rem 0.625rem;
  content: "…";
  color: #291b1f;
}

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

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

.sticky-container {
  position: relative;
}

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

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

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

html.is-reveal-open {
  position: fixed;
  width: 100%;
  overflow-y: hidden;
}
html.is-reveal-open.zf-has-scroll {
  overflow-y: scroll;
}
html.is-reveal-open body {
  overflow-y: hidden;
}

.reveal-overlay {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1005;
  display: none;
  background-color: rgba(41, 27, 31, 0.55);
  overflow-y: auto;
}

.reveal {
  z-index: 1006;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  display: none;
  padding: 1rem;
  border: 1px solid #4d5555;
  border-radius: 0.25rem;
  background-color: #fefefe;
  position: relative;
  top: 100px;
  margin-right: auto;
  margin-left: auto;
  overflow-y: auto;
}
[data-whatinput=mouse] .reveal {
  outline: 0;
}
@media print, screen and (min-width: 64em) {
  .reveal {
    min-height: 0;
  }
}
.reveal .column {
  min-width: 0;
}
.reveal > :last-child {
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .reveal {
    width: 600px;
    max-width: 75rem;
  }
}
.reveal.collapse {
  padding: 0;
}
@media print, screen and (min-width: 64em) {
  .reveal.tiny {
    width: 30%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 64em) {
  .reveal.small {
    width: 50%;
    max-width: 75rem;
  }
}
@media print, screen and (min-width: 64em) {
  .reveal.large {
    width: 90%;
    max-width: 75rem;
  }
}
.reveal.full {
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  max-width: none;
  height: 100%;
  min-height: 100%;
  margin-left: 0;
  border: 0;
  border-radius: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    max-width: none;
    height: 100%;
    min-height: 100%;
    margin-left: 0;
    border: 0;
    border-radius: 0;
  }
}
.reveal.without-overlay {
  position: fixed;
}

table {
  border-collapse: collapse;
  width: 100%;
  margin-bottom: 1rem;
  border-radius: 0.25rem;
}
thead,
tbody,
tfoot {
  border: 1px solid #f1f1f1;
  background-color: #fefefe;
}

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

thead {
  background: #f8f8f8;
  color: #291b1f;
}

tfoot {
  background: #f1f1f1;
  color: #291b1f;
}

thead tr,
tfoot tr {
  background: transparent;
}
thead th,
thead td,
tfoot th,
tfoot td {
  padding: 0.5rem 0.625rem 0.625rem;
  font-weight: 900;
  text-align: left;
}

tbody th,
tbody td {
  padding: 0.5rem 0.625rem 0.625rem;
}

tbody tr:nth-child(even) {
  border-bottom: 0;
  background-color: #f1f1f1;
}

table.unstriped tbody {
  background-color: #fefefe;
}
table.unstriped tbody tr {
  border-bottom: 0;
  border-bottom: 1px solid #f1f1f1;
  background-color: #fefefe;
}

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

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

table.hover thead tr:hover {
  background-color: #f3f3f3;
}
table.hover tfoot tr:hover {
  background-color: #ececec;
}
table.hover tbody tr:hover {
  background-color: #f9f9f9;
}
table.hover:not(.unstriped) tr:nth-of-type(even):hover {
  background-color: #ececec;
}

.table-scroll {
  overflow-x: auto;
}

.tabs {
  margin: 0;
  border: 1px solid #eceff4;
  background: #fefefe;
  list-style-type: none;
}
.tabs::before, .tabs::after {
  display: table;
  content: " ";
  -webkit-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  -webkit-box-ordinal-group: 2;
  -webkit-order: 1;
  -ms-flex-order: 1;
  order: 1;
}
.tabs::after {
  clear: both;
}

.tabs.vertical > li {
  display: block;
  float: none;
  width: auto;
}

.tabs.simple > li > a {
  padding: 0;
}
.tabs.simple > li > a:hover {
  background: transparent;
}

.tabs.primary {
  background: #2B4162;
}
.tabs.primary > li > a {
  color: #fefefe;
}
.tabs.primary > li > a:hover, .tabs.primary > li > a:focus {
  background: #314a6f;
}

.tabs-title {
  float: left;
}
.tabs-title > a {
  display: block;
  padding: 1.25rem 1.5rem;
  font-size: 0.75rem;
  line-height: 1;
  color: #2B4162;
}
[data-whatinput=mouse] .tabs-title > a {
  outline: 0;
}
.tabs-title > a:hover {
  background: #fefefe;
  color: #253854;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected=true] {
  background: #eceff4;
  color: #2B4162;
}

.tabs-content {
  border: 1px solid #eceff4;
  border-top: 0;
  background: #fefefe;
  color: #291b1f;
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

.tabs-content.vertical {
  border: 1px solid #eceff4;
  border-left: 0;
}

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

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

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

.hide {
  display: none !important;
}

.invisible {
  visibility: hidden;
}

@media print, screen and (max-width: 39.99875em) {
  .hide-for-xsmall-only {
    display: none !important;
  }
}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@media screen and (min-width: 102.5em) and (max-width: 112.49875em) {
  .hide-for-xlarge-only {
    display: none !important;
  }
}

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

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

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

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

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

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

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

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

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

/**
 * Tools
 */
/************************************************

Stylesheet: Dev Helper

By using the WP_ENVIRONMENT_TYPE constant in wp-config.php
we can do things like enable certain styles only when the site is
running locally.

The way this works is the header file looks for the constant and adds a class of
.env-{WP_ENVIRONMENT_TYPE} to the body. So if you set the constant to 'development' you'll have
body class="env-development" available to you.

You could also use this CONSTANT to enable certain bits of code in specific environments.

If it's not already included in wp-config.php, add the following:

define( 'WP_ENVIRONMENT_TYPE', 'development' );

/*************************************************/
body[class*=" env-"] .b-site-footer:after {
  position: fixed;
  padding: 0.25rem 0.5rem;
  font-size: 0.75rem;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.7);
  color: white;
  z-index: 99;
}

.env-development .b-site-footer:after {
  content: "Env: dev / Breakpoint: xsmall";
}
@media print, screen and (min-width: 40em) {
  .env-development .b-site-footer:after {
    content: "Env: dev / Breakpoint: small";
  }
}
@media print, screen and (min-width: 64em) {
  .env-development .b-site-footer:after {
    content: "Env: dev / Breakpoint: medium";
  }
}
@media print, screen and (min-width: 75em) {
  .env-development .b-site-footer:after {
    content: "Env: dev / Breakpoint: large";
  }
}
@media screen and (min-width: 102.5em) {
  .env-development .b-site-footer:after {
    content: "Env: dev / Breakpoint: xlarge";
  }
}
@media screen and (min-width: 112.5em) {
  .env-development .b-site-footer:after {
    content: "Env: dev / Breakpoint: xxlarge";
  }
}

.env-staging .b-site-footer:after {
  content: "Env: staging / Breakpoint: xsmall";
}
@media print, screen and (min-width: 40em) {
  .env-staging .b-site-footer:after {
    content: "Env: staging / Breakpoint: small";
  }
}
@media print, screen and (min-width: 64em) {
  .env-staging .b-site-footer:after {
    content: "Env: staging / Breakpoint: medium";
  }
}
@media print, screen and (min-width: 75em) {
  .env-staging .b-site-footer:after {
    content: "Env: staging / Breakpoint: large";
  }
}
@media screen and (min-width: 102.5em) {
  .env-staging .b-site-footer:after {
    content: "Env: staging / Breakpoint: xlarge";
  }
}
@media screen and (min-width: 112.5em) {
  .env-staging .b-site-footer:after {
    content: "Env: staging / Breakpoint: xxlarge";
  }
}

@media print, screen and (min-width: 40em) {
  .xsmall-only {
    display: none !important;
  }
}

@media print, screen and (min-width: 64em) {
  .small-only {
    display: none !important;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .hide-on-xsmall {
    display: none !important;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-on-xsmall {
    display: none !important;
  }
}

@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .hide-on-small {
    display: none !important;
  }
}

@media only screen and (min-width: 782px) {
  .ad-small-only {
    display: none !important;
  }
}

.ad-large-only {
  height: 100%;
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}
@media only screen and (max-width: 781px) {
  .ad-large-only {
    display: none !important;
  }
}
.ad-large-only > a {
  height: 100%;
  display: block;
}
.ad-large-only img {
  height: 100% !important;
}

/**
 * Content group block
 */
.cx-content-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1rem;
  margin: 1rem 0;
}
@media only screen and (min-width: 782px) {
  .cx-content-group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .cx-content-group figure.ad-large-only {
    height: auto;
    -webkit-box-align: stretch;
    -webkit-align-items: stretch;
    -ms-flex-align: stretch;
    align-items: stretch;
  }
  .cx-content-group figure.ad-large-only > a {
    height: 100%;
    display: block;
  }
  .cx-content-group figure.ad-large-only > a img {
    height: 100% !important;
  }
}
.cx-content-group .wp-block-embed {
  width: 100%;
}
.cx-content-group .responsive-embed,
.cx-content-group .wp-block-embed.is-type-video {
  margin-bottom: 0;
}

/**
 * Fancy
 */
.parallax {
  -webkit-perspective: 1px;
  perspective: 1px;
  height: 100vh;
  overflow-x: hidden;
  overflow-y: auto;
}

/**
 * Global
 */
/**
 * Pb25
 */
:root {
  --measure: 60ch;
  font-size: 1rem;
  /* Set base font size to scale with viewport (browser) width */
  --font-size: 0.5rem;
  /* Set base font size to scale with viewport (browser) width */
  --ratio: 1.15;
  /* Specify a ratio as the basis for modular scale of headings */
  --font-multiplier: .6rem;
  --s-1: calc(var(--s0) / var(--ratio));
  /* 14pt */
  --s6: calc(var(--font-size) * var(--font-size));
  /* 16pt / 16 */
  --s5: calc(1.25 * var(--font-size));
  /* 20pt / 16 */
  --s4: calc(1.5625 * var(--font-size));
  /* 25pt / 16 */
  --s3: calc(1.95625 * var(--font-size));
  /* 31.3pt / 16 */
  --s2: calc(2.44375 * var(--font-size));
  /* 39.1pt / 16 */
  --s1: calc(3.05625 * var(--font-size));
  /* 48.9pt / 16 */
  --site-stats-banner-text-size: 1.5rem;
  --site-stats-banner-text-height: 2rem;
  --site-stats-banner-text-padding: 1rem;
  --site-stats-profile-image-size: 1rem;
  --l6: 1.3;
  /* 20.8 / 16 */
  --l5: 1.3;
  /* 26 / 20 */
  --l4: 1.1;
  /* 27.5 / 25 */
  --l3: 1.1;
  /* 34.4 / 31.3 */
  --l2: 1;
  /* 39.1 / 39.1 */
  --l1: 1;
  /* 48.9 / 48.9 */
  --gap: 4.375%;
  --column: 27.5%;
  --grid-cols: repeat(3, var(--column));
  --unit: 1rem;
  --displayfont-spacing: .1ch;
  --max-width: 1300px;
  --hover-transition: all 0.25s ease-in-out;
  --border-radius-button: 0;
  --border-radius-card: 0;
  --button-border: 2px solid var(--clr-interactive);
  --padding-card: var(--s5);
  --padding-block: var(--s6);
  /* Icons */
  /* Shadows */
}
@media (width >= 1000px) {
  :root {
    --column: 7.85%;
    --gap: 1.1375%;
    --font-size: 1.0rem;
    --grid-cols: repeat(11, var(--column));
    --site-stats-banner-text-size: 3rem;
    --site-stats-banner-text-height: 3.6rem;
    --site-stats-banner-text-padding: 0;
  }
}
.the-grid {
  position: relative;
  width: 100%;
  display: grid;
  grid-template-columns: var(--grid-cols);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-column-gap: var(--gap);
  -moz-column-gap: var(--gap);
  column-gap: var(--gap);
  margin-left: var(--gap);
  margin-right: var(--gap);
}
.the-grid > h1,
.the-grid > .description,
.the-grid > figure,
.the-grid > .samplist {
  grid-column: span 3;
}
.the-grid .main-area {
  grid-column: span 3;
  margin-top: var(--unit);
}
.the-grid .sidebar {
  grid-column: span 3;
  margin-top: var(--unit);
}
.the-grid .description {
  font-size: var(--s3);
}

@media (width >= 1000px) {
  .the-grid > h1,
.the-grid > .description,
.the-grid > figure {
    grid-column: span 8;
  }
  .the-grid > .samplist {
    grid-column-start: 9;
    grid-column-end: 12;
  }
  .the-grid .main-area {
    grid-column: span 7;
  }
  .the-grid .sidebar {
    grid-column-start: 9;
    grid-column-end: 12;
    border-left: var(--border);
    padding-left: var(--unit);
  }
  .the-grid .description {
    font-size: var(--s5);
  }
}
.brandimage > img,
.brandimage > .b-breakout-image__image,
.b-hero > img,
.b-hero > .b-breakout-image__image {
  opacity: 0.5;
  mix-blend-mode: multiply;
  -webkit-filter: none;
  filter: none;
}
.brandimage:after,
.b-hero:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -1;
  background-color: var(--clr-interactive);
}

/**
 * Sample Pack
 */
.box.samplist h2 {
  font-size: var(--s4);
  margin-top: calc(var(--unit) * 0.75);
}
.box.samplist h2 .created_by {
  font-size: var(--s5);
  margin-right: 0.25em;
}

.statistics {
  margin-bottom: var(--unit);
}
.statistics p {
  margin: 0;
}

ul.downloads {
  text-align: left;
}

ul.collections-list {
  padding: 0;
}

/**
 * Site stats banner
 */
.site-stats-banner {
  padding: var(--unit) 0;
  color: var(--clrWhite);
  position: relative;
  font-family: var(--font-fam-body);
}
.site-stats-banner ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 0;
  list-style: none;
  padding: 0 var(--unit);
  margin: 0;
  color: inherit;
  line-height: 0.9;
}

@media (width >= 1000px) {
  .site-stats-banner ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: var(--unit);
    padding: 0;
    line-height: 1;
  }
}
.site-stats-banner::after {
  position: absolute;
  content: "";
  background-color: var(--clr-interactive);
  top: 0;
  bottom: 0;
  left: 50%;
  right: 0;
  width: 100vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: -1;
}

.site-stats-banner.site-stats-banner__large::after {
  background-color: var(--clr-interactive);
}

.site-stats-banner.site-stats-banner__large {
  padding-top: 1.5rem;
}
.site-stats-banner.site-stats-banner__large ul {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: var(--site-stats-banner-text-size);
  z-index: 1;
  position: relative;
  gap: 0;
  line-height: 1;
  margin-top: 0;
}
.site-stats-banner.site-stats-banner__large ul li {
  height: var(--site-stats-banner-text-height);
}
.site-stats-banner.site-stats-banner__large ul span {
  color: var(--clr-stats-banner-text);
  position: relative;
}
.site-stats-banner.site-stats-banner__large ul span.bg {
  display: inline-block;
  height: 100%;
  padding-left: var(--site-stats-banner-text-padding);
}
.site-stats-banner.site-stats-banner__large ul span.bg::after {
  background-color: var(--clr-interactive);
  opacity: 0.8;
  position: absolute;
  content: "";
  top: -1px;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: -1;
}
.site-stats-banner.site-stats-banner__large .samplist-grid-container {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
  padding: 0;
  overflow: hidden;
  z-index: 0;
}
.site-stats-banner.site-stats-banner__large .samplist-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--site-stats-banner-text-size), 1fr));
  gap: 0.5rem;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-transform: translateY(-2rem);
  -ms-transform: translateY(-2rem);
  transform: translateY(-2rem);
}
.site-stats-banner.site-stats-banner__large .samplist-grid__item {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.site-stats-banner.site-stats-banner__large .samplist-grid__item > img {
  width: 100%;
  aspect-ratio: 1/1;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 5px;
  display: block;
}

/* Base styles + transitions (durations are set per-item via CSS variables) */
.samplist-grid > * {
  --fade-dur: .8s;
  /* randomized in JS per item */
  --move-dur: .5s;
  /* randomized in JS per item */
  -webkit-transition: opacity var(--fade-dur) ease-in-out, -webkit-transform var(--move-dur) ease-in-out;
  transition: opacity var(--fade-dur) ease-in-out, -webkit-transform var(--move-dur) ease-in-out;
  transition: opacity var(--fade-dur) ease-in-out, transform var(--move-dur) ease-in-out;
  transition: opacity var(--fade-dur) ease-in-out, transform var(--move-dur) ease-in-out, -webkit-transform var(--move-dur) ease-in-out;
  will-change: opacity, transform;
  opacity: 1;
}

/* Dimmed state — your “minimum opacity 0” */
.samplist-grid > *.is-dim {
  opacity: 0.25;
}

/* Reduced motion: no fades/moves */
@media (prefers-reduced-motion: reduce) {
  .samplist-grid > * {
    -webkit-transition: none !important;
    transition: none !important;
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
    opacity: 1 !important;
  }
}
/* Flashing cursor */
.stat-count::after {
  content: "_";
  /* You can also use | or ▌ or _ */
  -webkit-animation: blink 1s step-start infinite;
  animation: blink 1s step-start infinite;
  display: inline-block;
  margin-left: 0px;
  font-size: 1.5rem;
  padding-right: 0.25em;
}

/* Blink animation */
@-webkit-keyframes blink {
  50% {
    opacity: 0;
  }
}
@keyframes blink {
  50% {
    opacity: 0;
  }
}
/* Accessibility: disable animation if user prefers reduced motion */
@media (prefers-reduced-motion: reduce) {
  .stat-count::after {
    -webkit-animation: none;
    animation: none;
    opacity: 1;
  }
}
/**
 * Sponsor Advert
 */
.sponsor-ad-block {
  margin: var(--unit) auto;
  max-width: var(--global-width);
}

.sponsor-ad-block.above-footer {
  margin-bottom: calc(-2 * var(--unit));
}

.sponsor-ad-block.above-footer + .sponsor-ad-block.above-footer {
  margin-top: calc(2 * var(--unit));
}

.sponsor-ad {
  position: relative;
  background-color: var(--clr-ad-bg);
  /* create a new stacking context so negatives go behind only this figure */
  isolation: isolate;
}

.sponsor-ad a {
  display: block;
  width: 100%;
}

.sponsor-ad img {
  width: 100%;
}

/* Stretch left and right edges into the gutters */
.sponsor-ad::before,
.sponsor-ad::after {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50vw;
  /* cover each side up to the viewport edge */
  z-index: -1;
  /* behind the image/link */
  pointer-events: none;
  /* fallback color if the image fails to load */
  background-color: var(--clr-ad-bg);
  /* the “edge pixel” trick */
  background-image: var(--ad-src);
  background-repeat: no-repeat;
  background-size: 10000% 100%;
  /* huge zoom so one edge pixel fills the box */
  /* image-rendering: pixelated;   <-- leave this OFF for a smooth blend */
}

/* Left bleed: align with viewport left */
.sponsor-ad::before {
  left: calc(50% - 50vw);
  background-position: left center;
}

/* Right bleed: align with viewport right */
.sponsor-ad::after {
  left: 50%;
  background-position: right center;
}

/* Create the extra absolutely-positioned box used above */
.sponsor-ad {
  --_dummy: "";
}

.sponsor-ad::-webkit-backdrop {
  content: var(--_dummy);
}

.sponsor-ad::backdrop {
  content: var(--_dummy);
}

/* enables the second layer */
.screen-reader-text, form.jx-form .frm_screen_reader,
.m-login-form .frm_screen_reader {
  clip: rect(1px, 1px, 1px, 1px);
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

.screen-reader-text:focus, form.jx-form .frm_screen_reader:focus,
.m-login-form .frm_screen_reader:focus {
  background-color: #f1f1f1;
  border-radius: 3px;
  -webkit-box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
  clip: auto !important;
  color: #21759b;
  display: block;
  font-size: 14px;
  font-size: 0.875rem;
  font-weight: bold;
  height: auto;
  left: 5px;
  line-height: normal;
  padding: 15px 23px 14px;
  text-decoration: none;
  top: 5px;
  width: auto;
  z-index: 100000;
}

.has-small-font-size,
.has-medium-font-size,
.has-large-font-size,
.has-huge-font-size {
  font-size: inherit;
}

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

Stylesheet: Global Stylesheet

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

html {
  -webkit-transition: all 0.5s ease;
  transition: all 0.5s ease;
}

body, .body {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: var(--body-background-colour);
  background-attachment: var(--body-background-attachment);
}
body:after, .body:after {
  position: fixed;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: var(--body-background-colour);
  background-image: var(--body-background-image);
  background-size: var(--body-background-image-size);
  background-repeat: var(--body-background-image-repeat);
  z-index: -2;
  mix-blend-mode: var(--body-background-blendmode);
  opacity: var(--body-background-opacity);
}
body .g-mono, .body .g-mono {
  -webkit-filter: var(--logo-colour-filter);
  filter: var(--logo-colour-filter);
}

.bbpress-wrapper,
#bbpress-forums {
  --font-col-body: black;
  background: white;
}
.bbpress-wrapper a:link, .bbpress-wrapper a:visited,
#bbpress-forums a:link,
#bbpress-forums a:visited {
  color: var(--font-col-body);
}

a:not(.button):not(a.tip-button:link):not(a.tip-button:visited):not(::file-selector-button):link,
a:not(.button):not(a.tip-button:link):not(a.tip-button:visited):not(::file-selector-button):visited {
  color: var(--link-colour);
  text-decoration: underline;
}
a:not(.button):not(a.tip-button:link):not(a.tip-button:visited):not(::file-selector-button):link:hover, a:not(.button):not(a.tip-button:link):not(a.tip-button:visited):not(::file-selector-button):link:focus,
a:not(.button):not(a.tip-button:link):not(a.tip-button:visited):not(::file-selector-button):visited:hover,
a:not(.button):not(a.tip-button:link):not(a.tip-button:visited):not(::file-selector-button):visited:focus {
  text-decoration: none;
  color: var(--link-colour-hover);
}

select:active,
select:focus {
  background-color: var(--select-bg-colour);
}

body.env-production .dev {
  display: none;
}

.hidden {
  display: none !important;
}

figure {
  margin: 0;
}

body.style-garish {
  background-image: -webkit-gradient(linear, left bottom, right top, from(#2b4162), color-stop(#006b8f), color-stop(#0097aa), color-stop(#00c2ac), to(#7cea9c));
  background-image: linear-gradient(to right top, #2b4162, #006b8f, #0097aa, #00c2ac, #7cea9c);
  background-attachment: fixed;
}

.wp-block-quote p:last-child {
  margin-bottom: 0;
}

/**
 * Base layouts
 */
.layout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  background: transparent;
}
@media print, screen and (min-width: 64em) {
  .layout {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.main-area {
  position: relative;
  z-index: 2;
}
.main-area h2 {
  margin-top: 0;
}

@media print, screen and (min-width: 64em) {
  .sidebar {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
  }
}

p iframe {
  max-width: 100%;
}

/*********************
POSTS & CONTENT STYLES
*********************/
.page-title {
  position: relative;
  display: block;
  text-transform: var(--text-transform-headings);
  margin: var(--heading-margin-top) 0 var(--heading-margin-bottom) 0;
  text-align: var(--text-align-headings);
}
.page-title .vcard {
  border: 0px;
  padding: 0px;
}
.page-title .button, .page-title a.tip-button:link,
.page-title a.tip-button:visited,
.page-title div.message a.tip-button:link,
div.message .page-title a.tip-button:link,
.page-title div.message a.tip-button:visited,
div.message .page-title a.tip-button:visited, .page-title form.jx-form .frm_button_submit, form.jx-form .page-title .frm_button_submit,
.page-title .m-login-form .frm_button_submit,
.m-login-form .page-title .frm_button_submit, .page-title ::file-selector-button {
  margin-left: auto;
}
.page-title.group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  .page-title.group {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}

.byline {
  color: #999;
}
.entry-content {
  border-left: var(--entry-content-border-left);
}
.entry-content a {
  text-decoration: underline;
}
.entry-content a:hover {
  text-decoration: none;
}
.entry-content img {
  max-width: 100%;
  height: auto;
}
.entry-content .alignleft, .entry-content img.alignleft {
  margin-right: 1.5em;
  display: inline;
  float: left;
}
.entry-content .alignright, .entry-content img.alignright {
  margin-left: 1.5em;
  display: inline;
  float: right;
}
.entry-content .aligncenter, .entry-content img.aligncenter {
  margin-right: auto;
  margin-left: auto;
  display: block;
  clear: both;
}
.entry-content video, .entry-content object {
  max-width: 100%;
  height: auto;
}
.entry-content pre {
  background: var(--codeblock-bg);
  color: var(--codeblock-text);
  border: 1px solid var(--codeblock-borders);
  padding: 10px;
}

p, li, blockquote {
  max-width: var(--para-width);
}

body.style-nineties .entry-content {
  background-color: transparent;
  border: 3px solid white;
  border-right-color: black;
  border-bottom-color: black;
}

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

.post-password-form input[type=submit] {
  display: inline-block;
  vertical-align: middle;
  margin: 0;
  padding: 0.85em 1em;
  border: 1px solid transparent;
  border-radius: 0.25rem;
  -webkit-transition: background-color 0.25s ease-out, color 0.25s ease-out;
  transition: background-color 0.25s ease-out, color 0.25s ease-out;
  font-family: inherit;
  font-size: 1rem;
  -webkit-appearance: none;
  line-height: 1;
  text-align: center;
  cursor: pointer;
}
[data-whatinput=mouse] .post-password-form input[type=submit] {
  outline: 0;
}
.post-password-form input[type=submit], .post-password-form input[type=submit].disabled, .post-password-form input[type=submit][disabled], .post-password-form input[type=submit].disabled:hover, .post-password-form input[type=submit][disabled]:hover, .post-password-form input[type=submit].disabled:focus, .post-password-form input[type=submit][disabled]:focus {
  background-color: #2B4162;
  color: #291b1f;
}
.post-password-form input[type=submit]:hover, .post-password-form input[type=submit]:focus {
  background-color: #253753;
  color: #291b1f;
}

/*********************
IMAGE GALLERY STYLES
*********************/
.gallery {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-right: -15px;
  margin-left: -15px;
}

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

.gallery::after {
  clear: both;
}

.gallery.gallery-columns-1 > dl {
  width: 100%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-1 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-1 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-1 > dl, .gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-1 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-2 > dl {
  width: 50%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-2 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-2 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-2 > dl, .gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-2 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-3 > dl {
  width: 33.3333333333%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-3 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-3 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-3 > dl, .gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-3 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-4 > dl {
  width: 25%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-4 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-4 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-4 > dl, .gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-4 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-5 > dl {
  width: 20%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-5 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-5 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-5 > dl, .gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-5 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-6 > dl {
  width: 16.6666666667%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-6 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-6 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-6 > dl, .gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-6 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-7 > dl {
  width: 14.2857142857%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-7 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-7 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-7 > dl, .gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-7 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery.gallery-columns-8 > dl {
  width: 12.5%;
  float: left;
}
@media print, screen and (min-width: 40em) {
  .gallery.gallery-columns-8 > dl {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
  }
}
@media print, screen and (min-width: 64em) {
  .gallery.gallery-columns-8 > dl {
    padding-right: 0.9375rem;
    padding-left: 0.9375rem;
  }
}
.gallery.gallery-columns-8 > dl, .gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
  float: left;
  clear: none;
}
.gallery.gallery-columns-8 > dl:last-child:not(:first-child) {
  float: right;
}

.gallery dl {
  width: 100%;
  float: left;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
}

.gallery dl:last-child:not(:first-child) {
  float: right;
}

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

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

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

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

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

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

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

/*********************
SIDEBARS & ASIDES
*********************/
.sidebar li {
  list-style: none;
}

.widget ul {
  margin: 0;
}

/*********************
FOOTER STYLES
*********************/
.footer {
  clear: both;
  margin-top: 1em;
}

/*********************
VISUAL EDITOR STYLES
*********************/
body#tinymce {
  margin: 20px;
}

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

Stylesheet: Grid

*************************************************/
/* 12 columns = 1080 */
/* 11 gutters = 330 */
/* full width = 1410 */
/* 1 gutter = 30 (2.127659574468085%) */
/* 3 columns + 2 gutters = 330 (23.404255319148936%) */
/* 5 columns + 4 gutters = 570 (40.425531914893617%) */
/* 7 columns + 6 gutters = 810 (57.446808510638298%) */
/* 9 columns + 8 gutters = 1050 (74.468085106382979%) */
html {
  height: 100%;
}

body {
  min-height: 100%;
}

.off-canvas-wrapper {
  min-height: 100vh;
}

.off-canvas-wrapper-inner {
  min-height: 100vh;
}

.main-grid-container {
  display: grid;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  height: 100%;
  min-height: 100vh;
  overflow: hidden;
  padding: 0;
  position: relative;
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
  grid-template-areas: "siteHeader" "contentArea" "siteFooter";
}
@media print, screen and (min-width: 64em) {
  .main-grid-container {
    padding: 0;
  }
}

.b-site-header.b-site-header > * {
  width: calc(100% - var(--unit) * 2);
}
@media print, screen and (min-width: 64em) {
  .b-site-header.b-site-header > * {
    width: 100%;
  }
}

.off-canvas-content.off-canvas-content > .m-page__inner,
.off-canvas-content.off-canvas-content > article:not(.sample-pack),
.off-canvas-content.off-canvas-content > .page-title,
.off-canvas-content.off-canvas-content > .postcard-container,
.off-canvas-content.off-canvas-content > .entry-content:not(.the-grid),
.off-canvas-content.off-canvas-content > .content,
.off-canvas-content.off-canvas-content > #content-wrapper,
.off-canvas-content.off-canvas-content > header {
  padding-left: var(--unit);
  padding-right: var(--unit);
}
@media print, screen and (min-width: 64em) {
  .off-canvas-content.off-canvas-content > .m-page__inner,
.off-canvas-content.off-canvas-content > article:not(.sample-pack),
.off-canvas-content.off-canvas-content > .page-title,
.off-canvas-content.off-canvas-content > .postcard-container,
.off-canvas-content.off-canvas-content > .entry-content:not(.the-grid),
.off-canvas-content.off-canvas-content > .content,
.off-canvas-content.off-canvas-content > #content-wrapper,
.off-canvas-content.off-canvas-content > header {
    padding-left: 0;
    padding-right: 0;
  }
}

.content {
  grid-area: contentArea;
}

.m-site-header {
  grid-area: siteHeader;
}

.m-site-footer {
  grid-area: siteFooter;
}
.m-site-footer p {
  margin-bottom: 0;
}

blockquote {
  position: relative;
  font-size: 1rem;
  margin: 3rem 0;
  padding-left: 2rem;
}
blockquote em, blockquote cite {
  font-style: normal;
}
blockquote em {
  font-family: var(--font-fam-quotes);
}

blockquote:before {
  position: absolute;
  content: "“";
  top: -1.5rem;
  right: -2.25rem;
  font-size: 5rem;
  color: var(--blockquote-text-col);
}

blockquote:after {
  position: absolute;
  content: "”";
  top: -0.6rem;
  right: -4rem;
  font-size: 5rem;
  color: var(--blockquote-text-col);
}

h1 {
  font-weight: var(--font-weight-headings);
  margin-top: 0.5em;
  margin-bottom: 1rem;
  font-size: var(--s1);
}

h2 {
  font-weight: var(--font-weight-headings);
  margin-top: 1rem;
  font-size: var(--s2);
  margin-bottom: var(--heading-margin-bottom);
}

h3,
.h3 {
  font-size: var(--s3);
  margin-bottom: var(--heading-margin-bottom);
  font-weight: var(--font-weight-headings);
}

h4,
.h4 {
  font-size: var(--s4);
}

h5,
.h5 {
  font-size: var(--s5);
}

h6,
.h6 {
  font-size: var(--s6);
}

.entry-content p, .entry-content a, .entry-content ul, .entry-content ol {
  line-height: var(--body-line-height);
  font-size: var(--s6);
  margin-top: 0;
}

h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a,
.h1 a, .h2 a, .h3 a, .h4 a, .h5 a, .h6 a {
  font-family: var(--font-fam-headings);
  color: var(--font-col-headings);
  line-height: var(--heading-line-height);
  text-transform: var(--text-transform-headings);
  letter-spacing: var(--letter-spacing-headings);
  text-align: var(--text-align-headings);
}

p, ul, ol {
  font-family: var(--font-fam-body);
  color: var(--font-col-body);
}

a,
.link {
  font-family: var(--font-fam-body);
  color: var(--clr-interactive);
  font-weight: bold;
}

button.link {
  margin-right: auto;
}

div.address {
  text-align: center;
  margin: auto;
}
div.address span {
  padding-right: 0.5rem;
}

p.legals {
  text-align: center;
  margin: auto;
}
@media print, screen and (max-width: 39.99875em) {
  p.legals {
    font-size: 75%;
  }
}
p.legals a, p.legals a:hover, p.legals a:focus {
  color: var(--legal-text-link-col);
}
p.legals a:hover, p.legals a:focus {
  text-decoration: none;
}

p.copyright {
  text-align: center;
  margin: auto;
}
@media print, screen and (max-width: 39.99875em) {
  p.copyright {
    font-size: 75%;
  }
}

.intro {
  display: grid;
  place-content: center;
}
.intro p {
  font-family: var(--font-fam-headings);
  color: var(--font-col-headings);
  line-height: var(--heading-line-height);
  text-transform: var(--text-transform-headings);
  font-weight: var(--font-weight-headings);
  font-size: var(--font-size-h3);
  margin-bottom: 0;
  max-width: 100%;
  letter-spacing: var(--card-heading-letterspacing);
  text-wrap: balance;
}

a.warning {
  color: var(--colour-warning-bg);
}

.page-navigation .pagination {
  list-style: none;
  margin-left: 0;
  margin-bottom: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.page-navigation .pagination li {
  min-width: 1rem;
}

@media print, screen and (min-width: 64em) {
  .menu-item-has-children > ul.menu {
    display: none;
  }
  .menu-item-has-children:hover > ul.menu, .menu-item-has-children:focus > ul.menu, .menu-item-has-children.open > ul.menu {
    position: fixed;
    display: block;
    border: var(--dropdown-border);
    background: var(--dropdown-background);
    -webkit-box-shadow: var(--dropdown-shadow);
    box-shadow: var(--dropdown-shadow);
  }
  .menu-item-has-children:hover > ul li a, .menu-item-has-children:focus > ul li a, .menu-item-has-children.open > ul li a {
    background: var(--dropdown-background);
  }
  .menu-item-has-children:hover > ul li a:hover, .menu-item-has-children:hover > ul li a:focus, .menu-item-has-children:hover > ul li a.open, .menu-item-has-children:focus > ul li a:hover, .menu-item-has-children:focus > ul li a:focus, .menu-item-has-children:focus > ul li a.open, .menu-item-has-children.open > ul li a:hover, .menu-item-has-children.open > ul li a:focus, .menu-item-has-children.open > ul li a.open {
    color: var(--dropdown-link-hover-colour);
    background: var(--dropdown-link-hover-background);
  }
  .menu-item-has-children.open > a {
    color: var(--dropdown-link-hover-colour) !important;
    background: var(--dropdown-link-hover-background) !important;
  }
  .menu-item-has-children.open > ul.menu {
    position: relative;
  }
}
ul.menu li.admin-menu a {
  background-color: var(--admin-menu-background);
  color: var(--admin-menu-text-col);
}
ul.menu li.admin-menu a:hover {
  background-color: var(--admin-menu-text-col-bg-hover);
  color: var(--admin-menu-text-col-hover);
}

ul.menu li.admin-menu + li.admin-menu {
  border-top: 2px solid var(--admin-menu-text-col);
}

@media print, screen and (min-width: 64em) {
  .slide-from-right {
    opacity: 0;
    -webkit-transform: translateX(50%);
    -ms-transform: translateX(50%);
    transform: translateX(50%);
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .slide-from-right {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .slide-from-left {
    opacity: 0;
    -webkit-transform: translateX(-51%);
    -ms-transform: translateX(-51%);
    transform: translateX(-51%);
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .slide-from-left {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .slide-from-bottom {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .slide-from-bottom {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .slide-group-from-left > div, .slide-group-from-left > li {
    opacity: 0;
    -webkit-transform: translateX(-200%);
    -ms-transform: translateX(-200%);
    transform: translateX(-200%);
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .slide-group-from-left > div, .slide-group-from-left > li {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .slide-group-from-right > div, .slide-group-from-right > li {
    opacity: 0;
    -webkit-transform: translateX(200%);
    -ms-transform: translateX(200%);
    transform: translateX(200%);
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .slide-group-from-right > div, .slide-group-from-right > li {
    -webkit-transform: translateX(0%);
    -ms-transform: translateX(0%);
    transform: translateX(0%);
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .slide-group-from-bottom > div, .slide-group-from-bottom > li {
    opacity: 0;
    -webkit-transform: translateY(50%);
    -ms-transform: translateY(50%);
    transform: translateY(50%);
    position: relative;
    z-index: 1;
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .slide-group-from-bottom > div, .slide-group-from-bottom > li {
    -webkit-transform: translateY(0%);
    -ms-transform: translateY(0%);
    transform: translateY(0%);
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .fade-in {
    opacity: 0;
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .fade-in {
    opacity: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .fade-in-group > div, .fade-in-group > li {
    opacity: 0;
  }
}
@media print and (prefers-reduced-motion: reduce), screen and (min-width: 64em) and (prefers-reduced-motion: reduce) {
  .fade-in-group > div, .fade-in-group > li {
    opacity: 1;
  }
}
/************************************************

Credit

*************************************************/
.yfp-credit {
  width: 80%;
  margin: auto;
}
@media print, screen and (min-width: 40em) {
  .yfp-credit {
    width: 8rem;
    margin-top: 1.5rem;
    margin-left: auto;
  }
}

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

.gform_validation_container,
.gform_wrapper .gform_validation_container,
body .gform_wrapper li.gform_validation_container,
body .gform_wrapper .gform_body ul.gform_fields li.gfield.gform_validation_container,
body .gform_wrapper ul.gform_fields li.gfield.gform_validation_container {
  display: none !important;
  position: absolute !important;
  left: -9000px;
}

.b-site-header {
  grid-area: siteHeader;
  width: 100%;
  position: relative;
}
.b-site-header a:link,
.b-site-header a:visited {
  color: var(--main-nav-link-col);
}
.b-site-header .home-link {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 10rem;
  -ms-flex: 0 0 10rem;
  flex: 0 0 10rem;
  margin-right: 1.25rem;
  max-height: 3.25rem;
}
.b-site-header .home-link > a {
  height: 100%;
  display: block;
}
.b-site-header .home-link > a > img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}

.off-canvas-content {
  padding-top: 0;
  width: 100vw;
  max-width: var(--global-width);
  position: relative;
  margin-left: auto;
  margin-right: auto;
}
@media print, screen and (min-width: 40em) {
  .off-canvas-content {
    width: 90vw;
  }
}

.top-bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin: 1rem auto;
  width: 100%;
  max-width: var(--global-width);
  z-index: 10;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  .top-bar {
    width: 90vw;
  }
}
.top-bar .top-bar__inner {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-flex: 1;
  -webkit-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
@media print, screen and (min-width: 40em) {
  .top-bar .top-bar__inner {
    padding-left: 1rem;
    padding-right: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .top-bar .top-bar__inner {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-flow: row wrap;
    -ms-flex-flow: row wrap;
    flex-flow: row wrap;
  }
}

body.no-rule .top-bar {
  border-bottom: none;
}

.b-site-header__nav {
  margin: auto;
  width: 90vw;
  max-width: var(--global-width);
}

.b-site-header__logo,
.b-site-header__search {
  margin-top: auto;
  margin-bottom: auto;
}

.b-site-header__logo {
  height: auto;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 8rem;
  -ms-flex: 0 1 8rem;
  flex: 0 1 8rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  z-index: 0;
  display: flex;
  margin-right: 2rem;
}
.b-site-header__logo > img {
  height: 100%;
  width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  -o-object-position: left;
  object-position: left;
}
.b-site-header__logo span {
  font-weight: 400;
  font-size: 1.2rem;
  margin: auto auto auto 0;
  padding-top: 0.1rem;
  line-height: 1;
  width: 7em;
  padding-left: 0.5em;
}
@media print, screen and (min-width: 64em) {
  .b-site-header__logo span {
    font-size: 2rem;
    padding-top: 0.1rem;
  }
}

.b-site-header__nav {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
}
.b-site-header__nav li {
  font-size: var(--main-nav-link-size);
}
.b-site-header__nav li ul li {
  font-size: var(--main-nav-link-size-dropdown);
}
.b-site-header__nav .horizontal.menu > li + li {
  margin-left: 0.5rem;
}
.b-site-header__nav .is-dropdown-submenu li + li {
  margin-left: 0;
}
.b-site-header__nav > .menu {
  margin: auto 0 auto auto;
}
.b-site-header__nav > .menu .active > a {
  color: var(--main-nav-active-col);
  background-color: var(--main-nav-active-bg);
  font-weight: var(--main-nav-link-weight-active);
}
.b-site-header__nav > .menu a {
  font-weight: var(--main-nav-link-weight);
  -webkit-transition: all 0.75s;
  transition: all 0.75s;
  -webkit-filter: var(--main-nav-link-filters);
  filter: var(--main-nav-link-filters);
  text-transform: var(--text-transform-nav);
  background-color: var(--topbar-link-background);
  color: var(--topbar-link-colour);
}
.b-site-header__nav > .menu a:hover,
.b-site-header__nav > .menu a:focus {
  background-color: var(--topbar-link-background-hover);
  color: var(--topbar-link-colour-hover);
}
.b-site-header__nav > .menu a + ul > li:not(.admin-menu) > a:link,
.b-site-header__nav > .menu a + ul > li:not(.admin-menu) > a:visited {
  background-color: var(--clrWhite);
}
.b-site-header__nav > .menu a + ul > li:not(.admin-menu) > a:hover,
.b-site-header__nav > .menu a + ul > li:not(.admin-menu) > a:focus {
  background-color: var(--topbar-link-background-hover);
  color: var(--topbar-link-colour-hover);
}
.b-site-header__nav [data-toggle=off-canvas] {
  margin-bottom: 0;
  padding: 0.5rem;
  border-radius: 3px;
  color: var(--mobile-menu-button-col);
  background-color: var(--mobile-menu-button-bg-col);
  cursor: pointer;
}

.b-site-header__search,
.b-site-header__search:hover,
.b-site-header__search:focus {
  background-color: transparent;
  margin-left: auto;
}

.b-site-header__search + .menu {
  margin-left: 1rem;
}

.accordion-menu .is-accordion-submenu-parent:not(.has-submenu-toggle) > a::after {
  border-top-color: var(--mobile-menu-current-item-background);
}

/**
 * Elements
 */
button.link {
  text-decoration: underline;
  border-radius: 0;
  cursor: pointer;
}
button.link:hover {
  text-decoration: none;
}

.button, a.tip-button:link,
a.tip-button:visited,
div.message a.tip-button:link,
div.message a.tip-button:visited, form.jx-form .frm_button_submit,
.m-login-form .frm_button_submit, ::file-selector-button,
a.button,
.m-login-form a.frm_button_submit,
a.wp-block-button__link {
  font-weight: bold;
  border: var(--button-border);
  color: var(--button-colour);
  background: var(--button-bg-colour);
  text-decoration: none;
  border-radius: var(--button-border-radius);
  padding: var(--button-padding);
  font-family: var(--font-fam-buttons);
  text-transform: var(--button-text-transform);
}
.button > span, a.tip-button:link > span,
a.tip-button:visited > span,
div.message a.tip-button:link > span,
div.message a.tip-button:visited > span, form.jx-form .frm_button_submit > span,
.m-login-form .frm_button_submit > span, ::file-selector-button > span,
a.button > span,
a.wp-block-button__link > span {
  display: block;
}
.button:hover, a.tip-button:hover:link,
a.tip-button:hover:visited,
div.message a.tip-button:hover:link,
div.message a.tip-button:hover:visited, form.jx-form .frm_button_submit:hover,
.m-login-form .frm_button_submit:hover, :hover::file-selector-button, .button:focus, a.tip-button:focus:link,
a.tip-button:focus:visited,
div.message a.tip-button:focus:link,
div.message a.tip-button:focus:visited, form.jx-form .frm_button_submit:focus,
.m-login-form .frm_button_submit:focus, :focus::file-selector-button,
a.button:hover,
a.button:focus,
a.wp-block-button__link:hover,
a.wp-block-button__link:focus {
  color: var(--button-colour-hover);
  background: var(--button-bg-colour-hover);
  -webkit-filter: brightness(120%) saturate(140%);
  filter: brightness(120%) saturate(140%);
}
.button:disabled, a.tip-button:disabled:link,
a.tip-button:disabled:visited,
div.message a.tip-button:disabled:link,
div.message a.tip-button:disabled:visited, form.jx-form .frm_button_submit:disabled,
.m-login-form .frm_button_submit:disabled, :disabled::file-selector-button,
a.button:disabled,
a.wp-block-button__link:disabled {
  color: var(--button-disabled-colour);
  background-color: white;
  border: 2px solid black;
}
.button.off, a.off.tip-button:link,
a.off.tip-button:visited,
div.message a.off.tip-button:link,
div.message a.off.tip-button:visited, form.jx-form .off.frm_button_submit,
.m-login-form .off.frm_button_submit, .off::file-selector-button,
a.button.off,
a.wp-block-button__link.off {
  color: var(--button-disabled-colour);
  background-color: white;
  border: 2px solid var(--button-disabled-colour);
}

.button.small, a.small.tip-button:link,
a.small.tip-button:visited,
div.message a.small.tip-button:link,
div.message a.small.tip-button:visited, form.jx-form .small.frm_button_submit,
.m-login-form .small.frm_button_submit, .small::file-selector-button,
a.button.small {
  font-size: 0.75rem;
  border-radius: var(--button-border-radius-small);
}

.button.secondary, a.secondary.tip-button:link,
a.secondary.tip-button:visited,
div.message a.secondary.tip-button:link,
div.message a.secondary.tip-button:visited, form.jx-form .secondary.frm_button_submit,
.m-login-form .secondary.frm_button_submit, .secondary::file-selector-button,
a.button.secondary,
button[data-jxfilter=on] {
  border: var(--button-2-border);
  color: var(--button-2-colour);
  background: var(--button-2-bg-colour);
}
.button.secondary:hover, a.secondary.tip-button:hover:link,
a.secondary.tip-button:hover:visited, form.jx-form .secondary.frm_button_submit:hover,
.m-login-form .secondary.frm_button_submit:hover, .secondary:hover::file-selector-button, .button.secondary:focus, a.secondary.tip-button:focus:link,
a.secondary.tip-button:focus:visited, form.jx-form .secondary.frm_button_submit:focus,
.m-login-form .secondary.frm_button_submit:focus, .secondary:focus::file-selector-button,
a.button.secondary:hover,
a.button.secondary:focus,
button[data-jxfilter=on]:hover,
button[data-jxfilter=on]:focus {
  color: var(--button-2-colour-hover);
  background: var(--button-2-bg-colour-hover);
}

.button.tertiary, a.tertiary.tip-button:link,
a.tertiary.tip-button:visited,
div.message a.tertiary.tip-button:link,
div.message a.tertiary.tip-button:visited, form.jx-form .tertiary.frm_button_submit,
.m-login-form .tertiary.frm_button_submit, .tertiary::file-selector-button,
a.button.tertiary {
  border: var(--button-3-bg-colour);
  background-color: var(--button-3-bg-colour);
  color: var(--button-3-colour);
}
.button.tertiary:hover, a.tertiary.tip-button:hover:link,
a.tertiary.tip-button:hover:visited, form.jx-form .tertiary.frm_button_submit:hover,
.m-login-form .tertiary.frm_button_submit:hover, .tertiary:hover::file-selector-button, .button.tertiary:focus, a.tertiary.tip-button:focus:link,
a.tertiary.tip-button:focus:visited, form.jx-form .tertiary.frm_button_submit:focus,
.m-login-form .tertiary.frm_button_submit:focus, .tertiary:focus::file-selector-button,
a.button.tertiary:hover,
a.button.tertiary:focus {
  background-color: var(--button-3-bg-colour-hover);
  color: var(--button-3-colour-hover);
}

.button.cta, a.cta.tip-button:link,
a.cta.tip-button:visited,
div.message a.cta.tip-button:link,
div.message a.cta.tip-button:visited, form.jx-form .cta.frm_button_submit,
.m-login-form .cta.frm_button_submit, .cta::file-selector-button,
a.button.cta {
  border: var(--button-cta-border);
  color: var(--button-cta-colour);
  background-color: var(--button-cta-bg-colour);
}
.button.cta:hover, a.cta.tip-button:hover:link,
a.cta.tip-button:hover:visited, form.jx-form .cta.frm_button_submit:hover,
.m-login-form .cta.frm_button_submit:hover, .cta:hover::file-selector-button, .button.cta:focus, a.cta.tip-button:focus:link,
a.cta.tip-button:focus:visited, form.jx-form .cta.frm_button_submit:focus,
.m-login-form .cta.frm_button_submit:focus, .cta:focus::file-selector-button,
a.button.cta:hover,
a.button.cta:focus {
  color: var(--button-cta-colour-hover);
  background: var(--button-cta-bg-colour-hover);
}

.button.ghost, a.ghost.tip-button:link,
a.ghost.tip-button:visited,
div.message a.ghost.tip-button:link,
div.message a.ghost.tip-button:visited, form.jx-form .ghost.frm_button_submit,
.m-login-form .ghost.frm_button_submit, .ghost::file-selector-button {
  background: var(--button-ghost-bg-colour);
  border: solid 2px var(--button-ghost-border-colour);
  color: var(--button-ghost-text-colour);
}
.button.ghost:hover, a.ghost.tip-button:hover:link,
a.ghost.tip-button:hover:visited, form.jx-form .ghost.frm_button_submit:hover,
.m-login-form .ghost.frm_button_submit:hover, .ghost:hover::file-selector-button {
  color: var(--button-ghost-text-colour-hover);
  border: solid 2px var(--button-ghost-border-colour-hover);
  background: var(--button-ghost-bg-colour-hover);
}

.button.button--loadmore, a.button--loadmore.tip-button:link,
a.button--loadmore.tip-button:visited,
div.message a.button--loadmore.tip-button:link,
div.message a.button--loadmore.tip-button:visited, form.jx-form .button--loadmore.frm_button_submit,
.m-login-form .button--loadmore.frm_button_submit, .button--loadmore::file-selector-button,
.button.button--loadmoremembers,
a.button--loadmoremembers.tip-button:link,
a.button--loadmoremembers.tip-button:visited,
div.message a.button--loadmoremembers.tip-button:link,
div.message a.button--loadmoremembers.tip-button:visited,
form.jx-form .button--loadmoremembers.frm_button_submit,
.m-login-form .button--loadmoremembers.frm_button_submit,
.button--loadmoremembers::file-selector-button {
  margin: auto;
  grid-column-end: span 3;
}

.button.warning, a.warning.tip-button:link,
a.warning.tip-button:visited,
div.message a.warning.tip-button:link,
div.message a.warning.tip-button:visited, form.jx-form .warning.frm_button_submit,
.m-login-form .warning.frm_button_submit, .warning::file-selector-button {
  background-color: var(--colour-warning-bg);
  color: var(--colour-warning-text);
  margin-top: 1rem;
}

.button.warning + .message, a.warning.tip-button:link + .message,
a.warning.tip-button:visited + .message,
div.message a.warning.tip-button:link + .message,
div.message a.warning.tip-button:visited + .message, form.jx-form .warning.frm_button_submit + .message,
.m-login-form .warning.frm_button_submit + .message, .warning::file-selector-button + .message {
  margin-top: 1rem;
}

h2 + button,
h2 + .button,
h2 + a.tip-button:link,
h2 + a.tip-button:visited,
div.message h2 + a.tip-button:link,
div.message h2 + a.tip-button:visited,
form.jx-form h2 + .frm_button_submit,
.m-login-form h2 + .frm_button_submit,
h2 + ::file-selector-button {
  margin-top: 1rem;
}

/**
 * Icon buttons
 */
.button.replace, a.replace.tip-button:link,
a.replace.tip-button:visited,
div.message a.replace.tip-button:link,
div.message a.replace.tip-button:visited, form.jx-form .replace.frm_button_submit,
.m-login-form .replace.frm_button_submit, .replace::file-selector-button {
  background-image: var(--icon-replace);
  background-size: 1.25rem;
  background-position: 0.5rem center;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}

.button.tag, a.tag.tip-button:link,
a.tag.tip-button:visited,
div.message a.tag.tip-button:link,
div.message a.tag.tip-button:visited, form.jx-form .tag.frm_button_submit,
.m-login-form .tag.frm_button_submit, .tag::file-selector-button {
  background-image: var(--icon-tag);
  background-size: 1.75rem;
  background-position: 0.25rem center;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}

.button.edit-text, a.edit-text.tip-button:link,
a.edit-text.tip-button:visited,
div.message a.edit-text.tip-button:link,
div.message a.edit-text.tip-button:visited, form.jx-form .edit-text.frm_button_submit,
.m-login-form .edit-text.frm_button_submit, .edit-text::file-selector-button {
  background-image: var(--icon-edit-text);
  background-size: 2rem;
  background-position: 0.1rem -0.1rem;
  background-repeat: no-repeat;
  padding-left: 2.25rem;
}

.button.video, a.video.tip-button:link,
a.video.tip-button:visited,
div.message a.video.tip-button:link,
div.message a.video.tip-button:visited, form.jx-form .video.frm_button_submit,
.m-login-form .video.frm_button_submit, .video::file-selector-button {
  background-image: var(--icon-video);
  background-size: 2rem;
  background-position: 0.2rem center;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}

.button.demos, a.demos.tip-button:link,
a.demos.tip-button:visited,
div.message a.demos.tip-button:link,
div.message a.demos.tip-button:visited, form.jx-form .demos.frm_button_submit,
.m-login-form .demos.frm_button_submit, .demos::file-selector-button {
  background-image: var(--icon-demos);
  background-size: 2rem;
  background-position: 0.2rem center;
  background-repeat: no-repeat;
  padding-left: 2.75rem;
}

.button.gui, a.gui.tip-button:link,
a.gui.tip-button:visited,
div.message a.gui.tip-button:link,
div.message a.gui.tip-button:visited, form.jx-form .gui.frm_button_submit,
.m-login-form .gui.frm_button_submit, .gui::file-selector-button {
  background-image: var(--icon-gui);
  background-size: 2rem;
  background-position: 0.2rem center;
  background-repeat: no-repeat;
  padding-left: 2.5rem;
}

.button.upload, a.upload.tip-button:link,
a.upload.tip-button:visited,
div.message a.upload.tip-button:link,
div.message a.upload.tip-button:visited, form.jx-form .upload.frm_button_submit,
.m-login-form .upload.frm_button_submit, .upload::file-selector-button {
  background-image: var(--icon-upload);
  background-size: 15%;
  background-position: 0.4rem center;
  background-repeat: no-repeat;
  padding-left: 2.9rem;
}

.button.delete, a.delete.tip-button:link,
a.delete.tip-button:visited,
div.message a.delete.tip-button:link,
div.message a.delete.tip-button:visited, form.jx-form .delete.frm_button_submit,
.m-login-form .delete.frm_button_submit, .delete::file-selector-button {
  background-image: var(--icon-delete);
  background-size: 1rem;
  background-position: 0.4rem center;
  background-repeat: no-repeat;
  padding-left: 2rem;
  background-color: var(--colour-warning-bg);
}

.button.purchase, a.purchase.tip-button:link,
a.purchase.tip-button:visited,
div.message a.purchase.tip-button:link,
div.message a.purchase.tip-button:visited, form.jx-form .purchase.frm_button_submit,
.m-login-form .purchase.frm_button_submit, .purchase::file-selector-button {
  background-image: var(--icon-purchase);
  background-size: 3rem;
  background-position: 97% center;
  background-repeat: no-repeat;
  padding-right: 2rem;
}

.button.signup, a.signup.tip-button:link,
a.signup.tip-button:visited,
div.message a.signup.tip-button:link,
div.message a.signup.tip-button:visited, form.jx-form .signup.frm_button_submit,
.m-login-form .signup.frm_button_submit, .signup::file-selector-button {
  background-image: var(--icon-signup);
  background-size: 2rem;
  background-position: calc(100% - 0.75rem) center;
  background-repeat: no-repeat;
  padding-right: 3.25rem;
  margin-top: 1rem;
}

.button.button--random, a.button--random.tip-button:link,
a.button--random.tip-button:visited,
div.message a.button--random.tip-button:link,
div.message a.button--random.tip-button:visited, form.jx-form .button--random.frm_button_submit,
.m-login-form .button--random.frm_button_submit, .button--random::file-selector-button {
  background-image: var(--icon-random);
  background-size: 2rem;
  background-position: calc(100% - 0.6rem) 1px;
  background-repeat: no-repeat;
  padding-right: 3.25rem;
  margin-top: 1rem;
}

.button.addtocollection, a.addtocollection.tip-button:link,
a.addtocollection.tip-button:visited,
div.message a.addtocollection.tip-button:link,
div.message a.addtocollection.tip-button:visited, form.jx-form .addtocollection.frm_button_submit,
.m-login-form .addtocollection.frm_button_submit, .addtocollection::file-selector-button {
  background-image: var(--icon-collections);
  background-size: var(--icon-collections-size);
  background-position: calc(100% - 0.25rem) center;
  background-repeat: no-repeat;
  padding: 0.15rem 1.75rem 0.5rem 0.25rem;
  font-size: 1rem;
  line-height: 1;
  background-color: var(--button-addtocollection-bg);
  color: var(--button-addtocollection-text-col);
  -webkit-transform: translateY(0.95rem);
  -ms-transform: translateY(0.95rem);
  transform: translateY(0.95rem);
  border-radius: var(--button-border-radius-small) 0 0 var(--button-border-radius-small);
  -webkit-filter: var(--logo-colour-filter);
  filter: var(--logo-colour-filter);
}
.button.addtocollection:hover, a.addtocollection.tip-button:hover:link,
a.addtocollection.tip-button:hover:visited, form.jx-form .addtocollection.frm_button_submit:hover,
.m-login-form .addtocollection.frm_button_submit:hover, .addtocollection:hover::file-selector-button, .button.addtocollection:focus, a.addtocollection.tip-button:focus:link,
a.addtocollection.tip-button:focus:visited, form.jx-form .addtocollection.frm_button_submit:focus,
.m-login-form .addtocollection.frm_button_submit:focus, .addtocollection:focus::file-selector-button {
  background-image: var(--icon-collections);
  background-color: var(--button-addtocollection-bg-hover);
  background-size: var(--icon-collections-size);
  background-position: calc(100% - 0.25rem) center;
  background-repeat: no-repeat;
}

table .button.addtocollection, table a.addtocollection.tip-button:link,
table a.addtocollection.tip-button:visited, table form.jx-form .addtocollection.frm_button_submit, form.jx-form table .addtocollection.frm_button_submit,
table .m-login-form .addtocollection.frm_button_submit,
.m-login-form table .addtocollection.frm_button_submit, table .addtocollection::file-selector-button {
  background-image: var(--icon-collections-table);
  color: var(--button-addtocollection-text-col-table);
}
table .button.addtocollection:hover, table a.addtocollection.tip-button:hover:link,
table a.addtocollection.tip-button:hover:visited, table form.jx-form .addtocollection.frm_button_submit:hover, form.jx-form table .addtocollection.frm_button_submit:hover,
table .m-login-form .addtocollection.frm_button_submit:hover,
.m-login-form table .addtocollection.frm_button_submit:hover, table .addtocollection:hover::file-selector-button, table .button.addtocollection:focus, table a.addtocollection.tip-button:focus:link,
table a.addtocollection.tip-button:focus:visited, table form.jx-form .addtocollection.frm_button_submit:focus, form.jx-form table .addtocollection.frm_button_submit:focus,
table .m-login-form .addtocollection.frm_button_submit:focus,
.m-login-form table .addtocollection.frm_button_submit:focus, table .addtocollection:focus::file-selector-button {
  background-image: var(--icon-collections-table);
  color: var(--button-addtocollection-text-col-table);
}

.button-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
  gap: 1rem;
}
.button-group .button, .button-group a.tip-button:link,
.button-group a.tip-button:visited,
.button-group div.message a.tip-button:link,
div.message .button-group a.tip-button:link,
.button-group div.message a.tip-button:visited,
div.message .button-group a.tip-button:visited, .button-group form.jx-form .frm_button_submit, form.jx-form .button-group .frm_button_submit,
.button-group .m-login-form .frm_button_submit,
.m-login-form .button-group .frm_button_submit, .button-group ::file-selector-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 30%;
  -ms-flex: 1 0 30%;
  flex: 1 0 30%;
  text-align: left;
}
.button-group .button + .button, .button-group a.tip-button:link + .button,
.button-group a.tip-button:visited + .button,
.button-group div.message a.tip-button:link + .button,
div.message .button-group a.tip-button:link + .button,
.button-group div.message a.tip-button:visited + .button,
div.message .button-group a.tip-button:visited + .button, .button-group .button + a.tip-button:link, .button-group a.tip-button:link + a.tip-button:link,
.button-group a.tip-button:visited + a.tip-button:link,
.button-group div.message a.tip-button:link + a.tip-button:link,
div.message .button-group a.tip-button:link + a.tip-button:link,
.button-group div.message a.tip-button:visited + a.tip-button:link,
div.message .button-group a.tip-button:visited + a.tip-button:link,
.button-group .button + a.tip-button:visited,
.button-group a.tip-button:link + a.tip-button:visited,
.button-group a.tip-button:visited + a.tip-button:visited,
.button-group div.message a.tip-button:link + a.tip-button:visited,
div.message .button-group a.tip-button:link + a.tip-button:visited,
.button-group div.message a.tip-button:visited + a.tip-button:visited,
div.message .button-group a.tip-button:visited + a.tip-button:visited,
.button-group div.message .button + a.tip-button:link,
div.message .button-group .button + a.tip-button:link,
.button-group div.message a.tip-button:link + a.tip-button:link,
div.message .button-group a.tip-button:link + a.tip-button:link,
.button-group div.message a.tip-button:visited + a.tip-button:link,
div.message .button-group a.tip-button:visited + a.tip-button:link,
.button-group div.message a.tip-button:link + a.tip-button:link,
div.message .button-group a.tip-button:link + a.tip-button:link,
.button-group div.message a.tip-button:visited + a.tip-button:link,
div.message .button-group a.tip-button:visited + a.tip-button:link,
.button-group div.message .button + a.tip-button:visited,
div.message .button-group .button + a.tip-button:visited,
.button-group div.message a.tip-button:link + a.tip-button:visited,
div.message .button-group a.tip-button:link + a.tip-button:visited,
.button-group div.message a.tip-button:visited + a.tip-button:visited,
div.message .button-group a.tip-button:visited + a.tip-button:visited,
.button-group div.message a.tip-button:link + a.tip-button:visited,
div.message .button-group a.tip-button:link + a.tip-button:visited,
.button-group div.message a.tip-button:visited + a.tip-button:visited,
div.message .button-group a.tip-button:visited + a.tip-button:visited, .button-group form.jx-form .frm_button_submit + .button, .button-group form.jx-form .frm_button_submit + a.tip-button:link,
.button-group form.jx-form .frm_button_submit + a.tip-button:visited,
.button-group form.jx-form div.message .frm_button_submit + a.tip-button:link,
div.message .button-group form.jx-form .frm_button_submit + a.tip-button:link,
.button-group form.jx-form div.message .frm_button_submit + a.tip-button:visited,
div.message .button-group form.jx-form .frm_button_submit + a.tip-button:visited, form.jx-form .button-group .frm_button_submit + .button, form.jx-form .button-group .frm_button_submit + a.tip-button:link,
form.jx-form .button-group .frm_button_submit + a.tip-button:visited,
form.jx-form .button-group div.message .frm_button_submit + a.tip-button:link,
div.message form.jx-form .button-group .frm_button_submit + a.tip-button:link,
form.jx-form .button-group div.message .frm_button_submit + a.tip-button:visited,
div.message form.jx-form .button-group .frm_button_submit + a.tip-button:visited,
.button-group .m-login-form .frm_button_submit + .button,
.button-group .m-login-form .frm_button_submit + a.tip-button:link,
.button-group .m-login-form .frm_button_submit + a.tip-button:visited,
.button-group .m-login-form div.message .frm_button_submit + a.tip-button:link,
div.message .button-group .m-login-form .frm_button_submit + a.tip-button:link,
.button-group .m-login-form div.message .frm_button_submit + a.tip-button:visited,
div.message .button-group .m-login-form .frm_button_submit + a.tip-button:visited,
.m-login-form .button-group .frm_button_submit + .button,
.m-login-form .button-group .frm_button_submit + a.tip-button:link,
.m-login-form .button-group .frm_button_submit + a.tip-button:visited,
.m-login-form .button-group div.message .frm_button_submit + a.tip-button:link,
div.message .m-login-form .button-group .frm_button_submit + a.tip-button:link,
.m-login-form .button-group div.message .frm_button_submit + a.tip-button:visited,
div.message .m-login-form .button-group .frm_button_submit + a.tip-button:visited, .button-group form.jx-form .button + .frm_button_submit, .button-group form.jx-form a.tip-button:link + .frm_button_submit,
.button-group form.jx-form a.tip-button:visited + .frm_button_submit,
.button-group form.jx-form div.message a.tip-button:link + .frm_button_submit,
div.message .button-group form.jx-form a.tip-button:link + .frm_button_submit,
.button-group form.jx-form div.message a.tip-button:visited + .frm_button_submit,
div.message .button-group form.jx-form a.tip-button:visited + .frm_button_submit, form.jx-form .button-group .button + .frm_button_submit, form.jx-form .button-group a.tip-button:link + .frm_button_submit,
form.jx-form .button-group a.tip-button:visited + .frm_button_submit,
form.jx-form .button-group div.message a.tip-button:link + .frm_button_submit,
div.message form.jx-form .button-group a.tip-button:link + .frm_button_submit,
form.jx-form .button-group div.message a.tip-button:visited + .frm_button_submit,
div.message form.jx-form .button-group a.tip-button:visited + .frm_button_submit, .button-group form.jx-form .frm_button_submit + .frm_button_submit, form.jx-form .button-group .frm_button_submit + .frm_button_submit,
.button-group .m-login-form .button + .frm_button_submit,
.button-group .m-login-form a.tip-button:link + .frm_button_submit,
.button-group .m-login-form a.tip-button:visited + .frm_button_submit,
.button-group .m-login-form div.message a.tip-button:link + .frm_button_submit,
div.message .button-group .m-login-form a.tip-button:link + .frm_button_submit,
.button-group .m-login-form div.message a.tip-button:visited + .frm_button_submit,
div.message .button-group .m-login-form a.tip-button:visited + .frm_button_submit,
.m-login-form .button-group .button + .frm_button_submit,
.m-login-form .button-group a.tip-button:link + .frm_button_submit,
.m-login-form .button-group a.tip-button:visited + .frm_button_submit,
.m-login-form .button-group div.message a.tip-button:link + .frm_button_submit,
div.message .m-login-form .button-group a.tip-button:link + .frm_button_submit,
.m-login-form .button-group div.message a.tip-button:visited + .frm_button_submit,
div.message .m-login-form .button-group a.tip-button:visited + .frm_button_submit,
.button-group .m-login-form .frm_button_submit + .frm_button_submit,
.m-login-form .button-group .frm_button_submit + .frm_button_submit, .button-group ::file-selector-button + .button, .button-group ::file-selector-button + a.tip-button:link,
.button-group ::file-selector-button + a.tip-button:visited,
.button-group div.message ::file-selector-button + a.tip-button:link,
div.message .button-group ::file-selector-button + a.tip-button:link,
.button-group div.message ::file-selector-button + a.tip-button:visited,
div.message .button-group ::file-selector-button + a.tip-button:visited, .button-group form.jx-form ::file-selector-button + .frm_button_submit, form.jx-form .button-group ::file-selector-button + .frm_button_submit,
.button-group .m-login-form ::file-selector-button + .frm_button_submit,
.m-login-form .button-group ::file-selector-button + .frm_button_submit, .button-group .button + ::file-selector-button, .button-group a.tip-button:link + ::file-selector-button,
.button-group a.tip-button:visited + ::file-selector-button,
.button-group div.message a.tip-button:link + ::file-selector-button,
div.message .button-group a.tip-button:link + ::file-selector-button,
.button-group div.message a.tip-button:visited + ::file-selector-button,
div.message .button-group a.tip-button:visited + ::file-selector-button, .button-group form.jx-form .frm_button_submit + ::file-selector-button, form.jx-form .button-group .frm_button_submit + ::file-selector-button,
.button-group .m-login-form .frm_button_submit + ::file-selector-button,
.m-login-form .button-group .frm_button_submit + ::file-selector-button, .button-group ::file-selector-button + ::file-selector-button {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 60%;
  -ms-flex: 1 0 60%;
  flex: 1 0 60%;
}
.button-group .button.prev, .button-group a.prev.tip-button:link,
.button-group a.prev.tip-button:visited, .button-group form.jx-form .prev.frm_button_submit, form.jx-form .button-group .prev.frm_button_submit,
.button-group .m-login-form .prev.frm_button_submit,
.m-login-form .button-group .prev.frm_button_submit, .button-group .prev::file-selector-button {
  background: var(--previous-btn-background);
  color: var(--previous-btn-text-colour);
}
.button-group .button, .button-group a.tip-button:link,
.button-group a.tip-button:visited,
.button-group div.message a.tip-button:link,
div.message .button-group a.tip-button:link,
.button-group div.message a.tip-button:visited,
div.message .button-group a.tip-button:visited, .button-group form.jx-form .frm_button_submit, form.jx-form .button-group .frm_button_submit,
.button-group .m-login-form .frm_button_submit,
.m-login-form .button-group .frm_button_submit, .button-group ::file-selector-button {
  margin-top: 0;
}

/**
 * WordPress button block
 */
a.wp-block-button__link,
a.wp-block-button__link:visited {
  color: var(--button-colour);
  background: var(--button-bg-colour);
  border: var(--button-border);
  font-family: var(--font-fam-buttons);
}
a.wp-block-button__link:hover,
a.wp-block-button__link:visited:hover {
  color: var(--button-colour-hover);
  background-color: var(--button-bg-colour-hover);
  border: var(--button-border-hover);
}

.totp_chart {
  margin-top: 2rem;
  margin-top: 3rem;
}

.dropdown-pane {
  border: none;
  background: transparent;
  padding: 0;
}
.dropdown-pane small {
  border-radius: 0;
  background: var(--drop-down-pane-background);
  color: var(--drop-down-pane-text-col);
  font-weight: normal;
  padding: 5px 10px;
  margin-top: 0.5rem;
}

.jx-editpanel input {
  margin-bottom: 0;
}
.jx-editpanel label {
  margin-bottom: 1rem;
}

select {
  color: var(--select-colour);
  background-color: var(--select-bg-colour);
  border: var(--select-border);
  border-radius: var(--select-border-radius);
  border-bottom: var(--select-border-bottom);
}

form .highlight {
  border: solid 4px var(--form-highlight-border);
}
form .save-buttons {
  margin-top: 1rem;
}
form > label + label {
  margin-top: 1rem;
}
form progress {
  display: block;
  width: 100%;
  height: 2rem;
}

.show_chars {
  font-size: 60%;
  display: block;
  text-align: right;
  font-weight: bold;
  position: absolute;
  right: 0;
  bottom: -2rem;
  padding: 0.25rem;
  font-size: 0.8rem;
}
.show_chars.error {
  color: var(--form-error-text-col);
  background: var(--form-error-background);
  bottom: 1.6rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
}

input[type=file] {
  font-size: var(--font-size-body);
  padding-left: 0.5rem;
  padding-top: 0.5rem;
  color: var(--form-fileiinput-text-col);
}

::file-selector-button {
  font-size: 0.75rem;
  -webkit-transform: translateX(-0.5rem) translateY(-0.25rem);
  -ms-transform: translateX(-0.5rem) translateY(-0.25rem);
  transform: translateX(-0.5rem) translateY(-0.25rem);
}

.form-feedback {
  background: var(--form-feedback-background);
  padding: 3px 5px;
}
.form-feedback p {
  margin: 0;
  color: var(--form-feedback-text-col);
}

form.jx-form,
.m-login-form {
  color: var(--label-colour);
  margin-bottom: 1rem;
  position: relative;
}
form.jx-form .frm_fields_container,
.m-login-form .frm_fields_container {
  padding: 1rem 0;
}
form.jx-form .frm_verify,
.m-login-form .frm_verify {
  opacity: 0;
  position: absolute;
}
form.jx-form .frm_error,
.m-login-form .frm_error {
  background: var(--colour-warning-bg);
  color: var(--colour-warning-text);
}
form.jx-form .frm_button_submit,
.m-login-form .frm_button_submit {
  border-radius: var(--select-border-radius);
}
form.jx-form .frm_button_submit:hover, form.jx-form .frm_button_submit:focus,
.m-login-form .frm_button_submit:hover,
.m-login-form .frm_button_submit:focus {
  color: white;
}
form.jx-form label,
.m-login-form label {
  color: var(--label-colour);
  font-weight: var(--font-weight-label);
  margin-top: 0.75rem;
  position: relative;
}
form.jx-form .frm_required,
.m-login-form .frm_required {
  color: var(--select-colour);
  display: none;
}
form.jx-form > label,
.m-login-form > label {
  font-family: var(--font-fam-headings);
}
form.jx-form input:not([type=submit]),
form.jx-form textarea,
.m-login-form input:not([type=submit]),
.m-login-form textarea {
  margin-bottom: 0;
  border-radius: var(--select-border-radius);
}
form.jx-form input:not([type=submit]):focus,
form.jx-form textarea:focus,
.m-login-form input:not([type=submit]):focus,
.m-login-form textarea:focus {
  background: #ffd;
  border: 2px solid var(--select-colour);
}
form.jx-form .frm_none_container > label,
.m-login-form .frm_none_container > label {
  position: absolute;
  top: 0.3rem;
  left: 1rem;
  z-index: 10;
}
form.jx-form .jx-form__help,
.m-login-form .jx-form__help {
  font-size: 0.75rem;
  color: var(--form-help-text-col);
  font-weight: normal;
}
form.jx-form select,
.m-login-form select {
  border-bottom: 2px solid var(--form-select-menu-border);
}

.jx-form #password-strength {
  margin-left: 0;
}

.jx-form__section {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.jx-form__section > label {
  font-size: var(--font-size-h3);
}
.jx-form__section small {
  font-size: var(--font-size-small);
  line-height: 2;
  display: block;
}
.jx-form__section ul.checklist {
  list-style: none;
  margin: 1rem 0;
  padding: 0.125rem 1rem 0.5rem 1rem;
  background: var(--form-checklist-background);
  font-size: var(--font-size-small);
}
.jx-form__section ul.checklist label,
.jx-form__section ul.checklist label a {
  font-size: var(--font-size-small);
}
.jx-form__section ul.checklist ul {
  padding: 0;
  margin-left: 1rem;
  list-style: none;
}
.jx-form__section ul.checklist ul li:last-of-type {
  margin-bottom: 0.75rem;
}
.jx-form__section ul.checklist li:last-of-type input[type=checkbox] {
  margin-bottom: 0;
}
@media print, screen and (min-width: 64em) {
  .jx-form__section {
    grid-template-columns: 1fr 1fr;
  }
}
.jx-form__section.jx-form__section--profile-url {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
}

.jx-form__half {
  padding: 0;
}
.jx-form__full {
  padding: 0;
  grid-column: 1/-1;
}
fieldset.extra-fields {
  margin-bottom: 1rem;
}

fieldset.extra-fields + .extra-fields {
  margin-top: -1.5rem;
}

.jx-profile-form {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
}
.jx-profile-form .social-links {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-template-columns: 1fr 1fr;
  background: var(--social-links-background);
  padding: 0.75rem;
}
.jx-profile-form .embedded-content {
  grid-column-start: 1;
  grid-column-end: -1;
  grid-template-columns: 1fr;
  background: var(--embedded-content-background);
  padding: 0.75rem;
}
.jx-profile-form .wide {
  grid-column-start: 1;
  grid-column-end: -1;
}
.jx-profile-form fieldset {
  display: grid;
  gap: 1rem;
}
.jx-profile-form fieldset legend {
  -webkit-transform: translateY(1.25rem);
  -ms-transform: translateY(1.25rem);
  transform: translateY(1.25rem);
  color: var(--label-colour);
}
.jx-profile-form fieldset p {
  margin-bottom: 0;
  color: var(--label-colour);
}
.jx-profile-form fieldset label {
  margin-top: 0;
  color: var(--label-colour);
}
.jx-profile-form fieldset small {
  color: var(--label-colour);
}

label.username,
label.username {
  position: relative;
}
label.username :before,
label.username :before {
  content: "@";
  position: absolute;
  top: 1.8rem;
  left: 0.5rem;
  font-size: 1rem;
}
label.username input,
label.username input {
  padding-left: 1.5rem;
}

.jx-showpass-wrapper {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.jx-show-password__toggle {
  cursor: pointer;
  padding: 0 0.5rem;
  background: var(--show-password-toggle-background);
  color: var(--show-password-toggle-text-col);
  margin-left: 0.5rem;
}
.jx-show-password__toggle:hover, .jx-show-password__toggle:focus {
  background-color: var(--show-password-toggle-background-hover);
}

.header-image {
  border: var(--header-image-border);
  background: var(--header-image-background);
  -webkit-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
  -webkit-box-shadow: var(--header-image-shadow);
  box-shadow: var(--header-image-shadow);
}
.header-image img {
  width: 100%;
  height: 35vh;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 40em) {
  .header-image {
    margin-bottom: auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 30%;
    -ms-flex: 0 0 30%;
    flex: 0 0 30%;
    -webkit-transform: rotate(-2deg) translateX(-0.5rem) translateY(1rem);
    -ms-transform: rotate(-2deg) translateX(-0.5rem) translateY(1rem);
    transform: rotate(-2deg) translateX(-0.5rem) translateY(1rem);
    z-index: 0;
  }
}
@media print, screen and (min-width: 64em) {
  .header-image {
    -webkit-transform: rotate(-2deg) translateX(-2rem) translateY(1.5rem);
    -ms-transform: rotate(-2deg) translateX(-2rem) translateY(1.5rem);
    transform: rotate(-2deg) translateX(-2rem) translateY(1.5rem);
  }
}
.header-image figcaption {
  font-weight: bold;
  text-align: center;
  padding: 8px 5px 5px 5px;
  color: black;
}

.header-image + article {
  margin-top: 1.5rem;
}

.boxout ul.inline-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
}
.boxout ul.inline-list li {
  list-style: none;
}

span.inline-list > span:not(:last-child):after {
  content: "; ";
}

.loader {
  height: 15rem;
  width: 100%;
  display: grid;
  place-items: center;
}
.loader.small {
  height: auto;
}

.lds-facebook {
  display: inline-block;
  position: relative;
  width: 80px;
  height: 80px;
}

.lds-facebook div {
  display: inline-block;
  position: absolute;
  left: 8px;
  width: 16px;
  background: var(--loader-colour);
  -webkit-animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
  animation: lds-facebook 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;
}

.lds-facebook div:nth-child(1) {
  left: 8px;
  -webkit-animation-delay: -0.24s;
  animation-delay: -0.24s;
}

.lds-facebook div:nth-child(2) {
  left: 32px;
  -webkit-animation-delay: -0.12s;
  animation-delay: -0.12s;
}

.lds-facebook div:nth-child(3) {
  left: 56px;
  -webkit-animation-delay: 0;
  animation-delay: 0;
}

@-webkit-keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}

@keyframes lds-facebook {
  0% {
    top: 8px;
    height: 64px;
  }
  50%, 100% {
    top: 24px;
    height: 32px;
  }
}
.search-form p {
  margin-top: 0;
}
.search-form .search-field {
  margin-bottom: 0;
}

/**
 * Styles for Algolia search UI
 */
#headerSearch {
  width: 100%;
  place-content: unset;
}

.ais-SearchBox-form {
  background: none;
}

#searchbox .ais-SearchBox {
  background: none;
}
#hits.search-results {
  width: calc(100% - 1rem);
}
#hits.search-results > div {
  margin-right: 1rem;
  width: calc(100% - 1rem);
}
#hits.search-results .ais-Hits.ais-Hits--empty {
  background: var(--algolia-sr-hits-empty-bg);
  color: var(--algolia-sr-hits-empty-text);
  padding: 1rem;
}
#hits.search-results .ais-Hits-item {
  background: var(--algolia-sr-hits-item-bg);
}
#hits.search-results .ais-Hits-item .ais-Highlight-highlighted {
  background: var(--algolia-sr-hits-item-highlight-bg);
  color: var(--algolia-sr-hits-item-highlight);
}
#hits.search-results .ais-Hits-item .postcard {
  margin-bottom: 0;
}
#hits.search-results .ais-Hits-list {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
#hits.search-results .ais-Hits-item {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
@media print, screen and (min-width: 64em) {
  #hits.search-results .ais-Hits-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media print, screen and (min-width: 75em) {
  #hits.search-results .ais-Hits-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 33%;
    -ms-flex: 0 0 33%;
    flex: 0 0 33%;
  }
}
@media screen and (min-width: 102.5em) {
  #hits.search-results .ais-Hits-item {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
}
@media print, screen and (max-width: 39.99875em) {
  #hits.search-results::after {
    position: absolute;
    content: "";
    background: var(--reveal-background);
    left: -1rem;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: -1;
  }
}

.sortby {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 40%;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  font-size: var(--font-size-small);
}
.sortby.hidden {
  display: none;
}
.sortby > span {
  display: grid;
  margin-right: 0.5rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 20%;
  -ms-flex: 0 0 20%;
  flex: 0 0 20%;
}
@media print, screen and (min-width: 40em) {
  .sortby > span {
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto;
    place-content: center;
  }
}
.sortby p {
  margin: 0;
}
.sortby ul li {
  margin: 0.25rem 0.5rem 0.25rem 0;
  display: grid;
  place-content: center;
}
.sortby button {
  background: var(--sort-button-background);
  padding: 0.25rem;
  color: var(--sort-button-text-col);
  cursor: pointer;
}
.sortby button.on {
  background: var(--sort-button-background-selected);
  color: var(--sort-button-text-col-on);
}
.sortby button.on.desc::after {
  content: " ↓";
}
.sortby button.on.asc::after {
  content: " ↑";
}
.sortby button.on.az.asc::after {
  content: " ↓";
}
.sortby button.on.az.desc::after {
  content: " ↑";
}

@media (width >= 1000px) {
  .sortby {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .sortby > span {
    place-content: center;
  }
}
.is-dropdown-submenu {
  border: var(--dropdown-border);
  background: var(--dropdown-background);
  -webkit-box-shadow: var(--dropdown-shadow);
  box-shadow: var(--dropdown-shadow);
}
.is-dropdown-submenu .is-dropdown-submenu-item a:hover {
  color: var(--dropdown-link-hover-colour);
  background-color: var(--dropdown-link-hover-background);
}

.dropdown.menu > li.is-dropdown-submenu-parent > a::after {
  border-color: var(--dropdown-link-hover-background) transparent transparent transparent;
}

ul.downloads {
  list-style: none;
  padding: 0;
}
ul.downloads > li > a {
  width: 100%;
}
ul.downloads > li + li {
  padding-top: 0.75rem;
}

.sidebar .box {
  margin-bottom: 2rem;
}
.sidebar .box h2, .sidebar .box h3 {
  margin-top: 0;
}

@media print, screen and (min-width: 64em) {
  .featured-samplist .user-profile-photo {
    grid-template-columns: 1fr 1fr 1fr 1fr;
    grid-gap: var(--global-grid-gap);
  }
}

.user-profile-photo {
  width: 100%;
  position: relative;
  margin-bottom: 2rem;
  display: grid;
  gap: 1rem;
}
@media print, screen and (min-width: 40em) {
  .user-profile-photo {
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 64em) {
  .user-profile-photo {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media print, screen and (min-width: 75em) {
  .user-profile-photo {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
  }
}
@media print, screen and (min-width: 40em) {
  .user-profile-photo > a {
    grid-column-end: span 1;
  }
}
@media print, screen and (min-width: 64em) {
  .user-profile-photo > a {
    grid-column-end: span 2;
    width: 100%;
    height: 100%;
    border-radius: calc(var(--postcard-border-radius) * 0.5);
  }
}
.user-profile-photo > a > img {
  aspect-ratio: 1/1;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  overflow: hidden;
  border-radius: calc(var(--postcard-border-radius) * 0.5) calc(var(--postcard-border-radius) * 0.5) 0 0;
}
.user-profile-photo > a + figcaption {
  height: 100%;
  background: var(--fieldset-step-background);
}
@media print, screen and (min-width: 40em) {
  .user-profile-photo > a + figcaption {
    grid-column-end: span 1;
  }
}
@media print, screen and (min-width: 64em) {
  .user-profile-photo > a + figcaption {
    grid-column-end: span 2;
  }
}
@media print, screen and (min-width: 75em) {
  .user-profile-photo > a + figcaption {
    grid-column-end: span 2;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
    overflow: hidden;
    border-radius: var(--postcard-border-radius);
  }
  .user-profile-photo > a + figcaption > div {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .user-profile-photo > a + figcaption > div > .user-bio {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
.user-profile-photo .editable,
.user-profile-photo .uneditable {
  width: 100%;
  padding-top: 100%;
  position: relative;
  max-width: calc(100vw - var(--unit) * 2);
}
.user-profile-photo .editable > img,
.user-profile-photo .uneditable > img {
  position: absolute;
  width: 100%;
  top: 0;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: var(--box-samplist-border-radius);
}
.user-profile-photo figcaption {
  position: relative;
  width: 100%;
}
.user-profile-photo figcaption > div:first-child {
  color: var(--user-profile-card-text-col);
  background: var(--user-profile-card-background);
  overflow: hidden;
  border-radius: calc(var(--postcard-border-radius) * 0.75) 0 0 calc(var(--postcard-border-radius) * 0.75);
}
@media print, screen and (min-width: 40em) {
  .user-profile-photo figcaption {
    grid-column-end: span 1;
  }
}
@media print, screen and (min-width: 64em) {
  .user-profile-photo figcaption {
    grid-column-end: span 2;
  }
}
@media print, screen and (min-width: 75em) {
  .user-profile-photo figcaption {
    grid-column-start: auto;
    grid-column-end: span 4;
    display: grid;
    grid-template-columns: 1fr 1fr;
  }
  .user-profile-photo figcaption > div {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
  .user-profile-photo figcaption > div + div {
    background: var(--followers-block-background);
    border-radius: 0 calc(var(--postcard-border-radius) * 0.75) calc(var(--postcard-border-radius) * 0.75) 0;
  }
}
.user-profile-photo figcaption h1 {
  color: var(--user-profile-card-text-col);
  background: var(--user-profile-card-background);
  padding: 1rem 1rem 0 1rem;
  margin: 0;
}
.user-profile-photo figcaption h1 + p {
  color: var(--user-profile-card-text-col);
  padding: 0 1rem 1rem 1rem;
  margin: 0;
}
.user-profile-photo .jx_followers {
  padding: 1rem;
  width: 100%;
  height: 100%;
  margin-left: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.user-profile-photo .jx_followers ul {
  list-style: none;
}
.user-profile-photo .jx_followers > a {
  margin-right: auto;
}
.user-profile-photo .jx_followers form {
  text-align: left;
}
.user-profile-photo .social-links {
  margin-top: 1rem;
  margin-left: 0.5rem;
}
.user-profile-photo .social-links li {
  width: 2rem;
  height: 2rem;
}

.user-posts.user-posts {
  margin-top: 2rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.user-posts.user-posts > h2 {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.user-posts.user-posts a.postcard figcaption {
  margin-bottom: 0;
}

.featured-samplist .user-profile-photo {
  place-items: self-start;
  margin-bottom: 0;
}
.featured-samplist .jx_followers {
  background-color: var(--followers-block-background);
  border: var(--theme-border-2);
}

.user-profile-photo .editable {
  position: relative;
  margin-bottom: auto;
}
.user-profile-photo .editable:hover {
  cursor: pointer;
  position: relative;
}
.user-profile-photo .editable:hover:after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: var(--user-profile-background-hover);
  border-radius: var(--button-border-radius);
  background-image: var(--icon-replace-photo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}
.user-profile-photo .editable:hover > img {
  -webkit-filter: brightness(0.8);
  filter: brightness(0.8);
}
.user-profile-photo.default .editable:after {
  content: "";
  width: 2rem;
  height: 2rem;
  background-color: var(--user-profile-background-hover);
  border-radius: var(--button-border-radius);
  background-image: var(--icon-replace-photo);
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  position: absolute;
  top: 0.5rem;
  right: 0.5rem;
}

.user-profile-banner {
  position: relative;
  z-index: 0;
  height: 15rem;
  width: 100%;
  grid-column: auto/span 2;
  margin-bottom: -5rem;
  z-index: -1;
}
@media print, screen and (min-width: 40em) {
  .user-profile-banner {
    height: 25rem;
  }
}
.user-profile-banner .b-breakout-image__imagewrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.user-profile-banner .b-breakout-image__image {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 100vw;
  position: absolute;
  background-position: center;
  background-size: cover;
  height: 15rem;
}
@media print, screen and (min-width: 40em) {
  .user-profile-banner .b-breakout-image__image {
    height: 25rem;
  }
}

[data-edit=banner] {
  z-index: 5;
  right: 1rem;
  top: 1rem;
  position: absolute;
  display: block;
}

.tax-term-banner {
  position: relative;
  z-index: 0;
  height: 15rem;
  width: 100%;
  grid-column: auto/span 2;
  margin-bottom: -5rem;
  z-index: -1;
}
@media print, screen and (min-width: 40em) {
  .tax-term-banner {
    height: 25rem;
  }
}
.tax-term-banner .b-breakout-image__imagewrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100vw;
  overflow: hidden;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.tax-term-banner .b-breakout-image__image {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  width: 100vw;
  position: absolute;
  background-position: center;
  background-size: cover;
  height: 15rem;
}
@media print, screen and (min-width: 40em) {
  .tax-term-banner .b-breakout-image__image {
    height: 25rem;
  }
}

.tax-term-banner + .instrument-header h1 {
  background: var(--instrument-heading-background);
  color: var(--instrument-heading-text-col);
  display: inline-block;
  padding: 0.25rem 1rem 0 1rem;
  margin: -0.25rem 0 0 0;
}

.jx_followers ul {
  padding: 0;
  color: var(--follower-button-col);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin: 0;
}
.jx_followers ul li {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  flex: 0 0 50%;
  text-align: left;
}
.jx_followers button {
  color: var(--follower-button-col);
  font-size: 1rem;
}
.jx_followers button.num_followers {
  font-size: 2rem;
  padding-bottom: 0.25rem;
}
.jx_followers button.num_followers span {
  font-weight: bold;
}
.jx_followers button.num_following {
  margin-top: 0.5rem;
  margin-bottom: 1rem;
  padding-bottom: 0.25rem;
}
.jx_followers button.num_following span {
  font-weight: bold;
}

.box.samplist .jx_followers ul li {
  text-align: center;
}
.box.samplist .jx_followers button.num_followers {
  font-size: 1.25rem;
}

.progress,
#upload-progress {
  background: var(--progress-bar-background);
  width: 100%;
  max-width: 100%;
  height: 2.5rem;
  margin-bottom: 1rem;
  position: relative;
}
.progress .bar,
#upload-progress .bar {
  background: var(--progress-bar-colour);
  height: 100%;
  position: absolute;
  width: 0%;
  -webkit-transition: all 0.25s ease-out;
  transition: all 0.25s ease-out;
}

.submission.progress {
  margin: 2rem auto auto auto;
  max-width: 50rem;
}

.tags {
  position: relative;
  left: 0;
  margin: 0;
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  gap: calc(var(--unit) / 2);
  z-index: 2;
}
.tags > li {
  position: relative;
  color: var(--tag-text-col);
  margin-right: 0;
  padding: 0.25rem;
  font-size: 0.75rem;
  padding: 5px;
  height: 1.75rem;
  width: 1.75rem;
}
.tags > li.icon {
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
}
.tags > li.kontakt {
  background-image: var(--icon-kontakt);
}
.tags > li.exs24 {
  background-image: var(--icon-apple);
  background-size: 65%;
}
.tags > li.sfz {
  background-image: var(--icon-sfz);
}
.tags > li.decent-sampler {
  background-image: var(--icon-ds);
}
.tags > li.ableton-sampler {
  background-image: var(--icon-ableton);
}
.tags > li.other-sampler {
  background-image: var(--icon-sampler);
}
.tags > li.purchase {
  background-image: var(--icon-purchase);
  background-size: 2.25rem;
}
.tags > li.posts {
  background-image: var(--icon-posts);
  background-size: 1.275rem;
  background-position: 46% 100%;
  background-origin: content-box;
}
.tags > li.posts .label {
  position: absolute;
  left: 0;
  top: 1.5rem;
  width: 100%;
  border-radius: 0;
  padding: 2px 2px 2px 1px;
  text-align: center;
  background-color: var(--tag-posts-background);
  color: var(--tag-posts-text-col);
  font-weight: bold;
  font-family: var(--font-fam-body);
}
.tags > li.posts.collections {
  background-image: var(--icon-collections);
  background-color: var(--tag-collections-background);
  background-size: 0.9rem;
  background-position: 50% 30%;
  background-origin: initial;
}
.tags + .tags {
  top: 4.125rem;
}

@media print, screen and (min-width: 40em) {
  .tags.side {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    -webkit-transform-origin: top left;
    -ms-transform-origin: top left;
    transform-origin: top left;
  }
}

a.tip-button:link,
a.tip-button:visited,
div.message a.tip-button:link,
div.message a.tip-button:visited {
  background: var(--tip-button-background);
  color: var(--tip-button-text-col);
  text-decoration: none;
  font-weight: bold;
  display: grid;
  place-content: center;
  padding: 0 1rem 0 3rem;
  position: relative;
  margin: auto;
}
a.tip-button:link:hover, a.tip-button:link:focus,
a.tip-button:visited:hover,
a.tip-button:visited:focus,
div.message a.tip-button:link:hover,
div.message a.tip-button:link:focus,
div.message a.tip-button:visited:hover,
div.message a.tip-button:visited:focus {
  background: var(--tip-button-background-hover);
  color: var(--tip-button-text-col);
}

div.message a.tip-button:link,
div.message a.tip-button:visited {
  padding: var(--button-padding);
}

a.tip-button.tip-button:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
  background-image: var(--icon-tip);
  background-position: 0.4rem center;
  background-size: var(--icon-tip-size);
}

a.tip-button.tip-button--big {
  padding: var(--button-padding);
  margin: auto;
}
a.tip-button.tip-button--big:before {
  background-position: 93% center;
}

.has-tip {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}

@media (width <= 1000px) {
  .has-tip.has-tip {
    display: none;
  }
}
.wp-video {
  width: 100% !important;
  margin: 0 0 2rem 0;
}

.wp-video .mejs-container .mejs-controls {
  visibility: hidden;
}

.instagram-media {
  width: 100%;
  margin: 0 0 2rem 0 !important;
}

.mejs-iframe-overlay,
.mejs-overlay.mejs-layer.mejs-overlay-play {
  display: none;
}

/**
 * Modifiers
 */
button.help {
  background: var(--help-button-background);
  color: rgba(0, 0, 0, 0.5);
  border-radius: 99rem;
  width: 1.3rem;
  height: 1.3rem;
  font-size: 0.8rem;
  cursor: pointer;
  border: 2px solid rgba(0, 0, 0, 0.5);
  font-weight: bold;
  -webkit-transform: translateY(-0.3rem);
  -ms-transform: translateY(-0.3rem);
  transform: translateY(-0.3rem);
}

/**
 * PB Artists display
 */
.jx-pb-artists .user-profile-photo {
  position: relative;
  overflow: hidden;
  gap: 0;
  margin-top: 4rem;
}
.jx-pb-artists .user-profile-photo:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--pb-artists-block-base-col);
  z-index: -1;
}
.jx-pb-artists .user-profile-photo:after {
  position: var(--pb-artists-block-background-position);
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: var(--pb-artists-block-background-img);
  background-position: center;
  mix-blend-mode: var(--pb-artists-block-background-img-blendmode);
  opacity: var(--pb-artists-block-background-img-opacity);
  background-size: var(--pb-artists-block-background-img-size);
  background-color: var(--pb-artists-block-background-col);
  z-index: -1;
}
.jx-pb-artists .user-profile-photo > a {
  z-index: 10;
  padding: var(--pb-artists-img-padding);
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
}
.jx-pb-artists .user-profile-photo > a > img {
  border-radius: var(--pb-artists-img-border-radius);
}
@media print, screen and (min-width: 64em) {
  .jx-pb-artists .user-profile-photo > a {
    max-width: 15rem;
  }
}
@media print, screen and (min-width: 75em) {
  .jx-pb-artists .user-profile-photo > a {
    max-width: 23rem;
  }
}
@media print, screen and (min-width: 64em) {
  .jx-pb-artists .user-profile-photo {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.jx-pb-artists .user-profile-photo figcaption {
  position: relative;
  background: transparent;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  height: auto;
  padding: 2rem;
}
.jx-pb-artists .user-profile-photo figcaption h1 {
  background: transparent;
  color: var(--pb-artists-block-heading-col);
  padding-left: 0;
  padding-right: 0;
  font-family: var(--pb-artists-font-fam-headings);
}
.jx-pb-artists .user-profile-photo figcaption > div:first-child {
  background: transparent;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  height: auto;
  z-index: 1;
}
.jx-pb-artists .user-profile-photo figcaption > div:first-child .user-bio {
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  margin-bottom: 1rem;
  max-height: unset;
}
.jx-pb-artists .user-profile-photo figcaption > div:first-child p {
  color: var(--pb-artists-block-text-col);
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
  font-family: var(--pb-artists-font-fam-body);
}
.jx-pb-artists .user-profile-photo figcaption .num_sp {
  width: 100%;
  background-color: var(--pb-artists-packcount-background-col);
  background-image: var(--pb-artists-num-sp-icon);
  color: var(--pb-artists-packcount-col);
  background-position: var(--pb-artists-packcount-background-pos);
  padding: var(--pb-artists-packcount-padding);
  font-family: var(--pb-artists-font-fam-body);
}
.jx-pb-artists .user-profile-photo figcaption .num_sp a {
  font-family: var(--pb-artists-font-fam-body);
}
.jx-pb-artists .user-profile-photo:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

/**
 * End: PB Artists
 */
/**
 * Blocks
 */
.wp-block-columns > .wp-block-column.is-vertically-aligned-top {
  height: auto;
  -webkit-align-self: auto;
  -ms-flex-item-align: auto;
  align-self: auto;
}
.wp-block-columns .responsive-embed {
  margin-bottom: 0;
}

@media (width >= 1000px) {
  .wp-block-column.intro {
    padding-right: 3em;
  }
}
.accordion-title {
  cursor: pointer;
  color: var(--accordion-title-text);
  background-color: var(--accordion-title-bg-colour);
}
.accordion-title:hover {
  color: var(--accordion-title-text-hover);
  background-color: var(--accordion-title-bg-colour-hover);
}

.accordion-title::before {
  margin-top: -1rem;
}

.accordion-item.is-active .accordion-title {
  background-color: var(--accordion-title-bg-colour-active);
  color: var(--accordion-title-text-colour-active);
}

.accordion-content {
  background-color: var(--accordion-content-bg-colour);
}
.accordion-content > p:first-child {
  margin-top: 0;
}
.accordion-content p {
  color: var(--accordion-text-colour);
}
.accordion-content a:link, .accordion-content a:visited, .accordion-content a:link:hover {
  color: var(--accordion-link-colour);
}

.accordion-permalink {
  margin-bottom: 0;
}

.boxout {
  background: var(--boxout-bg-colour);
  color: var(--boxout-text-colour);
  border-radius: var(--boxout-border-radius);
  padding: var(--boxout-padding);
  text-align: var(--boxout-text-align);
}
.boxout * {
  color: inherit;
  text-align: inherit;
}
.boxout h2, .boxout h3 {
  margin-top: 0;
}
.boxout p.download-total {
  margin: 0;
}
.boxout ul {
  padding: 0 0 0 1.5rem;
  margin-bottom: 0;
}
.boxout ul li {
  color: inherit;
  list-style: disc;
}

@media print, screen and (min-width: 64em) {
  .boxout + .boxout {
    padding: var(--boxout-stacked-padding);
  }
}

.boxout.alt {
  background: var(--clrTint);
  color: var(--clr01);
}

.advent-calendar {
  position: relative;
  padding: 0;
}
.advent-calendar .logo {
  text-align: center;
}
.advent-calendar .logo img {
  -webkit-filter: invert(1) brightness(2);
  filter: invert(1) brightness(2);
  max-height: 2.5rem;
}
@media print, screen and (min-width: 40em) {
  .advent-calendar .logo img {
    max-height: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .advent-calendar .logo img {
    max-height: 4rem;
  }
}
.advent-calendar .logo span.logo-subtitle {
  display: inline-block;
  font-size: 1.65rem;
  -webkit-transform: translateY(-0.35rem);
  -ms-transform: translateY(-0.35rem);
  transform: translateY(-0.35rem);
  font-family: var(--font-fam-brand);
  font-weight: var(--font-weight-brand);
  text-transform: var(--text-transform-brand);
  color: var(--advent-calendar-text-col);
}
@media print, screen and (max-width: 39.99875em) {
  .advent-calendar .logo span.logo-subtitle {
    margin-top: 1rem;
    display: block;
  }
}
@media print, screen and (min-width: 40em) and (max-width: 63.99875em) {
  .advent-calendar .logo span.logo-subtitle {
    margin-top: 1rem;
    display: block;
  }
}
.advent-calendar .image-wrap {
  position: relative;
  width: 100%;
  height: 100%;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  z-index: -1;
}
.advent-calendar .image-wrap > img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-filter: brightness(0.25) contrast(75%) grayscale(100%);
  filter: brightness(0.25) contrast(75%) grayscale(100%);
}
.advent-calendar .image-wrap:after {
  position: absolute;
  content: "";
  background: var(--advent-calendar-bg-1);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: screen;
}
.advent-calendar .advent-message {
  color: var(--advent-calendar-text-col);
  max-width: 40em;
  margin: 1rem auto 0 auto;
  padding: 0;
  font-weight: var(--font-weight-headings);
  font-size: var(--font-size-subhead);
  font-family: var(--font-fam-brand);
  font-weight: var(--font-weight-brand);
  text-transform: var(--text-transform-brand);
  text-align: center;
}
.advent-calendar .calendar-text {
  margin-top: 1rem;
  padding-top: 2rem;
}
.advent-calendar .advent-login-banner {
  background: var(--advent-calendar-banner-col);
  color: var(--advent-calendar-text-col);
  position: absolute;
  top: 35%;
  left: 0;
  right: 0;
  z-index: 10;
  -webkit-transform: skewY(-10deg);
  -ms-transform: skewY(-10deg);
  transform: skewY(-10deg);
  padding: 1rem;
}
.advent-calendar .advent-login-banner > p {
  color: var(--advent-calendar-text-col);
  text-align: center;
  max-width: 100%;
  font-size: 2rem;
  font-weight: bold;
  margin: 0;
  font-family: var(--font-fam-brand);
  font-weight: var(--font-weight-brand);
  text-transform: var(--text-transform-brand);
}
.advent-calendar .advent-login-banner:after {
  content: "";
  background: var(--advent-calendar-banner-col);
  width: 200vw;
  height: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  position: absolute;
  top: 0;
  z-index: -1;
}
.advent-calendar .calendar-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(7rem, 1fr));
  grid-gap: 2rem;
  margin: 3rem 0 3rem;
  padding-bottom: 4rem;
}
@media print, screen and (min-width: 40em) {
  .advent-calendar .calendar-grid {
    grid-template-columns: repeat(auto-fill, minmax(9rem, 1fr));
  }
}
@media print, screen and (min-width: 64em) {
  .advent-calendar .calendar-grid {
    grid-template-columns: repeat(auto-fill, minmax(13rem, 1fr));
  }
}
.advent-calendar .calendar-day {
  text-align: center;
  aspect-ratio: 3/2;
  position: relative;
  opacity: 0;
  /* Fade out future days on mobile to save space */
}
.advent-calendar .calendar-day .login-msg {
  position: absolute;
  left: 0;
  right: 0;
  top: 0.5rem;
  padding: 0 1rem;
  color: var(--advent-calendar-text-col);
}
.advent-calendar .calendar-day .unopened {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  padding: 1rem;
  background: var(--advent-calendar-bg-unopened);
  z-index: 6;
  color: white;
  border-radius: 0;
  cursor: pointer;
  -webkit-transition: all 0.65s ease-out;
  transition: all 0.65s ease-out;
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  opacity: 1;
}
.advent-calendar .calendar-day .unopened:hover, .advent-calendar .calendar-day .unopened:focus {
  -webkit-box-shadow: 0 0 25px rgba(155, 255, 255, 0.5);
  box-shadow: 0 0 25px rgba(155, 255, 255, 0.5);
}
.advent-calendar .calendar-day .unopened:after {
  position: absolute;
  content: "";
  right: 0.5rem;
  bottom: 0.5rem;
  top: 0.5rem;
  left: 0.5rem;
  opacity: 1;
  border: 1px dashed white;
}
.advent-calendar .calendar-day .unopened.fadeOut:after {
  opacity: 0;
}
.advent-calendar .calendar-day .unopened.opened {
  -webkit-transform: rotate3d(0, 1, 0, 94deg);
  transform: rotate3d(0, 1, 0, 94deg);
  -webkit-transform-origin: left;
  -ms-transform-origin: left;
  transform-origin: left;
  opacity: 0;
}
.advent-calendar .calendar-day .unopened .date {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4rem;
  color: var(--advent-calendar-text-col);
  font-family: var(--font-fam-brand);
  font-weight: var(--font-weight-brand);
}
@media print, screen and (min-width: 64em) {
  .advent-calendar .calendar-day .unopened .date {
    font-size: 6rem;
  }
}
.advent-calendar .calendar-day .unopened .date:after {
  position: absolute;
  content: "";
  width: 44%;
  aspect-ratio: 1;
  border-radius: 99rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
.advent-calendar .calendar-day > a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
  -webkit-transition: all ease-in 0.25s;
  transition: all ease-in 0.25s;
}
.advent-calendar .calendar-day > a .name {
  z-index: 5;
  width: 100%;
  display: block;
  position: relative;
  margin-top: auto;
  background: var(--advent-calendar-bg-1);
  text-decoration: none;
  color: var(--advent-calendar-text-col);
  padding: 5px;
  font-weight: var(--font-weight-headings);
  -webkit-transition: all ease-in 0.25s;
  transition: all ease-in 0.25s;
}
.advent-calendar .calendar-day > a:hover {
  -webkit-box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
  box-shadow: 0 0 15px rgba(255, 255, 255, 0.5);
}
.advent-calendar .calendar-day > a:hover .name {
  background: var(--advent-calendar-bg-2);
}
.advent-calendar .calendar-day .calendar-day-image {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.advent-calendar .calendar-day.future > img {
  -webkit-filter: grayscale(100%) blur(5px);
  filter: grayscale(100%) blur(5px);
}
.advent-calendar .calendar-day.future .date {
  position: absolute;
  top: 50%;
  left: 0;
  width: 100%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  font-size: 4rem;
  color: var(--advent-calendar-text-col);
  font-family: var(--font-fam-brand);
  font-weight: var(--font-weight-brand);
}
@media print, screen and (min-width: 64em) {
  .advent-calendar .calendar-day.future .date {
    font-size: 6rem;
  }
}
.advent-calendar .calendar-day.future .date:after {
  position: absolute;
  content: "";
  width: 44%;
  aspect-ratio: 1;
  border-radius: 99rem;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  z-index: -1;
}
.advent-calendar .calendar-day.future.placeholder {
  background: var(--advent-calendar-bg-1);
}
.advent-calendar .calendar-day.future.placeholder:after {
  position: absolute;
  content: "";
  right: 0.5rem;
  bottom: 0.5rem;
  top: 0.5rem;
  left: 0.5rem;
  opacity: 1;
  border: 1px dashed white;
}
.advent-calendar .calendar-day.latest .name {
  background: var(--advent-calendar-bg-2);
}
.advent-calendar .calendar-day.latest a:after {
  position: absolute;
  background: var(--advent-calendar-bg-2);
  width: 100%;
  height: 100%;
  top: 0%;
  left: 0%;
  z-index: 1;
  mix-blend-mode: multiply;
}
.advent-calendar .calendar-day.final {
  grid-column-start: 1;
  grid-column-end: -1;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
}
.advent-calendar .calendar-day.final .name h2, .advent-calendar .calendar-day.final .name p {
  color: var(--advent-calendar-text-col);
  max-width: 100%;
  text-align: left;
  padding: 0 1rem;
}
.advent-calendar .calendar-day.final .name h2 {
  margin-bottom: 0;
}
.advent-calendar .calendar-day.final .name p {
  font-weight: normal;
  margin-top: 0;
}
@media print, screen and (max-width: 39.99875em) {
  .advent-calendar .calendar-day.future {
    opacity: 0.75;
  }
  .advent-calendar .calendar-day.future + .future {
    opacity: 0.55;
  }
  .advent-calendar .calendar-day.future + .future + .future {
    opacity: 0.35;
  }
  .advent-calendar .calendar-day.future + .future + .future + .future {
    opacity: 0.15;
  }
  .advent-calendar .calendar-day.future + .future + .future + .future + .future {
    display: none;
  }
}

.jx-alerts {
  position: relative;
  -webkit-box-ordinal-group: 0;
  -webkit-order: -1;
  -ms-flex-order: -1;
  order: -1;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  background: var(--alert-bg-colour);
  color: var(--alert-colour);
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  padding: 0.5rem;
  z-index: 99;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  min-height: 3rem;
  gap: 0.5rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.jx-alerts > .alert-text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  display: contents;
}
.jx-alerts > .alert-text > p {
  max-width: 100%;
  color: inherit;
  font-weight: bold;
  margin: 0;
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
  text-align: center;
}
@media print, screen and (min-width: 64em) {
  .jx-alerts > .alert-text > p {
    max-width: 80%;
  }
}
.jx-alerts .link {
  color: inherit;
}
.jx-alerts .alert-link {
  margin-left: 1rem;
  color: inherit;
}
.jx-alerts .alert-link:hover {
  text-decoration: none;
}
.jx-alerts > .close.button, .jx-alerts > .close::file-selector-button, form.jx-form .jx-alerts > .close.frm_button_submit,
.m-login-form .jx-alerts > .close.frm_button_submit, .jx-alerts > a.close.tip-button:link,
.jx-alerts > a.close.tip-button:visited,
div.message .jx-alerts > a.close.tip-button:link,
div.message .jx-alerts > a.close.tip-button:visited {
  background: var(--alert-clse-bg-colour);
  color: var(--alert-clse-colour);
}
@media print, screen and (min-width: 64em) {
  .jx-alerts > .close.button, .jx-alerts > .close::file-selector-button, form.jx-form .jx-alerts > .close.frm_button_submit,
.m-login-form .jx-alerts > .close.frm_button_submit, .jx-alerts > a.close.tip-button:link,
.jx-alerts > a.close.tip-button:visited,
div.message .jx-alerts > a.close.tip-button:link,
div.message .jx-alerts > a.close.tip-button:visited {
    position: absolute;
    right: 1rem;
    top: 0.5rem;
  }
}
.jx-alerts.hidden {
  display: none;
}

.banner {
  color: var(--banner-text-col);
  padding: 1rem;
  position: relative;
  top: 0;
  left: 0;
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-family: var(--font-fam-body);
  font-weight: bold;
  z-index: 2;
}
.banner.centered span {
  text-align: center;
  display: block;
  width: 100%;
}
.banner a {
  color: inherit;
}
.banner a:hover, .banner a:focus {
  text-decoration: none;
}
.banner .edit-link {
  text-decoration: underline;
  color: var(--banner-text-col);
}
.banner .edit-link:hover {
  text-decoration: none;
}
.banner:after {
  content: "";
  left: 0;
  background: var(--banner-background-col);
  width: 200vw;
  left: -50vw;
  position: absolute;
  top: -2px;
  height: 100%;
  z-index: -1;
}

.beta-bar {
  color: var(--beta-bar-text-col);
  padding: 1rem;
  position: fixed;
  bottom: -2px;
  left: 0;
  width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-family: var(--font-fam-body);
  font-weight: bold;
  z-index: 20;
}
@media print, screen and (max-width: 39.99875em) {
  .beta-bar {
    display: none;
  }
}
.beta-bar > p {
  margin: 0;
  max-width: 100%;
  text-align: center;
  color: inherit;
}
.beta-bar .link {
  text-decoration: underline;
  color: var(--beta-bar-text-col);
}
.beta-bar .link:hover {
  text-decoration: none;
}
.beta-bar:after {
  content: "";
  left: 0;
  background: var(--beta-bar-bg-col);
  width: 150vw;
  left: -25vw;
  position: absolute;
  top: -2px;
  height: 100%;
  z-index: -1;
}

/**
 * Button list
 */
.button-list {
  list-style: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 0.5rem;
}
.button-list.button-list--stacked {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-flow: column;
  -ms-flex-flow: column;
  flex-flow: column;
}
.button-list.button-list--stacked button {
  width: 100%;
}

.button-list--onoff .on {
  background-color: var(--on-off-list-on-btn-background);
  color: var(--on-off-list-on-btn-text-col);
}
.button-list--onoff .off {
  background-color: var(--on-off-list-off-btn-background);
  color: var(--on-off-list-off-btn-text-col);
  border-color: var(--on-off-list-off-btn-text-col);
}

.button-list--icons .on {
  background-image: var(--icon-in-collection);
  background-size: 1.25rem;
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
}
.button-list--icons .off {
  background-image: var(--icon-not-in-collection);
  background-size: 1.25rem;
  background-position: calc(100% - 1rem) center;
  background-repeat: no-repeat;
}

.edit-panel {
  background: var(--edit-panel-background);
  padding: 1rem;
  margin: 1rem 0;
  border-radius: var(--edit-panel-border-radius);
}
.edit-panel small, .edit-panel label {
  color: var(--font-col-body);
}
.edit-panel table small {
  color: var(--edit-panel-table-text-small-colour);
}
.edit-panel p {
  margin: 0;
}
.edit-panel p + p {
  margin-top: 1rem;
}
.edit-panel .button, .edit-panel ::file-selector-button, .edit-panel form.jx-form .frm_button_submit, form.jx-form .edit-panel .frm_button_submit,
.edit-panel .m-login-form .frm_button_submit,
.m-login-form .edit-panel .frm_button_submit, .edit-panel a.tip-button:link,
.edit-panel a.tip-button:visited,
.edit-panel div.message a.tip-button:link,
div.message .edit-panel a.tip-button:link,
.edit-panel div.message a.tip-button:visited,
div.message .edit-panel a.tip-button:visited {
  background-color: var(--edit-panel-button-bg-col);
}

.page-title.for-filters {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
.page-title.for-filters .title-text {
  text-transform: capitalize;
  padding: 0.5rem 0;
  margin: var(--heading-margin-top) 0 var(--heading-margin-bottom) 0;
}
@media print, screen and (min-width: 64em) {
  .page-title.for-filters .title-text {
    padding: 0 1rem 0 0;
  }
}

body.tax-pb_instruments .content-filters .filter {
  background: var(--filter-block-background1);
}

@media print, screen and (min-width: 40em) {
  .content-filters {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
  }
}
.content-filters .filter {
  background: var(--filter-block-background1);
  border-radius: var(--filter-border-radius);
  padding: 1rem 1rem 0.5rem 1rem;
  overflow: hidden;
}
.content-filters .filter h2 {
  font-size: var(--font-size-h4);
  margin-top: 0;
  margin-bottom: 0.5rem;
  color: var(--filter-heading-text-col);
  font-weight: var(--filter-heading-weight);
  letter-spacing: 0;
}
.content-filters .filter .jx-filter {
  font-size: var(--font-size-h4);
  cursor: pointer;
  background: var(--filter-background);
  color: var(--filter-text-col);
  padding: 0.5rem;
  border-radius: var(--button-border-radius-small);
}
.content-filters .filter .jx-filter.on {
  background: var(--filter-background-selected);
  color: var(--filter-text-selected-col);
}
@media print, screen and (min-width: 40em) {
  .content-filters .filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 50%;
    -ms-flex: 1 0 50%;
    flex: 1 0 50%;
  }
}
@media print, screen and (min-width: 64em) {
  .content-filters .filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 66.666%;
    -ms-flex: 1 0 66.666%;
    flex: 1 0 66.666%;
  }
}
.content-filters .filter + .filter {
  background: var(--filter-block-background2);
}
@media print, screen and (min-width: 40em) {
  .content-filters .filter + .filter {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
  }
}
@media print, screen and (min-width: 64em) {
  .content-filters .filter + .filter {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 33.333%;
    -ms-flex: 1 0 33.333%;
    flex: 1 0 33.333%;
  }
}
.content-filters .feedback {
  margin-bottom: 0;
  display: none;
}
.content-filters .feedback > p:last-child {
  margin-bottom: 0;
}

.filter-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
.filter-list > li {
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.nothing-found-boss {
  margin-top: 2rem;
  margin-bottom: 2rem;
  width: 100%;
  grid-column: 1/-1;
}
.nothing-found-boss p {
  padding: 1rem;
  margin: 0;
  text-align: center;
  max-width: 100%;
  font-size: 2rem;
}

figure.b-hero {
  position: relative;
  position: relative;
  margin: 0 -1rem 2rem;
  padding: 0 1rem 0;
  background-color: transparent;
  background-color: transparent;
  grid-column-start: 1;
  grid-column-end: 4;
  position: relative;
}
@media print, screen and (min-width: 40em) {
  figure.b-hero {
    margin: 0 -9999rem 2rem;
    /* add back negative margin value */
    padding: 0 9999rem 0;
  }
}
@media print, screen and (min-width: 40em) {
  figure.b-hero {
    grid-column-end: 8;
  }
}
@media print, screen and (min-width: 64em) {
  figure.b-hero {
    grid-column-end: 10;
  }
}
@media print, screen and (min-width: 75em) {
  figure.b-hero {
    grid-column-end: 10;
  }
}
@media screen and (min-width: 102.5em) {
  figure.b-hero {
    grid-column-end: 10;
  }
}
@media screen and (min-width: 112.5em) {
  figure.b-hero {
    grid-column-start: 2;
    grid-column-end: 11;
  }
}
figure.b-hero:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 42.8571428571%;
}
figure.b-hero > .content,
figure.b-hero > .shaped,
figure.b-hero > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
figure.b-hero img {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100vw;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  z-index: 5;
}
figure.b-hero figcaption {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 5;
}
figure.b-hero figcaption h1 {
  font-size: var(--font-size-h0);
  color: var(--hero-text-col);
  text-shadow: var(--hero-text-shadow);
}

.highlights {
  position: relative;
  color: var(--highlights-text-col);
  margin: var(--highlights-margin);
  padding: var(--highlights-padding);
}
.highlights h2 {
  color: var(--highlights-text-col);
  margin: var(--highlights-heading-margin);
}
.highlights:after {
  content: "";
  position: absolute;
  left: 50%;
  width: 100vw;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  background: var(--highlights-background);
  z-index: -1;
}

.homepage-banner {
  --hero-height-sm: 30vh;
  --hero-height-md: 30rem;
  position: relative;
  z-index: 0;
  width: 100%;
  left: 0;
}
@media print, screen and (min-width: 64em) {
  .homepage-banner {
    height: var(--hero-height-md);
  }
}
.homepage-banner .image-wrap {
  position: relative;
  height: 100%;
  width: 100vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.homepage-banner .image-wrap > img {
  position: absolute;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
  z-index: -1;
  opacity: 0.5;
  mix-blend-mode: multiply;
}
.homepage-banner .image-wrap:after {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  content: "";
  z-index: -2;
  background-color: var(--clr-interactive);
}
.homepage-banner figcaption {
  bottom: 0%;
  margin-right: 0;
  z-index: 5;
  color: var(--homepage-banner-text-col);
  max-width: 100vw;
  text-align: center;
  padding: 2rem 0;
  margin: auto;
  display: grid;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  text-shadow: var(--hero-text-shadow-small);
  text-transform: var(--text-transform-headings);
  width: 90vw;
  font-size: var(--font-size-h1);
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption {
    width: 60vw;
    text-shadow: var(--hero-text-shadow);
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption {
    width: 70vw;
  }
}
.homepage-banner figcaption h1 {
  color: var(--homepage-banner-text-col);
  text-align: var(--text-align-homepage-hero);
}
.homepage-banner figcaption p {
  margin-bottom: 0;
  font-size: 1.25rem;
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption p {
    padding-left: 1rem;
    font-size: 2.5rem;
  }
}
.homepage-banner figcaption span {
  display: block;
}
.homepage-banner figcaption span.main {
  line-height: 1.1;
  margin: 1rem 0;
}
@media print, screen and (max-width: 39.99875em) {
  .homepage-banner figcaption span.main {
    font-size: 150%;
  }
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.main {
    font-size: 200%;
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.main {
    font-size: 200%;
    margin: 0 0 1rem 0;
  }
}
.homepage-banner figcaption span.heading {
  line-height: 1.1;
  margin: 1rem 0;
}
@media print, screen and (max-width: 39.99875em) {
  .homepage-banner figcaption span.heading {
    font-size: 150%;
  }
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.heading {
    font-size: 125%;
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.heading {
    font-size: 150%;
    margin: 0 0 1rem 0;
  }
}
.homepage-banner figcaption span.heading.heading--image {
  margin: var(--svg-logo-margin-xsmall);
  max-width: var(--svg-logo-width-xsmall);
  max-height: var(--svg-logo-height-xsmall);
  -webkit-filter: var(--svg-logo-filter);
  filter: var(--svg-logo-filter);
}
.homepage-banner figcaption span.heading.heading--image img {
  -webkit-filter: invert(1) brightness(2);
  filter: invert(1) brightness(2);
  height: 100%;
  width: 100%;
  max-height: var(--svg-logo-height-xsmall);
  max-width: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.heading.heading--image img {
    max-height: var(--svg-logo-height-small);
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.heading.heading--image img {
    max-height: var(--svg-logo-height-medium);
  }
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.heading.heading--image {
    margin: var(--svg-logo-margin-small);
    max-width: var(--svg-logo-width-small);
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.heading.heading--image {
    margin: var(--svg-logo-margin-medium);
    max-width: var(--svg-logo-width-medium);
  }
}
.homepage-banner figcaption span.heading.heading--image.square {
  max-width: var(--svg-logo-width-xsmall-square);
  max-height: var(--svg-logo-height-xsmall-square);
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.heading.heading--image.square {
    max-height: var(--svg-logo-height-small-square);
    max-width: var(--svg-logo-width-small-square);
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.heading.heading--image.square {
    max-height: var(--svg-logo-height-medium-square);
    max-width: var(--svg-logo-width-medium-square);
  }
}
.homepage-banner figcaption span.heading.heading--image.square img {
  max-height: var(--svg-logo-height-xsmall-square);
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.heading.heading--image.square img {
    max-height: var(--svg-logo-height-small-square);
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.heading.heading--image.square img {
    max-height: var(--svg-logo-height-medium-square);
  }
}
.homepage-banner figcaption span.subhead {
  line-height: 1.1;
  margin: 1rem auto;
  max-width: var(--text-homepage-hero-subhead-max);
}
@media print, screen and (max-width: 39.99875em) {
  .homepage-banner figcaption span.subhead {
    font-size: 125%;
  }
}
@media print, screen and (min-width: 40em) {
  .homepage-banner figcaption span.subhead {
    font-size: 100%;
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.subhead {
    font-size: 80%;
    margin: 0 auto 1rem auto;
  }
}
.homepage-banner figcaption span.secondary {
  font-size: var(--font-size-h2);
}
@media print, screen and (min-width: 64em) {
  .homepage-banner figcaption span.secondary {
    font-size: var(--font-size-h2);
  }
}
.homepage-banner .logo img {
  -webkit-filter: invert(1) brightness(2);
  filter: invert(1) brightness(2);
  max-height: 2.5rem;
  margin-bottom: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .homepage-banner .logo img {
    max-height: 3rem;
  }
}
@media print, screen and (min-width: 64em) {
  .homepage-banner .logo img {
    max-height: 4rem;
    margin-top: -1rem;
  }
}
.homepage-banner .logo span.logo-subtitle {
  display: inline-block;
  font-size: 1.65rem;
  -webkit-transform: translateY(-0.35rem);
  -ms-transform: translateY(-0.35rem);
  transform: translateY(-0.35rem);
  font-family: var(--font-fam-brand);
  font-weight: var(--font-weight-brand);
  text-transform: var(--text-transform-brand);
}

.homepage-banner.homepage-banner-creator-wall {
  --hero-height-sm: unset;
  --hero-height-md: unset;
}
.homepage-banner.homepage-banner-creator-wall .image-wrap > img {
  position: relative;
  opacity: 1;
  mix-blend-mode: unset;
}
.homepage-banner.homepage-banner-creator-wall .image-wrap:after {
  background-color: transparent;
}

.homepage-banner.homepage-banner-creator-wall + .site-stats-banner::after {
  background: var(--clrBlack);
}

/**
 * Homepage header
 */
.cx-homepage-header ul {
  list-style: none;
  padding: 0;
  margin: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(33.3% - 1rem);
  -ms-flex: 0 0 calc(33.3% - 1rem);
  flex: 0 0 calc(33.3% - 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.cx-homepage-header ul > li {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.cx-homepage-header li + li {
  margin-top: 0.5rem;
}
.cx-homepage-header .button, .cx-homepage-header ::file-selector-button, .cx-homepage-header form.jx-form .frm_button_submit, form.jx-form .cx-homepage-header .frm_button_submit,
.cx-homepage-header .m-login-form .frm_button_submit,
.m-login-form .cx-homepage-header .frm_button_submit, .cx-homepage-header a.tip-button:link,
.cx-homepage-header a.tip-button:visited,
.cx-homepage-header div.message a.tip-button:link,
div.message .cx-homepage-header a.tip-button:link,
.cx-homepage-header div.message a.tip-button:visited,
div.message .cx-homepage-header a.tip-button:visited {
  display: block;
  text-decoration: none;
  height: 100%;
  display: grid;
  place-items: center;
}
.cx-homepage-header .wp-video {
  position: absolute;
  top: 0;
  width: 66.6% !important;
  height: 100% !important;
  overflow: hidden;
}
.cx-homepage-header .wp-video .mejs-container .mejs-controls {
  visibility: hidden;
}
.cx-homepage-header .subheading {
  display: block;
  font-size: 80%;
}

.cx-homepage-header__hero {
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.cx-homepage-header__hero:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 37.5%;
}
.cx-homepage-header__hero > .content,
.cx-homepage-header__hero > .shaped,
.cx-homepage-header__hero > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}

.m-login-form-container {
  background: var(--login-panel-background);
  padding: 2rem;
  min-width: 60%;
  width: 100%;
  max-width: 52rem;
  margin: 2rem auto;
}
.m-login-form-container h1, .m-login-form-container h2 {
  margin-top: 0;
}
.m-login-form-container .input.input--large,
.m-login-form-container #user_login,
.m-login-form-container #user_pass {
  font-size: 1.75rem;
  height: 3.5rem;
  padding: 0.75rem 1rem;
}

.login-wrapper {
  display: grid;
  place-items: center;
}

.login-links {
  margin-top: 2rem;
}
.login-links a + a {
  margin-left: 1rem;
}

.login-submit {
  width: 100%;
}
.login-submit .button, .login-submit ::file-selector-button, .login-submit form.jx-form .frm_button_submit, form.jx-form .login-submit .frm_button_submit,
.login-submit .m-login-form .frm_button_submit,
.m-login-form .login-submit .frm_button_submit, .login-submit a.tip-button:link,
.login-submit a.tip-button:visited,
.login-submit div.message a.tip-button:link,
div.message .login-submit a.tip-button:link,
.login-submit div.message a.tip-button:visited,
div.message .login-submit a.tip-button:visited {
  width: 100%;
}

.merit-badges {
  background: var(--merit-badges-background);
  padding: 1rem;
  margin: 1rem 0 2rem;
  z-index: -2;
  border-radius: var(--merit-badges-border-radius);
}
.merit-badges p {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}
.merit-badges h2 {
  margin-top: 0;
  text-align: center;
}
.merit-badges .badge-list {
  list-style: none;
  margin-top: 2rem;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  gap: 1.5rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.merit-badge {
  position: relative;
  width: 7rem;
  height: 7rem;
  border-radius: 99rem;
  overflow: hidden;
}
.merit-badge:before {
  content: "";
  position: absolute;
  top: 0%;
  right: 0%;
  bottom: 0%;
  left: 0%;
  background: var(--merit-badge-bg);
  -webkit-filter: brightness(0.75);
  filter: brightness(0.75);
  border-radius: 99rem;
  z-index: 0;
}
.merit-badge:after {
  content: "";
  position: absolute;
  top: 5px;
  right: 5px;
  bottom: 5px;
  left: 5px;
  background: var(--merit-badge-bg);
  border-radius: 99rem;
  z-index: 1;
}
.merit-badge > svg {
  width: 80%;
  height: 80%;
  z-index: 2;
  position: relative;
  left: 50%;
  top: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
}
.merit-badge.unachieved {
  -webkit-filter: opacity(15%);
  filter: opacity(15%);
}
.merit-badge.unachieved:before, .merit-badge.unachieved:after {
  background-color: #ffffff;
}
.merit-badge.published_packs_1:before, .merit-badge.published_packs_1:after {
  background-color: #78CDD7;
}
.merit-badge.published_packs_3:before, .merit-badge.published_packs_3:after {
  background-color: #FDE85D;
}
.merit-badge.published_packs_10:before, .merit-badge.published_packs_10:after {
  background-color: #D81159;
}
.merit-badge.dls_silver:before, .merit-badge.dls_silver:after {
  background-color: silver;
}
.merit-badge.dls_gold:before, .merit-badge.dls_gold:after, .merit-badge.top_rated_overall:before, .merit-badge.top_rated_overall:after {
  background: gold;
}
.merit-badge.dls_platinum:after {
  background: #efefef;
}
.merit-badge.top_rated_playability:before, .merit-badge.top_rated_playability:after {
  background-color: #78CDD7;
}
.merit-badge.top_rated_gui:before, .merit-badge.top_rated_gui:after {
  background-color: #912F40;
}
.merit-badge.top_rated_sound:before, .merit-badge.top_rated_sound:after {
  background-color: #F487B6;
}
.merit-badge.top_rated_inspiration:before, .merit-badge.top_rated_inspiration:after {
  background-color: #73D47E;
}
.merit-badge.top_rated_character:before, .merit-badge.top_rated_character:after {
  background-color: #80B9EF;
}
.merit-badge.top_rated_gui > img {
  -webkit-filter: invert(100%);
  filter: invert(100%);
}
.merit-badge > img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
  z-index: 2;
  position: absolute;
}

.message {
  background: var(--message-background);
  color: var(--message-text-colour);
  padding: 1rem;
  border-radius: var(--message-border-radius);
}
.message a:link, .message a:visited, .message button.link {
  color: var(--message-link-colour);
}
.message button.button, .message button::file-selector-button, .message form.jx-form button.frm_button_submit, form.jx-form .message button.frm_button_submit,
.message .m-login-form button.frm_button_submit,
.m-login-form .message button.frm_button_submit {
  background: var(--message-button-background);
  color: var(--message-button-text);
}
.message h2, .message h3 {
  margin-top: 0;
}
.message.aprilfools {
  background: var(--april-fools-background);
  text-align: center;
}
.message.aprilfools h2, .message.aprilfools p {
  color: var(--april-fools-text-col);
}
.message.aprilfools p {
  font-size: 1.75rem;
  margin-left: auto;
  margin-right: auto;
}
.message.aprilfools p + p {
  font-size: 1rem;
}
.message.aprilfools a:link, .message.aprilfools a:visited, .message.aprilfools a:hover, .message.aprilfools a:focus {
  font-weight: bold;
  color: var(--april-fools-text-col);
}

.message.debug {
  color: white;
  background: #dd0202;
}

.message.attention {
  background-color: var(--message-attention-background);
  color: var(--message-attention-text-col);
}
.message.attention h2, .message.attention h3, .message.attention h4, .message.attention h5, .message.attention h6, .message.attention p, .message.attention legend, .message.attention label, .message.attention a {
  color: inherit;
}
.message.attention legend {
  font-weight: bold;
}
.message.attention p {
  margin: 0;
}
.message.attention p + p {
  margin-top: 1rem;
}

.message.attention + .edit-bar {
  margin-top: 1rem;
}

.message.debug p {
  color: white;
  margin: 0;
  font-weight: bold;
}

.message.error,
div.message.error,
p.message.error {
  background-color: var(--colour-warning-bg);
  color: var(--colour-warning-text);
}
.message.error.login,
div.message.error.login,
p.message.error.login {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.message.error a,
div.message.error a {
  color: white;
}

.message.success,
.message.updated {
  background-color: var(--colour-info-bg);
  color: var(--colour-info-text);
}

.message {
  padding: 1rem;
}

.message.info {
  background: white;
}

.message.theme-prompt {
  margin-top: 1rem;
}

.message.debug {
  color: white;
  background: #dd0202;
}

.message.debug p {
  color: white;
  margin: 0;
  font-weight: bold;
}

.message.error,
div.message.error {
  background: #d63638;
  colour: white;
}

.message.error a,
div.message.error a {
  colour: white;
}

/**
 * Password strength
 */
#password-strength {
  padding: 0.75rem 1rem;
  margin: 0 0 0 0.5rem;
}
#password-strength:not(.short):not(.bad):not(.good):not(.strong) {
  display: none;
}

#password-strength.short,
#password-strength.bad {
  background-color: var(--colour-warning-bg);
  color: var(--colour-warning-text);
}

#password-strength.good {
  background-color: var(--colour-info-bg);
  color: var(--colour-info-text);
}

#password-strength.strong {
  background-color: var(--colour-success-bg);
  color: var(--colour-success-text);
}

.jx-form--newsletter {
  background: var(--newsletter-signup-background);
  padding: 1rem;
}
.jx-form--newsletter .name-fields {
  display: grid;
  grid-template-columns: 1fr;
}
@media print, screen and (min-width: 40em) {
  .jx-form--newsletter .name-fields {
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
}
.jx-form--newsletter.jx-form-position--post-dl {
  background: var(--newsletter-signup-background-post-dl);
  color: var(--newsletter-signup-color-post-dl);
}
.jx-form--newsletter.jx-form-position--post-dl h2, .jx-form--newsletter.jx-form-position--post-dl h3, .jx-form--newsletter.jx-form-position--post-dl p, .jx-form--newsletter.jx-form-position--post-dl label {
  color: inherit;
}
.jx-form--newsletter.jx-form-position--post-dl .button.signup.ghost, .jx-form--newsletter.jx-form-position--post-dl .signup.ghost::file-selector-button, .jx-form--newsletter.jx-form-position--post-dl form.jx-form .signup.ghost.frm_button_submit, form.jx-form .jx-form--newsletter.jx-form-position--post-dl .signup.ghost.frm_button_submit,
.jx-form--newsletter.jx-form-position--post-dl .m-login-form .signup.ghost.frm_button_submit,
.m-login-form .jx-form--newsletter.jx-form-position--post-dl .signup.ghost.frm_button_submit, .jx-form--newsletter.jx-form-position--post-dl a.signup.ghost.tip-button:link,
.jx-form--newsletter.jx-form-position--post-dl a.signup.ghost.tip-button:visited {
  border-color: var(--newsletter-signup-color-post-dl);
}
.jx-form--newsletter.jx-form-position--post-dl .button.signup.ghost:hover, .jx-form--newsletter.jx-form-position--post-dl .signup.ghost:hover::file-selector-button, .jx-form--newsletter.jx-form-position--post-dl form.jx-form .signup.ghost.frm_button_submit:hover, form.jx-form .jx-form--newsletter.jx-form-position--post-dl .signup.ghost.frm_button_submit:hover,
.jx-form--newsletter.jx-form-position--post-dl .m-login-form .signup.ghost.frm_button_submit:hover,
.m-login-form .jx-form--newsletter.jx-form-position--post-dl .signup.ghost.frm_button_submit:hover, .jx-form--newsletter.jx-form-position--post-dl a.signup.ghost.tip-button:hover:link,
.jx-form--newsletter.jx-form-position--post-dl a.signup.ghost.tip-button:hover:visited, .jx-form--newsletter.jx-form-position--post-dl .button.signup.ghost:focus, .jx-form--newsletter.jx-form-position--post-dl .signup.ghost:focus::file-selector-button, .jx-form--newsletter.jx-form-position--post-dl form.jx-form .signup.ghost.frm_button_submit:focus, form.jx-form .jx-form--newsletter.jx-form-position--post-dl .signup.ghost.frm_button_submit:focus,
.jx-form--newsletter.jx-form-position--post-dl .m-login-form .signup.ghost.frm_button_submit:focus,
.m-login-form .jx-form--newsletter.jx-form-position--post-dl .signup.ghost.frm_button_submit:focus, .jx-form--newsletter.jx-form-position--post-dl a.signup.ghost.tip-button:focus:link,
.jx-form--newsletter.jx-form-position--post-dl a.signup.ghost.tip-button:focus:visited {
  background-color: var(--newsletter-signup-color-post-dl);
  background-image: var(--icon-signup-hover);
  background-size: 2rem;
  background-position: calc(100% - 0.75rem) center;
  background-repeat: no-repeat;
  color: var(--newsletter-signup-background-post-dl);
}
.jx-form--newsletter.jx-form-position--footer {
  background: transparent;
  padding: 0;
  color: var(--site-footer-text-col);
}
.jx-form--newsletter.jx-form-position--footer label {
  display: none;
}
.jx-form--newsletter.jx-form-position--footer .signup-form {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0.5rem 1rem 0 0;
}
.jx-form--newsletter.jx-form-position--footer .signup-form > * {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.jx-form--newsletter.jx-form-position--footer .signup-form > .button.signup, .jx-form--newsletter.jx-form-position--footer .signup-form > .signup::file-selector-button, .jx-form--newsletter.jx-form-position--footer form.jx-form .signup-form > .signup.frm_button_submit, form.jx-form .jx-form--newsletter.jx-form-position--footer .signup-form > .signup.frm_button_submit,
.jx-form--newsletter.jx-form-position--footer .m-login-form .signup-form > .signup.frm_button_submit,
.m-login-form .jx-form--newsletter.jx-form-position--footer .signup-form > .signup.frm_button_submit, .jx-form--newsletter.jx-form-position--footer .signup-form > a.signup.tip-button:link,
.jx-form--newsletter.jx-form-position--footer .signup-form > a.signup.tip-button:visited,
.jx-form--newsletter.jx-form-position--footer div.message .signup-form > a.signup.tip-button:link,
.jx-form--newsletter.jx-form-position--footer div.message .signup-form > a.signup.tip-button:visited {
  margin-top: 0;
  margin-left: 1rem;
  padding: 0.25rem 3.5rem 0.25rem 0rem;
  background-color: transparent;
  color: var(--site-footer-text-col);
  border-color: transparent;
}
.jx-form--newsletter.jx-form-position--footer .signup-form > .button.signup:hover, .jx-form--newsletter.jx-form-position--footer .signup-form > .signup:hover::file-selector-button, .jx-form--newsletter.jx-form-position--footer form.jx-form .signup-form > .signup.frm_button_submit:hover, form.jx-form .jx-form--newsletter.jx-form-position--footer .signup-form > .signup.frm_button_submit:hover,
.jx-form--newsletter.jx-form-position--footer .m-login-form .signup-form > .signup.frm_button_submit:hover,
.m-login-form .jx-form--newsletter.jx-form-position--footer .signup-form > .signup.frm_button_submit:hover, .jx-form--newsletter.jx-form-position--footer .signup-form > a.signup.tip-button:hover:link,
.jx-form--newsletter.jx-form-position--footer .signup-form > a.signup.tip-button:hover:visited, .jx-form--newsletter.jx-form-position--footer .signup-form > .button.signup:focus, .jx-form--newsletter.jx-form-position--footer .signup-form > .signup:focus::file-selector-button, .jx-form--newsletter.jx-form-position--footer form.jx-form .signup-form > .signup.frm_button_submit:focus, form.jx-form .jx-form--newsletter.jx-form-position--footer .signup-form > .signup.frm_button_submit:focus,
.jx-form--newsletter.jx-form-position--footer .m-login-form .signup-form > .signup.frm_button_submit:focus,
.m-login-form .jx-form--newsletter.jx-form-position--footer .signup-form > .signup.frm_button_submit:focus, .jx-form--newsletter.jx-form-position--footer .signup-form > a.signup.tip-button:focus:link,
.jx-form--newsletter.jx-form-position--footer .signup-form > a.signup.tip-button:focus:visited {
  color: var(--site-footer-text-col);
}

/**
 * Off canvas nav
 */
.off-canvas {
  background-color: var(--mobile-menu-bg-col);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
}
.off-canvas a:link, .off-canvas a:hover, .off-canvas a:visited, .off-canvas a:active, .off-canvas a:focus {
  color: var(--mobile-menu-link-col);
  font-weight: var(--mobile-menu-link-weight);
  padding-top: 1rem;
  padding-bottom: 1rem;
}
.off-canvas .menu .active > a {
  background-color: var(--tint-darker);
}
.off-canvas ul.menu li.current-menu-item a {
  background-color: var(--mobile-menu-current-item-background);
  color: var(--mobile-menu-current-item-text-col);
}
.off-canvas .vertical.menu.submenu.is-accordion-submenu.is-active li:not(.current-menu-item):not(.admin-menu) a {
  background-color: var(--mobile-submenu-bg-col);
}

.pagination {
  margin: 2rem auto;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
  font-size: 1.5rem;
}
.pagination .current {
  background: var(--pagination-current-background);
  padding: 0.4rem 0.75rem;
  display: block;
}
.pagination a {
  text-decoration: none;
  display: block;
  padding: 0.4rem 0.75rem;
  color: var(--pagination-text-col);
}
.pagination a:hover, .pagination a:focus {
  background: var(--pagination-text-col);
  color: var(--pagination-text-col-hover);
  border-radius: 0;
}

.panel {
  width: 100%;
  padding: 1rem;
  text-align: center;
}
.panel p {
  max-width: 100%;
}
.panel h1, .panel h2 {
  margin-top: 0;
}
.panel.highlight {
  background: var(--panel-highlight-background);
}

.postcard {
  text-decoration: none;
  position: relative;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-align-self: stretch;
  -ms-flex-item-align: stretch;
  align-self: stretch;
  width: 100%;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-bottom: 1rem;
  border-radius: var(--postcard-border-radius);
  overflow: hidden;
}
.postcard .pb-avatar:hover {
  color: var(--postcard-username-colour);
}
.postcard .pb-avatar:hover + a + a {
  background: var(--postcard-block-col);
}
.postcard .pb-avatar .name {
  color: var(--postcard-username-colour);
  text-shadow: 0 0 8px #000000;
  font-size: 1rem;
  text-align: center;
  display: block;
  background: var(--postcard-username-background);
  padding: 0.5rem;
}
.postcard figure {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.postcard figure .cardimage {
  height: 15rem;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.postcard .cardinfo {
  background: var(--postcard-block-col);
  right: 0;
  margin-bottom: 0;
  padding: var(--unit);
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
  margin-top: -2px;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  text-decoration: none;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  border-bottom: 4px solid var(--clr-interactive);
}
.postcard .cardinfo h2, .postcard .cardinfo h3 {
  font-size: var(--card-heading-font-size);
  margin-top: 0;
  text-transform: var(--text-transform-headings);
  font-weight: var(--font-weight-card-heading);
  letter-spacing: var(--card-heading-letterspacing);
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  flex: 0 0 100%;
}
.postcard .cardinfo .pb-avatar {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 2rem;
  -ms-flex: 0 0 2rem;
  flex: 0 0 2rem;
  border-radius: 99rem;
  overflow: hidden;
}
.postcard .cardinfo .pb-avatar figure {
  margin-bottom: 0;
}
.postcard .cardinfo > p, .postcard .cardinfo p.description {
  margin-top: 0;
  font-size: var(--s6);
  font-weight: var(--font-weight-card-description);
}
.postcard .cardinfo p.byline {
  margin-bottom: 0.5rem;
}
.postcard .cardinfo .rating-and-formats {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
  margin-top: auto;
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 50%;
  -ms-flex: 1 0 50%;
  flex: 1 0 50%;
}
.postcard .cardinfo .rating-and-formats > .rating {
  margin: 0;
  padding: 0;
  display: grid;
  place-content: center;
}
.postcard .cardinfo .rating-and-formats > .downloads {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.postcard .cardinfo .rating-and-formats > .downloads > * {
  display: grid;
  place-content: center;
}
.postcard .cardinfo .rating-and-formats > .downloads .icon {
  margin: 0;
  padding: 0;
  padding-left: 1.25rem;
  display: grid;
  place-content: center;
  color: inherit;
  -webkit-mask: var(--icon-download) no-repeat 0 0.4rem/1rem;
  mask: var(--icon-download) no-repeat 0 0.4rem/1rem;
  background-color: currentColor;
}
.postcard:hover:not(.postcard__banner-link) a.cardinfo, .postcard:focus a.cardinfo, .postcard.hover a.cardinfo {
  background: var(--postcard-block-col-hover);
  color: var(--postcard-block-font-col-hover);
}
.postcard:hover:not(.postcard__banner-link) a.cardinfo h2, .postcard:hover:not(.postcard__banner-link) a.cardinfo h3, .postcard:hover:not(.postcard__banner-link) a.cardinfo > p, .postcard:hover:not(.postcard__banner-link) a.cardinfo p.description, .postcard:focus a.cardinfo h2, .postcard:focus a.cardinfo h3, .postcard:focus a.cardinfo > p, .postcard:focus a.cardinfo p.description, .postcard.hover a.cardinfo h2, .postcard.hover a.cardinfo h3, .postcard.hover a.cardinfo > p, .postcard.hover a.cardinfo p.description {
  color: inherit;
}

a.postcard.wide .pb-avatar {
  display: none;
}
@media print, screen and (min-width: 64em) {
  a.postcard.wide > figure {
    display: grid;
    grid-template-columns: 1fr 1fr 12rem;
    grid-template-rows: 8rem 10rem 12rem;
    grid-column-gap: 0;
    grid-row-gap: 0;
    overflow: hidden;
  }
  a.postcard.wide > figure .cardimage {
    grid-column-start: 1;
    grid-column-end: span 3;
    grid-row-start: 1;
    grid-row-end: span 3;
    height: 100%;
  }
  a.postcard.wide > figure a.cardinfo {
    grid-column-start: 2;
    grid-column-end: span 2;
    grid-row-start: 2;
    grid-row-end: span 1;
    margin-bottom: 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
  a.postcard.wide > figure .pb-avatar {
    display: block;
    grid-column-start: 3;
    grid-column-end: span 1;
    grid-row-start: 3;
    grid-row-end: span 1;
    padding: 0 1rem 1rem 0;
    margin-top: 1rem;
  }
}

a.postcard__banner-link {
  background: var(--button-bg-colour);
  color: var(--button-colour);
  text-decoration: none;
  padding: 0.5rem;
  display: block;
  text-align: center;
}

.postcard-container {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1rem;
}
@media print, screen and (min-width: 40em) {
  .postcard-container {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: var(--global-grid-gap);
  }
}
@media print, screen and (min-width: 64em) {
  .postcard-container {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media print, screen and (min-width: 64em) {
  .postcard-container.postcard-container__narrow {
    grid-template-columns: 1fr 1fr;
  }
}
.postcard-container.slider {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  overflow-x: scroll;
  -webkit-box-pack: first baseline;
  -webkit-justify-content: first baseline;
  -ms-flex-pack: first baseline;
  justify-content: first baseline;
  padding-bottom: 1rem;
  position: relative;
  gap: 0;
}
@media print, screen and (min-width: 64em) {
  .postcard-container.slider {
    gap: 1rem;
  }
}
.postcard-container.slider > .postcard {
  height: 100%;
  width: 100%;
  min-height: 30rem;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 auto;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  margin: 0 1rem 0 0;
  -webkit-align-self: flex-start;
  -ms-flex-item-align: start;
  align-self: flex-start;
  display: inline-table;
}
@media print, screen and (min-width: 64em) {
  .postcard-container.slider > .postcard {
    width: calc(50% - 0.5rem);
    margin: 0;
  }
}
@media print, screen and (min-width: 75em) {
  .postcard-container.slider > .postcard {
    width: calc(33.333333% - 0.6666666667rem);
  }
}
.postcard-container.slider::-webkit-scrollbar {
  width: 1rem;
}
.postcard-container.slider {
  scrollbar-width: thin;
  scrollbar-color: var(--button-cta-bg-colour) transparent;
}
.postcard-container.slider::-webkit-scrollbar-track {
  background: transparent;
}
.postcard-container.slider::-webkit-scrollbar-thumb {
  background-color: var(--button-cta-bg-colour);
  border-radius: 2rem;
}

.postcard-container + .aprilfools {
  margin-top: 1rem;
}

@media print, screen and (min-width: 40em) {
  .postcard-container.homepage.posts .postcard--blog:nth-child(3) {
    display: none;
  }
}
@media print, screen and (min-width: 64em) {
  .postcard-container.homepage.posts .postcard--blog:nth-child(3) {
    display: block;
  }
}

.postcard:hover .tags > li.icon,
.postcard:focus .tags > li.icon {
  -webkit-filter: brightness(5);
  filter: brightness(5);
}
.postcard:hover .rating .star.on,
.postcard:focus .rating .star.on {
  -webkit-filter: brightness(5);
  filter: brightness(5);
}

.reveal {
  border-radius: var(--reveal-border-radius);
  border: var(--reveal-border);
  background: var(--reveal-background);
  -webkit-box-shadow: var(--reveal-shadow);
  box-shadow: var(--reveal-shadow);
  color: var(--reveal-text-colour);
}
@media print, screen and (max-width: 39.99875em) {
  .reveal {
    display: grid;
    place-content: center;
  }
}
.reveal :not(.button):not(::file-selector-button):not(a.tip-button:link):not(a.tip-button:visited) {
  color: var(--reveal-text-colour);
}
.reveal label {
  color: var(--reveal-text-colour);
}
.reveal h2, .reveal h3 {
  margin-top: 0;
  color: var(--reveal-text-colour);
}
.reveal p, .reveal label, .reveal a, .reveal li {
  color: var(--reveal-text-colour);
}
.reveal .step {
  padding: 0;
  margin: 0;
  background: transparent;
}

@media print, screen and (min-width: 64em) {
  .reveal.reveal--big {
    width: 80vw;
    max-width: 80vw;
    height: auto;
    max-height: 98vh;
    top: 0;
  }
}

#headerSearch {
  overflow: visible;
}
@media print, screen and (min-width: 40em) {
  #headerSearch {
    max-width: 80vw;
  }
}

.box.reviews {
  padding-top: 1rem;
}
.box.reviews h2 {
  background: var(--reviews-heading-background);
  color: var(--reviews-heading-text-col);
  margin: 0 0 1rem 0;
}

.reviews-list {
  list-style: none;
  padding: 0;
  position: relative;
}
.reviews-list li + li {
  margin-top: 2rem;
  position: relative;
}
.reviews-list li + li:after {
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background: var(--reviews-divider-colour);
  top: -1rem;
  left: 0%;
}

.jx-review {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .jx-review {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
}
.jx-review > figure {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 30%;
  -ms-flex: 0 0 30%;
  flex: 0 0 30%;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .jx-review > figure {
    margin-right: 1rem;
    margin-bottom: 0;
  }
}
.jx-review > figure img {
  aspect-ratio: 2/1;
  -o-object-fit: cover;
  object-fit: cover;
  -webkit-filter: grayscale(100%);
  filter: grayscale(100%);
}
.jx-review > .review {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 70%;
  -ms-flex: 1 0 70%;
  flex: 1 0 70%;
}
.jx-review h3 {
  margin-top: 0;
}
.jx-review .jx-review__meta {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: var(--s-1);
  color: var(--reviews-meta-text-col);
}
.jx-review .edit-link {
  margin-left: auto;
}
.jx-review .edit-link > .edit-button {
  font-size: var(--s-1);
  color: var(--reviews-meta-link-col);
  text-decoration: underline;
  cursor: pointer;
}
.jx-review .edit-link > .edit-button:hover {
  text-decoration: none;
}
.jx-review .hide-review-link > .hide-button {
  font-size: 0.9rem;
  color: var(--reviews-meta-link-col);
  text-decoration: underline;
  cursor: pointer;
}
.jx-review .hide-review-link > .hide-button:hover {
  text-decoration: none;
}
.jx-review .hide-review-link > .unhide-button {
  font-size: 0.9rem;
  color: var(--reviews-meta-link-col);
  text-decoration: underline;
  cursor: pointer;
}
.jx-review .hide-review-link > .unhide-button:hover {
  text-decoration: none;
}
.jx-review .delete-link {
  margin-left: 1rem;
}
.jx-review .delete-link > .delete-button {
  font-size: 0.9rem;
  color: var(--reviews-meta-text-col);
  text-decoration: underline;
  cursor: pointer;
}
.jx-review .delete-link > .delete-button:hover {
  text-decoration: none;
}
.jx-review .review-by {
  font-style: italic;
}
.jx-review .jx-avatar {
  width: 3rem;
  height: 3rem;
  margin-right: 1rem;
}
.jx-review .jx-avatar > img {
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.jx-review .hidetext {
  display: none;
}
.jx-review .badge {
  background: var(--review-badge-background);
  color: var(--review-badge-text);
  padding: 2px 9px 2px 7px;
  border-radius: 10rem;
  font-weight: bold;
  margin-left: 0.5rem;
}

.rating {
  padding: 0.5rem 0;
  margin-top: auto;
}
.rating .score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.rating .star {
  background-image: var(--icon-star-off);
  background-size: contain;
  background-repeat: no-repeat;
  display: block;
  width: 1rem;
  height: 1rem;
}
.rating .star.on {
  background-image: var(--icon-star-on);
}

.jx-review + .jx-review {
  margin-top: 1rem;
}

.jx-review.hidden .review > h3, .jx-review.hidden .review > p:not(.hidetext) {
  display: none;
}
.jx-review.hidden .review .jx-avatar, .jx-review.hidden .review .name, .jx-review.hidden .review .date {
  display: none;
}
.jx-review.hidden .review .hidetext {
  margin-bottom: 0;
  display: block;
}

form.jx-reviews .ratings-and-guide {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
form.jx-reviews fieldset.stars {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 60%;
  -ms-flex: 0 0 60%;
  flex: 0 0 60%;
}
form.jx-reviews .review-guide {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 40%;
  -ms-flex: 1 0 40%;
  flex: 1 0 40%;
  background: var(--review-guide-background);
  padding: 1rem;
}
@media print, screen and (min-width: 40em) {
  form.jx-reviews .review-guide {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 40%;
    -ms-flex: 0 0 40%;
    flex: 0 0 40%;
  }
}
form.jx-reviews .metrics {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-top: 0.5rem;
  margin-bottom: 1.5rem;
}
form.jx-reviews .metrics .chosen {
  display: grid;
  place-items: center;
}
form.jx-reviews .radio {
  font-size: 2.25rem;
  color: var(--reviews-meta-link-col);
  display: grid;
  grid-template-columns: -webkit-min-content auto;
  grid-template-columns: min-content auto;
  grid-gap: 0.5em;
}
form.jx-reviews .radio__input {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
form.jx-reviews .radio__input input {
  opacity: 0;
  width: 0;
  height: 0;
}
form.jx-reviews .radio__input input:checked + .radio__control.icon {
  background-size: contain;
  background-repeat: no-repeat;
  background-image: var(--icon-star-on);
}
form.jx-reviews .radio__control {
  display: grid;
  place-items: center;
  width: 1em;
  height: 1em;
  border-radius: 50%;
  border: 0.1em solid currentColor;
  cursor: pointer;
}
form.jx-reviews .radio__control.icon {
  background-image: var(--icon-star-off);
  background-size: contain;
  background-repeat: no-repeat;
  border: none;
  border-radius: 0;
}
form.jx-reviews .radio__control.icon.on {
  background-image: var(--icon-star-on);
  background-size: contain;
  background-repeat: no-repeat;
}
form.jx-reviews .radio__label {
  line-height: 1;
}
form.jx-reviews .feedback {
  z-index: -1;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  display: grid;
  place-items: center;
  -webkit-transition: all 1s;
  transition: all 1s;
  opacity: 0;
  background: rgba(255, 255, 255, 0);
  text-align: center;
  padding: 20% 5%;
}
form.jx-reviews .feedback h2 {
  margin: auto;
  text-align: center;
}
form.jx-reviews .feedback.on {
  z-index: 1;
  opacity: 1;
  background: var(--review-save-feedback-background);
}

.review-metrics {
  list-style: none;
  padding: 0;
  margin: var(--unit) 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  place-content: space-between;
  overflow: hidden;
}
.review-metrics li {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  margin: 0;
  text-align: left;
}
.review-metrics li b {
  margin-top: 0.25ex;
  margin-bottom: 0;
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 6rem;
  -ms-flex: 0 0 6rem;
  flex: 0 0 6rem;
}
.review-metrics .score {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-content: center;
}
.review-metrics .star {
  background-image: var(--icon-star-off);
  background-size: contain;
  background-repeat: no-repeat;
  display: grid;
  place-content: center;
  width: 1rem;
  height: 1rem;
  margin: auto 0;
}
.review-metrics .star.on {
  background-image: var(--icon-star-on);
}

.box.reviews.trustpilot {
  padding: 2rem;
  background: white;
  max-width: 750px;
}
.box.reviews.trustpilot > h2 {
  margin-bottom: 1rem;
  background: transparent;
  color: var(--trust-pilot-text-col);
  text-shadow: none;
}

.b-site-footer {
  grid-area: siteFooter;
  z-index: 10;
  background-color: var(--site-footer-bg);
  margin-top: 2rem;
  border-top: var(--footer-border-top);
}
.b-site-footer .menu a {
  padding-left: 0;
  position: relative;
  color: var(--footer-menu-link-col);
  -webkit-text-decoration: var(--footer-menu-link-decoration);
  text-decoration: var(--footer-menu-link-decoration);
  text-shadow: var(--footer-menu-link-shadow);
}
.b-site-footer .menu a:hover,
.b-site-footer .menu a:focus {
  text-decoration: underline;
  background-color: var(--footer-menu-link-active-bg);
}
.b-site-footer li.active a {
  background-color: transparent;
  font-weight: 900;
}
.b-site-footer li.active > ul li:not(.active) a {
  font-weight: unset;
}
.b-site-footer .menu-item-has-children:hover ul li a, .b-site-footer .menu-item-has-children:focus ul li a {
  background-color: var(--footer-menu-link-active-bg);
}
.b-site-footer h1, .b-site-footer h2, .b-site-footer h3, .b-site-footer h4, .b-site-footer h5, .b-site-footer h6 {
  color: var(--site-footer-text-col);
  font-weight: var(--main-nav-link-weight);
}

.b-site-footer__content {
  display: grid;
  width: 90vw;
  padding: 1rem;
  max-width: var(--global-width);
  margin: auto;
  grid-gap: 1rem;
}
@media print, screen and (min-width: 40em) {
  .b-site-footer__content {
    grid-template-columns: 1fr 1fr;
  }
}
@media print, screen and (min-width: 64em) {
  .b-site-footer__content {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.b-site-footer__subcontent p {
  color: var(--site-footer-text-col);
  margin: 1rem auto;
}

@media print, screen and (max-width: 39.99875em) {
  .footer-logo {
    display: none;
  }
}
.footer-logo a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.footer-logo a img {
  max-height: 4rem;
  -webkit-filter: var(--footer-menu-filter);
  filter: var(--footer-menu-filter);
}
.footer-links .menu {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 0.8rem;
}
@media print, screen and (min-width: 40em) {
  .footer-links .menu {
    margin-bottom: 1.5rem;
  }
}
.footer-links .menu a {
  padding: 0.25rem 0;
  font-weight: var(--footer-menu-link-weight);
}
.footer-links .menu .sub-menu {
  padding: 0;
  list-style: none;
}
.footer-links .menu .sub-menu > li > a:before {
  content: " — ";
}

.footer-links:nth-child(1) {
  grid-column-start: 1;
  grid-row-start: auto;
}
@media print, screen and (max-width: 39.99875em) {
  .footer-links:nth-child(1) {
    grid-row-start: 3;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .footer-links:nth-child(2) {
    grid-row-start: 1;
  }
}
@media print, screen and (min-width: 40em) {
  .footer-links:nth-child(2) {
    grid-row-start: 1;
    grid-column-start: 2;
  }
}
@media print, screen and (min-width: 64em) {
  .footer-links:nth-child(2) {
    grid-row-start: 1;
    grid-column-start: 2;
  }
}

@media print, screen and (max-width: 39.99875em) {
  .footer-links:nth-child(3) {
    grid-row-start: 2;
  }
}
@media print, screen and (min-width: 64em) {
  .footer-links:nth-child(3) {
    grid-row-start: 1;
    grid-column-start: 3;
  }
}

.footer-logo-and-socials {
  border-top: 1px solid var(--site-footer-text-col);
  padding-top: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
}
@media print, screen and (min-width: 40em) {
  .footer-logo-and-socials {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: span 2;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
@media print, screen and (min-width: 64em) {
  .footer-logo-and-socials {
    grid-row-start: 3;
    grid-column-start: 1;
    grid-column-end: span 3;
  }
}

.b-site-footer__legals {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -webkit-justify-content: flex-end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
@media print, screen and (min-width: 64em) {
  .b-site-footer__legals {
    padding-right: 1rem;
  }
  .b-site-footer__legals > p {
    margin: 0;
    text-align: right;
  }
  .b-site-footer__legals > p:first-of-type {
    margin-top: auto;
  }
}
.social-links {
  list-style: none;
  padding: 0;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}

.b-site-footer .social-links {
  grid-column-start: auto;
  margin-top: 0;
  margin-bottom: 2rem;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}

.social-links li {
  width: 3rem;
  height: 3rem;
  margin-right: 0.5rem;
}
@media print, screen and (min-width: 40em) {
  .social-links li {
    margin-top: 1rem;
  }
}
.social-links a {
  display: block;
  position: relative;
  background: var(--social-link-colour);
  width: 100%;
  height: 100%;
  border-radius: var(--social-link-border-radius);
}
.social-links a:hover {
  background: var(--social-link-colour-hover);
}
.social-links a:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  z-index: 1;
}
.social-links .linkedin:before {
  background-image: var(--icon-linkedin);
}
.social-links .twitter:before {
  background-image: var(--icon-twitter);
  left: -12.5%;
  right: -12.5%;
  top: -12.5%;
  width: 125%;
  height: 125%;
}
.social-links .mixcloud:before {
  background-image: var(--icon-mixcloud);
}
.social-links .facebook:before {
  background-image: var(--icon-facebook);
}
.social-links .instagram:before {
  background-image: var(--icon-instagram);
  left: 18.75%;
  right: 18.75%;
  width: 62.5%;
}
.social-links .youtube:before {
  background-image: var(--icon-youtube);
  left: 12.5%;
  right: 12.5%;
  width: 75%;
}
.social-links .soundcloud:before {
  background-image: var(--icon-soundcloud);
  left: 12.5%;
  right: 12.5%;
  width: 75%;
}
.social-links .discord:before {
  background-image: var(--icon-discord);
  left: 12.5%;
  right: 12.5%;
  width: 75%;
}
.social-links .website:before {
  background-image: var(--icon-website);
  left: 12.5%;
  right: 12.5%;
  width: 75%;
}
.social-links li.donations {
  width: auto;
}

.jx-style-switcher {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  font-weight: bold;
  font-family: var(--font-fam-headings);
  color: var(--style-switcher-text-col);
  background: var(--style-switcher-background);
  padding: 1rem;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.jx-style-switcher > span,
.jx-style-switcher > select {
  display: grid;
  place-items: center;
  margin-bottom: 0;
  height: 100%;
  color: black;
}
.jx-style-switcher select {
  background-color: white;
  -webkit-filter: brightness(110%) saturate(140%);
  filter: brightness(110%) saturate(140%);
  font-size: inherit;
  padding-top: 0;
  padding-bottom: 0;
  margin-bottom: 0;
  height: auto;
  width: auto;
  background-size: 0.75rem 0.75rem;
  background-position: right -1rem center;
}
.jx-style-switcher select {
  margin-left: 1rem;
}

.b-site-footer .jx-style-switcher {
  padding: 0;
  -webkit-box-pack: start;
  -webkit-justify-content: flex-start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  background: transparent;
}
.b-site-footer .jx-style-switcher > span,
.b-site-footer .jx-style-switcher > select {
  height: 2rem;
  margin-top: 1rem;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .b-site-footer .jx-style-switcher > span,
.b-site-footer .jx-style-switcher > select {
    margin-top: 1.85rem;
    margin-bottom: 0;
  }
}
.b-site-footer .jx-style-switcher > span {
  color: var(--site-footer-text-col);
}
.b-site-footer .jx-style-switcher > select {
  margin-left: 1rem;
}

table.packlist .meta {
  font-size: 0.8rem;
}

thead, tbody, tfoot {
  background-color: var(--table-bg-colour);
  color: var(--table-text-colour);
  border-color: var(--table-border-colour);
}
thead a:link, thead a:visited, thead a:link:hover, thead button.link, tbody a:link, tbody a:visited, tbody a:link:hover, tbody button.link, tfoot a:link, tfoot a:visited, tfoot a:link:hover, tfoot button.link {
  color: var(--table-link-colour);
}

thead {
  background-color: var(--table-head-bg-colour);
  color: var(--table-head-text-colour);
}
thead a:link, thead a:visited, thead a:link:hover, thead button.link {
  color: var(--table-head-link-colour);
}
thead .narrow {
  width: 5%;
}
thead .slim {
  width: 15%;
}
thead .wide {
  width: 20%;
}

tbody tr:nth-child(even) {
  background-color: var(--table-stipe-colour);
}

table.stats-table thead.sortable th {
  cursor: pointer;
}
table.stats-table thead.sortable th:hover {
  background: var(--table-head-bg-sortable-hover);
}
table.stats-table thead.sortable th.current {
  background: var(--table-head-bg-sortable-current);
  color: var(--table-head-bg-sortable-current-text);
}

@media (max-width: 768px) {
  .table-responsive {
    width: 100%;
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* smooth scrolling on iOS */
  }

  .table-responsive table {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    /* prevents squishing */
    min-width: 100%;
  }

  .table-responsive {
    border: 1px solid #ccc;
  }
}
.user-profile-card {
  background: var(--user-profile-card-background);
  border-radius: var(--user-profile-card-border-radius);
  height: 100%;
  overflow: hidden;
}
.user-profile-card > a.card-link {
  height: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.user-profile-card .image-wrap {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.user-profile-card .image-wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.user-profile-card figcaption {
  padding: 1rem;
  color: var(--user-profile-card-text-col);
  height: 100%;
  position: relative;
}
.user-profile-card figcaption h2 {
  color: var(--user-profile-card-text-col);
  margin-top: 0;
  font-size: var(--font-size-subhead);
}
.user-profile-card figcaption p {
  font-size: clamp(1rem, 1vw, 3rem);
  font-size: var(--font-size-small);
}

.user-profile-card__bio {
  color: var(--user-profile-card-text-col);
  margin: 0;
}

.user-bio {
  max-width: 100%;
  margin-top: -1px;
  max-height: 11.5rem;
  overflow-y: auto;
}
.user-bio p:first-child {
  margin-top: 0.5rem;
}
.user-bio p {
  color: var(--user-bio-text-col);
  font-size: var(--font-size-body);
  line-height: 1.35;
  padding: 0 1rem;
}

.user-bio::-webkit-scrollbar {
  width: 1rem;
}

.user-bio {
  scrollbar-width: thin;
  scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}

.user-bio::-webkit-scrollbar-track {
  background: var(--scrollbarBG);
}

.user-bio::-webkit-scrollbar-thumb {
  background-color: var(--thumbBG);
  border-radius: 6px;
  border: 3px solid var(--scrollbarBG);
}

.b-contact-details {
  position: relative;
  margin: 4rem -1rem 0;
  padding: 1rem 1rem 1rem;
  background-color: var(--contact-details-background);
  color: var(--contact-details-text-col);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 40em) {
  .b-contact-details {
    margin: 4rem -9999rem 0;
    /* add back negative margin value */
    padding: 1rem 9999rem 1rem;
  }
}
.b-contact-details h2 {
  text-align: center;
  margin-top: 0;
  color: var(--contact-details-text-col);
}
.b-contact-details ul {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  list-style: none;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.b-contact-details a {
  color: #fefefe;
}
.b-contact-details li + li {
  margin-left: 1.5rem;
}
.b-contact-details [itemprop=telephone] {
  position: relative;
  padding-left: 1.5rem;
  z-index: 2;
}
.b-contact-details [itemprop=telephone]:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2rem;
  height: 100%;
  background: var(--icon-phone) no-repeat;
  background-size: contain;
  z-index: 1;
}
.b-contact-details [itemprop=email] {
  position: relative;
  padding-left: 1.5rem;
  z-index: 2;
}
.b-contact-details [itemprop=email]:before {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  width: 2rem;
  height: 100%;
  background: var(--icon-email) no-repeat;
  background-size: contain;
  z-index: 1;
}
.b-contact-details [itemprop=sameAs] {
  position: relative;
  padding-left: 1.5rem;
  z-index: 2;
}
.b-contact-details [itemprop=sameAs]:before {
  position: absolute;
  content: "";
  top: -0.4rem;
  left: -0.5rem;
  width: 2rem;
  height: 2rem;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 1;
}
.b-contact-details .linkedin:before {
  background-image: var(--icon-linkedin);
  width: 1.25rem;
  height: 1rem;
  left: 0.15rem;
  top: 0rem;
}
.b-contact-details .twitter:before {
  background-image: var(--icon-twitter);
  left: -0.4rem;
}
.b-contact-details .mixcloud:before {
  background-image: var(--icon-mixcloud);
  left: -1px;
  top: 2px;
  width: 1.25rem;
}
.b-contact-details .facebook:before {
  background-image: var(--icon-facebook);
  left: -0.3rem;
}
.b-contact-details .instagram:before {
  background-image: var(--icon-instagram);
  width: 1.25rem;
  height: 1rem;
  left: 0.15rem;
  top: 0.1rem;
}
.b-contact-details .youtube:before {
  background-image: var(--icon-youtube);
  width: 1.25rem;
  height: 1rem;
  left: -0.15rem;
  top: 0.1rem;
}

.b-breakout-image {
  position: relative;
  z-index: 0;
  position: relative;
  margin: 0 -1rem 2rem;
  padding: 0 1rem 0;
  background-color: transparent;
  position: relative;
}
.b-breakout-image h1 {
  color: var(--font-col-headings-contrast);
}
.b-breakout-image .b-breakout-image__imagewrap {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.b-breakout-image .b-breakout-image__image {
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  top: 0;
  bottom: 0;
  width: 100vw;
  position: absolute;
  background-position: center;
  background-size: cover;
}
@media print, screen and (min-width: 40em) {
  .b-breakout-image {
    margin: 0 -9999rem 2rem;
    /* add back negative margin value */
    padding: 0 9999rem 0;
  }
}
.b-breakout-image:before {
  display: block;
  content: "";
  width: 100%;
  padding-top: 56.25%;
}
.b-breakout-image > .content,
.b-breakout-image > .shaped,
.b-breakout-image > iframe {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
@media print, screen and (min-width: 75em) and (max-width: 102.49875em) {
  .b-breakout-image {
    position: relative;
  }
  .b-breakout-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 50%;
  }
  .b-breakout-image > .content,
.b-breakout-image > .shaped,
.b-breakout-image > iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media screen and (min-width: 102.5em) {
  .b-breakout-image {
    position: relative;
  }
  .b-breakout-image:before {
    display: block;
    content: "";
    width: 100%;
    padding-top: 42.8571428571%;
  }
  .b-breakout-image > .content,
.b-breakout-image > .shaped,
.b-breakout-image > iframe {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}
@media print, screen and (min-width: 64em) {
  .b-breakout-image img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100vw;
    height: 100%;
    -o-object-fit: cover;
    object-fit: cover;
    z-index: 0;
  }
}
@media screen and (min-width: 102.5em) {
  .b-breakout-image img {
    -o-object-position: 0% 30%;
    object-position: 0% 30%;
  }
}
.b-breakout-image figcaption {
  bottom: 0%;
  margin-right: 0;
  z-index: 5;
  color: white;
  max-width: 100vw;
  font-weight: 900;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  display: grid;
  -webkit-align-content: center;
  -ms-flex-line-pack: center;
  align-content: center;
  font-size: var(--font-size-h0);
  text-shadow: var(--hero-text-shadow);
  text-transform: var(--text-transform-headings);
}
.b-breakout-image figcaption h1 {
  color: white;
}
.b-breakout-image figcaption p {
  margin-bottom: 0;
  font-size: 1.25rem;
}
@media print, screen and (min-width: 64em) {
  .b-breakout-image figcaption p {
    padding-left: 1rem;
    font-size: 2.5rem;
  }
}
.b-breakout-image figcaption span {
  display: block;
}
.b-breakout-image figcaption span.main {
  font-size: 200%;
}

.b-breakout-image--caption-underneath {
  margin-bottom: 6rem;
}
.b-breakout-image--caption-underneath figcaption {
  top: 100%;
  -webkit-transform: translateY(0%);
  -ms-transform: translateY(0%);
  transform: translateY(0%);
  font-size: 1.5rem;
}

.wp-embed-responsive .wp-embed-aspect-16-9 .wp-block-embed__wrapper:before {
  padding-top: 0;
}

.jx-collabs-selection > #user_selection {
  margin-top: 1rem;
  max-height: 19rem;
  margin-bottom: 1rem;
  overflow-y: auto;
}
.jx-collabs-selection #sp_collaborators {
  margin-bottom: 1.5rem;
}

.jx-collabs-chosen-user {
  position: relative;
  margin-top: 1rem;
  padding: 0 0.5rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.jx-collabs-chosen-user > .jx-collabs-chosen-user__bar {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.jx-collabs-chosen-user > .jx-collabs-chosen-user__bar .tiny {
  width: 50px;
  height: 50px;
  margin: 0.5rem 0.5rem 0.5rem 0;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
}
.jx-collabs-chosen-user > .jx-collabs-chosen-user__bar .jx-collabs-chosen-user__name {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.jx-collabs-chosen-user .jx-collabs-chosen-user__buttons {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1.5rem;
  padding: 0.5rem;
  margin-left: auto;
}
.jx-collabs-chosen-user .jx-collabs-chosen-user__buttons .link {
  font-size: 50%;
  color: inherit;
}
.jx-collabs-chosen-user .jx-collabs-chosen-user__buttons .button, .jx-collabs-chosen-user .jx-collabs-chosen-user__buttons ::file-selector-button, .jx-collabs-chosen-user .jx-collabs-chosen-user__buttons form.jx-form .frm_button_submit, form.jx-form .jx-collabs-chosen-user .jx-collabs-chosen-user__buttons .frm_button_submit,
.jx-collabs-chosen-user .jx-collabs-chosen-user__buttons .m-login-form .frm_button_submit,
.m-login-form .jx-collabs-chosen-user .jx-collabs-chosen-user__buttons .frm_button_submit, .jx-collabs-chosen-user .jx-collabs-chosen-user__buttons a.tip-button:link,
.jx-collabs-chosen-user .jx-collabs-chosen-user__buttons a.tip-button:visited {
  -webkit-align-self: center;
  -ms-flex-item-align: center;
  align-self: center;
}
.jx-collabs-chosen-user .jx-collabs-chosen-user__notes {
  display: none;
  margin-top: 0.5rem;
  -webkit-transform: translateY(-0.5rem);
  -ms-transform: translateY(-0.5rem);
  transform: translateY(-0.5rem);
  resize: vertical;
}

#user_selection button:not([data-samplist=true]) {
  background-color: var(--button-2-bg-colour);
  color: var(--button-2-colour);
}

a.collaborator {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  text-decoration: none;
}
a.collaborator h3 {
  margin: 0;
}

.collaborator__image {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 25%;
  -ms-flex: 0 0 25%;
  flex: 0 0 25%;
}
@media print, screen and (min-width: 64em) {
  .collaborator__image {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 15%;
    -ms-flex: 0 0 15%;
    flex: 0 0 15%;
  }
}
.collaborator__image > img {
  width: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  aspect-ratio: 1/1;
}

.collaborator__text {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 75%;
  -ms-flex: 1 0 75%;
  flex: 1 0 75%;
  text-align: left;
}
.collaborator__text h3 {
  text-align: left;
}

.loadmore_wrapper {
  margin-bottom: 2rem;
}

.sort-and-search {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
@media print, screen and (min-width: 64em) {
  .sort-and-search {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -ms-flex-pack: justify;
    justify-content: space-between;
  }
}
.sort-and-search #searchUsers {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(33.3333% - 1rem);
  -ms-flex: 0 0 calc(33.3333% - 1rem);
  flex: 0 0 calc(33.3333% - 1rem);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
}
.sort-and-search #searchUsers > input {
  padding: 0.5rem;
}
@media print, screen and (min-width: 64em) {
  .sort-and-search #searchUsers > input {
    margin: auto 0;
  }
}
.sort-and-search #searchUsers input[type=submit] {
  margin-left: 1rem;
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 64em) {
  .sort-and-search #searchUsers input[type=submit] {
    margin-bottom: auto;
  }
}

/**
 * Templates
 */
.suggested-users {
  display: grid;
  gap: 1rem;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.suggested-users .box.samplist .jx-form__section {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 33.3333%;
  -ms-flex: 0 0 33.3333%;
  flex: 0 0 33.3333%;
}
.suggested-users .box.samplist .user-profile-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.suggested-users .box.samplist .user-profile-photo img {
  width: 100%;
  height: 15rem;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.suggested-users .box.samplist .user-profile-photo figcaption {
  position: relative;
  top: 0;
  width: 100%;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
  margin-top: auto;
}
.suggested-users .box.samplist .user-profile-photo h1 {
  margin-top: 0;
}
.suggested-users .box.samplist .user-profile-photo p {
  margin-bottom: 0;
}
.suggested-users .box.samplist a {
  overflow: hidden;
}
.suggested-users .box.samplist .created_by {
  display: none;
}
.suggested-users .box.samplist .jx_followers {
  width: 100%;
  margin-left: 0;
}
.suggested-users .box.samplist .jx_followers ul {
  display: none;
}

/**
 * Pianobook Artists
 */
.pianobook-artists-logo {
  width: 40rem;
  max-width: 100%;
}
@media print, screen and (min-width: 75em) {
  .pianobook-artists-logo {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
}

.postbox {
  width: 100%;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  place-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: 1.5rem;
}
@media print, screen and (min-width: 40em) {
  .postbox {
    display: grid;
    grid-template-columns: 1fr 1fr;
    grid-gap: 1rem;
  }
}
@media print, screen and (min-width: 64em) {
  .postbox {
    grid-template-columns: 1fr 1fr 1fr;
  }
}

.postcard.postcard--blog .headline {
  text-transform: uppercase;
}

body.single-post .entry-content p,
body.single-post .entry-content a,
body.single-post .entry-content ul,
body.single-post .entry-content ol,
body.single-post .entry-content h3,
body.single-post .entry-content h4,
body.single-post .entry-content h5,
body.single-post .entry-content h6 {
  margin-left: auto;
  margin-right: auto;
  max-width: var(--para-width);
}
body.single-post .entry-content h1 {
  text-transform: uppercase;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--para-width);
}
body.single-post .entry-content h2, body.single-post .entry-content h3 {
  text-transform: lowercase;
  margin-left: auto;
  margin-right: auto;
  max-width: var(--para-width);
}
body.single-post .entry-content h2:first-letter,
body.single-post .entry-content h3:first-letter {
  text-transform: uppercase;
}
body.single-post .entry-content h1,
body.single-post .entry-content h2,
body.single-post .entry-content p.byline {
  text-align: center;
}
body.single-post .entry-content p + h2,
body.single-post .entry-content h2 + p {
  margin-top: 2rem;
}
body.single-post .entry-content .wp-block-embed {
  margin-top: 2rem;
  margin-bottom: 2rem;
}

/**
 * Sample Pack forms
 */
#samplepack_excerpt {
  resize: none;
  overflow: auto;
}

#samplepack_story {
  resize: vertical;
  overflow: auto;
}

textarea#samplepack_story {
  padding-bottom: 2rem;
}

.add-to-collection-from-header {
  text-align: right;
  padding: 0;
}
.add-to-collection-from-header > button.addtocollection {
  background-color: var(--button-addtocollection-bg-heading);
  border: none;
  -webkit-transform: unset;
  -ms-transform: unset;
  transform: unset;
}
.add-to-collection-from-header > button.addtocollection:hover {
  background-color: var(--button-addtocollection-bg-heading);
  border: none;
}

.add-to-collection-from-card {
  text-align: right;
  padding: var(--button-addtocollection-from-card-pad);
  position: relative;
  width: 100%;
}
.add-to-collection-from-card > button {
  position: absolute;
}

/**
 * User profile
 */
#user_bio {
  resize: vertical;
  overflow: auto;
}

/**
 * Plugins
 */
#moove_gdpr_cookie_info_bar#moove_gdpr_cookie_info_bar * {
  font-size: var(--body-size) !important;
  line-height: 1.6 !important;
  font-family: var(--font-family-body) !important;
  font-weight: var(--text-weight-body);
  font-style: var(--text-style-body);
  text-transform: var(--text-transform-body);
}
#moove_gdpr_cookie_info_bar#moove_gdpr_cookie_info_bar button {
  color: var(--button-colour) !important;
  border-radius: var(--button-border-radius) !important;
  border: none !important;
  background: var(--button-bg-colour) !important;
}
#moove_gdpr_cookie_info_bar#moove_gdpr_cookie_info_bar button:hover {
  color: var(--button-colour-hover) !important;
  border-radius: var(--button-border-radius) !important;
  border: none !important;
  background: var(--button-bg-colour-hover) !important;
  -webkit-filter: brightness(120%) saturate(140%);
  filter: brightness(120%) saturate(140%);
}
#moove_gdpr_cookie_info_bar#moove_gdpr_cookie_info_bar .change-settings-button:hover {
  color: white !important;
  text-decoration: none !important;
}

#moove_gdpr_cookie_modal .moove-gdpr-modal-content {
  border-radius: 0 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content * {
  line-height: 1.6 !important;
  font-family: var(--font-family-body) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content button {
  color: var(--button-colour) !important;
  border-radius: var(--button-border-radius) !important;
  border: none !important;
  background: var(--button-bg-colour) !important;
  font-family: var(--font-family-body) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content button span {
  text-transform: var(--text-transform-body) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content button span:hover {
  color: var(--cookie-popup-button-span-col) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content button:hover {
  color: var(--button-colour-hover) !important;
  border-radius: var(--button-border-radius) !important;
  border: none !important;
  background: var(--button-bg-colour-hover) !important;
  -webkit-filter: brightness(120%) saturate(140%);
  filter: brightness(120%) saturate(140%);
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content button:hover span {
  color: var(--cookie-popup-button-span-col) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-close,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-branding-cnt {
  display: none !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-left-content {
  background: var(--cookie-popup-background1) !important;
  border-radius: 0 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-right-content {
  background: var(--cookie-popup-background2) !important;
  border-radius: 0 !important;
  padding-top: 1rem !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content span.tab-title {
  font-style: var(--text-style-headings);
  font-weight: var(--text-weight-headings);
  font-family: var(--font-family-headings);
  color: var(--font-col-body) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content p {
  font-size: var(--body-size) !important;
  line-height: 1.6;
  font-family: var(--font-family-body);
  font-weight: var(--text-weight-body);
  font-style: var(--text-style-body);
  text-transform: var(--text-transform-body);
  color: var(--font-col-body) !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-footer-content {
  background: none !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .cookie-switch input:checked + .cookie-slider,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-modal-content .moove-gdpr-tab-main .moove-gdpr-status-bar.gdpr-checkbox-disabled .switch input:checked + .slider {
  background: black !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch input:checked + .cookie-slider,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch input:checked + .slider,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch input:checked + .cookie-slider,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch input:checked + .slider {
  background-color: #2ec935 !important;
}
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch input:checked + .cookie-slider:after,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .cookie-switch input:checked + .slider:after,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch input:checked + .cookie-slider:after,
#moove_gdpr_cookie_modal .moove-gdpr-modal-content .switch input:checked + .slider:after {
  color: #2ec935 !important;
}

.gdpr_lightbox {
  background: rgba(0, 0, 0, 0.3) !important;
}

.bbpress-wrapper .bbp-breadcrumb .bbp-breadcrumb-home,
.bbpress-wrapper .bbp-breadcrumb .bbp-breadcrumb-home + .bbp-breadcrumb-sep,
.bbpress-wrapper .bbp-breadcrumb .bbp-breadcrumb-root,
.bbpress-wrapper .bbp-breadcrumb .bbp-breadcrumb-root + .bbp-breadcrumb-sep {
  display: none;
}
.bbpress-wrapper .bbp-header,
.bbpress-wrapper .bbp-body,
.bbpress-wrapper .bbp-footer,
.bbpress-wrapper .bbp-topic-title {
  max-width: 100%;
}

/* Rather unpleasant hack to target hcaptcha UI element that's rendering incorrectly */
html div:where([style*=transition]) :where([style*=pointer-events]) {
  border-style: none;
}

/**
 * Effects
 */
/**
 * Client
 */
/**
 * Client specific styles
 */
.modal--add-to-collection .button-list.button-list--stacked {
  margin-top: 1rem;
  padding-top: 1rem;
  border-top: var(--divider);
}
.modal--add-to-collection .button-list.button-list--stacked > li {
  max-width: unset;
}
.modal--add-to-collection .button-list.button-list--stacked > li + a {
  margin-top: 1rem;
}

.main-area.single-collection {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  margin-bottom: 1rem;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.main-area.single-collection .box {
  width: 100%;
}
.main-area.single-collection > .column > .message {
  margin-bottom: 1rem;
}
@media print, screen and (min-width: 40em) {
  .main-area.single-collection {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
  }
  .main-area.single-collection .box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 25%;
    -ms-flex: 0 0 25%;
    flex: 0 0 25%;
  }
  .main-area.single-collection .column {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 75%;
    -ms-flex: 0 0 75%;
    flex: 0 0 75%;
  }
}

.demo-highlights {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  overflow: hidden;
}
.demo-highlights h2 {
  font-size: var(--font-size-h3);
  margin: var(--demo-highlights-title-margin);
  padding: var(--demo-highlights-title-padding);
}

.demo-highlights-embed {
  overflow-y: scroll;
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  border-radius: var(--postcard-border-radius);
}

.single-pb_samplepacks .box.demos {
  text-align: left;
}
.single-pb_samplepacks .box.demos iframe + div {
  display: none;
}
.single-pb_samplepacks .glsr-summary-wrap {
  background: #efefef;
  padding: 1rem;
  margin-bottom: 2rem;
}
@media print, screen and (min-width: 40em) {
  .single-pb_samplepacks .sidebar {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .single-pb_samplepacks .sidebar .box {
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 40%;
    -ms-flex: 1 0 40%;
    flex: 1 0 40%;
  }
}
@media print, screen and (min-width: 64em) {
  .single-pb_samplepacks .sidebar {
    display: block;
  }
  .single-pb_samplepacks .sidebar .box {
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto;
  }
}

.box.downloads {
  padding-bottom: var(--unit);
  border-bottom: var(--border);
}

.box.collector {
  width: 30%;
  float: left;
  margin-right: 2rem;
}
.box.collector a:link,
.box.collector a:visited {
  text-decoration: none;
  display: block;
  position: relative;
}
.box.collector a:link h2,
.box.collector a:visited h2 {
  font-size: 1.25rem;
  margin: 0;
  color: var(--samplist-boxout-text-col);
  background-color: var(--sample-pack-bg-1);
  padding: 0.5rem;
  display: block;
}
.box.collector a:link figure,
.box.collector a:visited figure {
  padding: 0;
  margin: 0;
  border-radius: 0;
  position: relative;
  width: 100%;
  padding-top: 100%;
}
.box.collector a:link figure img,
.box.collector a:visited figure img {
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
}

.box.samplist {
  text-align: center;
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-top: var(--unit);
}
@media print, screen and (min-width: 64em) {
  .box.samplist {
    margin-top: 0;
  }
}
.box.samplist a:link,
.box.samplist a:visited {
  text-decoration: none;
  display: block;
  position: relative;
}
.box.samplist a:link .jx-avatar,
.box.samplist a:visited .jx-avatar {
  padding: 0;
  margin: 0;
  border-radius: 0;
  position: relative;
  width: 100%;
  padding-top: 100%;
  overflow: hidden;
  border-radius: var(--box-samplist-border-radius);
  border: var(--theme-border-2);
}
.box.samplist a:link .jx-avatar img,
.box.samplist a:visited .jx-avatar img {
  top: 0;
  width: 100%;
  height: 100%;
  -o-object-position: center;
  object-position: center;
  -o-object-fit: cover;
  object-fit: cover;
  position: absolute;
  right: 0;
}
.box.samplist a:hover figure img {
  -webkit-filter: grayscale(0%);
  filter: grayscale(0%);
}
.box.samplist .jx_followers {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding: 1rem 0;
}
.box.samplist .jx_followers ul {
  list-style: none;
}
.box.samplist .jx_followers > a {
  margin: 0 1rem;
}

@media print, screen and (max-width: 39.99875em) {
  .pb-sp-block.header {
    margin-bottom: 1rem;
  }
}
@media print, screen and (min-width: 40em) {
  .pb-sp-block.header {
    position: fixed;
    top: 5rem;
    left: 5vw;
    right: 5vw;
    width: 95%;
  }
}

@media print, screen and (min-width: 40em) {
  .pb-sp-block.header + .layout {
    margin-top: calc(25vh + 3rem);
  }
}
@media print, screen and (min-width: 64em) {
  .pb-sp-block.header + .layout {
    margin-top: calc(35vh + 3rem);
  }
}

.sp-banner img {
  width: 100%;
}

.sample-pack-video {
  position: relative;
  margin-bottom: 2rem;
}
.sample-pack-video .wp-video {
  margin-bottom: 0;
}
.sample-pack-video button {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

.gui-screen {
  margin: 0 0 2rem 0;
  position: relative;
}
.gui-screen figcaption {
  padding-top: 0.25rem;
  font-size: 0.9rem;
}
.gui-screen button {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
}

/**
 * Edit SP
 */
ul.sampler-formats {
  padding-left: 0;
  margin-top: 1rem;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-flow: row wrap;
  -ms-flex-flow: row wrap;
  flex-flow: row wrap;
}
ul.sampler-formats label {
  margin-right: 1rem;
}

.latest-samplepacks {
  width: 100%;
}

.pb-sp-block,
a.pb-sp-block {
  position: relative;
  width: 100%;
  max-width: 100%;
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  text-decoration: none;
}
@media print, screen and (min-width: 64em) {
  .pb-sp-block,
a.pb-sp-block {
    height: 35vh;
    margin-bottom: 2rem;
  }
}
.pb-sp-block figure,
a.pb-sp-block figure {
  width: 100%;
  height: 100%;
}
.pb-sp-block figure > img,
a.pb-sp-block figure > img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
@media print, screen and (min-width: 64em) {
  .pb-sp-block figcaption,
a.pb-sp-block figcaption {
    width: 55%;
    position: absolute;
    top: 50%;
    right: 0%;
    -webkit-transform: translateX(0%) translateY(-75%);
    -ms-transform: translateX(0%) translateY(-75%);
    transform: translateX(0%) translateY(-75%);
  }
}
.pb-sp-block figcaption > div,
a.pb-sp-block figcaption > div {
  background: var(--postcard-block-col);
  width: 100%;
  padding: 1rem;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pb-sp-block figcaption > div > *,
a.pb-sp-block figcaption > div > * {
  max-width: 100%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.pb-sp-block h1, .pb-sp-block h2, .pb-sp-block h3,
a.pb-sp-block h1,
a.pb-sp-block h2,
a.pb-sp-block h3 {
  color: var(--postcard-block-font-col);
  font-size: var(--font-size-h0);
  text-shadow: var(--hero-text-shadow);
  z-index: 10;
  position: relative;
  margin: 0;
}
.pb-sp-block .description,
a.pb-sp-block .description {
  color: var(--postcard-block-font-col);
  font-size: var(--font-size-subhead);
  margin: 0;
}

a.pb-sp-block:hover figcaption div,
.pb-sp-block > a:hover figcaption div {
  background: var(--sp-index-background1);
}

.form-title {
  text-align: center;
  padding-top: 2rem;
  margin-top: 3rem;
  border-top: var(--divider);
}

.jx-form.sp fieldset legend {
  display: block;
  margin: 0 0 3rem 0;
  border: 0;
  padding: 0;
  width: 100%;
}
.jx-form.sp fieldset legend span {
  position: absolute;
  -webkit-transform: translateY(35%);
  -ms-transform: translateY(35%);
  transform: translateY(35%);
  font-size: 1.75rem;
}
.jx-form.sp fieldset.bg {
  background: var(--fieldset-background);
  padding: 1rem;
  margin-top: 2rem;
}
.jx-form.sp fieldset.step {
  background: var(--fieldset-step-background);
  padding: 1rem;
  margin: 2rem auto auto auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 50rem;
}
.jx-form.sp fieldset.step > label:first-child {
  margin-top: 0;
}
.jx-form.sp fieldset.step .flabel {
  margin-bottom: -0.5rem;
}
.jx-form.sp fieldset.step.columns {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
}
.jx-form.sp fieldset.step.columns .jx-form__half {
  -webkit-box-flex: 1;
  -webkit-flex: 1 0 auto;
  -ms-flex: 1 0 auto;
  flex: 1 0 auto;
}
.jx-form.sp fieldset.step h3 {
  margin-top: 0;
}
.jx-form.sp fieldset.step .info {
  display: block;
  font-weight: normal;
  margin-bottom: 0.5rem;
}
.jx-form.sp fieldset.step .field-group {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  gap: 1rem;
}
.jx-form.sp fieldset.step .field-group > label {
  -webkit-box-flex: 0;
  -webkit-flex: 0 0 calc(50% - 0.5rem);
  -ms-flex: 0 0 calc(50% - 0.5rem);
  flex: 0 0 calc(50% - 0.5rem);
  margin-top: 0;
  margin-bottom: 0.5rem;
}
.jx-form.sp fieldset.step .field-group.video label {
  -webkit-flex-shrink: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1;
}
.jx-form.sp fieldset.step button.extra-video {
  margin: auto;
  -webkit-transform: translateY(0.5rem);
  -ms-transform: translateY(0.5rem);
  transform: translateY(0.5rem);
}

[data-step="1"] .button-group {
  margin-top: 2rem;
}
[data-step="1"] .button-group .button.prev, [data-step="1"] .button-group .prev::file-selector-button, [data-step="1"] .button-group form.jx-form .prev.frm_button_submit, form.jx-form [data-step="1"] .button-group .prev.frm_button_submit,
[data-step="1"] .button-group .m-login-form .prev.frm_button_submit,
.m-login-form [data-step="1"] .button-group .prev.frm_button_submit, [data-step="1"] .button-group a.prev.tip-button:link,
[data-step="1"] .button-group a.prev.tip-button:visited {
  display: none;
}

.jx-form.sp .step .highlight {
  border: solid 4px var(--form-step-highloght-border);
}

.step {
  background: var(--fieldset-step-background);
  padding: 1rem;
  margin: 2rem auto auto auto;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  max-width: 50rem;
  color: var(--label-colour);
}
.step h3 {
  margin-top: 0;
}
.step label {
  color: var(--font-col-body);
}

#file-chooser {
  margin-bottom: 1rem;
  border-radius: var(--select-border-radius);
  font-size: 1.5rem;
}
#file-chooser:focus {
  background: #ffd;
  border: 2px solid var(--select-colour);
}

.uploader-results > p {
  margin: 1rem 0 0 0;
}

@media print, screen and (min-width: 64em) {
  .pb-promo-content {
    display: grid;
    grid-gap: 0;
    grid-template-columns: 2fr 1fr;
  }
  .pb-promo-content > .featured-samplist {
    padding-right: calc(var(--global-grid-gap) * 0.33333);
  }
  .pb-promo-content > .demo-highlights {
    padding-left: calc(var(--global-grid-gap) * 0.66666);
  }
  .pb-promo-content h2 {
    margin-top: 0;
  }
}

.members-list, .profile-card-list {
  list-style: none;
  padding: 0;
  margin: 0;
  display: grid;
  grid-gap: var(--global-grid-gap);
}
@media print, screen and (min-width: 40em) {
  .members-list, .profile-card-list {
    grid-template-columns: 1fr 1fr;
    grid-template-rows: auto;
  }
}
@media print, screen and (min-width: 64em) {
  .members-list, .profile-card-list {
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media print, screen and (min-width: 75em) {
  .members-list, .profile-card-list {
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }
}
.members-list li, .profile-card-list li {
  grid-column: auto/span 1;
}
.members-list a, .profile-card-list a {
  text-decoration: none;
  display: block;
}
.members-list a .user-profile-photo, .profile-card-list a .user-profile-photo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  margin-bottom: 0;
  width: 100%;
}
.members-list a .user-profile-photo img, .profile-card-list a .user-profile-photo img {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
}
.members-list a .user-profile-photo figcaption, .profile-card-list a .user-profile-photo figcaption {
  position: relative;
  width: 100%;
  top: 100%;
  -webkit-transform: none;
  -ms-transform: none;
  transform: none;
  color: var(--user-profile-card-text-col);
  background: var(--user-profile-card-background);
  text-align: center;
  padding: 0.5rem;
  -webkit-transition: var(--transition);
  transition: var(--transition);
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
}
.members-list a .user-profile-photo figcaption > div, .profile-card-list a .user-profile-photo figcaption > div {
  background: none;
  width: 100%;
}
.members-list a .user-profile-photo figcaption h1, .profile-card-list a .user-profile-photo figcaption h1 {
  margin-top: 0;
}
.members-list a:hover figcaption, .profile-card-list a:hover figcaption {
  background: var(--user-profile-card-background-hover);
}

.num_sp {
  padding: 0.5rem 0.75rem 0.5rem 3.5em;
  border-radius: 0;
  margin: 0;
  background-color: var(--published-packs-text-bg);
  color: var(--published-packs-text);
  font-weight: bold;
  background-image: var(--icon-sampler);
  background-repeat: no-repeat;
  background-position: 1rem 0.25rem;
}
.num_sp > a:link, .num_sp a:visited, .num_sp a:hover, .num_sp a:focus {
  color: inherit;
  text-decoration: none;
}
.num_sp a:hover, .num_sp a:focus {
  text-decoration: underline;
}

#usernameContainer {
  --size: 100%;
  width: var(--size);
}

h1#usernameToResize {
  --fontStretch: 200%;
  --fontSize: var(--font-size-h1);
  letter-spacing: unset;
  font-size: var(--fontSize);
  font-stretch: var(--fontStretch);
  display: -webkit-inline-box;
  display: -webkit-inline-flex;
  display: -ms-inline-flexbox;
  display: inline-flex;
}

.theme-checker {
  background: #ccc;
}
.theme-checker > * {
  color: black;
  font-family: "rubik", sans-serif;
  line-height: 1.2;
  letter-spacing: initial;
  text-transform: capitalize;
}
.theme-checker .body {
  padding: 1rem;
}
/*# sourceMappingURL=style.css.map */