h1,
h2,
h3,
h4,
h5,
h6 {
    line-height: 1.2em;
}

/*============================================================================*\
    CSS Index
\*============================================================================*/

/*
Theme Version — 1.0.0
*/

/*
== Root ==
*/

/*
== Components ==
- Page Containers
- Footer Responsive
- Typography
-- Spacing
- Buttons
-- Spacing
- Option Inputs
-- Layout
-- Titles
-- Selects
-- Checkboxes/Radio
-- Buttons
-- Fields
-- Product Add-Ons
-- Product Cost Total
- Add Product Form
-- Layout
-- Quantity
-- Buttons
-- Dialogs
- Side Navigation
 */

/*
== Unified List ==
- Layouts
-- Defaults
-- 1 Across
-- 1 Across (Minimal)
-- 1 Across (Blog)
-- 1 Across (Options)
-- 2 Across
-- 3 Across
-- 4 Across
- Details
-- Title
-- Publish
-- Short Summary
-- Quick View
-- Rating
- Filtering
-- Categories
-- Reset
-- Sorting
-- Side Column
-- Fullwidth
- Promotions
-- List Item
-- Page
- Quick View Modal
- Page Galleries
-- Carousel
-- Carousel Large
-- Carousel Minimal
-- Thumbnail
-- Fullwidth
-- List
-- Side by Side
- Comments
 */

/*
== Blocks ==
- Defaults
- Galleries
-- Carousel
-- Carousel Large
-- Carousel Minimal
-- Thumbnail
-- Fullwidth
-- List
-- Side by Side
- Related Categories
- Expandables
-- Tabs
-- Accordions
- Forms
-- Layout
-- Captcha
-- Submit
-- Thank You
- Form Submissions
-- Container
-- Entries
- Files
-- List
-- Buttons
- User Profile
- Calendar
- Polls
- Tags
-- Layouts
 */

/*
== Pages ==
- My Account
- Edit My Profile
- Recent Orders
- Memberships
- Archived Orders
- Admin Notes
- Login
- Forgot Password
- Sign Up
- Search Results
- Member Search
 */

/*============================================================================*\
    1. Root
\*============================================================================*/

:root {
    /* SUI Error */
    --sui-color-error-text: #8a1e1e;
    --sui-color-error-border: #dea7a7;
    --sui-color-error-background: #fff4f4;
    /* Greys */
    --black: #141516;
    --grey-darkest: #45494A;
    --grey-darker: #767D7F;
    --grey-dark: #959B9D;
    --grey: #BFC3C4;
    --grey-light: #D5D7D8;
    --grey-lighter: #DFE1E2;
    --grey-lightest: #F4F5F5;
    --white: #FFFFFF;
    /* Fonts */
    --font-family-icon: 'Font Awesome 5 Pro', 'Font Awesome 5 Brands';
    /* Font Sizes */
    --font-size-display-large: 3rem;
    --font-size-display: 2.5rem;
    --font-size-display-small: 2rem;
    --font-size-largest: 1.75rem;
    --font-size-larger: 1.5rem;
    --font-size-large: 1.25rem;
    --font-size-normal: 1rem;
    --font-size-small: 0.875rem;
    --font-size-smallest: 0.75rem;
    /* Font Weights */
    --font-weight-black: 900;
    --font-weight-bold: 700;
    --font-weight-normal: 400;
    --font-weight-light: 300;
    --font-weight-thin: 200;
    /* Line Heights */
    --line-height-large: 1.6em;
    --line-height-normal: 1.2em;
    --line-height-small: 1em;
    /* Spacing */
    --spacing-largest: 4rem;
    --spacing-larger: 2.5rem;
    --spacing-large: 1.5rem;
    --spacing: 1rem;
    --spacing-small: 0.75rem;
    --spacing-smaller: 0.5rem;
    --spacing-smallest: 0.25rem;
    /* Border-Radius */
    --border-radius-full: 999px;
    --border-radius-large: 12px;
    --border-radius: 5px;
    --border-radius-small: 3px;
    /* Borders */
    --border-solid-large: 2px solid;
    --border-solid: 1px solid;
    --border-dashed-large: 2px dashed;
    --border-dashed: 1px dashed;
    /* Box-Shadows */
    --box-shadow-large: 0px 17px 95px -3px rgba(0, 0, 0, 0.1);
    --box-shadow: 0px 10px 15px -3px rgba(0, 0, 0, 0.1);
    --box-shadow-small: 0px 5px 10px -3px rgba(0, 0, 0, 0.1);
}

@media only screen and (max-width: 767px) {

    :root {
        --border-radius-large: 8px;
    }

}

/*============================================================================*\
    Components
\*============================================================================*/

/* ==
Page Containers
== */

/* Overflow */

body.body {
    overflow-x: hidden;
}

.zone-section.zone-main-section.section-wrapper.root-section-wrapper {
    overflow-x: hidden;
}

/* Header */

.page-header-wrapper {
    /*position: relative;*/
    /*z-index: 3;*/
}

/* Content */

.page-content-wrapper {
    /*position: relative;*/
    /*z-index: 2;*/
}

/* Footer */

.page-footer-wrapper {
    /*position: relative;*/
    /*z-index: 1;*/
}

/* With Sidebar */

@media only screen and (min-width: 768px) {

    body.with-sidebar .columns-wrapper.root-section-wrapper>.content-wrapper,
    body.right-sidebar .columns-wrapper.root-section-wrapper>.content-wrapper {
        padding: var(--spacing-large) 0;
    }

    body.with-sidebar .root-section-wrapper>.content-wrapper .content-row {
        display: flex;
        justify-content: stretch;
        gap: var(--spacing);
        padding: 0 var(--spacing);
        margin: 0;
        flex-direction: row;
        flex-grow: 1;
    }

    body.with-sidebar .root-section-wrapper>.content-wrapper .content-row::before,
    body.with-sidebar .root-section-wrapper>.content-wrapper .content-row::after {
        display: none;
    }

    body.with-sidebar .root-section-wrapper>.content-wrapper .content-row>.side-column {
        width: 25%;
    }

    body.with-sidebar .root-section-wrapper>.content-wrapper .content-row>.main-column {
        width: 75%;
    }

    body.with-extra-sidebar .root-section-wrapper>.content-wrapper .nested-columns>.content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    body.with-extra-sidebar .root-section-wrapper>.content-wrapper .nested-columns>.content-wrapper>.content-row {
        padding-left: 0;
        padding-right: 0;
    }

    body.with-extra-sidebar .root-section-wrapper>.content-wrapper .content-row>.side-column-right  {
        width: 35%;
    }

    body.with-extra-sidebar .root-section-wrapper>.content-wrapper .content-row>.side-column-right>.zone-section>.content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

    body.with-sidebar .root-section-wrapper>.content-wrapper .content-row>* {
        float: none;
        padding: 0;
    }
}

@media only screen and (max-width: 767px) {

    /* Show sidebar sections on smaller window sizes */

    body.with-sidebar .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row,
    body.with-sidebar .nested-columns>.content-wrapper>.content-row {
        display: flex;
        flex-direction: column;
        gap: var(--spacing);
    }

    body.with-sidebar .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>aside {
        order: 2;
    }

    body.with-sidebar .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>section {
        order: 1;
    }

    body.with-sidebar .nested-columns>.content-wrapper {
        padding-bottom: 0;
    }

    body.with-sidebar .nested-columns>.content-wrapper>.content-row>aside {
        order: 2;
    }

    body.with-sidebar .nested-columns>.content-wrapper>.content-row>section {
        order: 1;
    }

    body.with-sidebar .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>aside,
    body.with-sidebar .nested-columns>.content-wrapper>.content-row>aside {
        display: block !important;
        padding-left: 0;
        padding-right: 0;
    }

    body.with-sidebar .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>aside>.zone-section,
    body.with-sidebar .nested-columns>.content-wrapper>.content-row>aside>.zone-section {
        display: block;
    }

    body.with-sidebar .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>aside>.zone-section>.content-wrapper,
    body.with-sidebar .nested-columns>.content-wrapper>.content-row>aside>.zone-section>.content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

}

/* ==
Footer Responsive Link
== */

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

.disable-responsiveness {
    display: none !important;
}

/* ==
Top Bar
== */

/* Layout */

body.sui-sf-feature-top-bar-flex--enabled .quick-nav {
    align-items: center;
}

.top-site-bar>.content-wrapper {
    gap: var(--spacing);
    padding: var(--spacing-smaller) var(--spacing);
}

.top-site-bar>.content-wrapper::before,
.top-site-bar>.content-wrapper::after {
    display: none;
}

.top-site-bar>.content-wrapper .site-top-bar {
    width: auto;
    margin-left: 0;
    margin-right: auto;
}

.top-site-bar :is(.site-top-bar, .site-top-bar *) {
    text-align: left;
    width: fit-content;
}

@media only screen and (max-width: 767px) {

    body.sui-sf-feature-top-bar-flex--enabled .quick-nav {
        flex-direction: column;
    }

    .top-site-bar>.content-wrapper {
        justify-content: center;
        padding: var(--spacing);
    }

    .top-site-bar>.content-wrapper .site-top-bar {
        margin: 0 auto;
    }

    .top-site-bar :is(.site-top-bar, .site-top-bar *) {
        text-align: center;
        width: 100%;
    }

}

@media only screen and (min-width: 768px) {
    .top-site-bar>.content-wrapper .site-top-bar {
        max-width: calc(100% - 400px);
    }

    body.sui-sf-feature-top-bar-flex--enabled .quick-nav .nav-links {
        width: 100%;
        justify-content: flex-end;
    }
}

/* Typography */

.top-site-bar :is(h1, h2, h3, h4, h5, h6, p, a, span, .quick-nav .sui-microcart-widget__label) {
    line-height: 1em;
    font-size: var(--font-size-small);
}

@media only screen and (max-width: 767px) {}

/* Account Links */

.top-site-bar .nav-links {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: var(--spacing-small);
}

.top-site-bar .nav-links * {
    padding: 0;
    margin: 0;
}

.top-site-bar .store-microcart .microcart.sui-microcart-widget {
    padding: 0;
}

.top-site-bar .nav-links :is(.account-links, a.microcart) {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.top-site-bar .nav-links .account-links {
    gap: var(--spacing-small);
}

.top-site-bar .nav-links a.microcart {
    gap: var(--spacing-smallest);
}

@media only screen and (max-width: 767px) {

    .top-site-bar .nav-links {
        justify-content: center;
    }
}

/* Search */

.top-site-bar .quick-search {
    width: 100%;
    max-width: 400px;
    padding: 0;
}

.top-site-bar .quick-search form {
    display: flex;
    align-items: center;
    position: relative;
    z-index: 1;
    isolation: isolate;
    width: 100%;
    height: auto;
    min-height: 2.5rem;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.top-site-bar .quick-search form::before {
    content: '';
    position: absolute;
    z-index: -1;
    inset: 0;
    width: 100%;
    height: 100%;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    filter: opacity(0.75);
    -webkit-filter: opacity(0.75);
}

.top-site-bar .quick-search form * {
    font-size: var(--font-size-normal);
}

.top-site-bar .quick-search form input#querystring {
    font-size: var(--font-size-small);
    width: calc(100% - 48px);
    padding: var(--spacing-smallest) var(--spacing-smallest) var(--spacing-smallest) var(--spacing);
    outline: transparent;
    filter: brightness(100) opacity(0.66);
    -webkit-filter: brightness(100) opacity(0.66);
}

.top-site-bar .quick-search form input#querystring::selection {
    color: var(--grey);
    background-color: var(--black);
}

.top-site-bar .quick-search form input[type="submit"] {
    width: 48px;
    filter: brightness(1.5);
    -webkit-filter: brightness(1.5);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.top-site-bar .quick-search form input[type="submit"]:is(:focus, :hover) {
    filter: brightness(3);
    -webkit-filter: brightness(3);
}

.top-site-bar .quick-search>form:after {
    color: var(--white);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    right: 12px;
}

@media only screen and (max-width: 767px) {

    .top-site-bar .quick-search {
        display: none;
    }

}

/* Mobile Cart Display */

@media only screen and (max-width: 767px) {

    .body .quick-nav .store-links {
        position: relative;
        width: fit-content;
        background: transparent;
    }

    body .quick-nav .store-links .store-microcart {
        float: unset;
        display: block;
        width: fit-content;
        text-align: center;
        background: transparent;
    }

    body .quick-nav .store-links .store-microcart a {
        background: transparent;
    }

}

/* ==
Site Logo
== */

/* Defaults */

.site-logo {
    display: flex;
    align-items: center;
}

/* No Header Content */

@media only screen and (max-width: 767px) {

    .site_header-content_empty .site-logo {
        width: 60vw;
        max-width: 400px;
    }

}

/* ==
Main Navigation
== */

/* Navigation Container */

.top-site-header>.content-wrapper {
    padding: var(--spacing) 0;
}

.navbar-nav {
    margin: 0;
}

@media only screen and (min-width: 768px) {

    .navbar-nav {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        gap: 0;
    }

    .navbar-nav::before,
    .navbar-nav::after {
        display: none;
    }

}

/* Navigation Items */

body.body .navbar-nav a,
.navbar-nav ul.dropdown-menu a.nav-button_link {
    font-size: var(--font-size-normal);
    text-transform: none;
    border: none;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body .navbar-nav>li>a:is(:focus, :hover),
.navbar-nav ul.dropdown-menu>li>a.nav-button_link:is(:focus, :hover) {
    opacity: 1;
    filter: opacity(1);
    -webkit-filter: opacity(1);
}

body.body .navbar-nav>li>a::before,
body.body .navbar-nav>li>a::after {
    display: none;
}

.navbar-default .navbar-nav>.open>a {
    background-color: transparent;
}

body.body .navbar-nav>li ul li>a::before,
body.body .navbar-nav>li ul li>a::after {
    display: none;
}

body.body .navbar-nav>li:first-of-type {
    /* Hide default homepage link */
    display: none;
}

@media only screen and (min-width: 768px) {

    body.body .navbar-nav ul.dropdown-menu>li:first-of-type {
        /* Hide repeat dropdown link on desktop */
        display: none;
    }

}

/* Navigation Decorators */

body.body .navbar-nav li.active>a::before,
body.body .navbar-nav li.active>a::after {
    transform: translateY(0);
    -webkit-transform: translateY(0);
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    opacity: 1;
}

/* Dropdowns */

@media only screen and (min-width: 768px) {

    body.body .navbar-nav ul.dropdown-menu {
        pointer-events: none;
        display: block;
        padding: 0;
        border: none;
        border-radius: var(--border-radius);
        -webkit-border-radius: var(--border-radius);
        -moz-border-radius: var(--border-radius);
        -ms-border-radius: var(--border-radius);
        -o-border-radius: var(--border-radius);
        box-shadow: var(--box-shadow);
        transition: 0;
        -webkit-transition: 0;
        -moz-transition: 0;
        -ms-transition: 0;
        -o-transition: 0;
        filter: opacity(0);
        -webkit-filter: opacity(0);
        transition-delay: 0.3s;
    }

    body.body .navbar-nav ul.dropdown-menu.open {
        pointer-events: all;
        filter: opacity(1);
        -webkit-filter: opacity(1);
        transition: filter 0.2s ease;
        -webkit-transition: filter 0.2s ease;
        -moz-transition: filter 0.2s ease;
        -ms-transition: filter 0.2s ease;
        -o-transition: filter 0.2s ease;
    }

    body.body .navbar-nav ul.dropdown-menu>li {
        border-bottom: var(--border-solid) var(--grey-lighter);
    }

    body.body .navbar-nav ul.dropdown-menu>li a,
    body.body .navbar-nav ul.dropdown-menu>li a>strong {
        font-weight: var(--font-weight-normal);
    }

    body.body .navbar-nav ul.dropdown-menu>li:last-of-type {
        border-bottom: none;
    }

    body.body .navbar-nav ul.dropdown-menu ul.dropdown-menu a {
        font-weight: inherit;
    }

}

/* ==
Mobile Navigation
== */

/* Menu */

@media only screen and (max-width: 767px) {

    .top-site-header>.content-wrapper {
        position: relative;
        isolation: isolate;
        z-index: 1;
        display: flex;
        align-items: center;
    }

    .top-site-header,
    .top-site-header>.content-wrapper {
        height: 84px;
    }

    .site-header {
        z-index: 1;
        max-width: 300px;
    }

    .primary-nav {
        position: absolute;
        z-index: 0;
        top: 0;
        right: 0;
        width: 100vw !important;
        padding: var(--spacing) 0 0 0;
    }

    .navbar {
        border: none;
    }

    .navbar-collapse {
        border: none;
        top: 68px;
    }

    .in.navbar-collapse {
        background-color: var(--white);
    }

    .top-site-header .navbar-nav {
        border-bottom: var(--border-solid) var(--grey-lighter);
    }

    .navbar-nav a::before,
    .navbar-nav a::after {
        display: none;
    }

    .navbar-nav .nav-button_link {
        background-color: var(--black);
    }

}

/* Hamburger */

@media only screen and (max-width: 767px) {

    .navbar .navbar-btn {
        position: relative;
        z-index: 1;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-smaller);
        width: fit-content;
        border: none;
        background-color: transparent;
        box-shadow: none;
    }

    .navbar .navbar-btn.active,
    .navbar .navbar-btn.disabled,
    .navbar .navbar-btn:active,
    .navbar .navbar-btn:focus,
    .navbar .navbar-btn:hover,
    .navbar .navbar-btn[disabled] {
        background-color: transparent;
    }

    .navbar .navbar-btn::before {
        display: none;
    }

    .navbar-btn:is(:active, :hover) {
        background-color: transparent;
    }

    .navbar .navbar-btn .icon-bar,
    .navbar .navbar-btn:is(:active, :hover) .icon-bar {
        background-color: var(--black);
    }

    .navbar .navbar-btn>.icon-bar {
        position: relative;
        width: 50px;
        transition: 0.3s ease;
        -webkit-transition: 0.3s ease;
        -moz-transition: 0.3s ease;
        -ms-transition: 0.3s ease;
        -o-transition: 0.3s ease;
    }

    /* Missing 'collapsed' class on document load, animation removed as a result */

    /* .navbar .navbar-btn>.icon-bar:nth-child(1) {
        top: 15px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
    }

    .navbar .navbar-btn>.icon-bar:nth-child(2) {
        transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
    }

    .navbar .navbar-btn>.icon-bar:nth-child(3) {
        top: -15px;
        transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        opacity: 0;
        filter: opacity(0);
        -webkit-filter: opacity(0);
    } */

    .navbar .navbar-btn.collapsed>.icon-bar {
        top: unset;
        transform: none;
        -webkit-transform: none;
        -moz-transform: none;
        -ms-transform: none;
        -o-transform: none;
        opacity: 1;
        filter: opacity(1);
        -webkit-filter: opacity(1);
    }

    .navbar .navbar-btn.collapsed>.icon-bar:nth-child(2) {
        width: 100%;
        margin-left: 0;
    }

}

/* ==
Breadcrumbs
== */

/* Defaults */

body.body .top-page-bar .content-wrapper .breadcrumb-bar {
    font-size: var(--font-size-small);
}

body.body .top-page-bar .content-wrapper .breadcrumb-trail,
body.body .top-page-bar .content-wrapper .divider {
    font-size: var(--font-size-small);
}

body.body .top-page-bar .content-wrapper .breadcrumb-trail:hover,
body.body .top-page-bar .content-wrapper .breadcrumb-trail:focus-visible,
body.body .top-page-bar .content-wrapper .breadcrumb-trail:focus {
    color: inherit;
}

@media only screen and (max-width: 767px) {

    body.with-sidebar .top-page-bar .content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

}

/* Active Page */

body.body .top-page-bar .content-wrapper .breadcrumb-trail:last-of-type {
    /* Disable click event on current page */
    pointer-events: none;
}

/* ==
Typography
== */

/* Scaling */

html {
    font-size: 100%;
}

/* Line Height */

blockquote {
    line-height: var(--line-height-normal);
}

/* TinyMCE Presentation */

#tinymce p {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
}

/* Default Link Behaviour */

a:hover,
a:focus,
a:focus-visible,
#cart_Add_Message span a:hover,
#p_recaptcha_widget a:hover,
.account_side_container a:hover,
.cart_Add_Message span a:hover,
.product_option-browse .product_option-toggle:hover,
.search-result tr a:hover,
.search-result-item-title a:hover,
.site-link a:hover,
#cart_Add_Message span a:focus,
#p_recaptcha_widget a:focus,
.account_side_container a:focus,
.cart_Add_Message span a:focus,
.product_option-browse .product_option-toggle:focus,
.search-result tr a:focus,
.search-result-item-title a:focus,
.site-link a:focus,
#cart_Add_Message span a:focus-visible,
#p_recaptcha_widget a:focus-visible,
.account_side_container a:focus-visible,
.cart_Add_Message span a:focus-visible,
.product_option-browse .product_option-toggle:focus-visible,
.search-result tr a:focus-visible,
.search-result-item-title a:focus-visible,
.site-link a:focus-visible {
    opacity: 1;
    filter: opacity(1);
    -webkit-filter: opacity(1);
}

#cart_Add_Message span a,
#p_recaptcha_widget a,
.account_side_container a,
.cart_Add_Message span a,
.product_option-browse .product_option-toggle,
.search-result tr a,
.search-result-item-title a,
.site-link a {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
}

.site-link.editor-content a:not(.sui-sf-c-btn) {
    color: var(--black);
}

/* Lists */

ul li,
ol li {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
}

ul li::marker {
    color: var(--black);
}

/* Blockquotes */

blockquote {
    color: var(--grey-darker);
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
    border-left: 4px solid var(--grey-light);
}

/* Preformatted */

/* ==
Buttons
== */

a.sui-sf-c-btn {
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-decoration: none;
    text-align: center;
    max-width: 100%;
    margin: 0 var(--spacing-smaller) var(--spacing-smaller) 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

p>a.sui-sf-c-btn:last-of-type {
    margin-right: 0;
}

a.sui-sf-c-btn.sui-sf-c-btn--tertiary {
    box-shadow: none;
}

/* ==
Option Inputs
== */

/* Layout */

.product_option-fields {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
}

.product_option-field {
    display: flex;
    flex-direction: column;
    margin: 0;
    gap: var(--spacing-smallest);
}

.product_option-field__label-container>label {
    margin: 0;
}

/* Titles */

.productOptionName {
    margin: 0;
}

.productOptionName>label {
    display: block;
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

/* Input Defaults */

.productOptionControl>input {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    max-width: 100%;
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    background-color: var(--white);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* Text Areas */

.productOptionControl>textarea {
    color: var(--grey-darker);
    width: 100% !important;
    min-height: 6rem;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* Selects */

.product-options .ui-selectmenu-button.ui-button,
.productOptionControl .ui-selectmenu-button {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    padding: var(--spacing-small) var(--spacing-smaller);
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    background-color: var(--white);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.productOptionControl .ui-selectmenu-button.ui-selectmenu-button-open {
    border-bottom-color: transparent;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
}

.ui-selectmenu-menu.ui-selectmenu-open .ui-widget.ui-widget-content {
    padding: var(--spacing-smaller);
    border: var(--border-solid) var(--grey-light);
    border-top: none;
    border-bottom-left-radius: var(--border-radius);
    border-bottom-right-radius: var(--border-radius);
    box-shadow: var(--box-shadow-small);
}

body.body .ui-menu .ui-menu-item-wrapper,
body.body .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper {
    display: flex;
    flex-direction: row-reverse;
    justify-content: flex-end;
    gap: var(--spacing);
    color: var(--grey-darker);
    padding: var(--spacing-smaller);
    margin: 0;
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body .ui-menu .ui-menu-item-wrapper.ui-state-active,
body.body .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper.ui-state-active {
    color: var(--black);
    background-color: var(--grey-lightest);
}

body.body .ui-selectmenu-menu .ui-menu.customicons .ui-menu-item-wrapper .ui-icon {
    position: relative;
    inset: auto;
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
}

/* Checkboxes / Radio */

.product_option-checkbox label,
.product_option-radio label {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    width: 100%;
    float: none;
    line-height: var(--line-height-large);
    margin: 0;
}

.product_option-checkbox .product_options-input,
.product_option-radio .product_options-input {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    gap: var(--spacing);
}

.product_option-checkbox .product_options-input::after,
.product_option-radio .product_options-input::after {
    display: none;
}

.product_option-checkbox input,
.product_option-radio input {
    cursor: pointer;
}

.product_option-checkbox .product_options-input input[type=checkbox],
.product_option-radio .product_options-input input[type=radio] {
    margin: 0;
}

/* Buttons */

.productOptionControl>.ui-controlgroup-horizontal {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
}

.productOptionControl>.ui-controlgroup-horizontal::before,
.productOptionControl>.ui-controlgroup-horizontal::after {
    display: none;
}

.productOptionControl>.ui-controlgroup-horizontal>.product_options-input {
    padding: 0;
    margin: 0;
}

.productOptionControl>.ui-controlgroup-horizontal>.product_options-input>.product_options-input-label {
    color: var(--grey-darker);
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.productOptionControl>.ui-controlgroup-horizontal>.product_options-input>.product_options-input-label:hover {
    color: var(--black);
    border-color: var(--black);
}

.productOptionControl>.ui-controlgroup-horizontal>.product_options-input>.product_options-input-label.ui-state-active,
.productOptionControl>.ui-controlgroup-horizontal>.product_options-input>.product_options-input-label.ui-state-active:hover {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}

.productOptionControl>.ui-controlgroup-horizontal>.product_options-input>.product_options-input-label>.ui-checkboxradio-icon,
.productOptionControl>.ui-controlgroup-horizontal>.product_options-input>.product_options-input-label>.ui-checkboxradio-icon-space {
    display: none;
}

/* Number Fields */

.productOptionControl input[type="number"] {
    color: var(--grey-darker);
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
}

.product_option-field[data-product-field--min][data-product-field--max]::after {
    font-size: var(--font-size-small);
}

.product_option-field[data-product-field--min][data-product-field--max].product_option-price::after {
    padding: var(--spacing-smallest) 0 0 var(--spacing);

}

/* Calendar Field */

.product_option-calendar .productOptionControl {
    display: flex;
    align-items: center;
}

.product_option-calendar .productOptionControl>input {
    width: 100%;
}

.product_option-calendar .productOptionControl>button {
    align-self: stretch;
    width: auto;
    padding: var(--spacing);
    border: none;
}

.product_option-calendar .productOptionControl>button>i::before {
    color: var(--grey-darker);
}

.product_option-calendar .productOptionControl>button:hover>i::before,
.product_option-calendar .productOptionControl>button:focus-visible>i::before,
.product_option-calendar .productOptionControl>button:focus>i::before {
    color: var(--black);
}

.ui-datepicker.ui-widget.ui-widget-content {
    padding: var(--spacing-small);
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--box-shadow-large);
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-header {
    color: var(--grey-darkest);
    font-weight: var(--font-weight-normal);
    border: none;
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    background-color: var(--grey-lightest);
}

.ui-datepicker.ui-widget.ui-widget-content table {
    margin: 0;
}

.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span {
    cursor: pointer;
}

.ui-datepicker.ui-widget.ui-widget-content table th>span {
    color: var(--grey-darkest);
    font-weight: var(--font-weight-normal);
}

.ui-datepicker.ui-widget.ui-widget-content table td>a {
    line-height: var(--line-height-normal);
    text-align: center;
    padding: var(--spacing-smaller);
}

.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-default {
    color: var(--grey-darkest);
    font-size: var(--font-size-small);
    border: none;
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    background-color: var(--grey-lightest);
}

.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-highlight {
    color: var(--white);
    background-color: var(--black);
}

.ui-datepicker.ui-widget.ui-widget-content .ui-timepicker-div {
    padding: var(--spacing) 0 0;
    margin: var(--spacing) 0 0;
    border-top: var(--border-solid) var(--grey-lighter);
}

.ui-datepicker.ui-widget.ui-widget-content .ui-timepicker-div>dl {
    display: flex;
    align-items: center;
    justify-content: space-between;
    margin: 0;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_hour_label {
    color: var(--grey-darker);
    padding: 0;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_hour {
    margin: 0;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_hour select {
    min-width: 8rem;
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane.ui-widget-content {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: var(--spacing-smaller) 0 0;
    margin: var(--spacing-small) 0 0;
    border-top: var(--border-solid) var(--grey-lighter);
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane.ui-widget-content button {
    color: var(--black);
    font-weight: var(--font-weight-normal);
    min-width: 5rem;
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    opacity: 1;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane.ui-widget-content button:hover,
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane.ui-widget-content button:focus-visible,
.ui-datepicker.ui-widget.ui-widget-content .ui-datepicker-buttonpane.ui-widget-content button:focus {
    color: var(--white);
    border-color: var(--black);
    background-color: var(--black);
}

/* Product Add-ons */

.product_option-field.product_option-browse {
    gap: 0;
}

.product_option-field.product_option-browse .productOptionName {
    margin: 0;
}

.product_option-field.product_option-browse .product_option-toggle {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    color: var(--grey-darker);
    font-weight: var(--font-weight-bold);
    width: 100%;
    padding: var(--spacing);
    margin: var(--spacing-smallest) 0 0;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.product_option-field.product_option-browse .product_option-toggle:hover {
    color: var(--black);
    border-color: var(--black);
}

.product_option-field.product_option-browse .product_option-toggle::before {
    content: '\f077';
    font-family: var(--font-family-icon);
    padding: 0;
}

.product_option-field.product_option-browse .product_option-toggle.collapsed::before {
    content: '\f078';
}

.product_option-field.product_option-browse .product_option-toggle.expanded,
.product_option-field.product_option-browse .product_option-toggle.expanded:hover {
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-color: var(--grey-light);
    border-bottom-color: transparent;
}

.product_browse {
    padding: 0;
    border-top: none;
    border-right: var(--border-solid) var(--grey-light);
    border-bottom: var(--border-solid) var(--grey-light);
    border-left: var(--border-solid) var(--grey-light);
    border-radius: 0 0 var(--border-radius) var(--border-radius);
    -webkit-border-radius: 0 0 var(--border-radius) var(--border-radius);
    -moz-border-radius: 0 0 var(--border-radius) var(--border-radius);
    -ms-border-radius: 0 0 var(--border-radius) var(--border-radius);
    -o-border-radius: 0 0 var(--border-radius) var(--border-radius);
    background-color: transparent;
}

.product_browse .product_browse-items {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
    padding: 0 0 var(--spacing);
}

.product_browse .product_browse-items .product_browse-product {
    margin: 0;
}

.product_browse .product_browse-items .product_browse-product * {
    cursor: pointer;
}

.product_browse img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.product_browse .product-price {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
}

.product_browse-items .category-product-title {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
}

/* Product Cost Total */

.product-options-price-adjust,
.product-options-price-adjust:not(.no-price-mod) {
    color: var(--grey-darkest);
    padding: var(--spacing);
    margin: var(--spacing-smaller) auto;
    border: var(--border-solid) var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

.product-options-price-adjust * {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
}

.product-options-price-adjust .product-adjusted-options-price {
    padding: var(--spacing-small) 0 var(--spacing-large);
    margin: var(--spacing-smaller) 0 0;
    border-top: var(--border-solid) var(--grey-light);
}

.product_option-price-mod-text.price-mod-label,
.price-mod-label {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
}

/* ==
Variant Inputs
== */

/* Dots */

.product_variant_list__option--dots.product_variant_list__option--thumbs {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_label {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_label>.product_variant__option_title {
    color: var(--grey-darker);
    font-size: var(--font-size-small);
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_label>.product_variant__option_selected_item {
    color: var(--grey-darkest);
    font-weight: var(--font-weight-bold);
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-smaller);
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items::before,
.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items::after {
    display: none;
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item {
    margin: 0;
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label {
    position: relative;
    isolation: isolate;
    z-index: 1;
    padding: 0;
    margin: 0;
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked {
    pointer-events: none;
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: var(--border-solid) transparent;
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked::before,
.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover::before,
.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label:hover::before {
    border-color: var(--black);
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label>img {
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked>img,
.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover>img,
.product_variant_list__option--dots.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label:hover>img {
    transform: scale(0.75);
    -webkit-transform: scale(0.75);
    -moz-transform: scale(0.75);
    -ms-transform: scale(0.75);
    -o-transform: scale(0.75);
}

/* Thumbnails */

.product_variant_list__option--thumbs {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.product_variant_list__option--thumbs .product_variant_list__option_label {
    display: flex;
    flex-direction: column;
    padding: 0;
}

.product_variant_list__option--thumbs .product_variant_list__option_label>.product_variant__option_title {
    color: var(--grey-darker);
    font-size: var(--font-size-small);
}

.product_variant_list__option--thumbs .product_variant_list__option_label>.product_variant__option_selected_item {
    color: var(--grey-darkest);
    font-weight: var(--font-weight-bold);
}

.product_variant_list__option--thumbs .product_variant_list__option_items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
}

.product_variant_list__option--thumbs .product_variant_list__option_items::before,
.product_variant_list__option--thumbs .product_variant_list__option_items::after {
    display: none;
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item {
    padding: 0;
    margin: 0;
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label {
    position: relative;
    isolation: isolate;
    z-index: 1;
    padding: 0;
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: transparent;
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked {
    pointer-events: none;
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label::before {
    content: '';
    display: block;
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    border: var(--border-solid) transparent;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked::before,
.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover::before,
.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label:hover::before {
    border-color: var(--black);
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label>img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked>img,
.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover>img,
.product_variant_list__option--thumbs .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label:hover>img {
    transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -moz-transform: scale(0.85);
    -ms-transform: scale(0.85);
    -o-transform: scale(0.85);
}

/* Pills */

.product_variant_list__option--pills {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.product_variant_list__option--pills .product_variant_list__option_label {
    display: flex;
    flex-direction: column;
    color: var(--grey-darkest);
    font-weight: var(--font-weight-bold);
    padding: 0;
}

.product_variant_list__option--pills .product_variant_list__option_items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-smaller);
}

.product_variant_list__option--pills .product_variant_list__option_items::before,
.product_variant_list__option--pills .product_variant_list__option_items::after {
    display: none;
}

.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item {
    margin: 0;
}

.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label {
    color: var(--grey-darkest);
    padding: var(--spacing-small) var(--spacing);
    margin: 0;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    background-color: var(--grey-lightest);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked {
    pointer-events: none;
}

.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked,
.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover,
.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

.product_variant_list__option--pills .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label>img {
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

/* Buttons */

.product_variant_list__option--buttons {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.product_variant_list__option--buttons .product_variant_list__option_label {
    display: flex;
    flex-direction: column;
    color: var(--grey-darkest);
    font-weight: var(--font-weight-bold);
    padding: 0;
}

.product_variant_list__option--buttons .product_variant_list__option_items {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-smaller);
}

.product_variant_list__option--buttons .product_variant_list__option_items::before,
.product_variant_list__option--buttons .product_variant_list__option_items::after {
    display: none;
}

.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item {
    margin: 0;
}

.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label {
    color: var(--grey-darkest);
    padding: var(--spacing-small) var(--spacing);
    margin: 0;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked {
    pointer-events: none;
}

.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked,
.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label.ui-checkboxradio-checked:hover,
.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

.product_variant_list__option--buttons .product_variant_list__option_items>.product_variant_list__option_item>label.ui-checkboxradio-radio-label>img {
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
}

/* Select */

.product_variant_list__option--select {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.product_variant_list__option--select .product_variant_list__option_label {
    display: flex;
    flex-direction: column;
    color: var(--grey-darkest);
    font-weight: var(--font-weight-bold);
    padding: 0;
}

.product_variant_list__option--select .ui-selectmenu-button {
    width: 100%;
    padding: var(--spacing-small) var(--spacing);
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

.product_variant_list__option--select .ui-selectmenu-button[aria-expanded="true"] {
    border-bottom-color: transparent;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}

.product_variant_list__option--select .ui-selectmenu-button>.ui-selectmenu-text {
    display: flex;
    align-items: center;
    gap: var(--spacing-smaller);
    line-height: var(--line-height-large);
}

.product_variant_list__option--select .ui-selectmenu-button>.ui-selectmenu-text>.ui-icon {
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
}

/* Radio */

.product_variant_list__option--radio {
    overflow: hidden;
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.product_variant_list__option--radio .product_variant_list__option_label {
    display: flex;
    flex-direction: column;
    color: var(--grey-darkest);
    font-weight: var(--font-weight-bold);
    padding: 0;
}

.product_variant_list__option--radio .product_variant_list__option_items>ul {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
    padding: 0 0 0 var(--spacing);
    margin: 0;
}

.product_variant_list__option--radio .product_variant_list__option_items>ul>.product_variant_list__option_item,
.product_variant_list__option--radio .product_variant_list__option_items>ul>.product_variant_list__option_item * {
    cursor: pointer;
}

.product_variant_list__option--radio .product_variant_list__option_item>label {
    margin: 0;
}

.product_variant_list__option--radio .product_variant_list__option_item>label>img {
    width: 100%;
    height: 100%;
    max-width: 2rem;
    max-height: 2rem;
    border-radius: var(--border-radius-small);
    margin: 0 var(--spacing-smaller);
}

/* ==
Add Product Form
== */

/* Layout */

.add_to_cart-form {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--spacing-small);
    max-width: 800px;
}

@media only screen and (max-width: 767px) {

    .list .list-item-product .comment-summary,
    .list .list-item-product .list-item-datum-add_to_cart,
    .list .list-item-product .list-item-datum-sale-name,
    .list .list-item-product .list-item-datum-sku,
    .list .list-item-product .list-item-datum-view_button,
    .list .list-item-product .summary .rating-label,
    .list .list-item-product div[id^=product_options-] {
        display: initial;
    }

}

/* Quantity */

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content,
.list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content {
    overflow: hidden;
    display: flex !important;
    align-items: stretch;
    flex: 1 1 160px;
    margin: 0;
    border: var(--border-solid) var(--grey-light);
    background-color: var(--white);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.list.list-three_column .list-item-product .list-item-datum-add_to_cart .add_to_cart-qty,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content {
    display: inline-block;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) .add_to_cart--spinner_container input.add_to_cart-qty,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a {
    width: 100%;
    height: auto;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a {
    max-width: 3rem;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) .add_to_cart--spinner_container input.add_to_cart-qty,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a {
    position: relative;
    display: inline-block;
    font-size: var(--font-size-small);
    padding: var(--spacing) var(--spacing-large);
    height: auto;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) .add_to_cart--spinner_container input.add_to_cart-qty {
    order: 2;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a {
    cursor: pointer;
    inset: initial;
    background-color: var(--white);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a:hover {
    background-color: var(--grey-lightest);
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a.ui-spinner-down {
    order: 1;
    border: none;
    border-right: var(--border-solid) var(--grey-light);
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content>a.ui-spinner-up {
    order: 3;
    border: none;
    border-left: var(--border-solid) var(--grey-light);
}

/* Buttons */

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a {
    flex: 4 1 160px;
    font-size: var(--font-size-normal) !important;
    height: auto;
    padding: 0 !important;
    margin: 0 !important;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_cart-form-submit,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) .add_to_quote-form-submit,
.list-item-datum-view_button {
    width: auto;
    height: auto;
    padding: 0;
    margin: 0;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a::before,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_cart-form-submit:before,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_quote-form-submit:before,
.list-item-datum-view_button>a::before {
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-normal) !important;
    font-weight: var(--font-weight-bold);
    letter-spacing: normal !important;
    text-transform: none;
    text-decoration: none !important;
    width: 100%;
    height: 100%;
    padding: var(--spacing) var(--spacing-large) !important;
    margin: 0 !important;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a::after,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a>span {
    display: none;
}

.list-item-datum-view_button>a::before {
    content: 'View Product';
    color: var(--white);
    border: var(--border-solid) var(--black);
    background-color: var(--black);
}

.list-item-datum-view_button>a:hover::before {
    color: var(--white);
    border: var(--border-solid) var(--black);
    background-color: transparent;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_cart-dialog-open::before,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_cart-form-submit::before {
    content: 'Add to Cart';
    color: var(--white);
    border: var(--border-solid) var(--black);
    background-color: var(--black);
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_cart-dialog-open:hover::before,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_cart-form-submit:hover::before {
    color: var(--black) !important;
    border: var(--border-solid) var(--black) !important;
    background-color: transparent !important;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_quote-dialog-open::before,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_quote-form-submit::before {
    content: 'Add to Quote';
    color: var(--black);
    border: var(--border-solid) var(--grey-light);
    background-color: transparent;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_quote-dialog-open:hover::before,
body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a.add_to_quote-form-submit:hover::before {
    color: var(--black) !important;
    border: var(--border-solid) var(--grey-lightest) !important;
    background-color: var(--grey-lightest) !important;
}

.add_to_cart-form>div,
.add_to_cart-form>input {
    flex: 1 1 100%;
}

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form>.add_to_cart-message {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-smaller);
    margin: 0;
}

@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) and (orientation : portrait) and (-webkit-min-device-pixel-ratio: 1) {

    .category-product-add-cart form.add_to_cart-form>a:before,
    .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a:before,
    .view-button a:before,
    .list-item-product .list-item-datum-view_button a:before {
        padding: var(--spacing) var(--spacing-large);
        font-size: var(--font-size-normal);
        letter-spacing: 0;
    }
}

@media only screen and (max-width: 767px) {

    .product_option-fields {
        display: block;
        margin: var(--spacing) 0;
    }

}

/* Dialog - Error */

.product-options .product_option-field--listbox .error+.ui-selectmenu-button {
    background-color: var(--grey-lightest);
}

.productOptionControl>textarea.error {
    max-width: 100%;
    background-color: var(--grey-lightest);
}

.productOptionControl>.errorText {
    cursor: default;
    display: block;
    color: var(--sui-color-error-text);
    line-height: var(--line-height-normal);
    width: fit-content;
    padding: 0;
    margin: var(--spacing-smaller) 0 0;
}

.product_options-input .errorText {
    cursor: default;
    display: block;
    color: var(--sui-color-error-text);
    line-height: var(--line-height-normal);
    width: 100%;
    padding: 0;
}

:is(.product-add, .list-item) .errorText {
    cursor: default;
    display: inline-block;
    color: var(--sui-color-error-text);
    line-height: var(--line-height-normal);
    width: fit-content;
    padding: var(--spacing-smaller);
    border: var(--border-dashed) var(--sui-color-error-border);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--sui-color-error-background);
}

/* Dialog - Success */

:is(.product-add, .list-item) form>.add_to_cart-message *,
:is(.product-add, .list-item) .add_to_cart-message span.text:before {
    font-size: var(--font-size-normal);
}

:is(.product-add, .list-item) form>.add_to_cart-message a {
    color: var(--black) !important;
}

/* Form Inputs */

.block-block_form form .form-body>table>tbody {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}

.block-block_form form .form-body>table>tbody>tr {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
}

.block-block_form form .form-body>table>tbody>tr>th {
    padding: 0;
}

.block-block_form form .form-body>table>tbody>tr>th>label,
.block-block_form form .form-body>table>tbody>tr>th {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    width: 100%;
    padding: 0;
}

.block-block_form form .form-body>table>tbody>tr>td>input,
.block-block_form form .form-body>table>tbody>tr>td>textarea {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    width: 100% !important;
    padding: var(--spacing-small);
    margin: 0;
    border-style: solid !important;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.block-block_form form .form-body>table>tbody>tr>td>textarea {
    min-height: 6rem;
}

.block-block_form form .form-body>table>tbody>tr>td>select {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    padding: var(--spacing-small) var(--spacing-smaller);
    margin: 0;
    border-style: solid !important;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
}

.block-block_form form .form-body>table>tbody>tr>td>input:is(.form-checkbox-option, .form-radio-option) {
    width: 1rem !important;
}

.block-block_form form .form-body>table>tbody>tr>td>label.form-checkbox-option-label,
.block-block_form form .form-body>table>tbody>tr>td>label.form-radio-option-label {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    margin: 0 0 0 var(--spacing);
}

.block-block_form form .form-body>table>tbody>tr>td>:is(select.form-time, input.form-time) {
    width: 6rem !important;
}

.block-block_form form .form-body>table>tbody>tr>td>select.form-time:nth-child(1) {
    margin: 0 var(--spacing) 0 0;
}

.block-block_form form .form-body>table>tbody>tr>td>select.form-time:nth-child(2) {
    margin: 0 var(--spacing);
}

.block-block_form form .form-body>table>tbody>tr>td>input.form-time {
    margin: 0 0 0 var(--spacing);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_form form .form-body>table>tbody>tr>td>:is(select.form-time, input.form-time) {
        width: calc(100% - 2rem) !important;
    }

    [class*="zone-side"] .block-block_form form .form-body>table>tbody>tr>td>select.form-time {
        margin: 0 var(--spacing) 0 0;
    }

    [class*="zone-side"] .block-block_form form .form-body>table>tbody>tr>td>select.form-time:nth-child(2) {
        margin: var(--spacing) var(--spacing) 0 0;
    }

    [class*="zone-side"] .block-block_form form .form-body>table>tbody>tr>td>input.form-time {
        margin: var(--spacing) var(--spacing) 0 0;
    }

}

@media only screen and (max-width: 767px) {

    .block-block_form form .form-body>table>tbody>tr>td>:is(select.form-time, input.form-time) {
        width: calc(100% - 2rem) !important;
    }

    .block-block_form form .form-body>table>tbody>tr>td>select.form-time {
        margin: 0 var(--spacing) 0 0;
    }

    .block-block_form form .form-body>table>tbody>tr>td>select.form-time:nth-child(2) {
        margin: var(--spacing) var(--spacing) 0 0;
    }

    .block-block_form form .form-body>table>tbody>tr>td>input.form-time {
        margin: var(--spacing) var(--spacing) 0 0;
    }


}


/* ==
Side Navigation
== */

/* Defaults */

.side-nav ul {
    margin: 0 0 var(--spacing);
}

.side-nav ul li {
    border-bottom: var(--border-solid) var(--grey-light);
}

.side-nav ul li:last-of-type {
    border-bottom: none;
}

.side-nav ul li a {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
    padding: var(--spacing-small) 0;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.side-nav ul li a:hover,
.side-nav ul li a:focus-visible,
.side-nav ul li a:focus {
    color: var(--black);
}

.side-nav ul li a>strong {
    color: var(--black);
    font-weight: var(--font-weight-normal);
}

.side-nav ul ul {
    padding: 0 0 0 var(--spacing);
}

.side-nav ul ul li a {
    padding: var(--spacing-small) 0;
}

/* Decorators */

.side-nav .navigation-second>ul>li.selected>ul,
.side-nav .navigation-second>ul>li.selected>ul>li>ul {
    position: relative;
    isolation: isolate;
    z-index: 1;
}

.side-nav .navigation-second>ul>li.selected>ul::before,
.side-nav .navigation-second>ul>li.selected>ul>li>ul::before {
    content: '';
    pointer-events: none;
    position: absolute;
    background-color: var(--grey-light);
}

.side-nav .navigation-second>ul>li.selected>ul::before,
.side-nav .navigation-second>ul>li.selected>ul>li>ul::before {
    inset: 0;
    width: 1px;
    height: 100%;
}


/*============================================================================*\
    Unified List
\*============================================================================*/

/* ==
Layouts
== */

/* Pagination */

.list>.pager:first-of-type {
    margin-bottom: var(--spacing);
}

.list>.pager:last-of-type {
    margin: var(--spacing) auto;
}

.pager div {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}

.pager div:empty {
    display: none;
}

.pager :is(a, span, b) {
    display: block;
    font-size: var(--font-size-normal);
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.pager a {
    color: var(--grey-darkest);
    background-color: transparent;
    border: var(--border-solid) var(--grey-lighter);
}

.pager a:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

.pager b {
    cursor: default;
    color: var(--white);
    background-color: var(--black);
    border: var(--border-solid) var(--black);
}

.pager>div>:first-of-type {
    margin-right: var(--spacing-smaller);
}

.pager>div>:nth-child(3)>* {
    margin-left: 2px;
}

.pager>div>div:nth-last-child(2) {
    margin-left: 2px;
}

.pager>div>div:last-of-type {
    margin-left: var(--spacing-smaller);
}

/* Defaults */

body.body .list .layout-grid {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
}

body.body .list .layout-grid-row {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing);
    padding: 0 !important;
    margin: 0 !important;
}

body.body .list .layout-grid-row::before,
body.body .list .layout-grid-row::after {
    display: none !important;
}

body.body .list .layout-grid-row-data {
    width: 100% !important;
    padding: 0 !important;
}

body.body .list .layout-grid .cell>.middle {
    margin: 0 !important;
}

@media only screen and (max-width: 767px) {

    body.body .list .layout-grid-row {
        flex-direction: column;
    }

    body.body .list .layout-grid-row-data {
        width: 100%;
    }

    .list .cell>.middle {
        display: flex;
        flex-direction: column;
        gap: 0;
        margin: 0 !important;
    }

    .list .cell>.middle::before,
    .list .cell>.middle::after {
        display: none !important;
    }

    .list .cell>.middle>* {
        width: 100% !important;
    }

    .list-item .cell>.middle>.middle-right {
        padding: var(--spacing) var(--spacing) 0 var(--spacing) !important;
    }

    body.body .list .list-item-datum-description {
        font-size: var(--font-size-normal);
    }

    .list .cell>.list-item-datum.list-item-datum-link {
        padding: 0 var(--spacing);
    }

}

/* Read More */

.related_lists_more {
    max-width: 100%;
    margin: var(--spacing-large) 0 0;
}

.related_lists_more a {
    overflow: hidden;
    position: relative;
    z-index: 1;
    display: block;
    flex-wrap: wrap;
    justify-content: center;
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    min-width: 10rem;
    max-width: 100%;
    padding: var(--spacing) var(--spacing-larger);
    margin: 0 auto;
    border: var(--border-solid);
    border-color: var(--black);
    background-color: transparent;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.related_lists_more a:hover {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}

/* 1 Across */

body.body .list>.list-one_column .layout-grid>.layout-grid-row {
    flex-direction: column;
}

body.body .list>.list-one_column .layout-grid>.layout-grid-row::before {
    display: none;
}

body.body .list>.list-one_column .layout-grid>.layout-grid-row:not(:last-child)::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: var(--spacing);
    background-color: var(--grey-lighter);
}

body.body .list>.list-one_column .middle-center,
body.body .list>.list-one_column .middle-right {
    padding: var(--spacing) !important;
}

body.body .list>.list-one_column .list-item-product-price,
body.body .list>.list-one_column .list-item-product-price-sale {
    color: var(--black);
    margin: 0;
}

@media only screen and (min-width: 768px) {

    body.body .list>.list-one_column .list-item-datum-title a {
        font-size: var(--font-size-larger);
    }

}

/* 1 Across (Minimal) */

body.body .list>.list-one_column-minimal .layout-grid>.layout-grid-row {
    flex-direction: column;
}

body.body .list>.list-one_column-minimal .layout-grid>.layout-grid-row::before {
    display: none;
}

body.body .list>.list-one_column-minimal .layout-grid>.layout-grid-row:not(:last-child)::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: var(--spacing);
    background-color: var(--grey-lighter);
}

body.body .list>.list-one_column-minimal .middle-left {
    width: 15% !important;
}

body.body .list>.list-one_column-minimal .middle-center {
    width: 60% !important;
}

body.body .list>.list-one_column-minimal .middle-right {
    width: 25% !important;
}

body.body .list>.list-one_column-minimal .middle-center,
body.body .list>.list-one_column-minimal .middle-right {
    padding: var(--spacing) !important;
}

body.body .list>.list-one_column-minimal .list-item-group-title a {
    color: var(--black);
    font-size: var(--font-size-large);
}

body.body .list>.list-one_column-minimal .list-item-product-price {
    margin-top: 0 !important;
    margin-bottom: var(--spacing) !important;
}

@media only screen and (max-width: 767px) {

    .list>.list-one_column-minimal .cell>.middle {
        gap: 0 !important;
    }

    body.body .list>.list-one_column-minimal .cell>.middle>* {
        width: 100% !important;
    }

    .list>.list-one_column-minimal .cell>.middle>.middle-left {
        display: none;
    }

    .list>.list-one_column-minimal .cell>.middle>.middle-right {
        padding-top: 0 !important;
    }

}

/* 1 Across (Blog) */

body.body .list>.list-one_column-blog .layout-grid-row-data {
    width: 100%;
}

body.body .list>.list-one_column-blog .list-item-datum-image {
    margin-bottom: var(--spacing-large);
}

@media only screen and (min-width: 768px) {

    body.body .list>.list-one_column-blog .middle-left {
        padding: var(--spacing) !important;
    }

}

@media only screen and (max-width: 767px) {

    body.body .list>.list-one_column-blog .middle-left {
        padding: 0 !important;
    }

    body.body .list>.list-one_column-blog .list-item-datum-price {
        margin: var(--spacing) 0 var(--spacing-small) !important;
    }

}

/* 1 Across (Options) */

body.body .list>.list-one_column-withoptions .layout-grid>.layout-grid-row {
    flex-direction: column;
}

body.body .list>.list-one_column-withoptions .layout-grid>.layout-grid-row::before {
    display: none;
}

body.body .list>.list-one_column-withoptions .layout-grid>.layout-grid-row:not(:last-child)::after {
    content: '';
    display: block;
    width: 100%;
    height: 1px;
    margin-bottom: var(--spacing);
    background-color: var(--grey-lighter);
}

body.body .list>.list-one_column-withoptions .middle-center {
    padding: var(--spacing) !important;
}

body.body .list>.list-one_column-withoptions .product_option-fields {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
}

/* 2 Across */

/* 3 Across */

/* 4 Across */

.list-unified_list .list-four_column .list-item-datum-description {
    display: none;
}

/* ==
Details
== */

/* Details Container */

.list-item .middle-right {
    display: flex;
    flex-direction: column;
    padding: var(--spacing) !important;
}

.list-item .cell>.middle>*:empty {
    display: none;
}

/* Title */

body.body .list-item .list-item-datum-title {
    margin: 0 0 var(--spacing-smaller);
}

body.body .list-item .list-item-datum-title a {
    display: block;
    color: var(--grey-darkest);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    letter-spacing: normal;
    text-transform: none;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body .list-item .list-item-datum-title a:hover {
    color: var(--black);
}

/* Price (Default) */

.list .list-item-product-price,
.list .list-item-datum-price {
    font-size: var(--font-size-large);
    margin: var(--spacing) 0;
}

/* Price (Pre-Discount) */

.list .list-item-product-price-regular {
    color: var(--grey);
    font-size: var(--font-size-large);
    margin: var(--spacing-smaller) 0;
}

/* Price Summary */

.list .list-item-product div[id^=product_options-] {
    display: block;
}

.list .list-item-product div[id^=product_options-].no-price-mod {
    display: none;
}

.list .product-options-price-adjust {
    padding: var(--spacing) var(--spacing-small);
    margin: var(--spacing) 0;
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.list .product-options-price-adjust .product-options-price-mods {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
}

.list .product-options-price-adjust .product-options-price-mods * {
    color: var(--grey-dark);
    font-size: var(--font-size-normal);
    margin: 0;
}

.list .product-options-price-adjust .product-adjusted-options-price {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    line-height: normal;
    height: auto;
    padding: var(--spacing-small) 0 0;
    margin: var(--spacing-small) 0 0;
    border-top: var(--border-solid) var(--grey-light);
}

.list .product-options-price-adjust .product-adjusted-options-price * {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    line-height: normal;
    height: auto;
}

/* Promotion Title */

.list-item-product .list-item-product-sale-name {
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    text-transform: none;
    margin: 0;
}

/* Promotion Price */

.list-item-product .list-item-product-price-sale {
    color: var(--black);
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
}

/* Publish */

/* Short Summary */

/* SKU */

.list-item-datum-sku:empty {
    display: none;
}

.list-unified_list .list-item-product .list-item-datum-sku,
.list-item-product .list-item-datum-sku {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    margin: 0;
}

/* Quick View */

.list .list-item-product .list-item-datum-quick-view-button {
    display: contents;
}

.list .list-item-product .list-item-datum-quick-view-button a {
    color: var(--grey-darker);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: uppercase;
    width: fit-content;
    padding: 0;
    filter: opacity(1);
    -webkit-filter: opacity(1);
    opacity: 1;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.list .list-item-product .list-item-datum-quick-view-button a:hover {
    color: var(--black);
}

/* Thumbnail */

.list-item .middle-left {
    padding: 0 !important;
}

.list-item-datum-image {
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.list-item-datum-image a img {
    background-color: var(--grey-lightest);
}

/* Tags */

.list-item-datum-attributes {
    padding-top: var(--spacing);
    border-top: var(--border-solid) var(--grey-lighter);
}

:is(.list-two_column, .list-three_column, .list-four_column) .list-item-datum-attributes {
    padding-bottom: var(--spacing);
    margin-bottom: var(--spacing-small);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.list-item-datum-attributes>.attribute_list--responsive>.attributes {
    margin: 0;
    gap: var(--spacing);
}

.list-item-datum-attributes>.attribute_list--responsive>.attributes>.attribute {
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

.list-item-datum-attributes>.attribute_list--responsive>.attributes>.attribute>.attribute-name {
    color: var(--grey-darker);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    padding: 0 0 var(--spacing-smallest);
}

.list-item-datum-attributes>.attribute_list--responsive>.attributes>.attribute>.attribute-values {
    color: var(--grey-dark);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
}

.list-item-datum-attributes>.attribute_list--responsive>.attributes>.attribute>.attribute-values>.attribute-value {
    padding: 0;
}

/* ==
Filtering
== */

/* Page Layout */

.page-content-wrapper {
    display: flex;
    flex-direction: column;
}

.list-unified_list>.list-feature_list {
    display: none;
}

.has-fullscreen-gallery .list-unified_list {
    padding: var(--spacing) var(--spacing) 100px;
    margin: 4rem auto 0;
}

.list-unified_list {
    position: relative;
    isolation: isolate;
    display: grid;
    grid-template-columns: 300px 100%;
    align-items: flex-start;
    gap: var(--spacing-large);
    width: 100%;
    max-width: 1170px;
    margin: var(--spacing-larger) auto;
    padding: 0;
}

.list-unified_list.no-filter {
    grid-template-columns: 100%;
}

.list-unified_list .content-wrapper {
    padding: 0 !important;
}

.list-unified_list .list-unified_list-items {
    max-width: 800px;
}

.list-unified_list.no-filter .list-unified_list-items {
    max-width: 100%;
}

@media only screen and (max-width: 767px) {

    .has-fullscreen-gallery .list-unified_list {
        margin-top: 6rem;
    }

    .has-fullscreen-gallery .list-unified_list::before {
        inset: -6rem auto auto calc(-12vw - 300px);
    }

    .list-unified_list {
        width: 100%;
        grid-template-columns: 100%;
    }

    body.with-sidebar .list-unified_list-items>.content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

}

/* Filter - Defaults */

@media only screen and (min-width: 768px) {

    .filter .filter-item-values-lookahead {
        color: var(--grey-darker);
    }

    .filter form .filter-item .filter-item-values-value .ui-slider-horizontal {
        width: calc(100% - 2rem);
        height: fit-content;
        margin: var(--spacing) auto var(--spacing) 0;
        margin-bottom: var(--spacing-large);
        border: none;
    }

    .filter form .filter-item .filter-item-values-value .ui-slider-horizontal::after {
        content: '';
        pointer-events: none;
        position: absolute;
        z-index: -1;
        top: 2.5px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--grey-lighter);
    }

    .filter form .filter-item .filter-item-values-value .ui-slider-horizontal>.ui-slider-range {
        top: 2.5px;
        left: 0 !important;
        font-size: var(--font-size-normal);
        height: 2px;
        width: 100% !important;
        background: var(--grey-dark);
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

    .filter form .filter-item .filter-item-values-value .ui-slider-horizontal:hover>.ui-slider-range {
        background-color: var(--grey-darker);
    }

    .filter form .filter-item .filter-item-values-value .ui-slider-horizontal>.ui-slider-handle {
        width: 1rem;
        height: 1rem;
        margin: 0;
        border: var(--border-solid-large) var(--grey-dark);
        background: var(--white);
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

    .filter form .filter-item .filter-item-values-value .ui-slider-horizontal:hover>.ui-slider-handle {
        border-color: var(--grey-darker);
    }

}

/* Filter - Fullwidth */

@media only screen and (min-width: 768px) {

    #page-fullwidth .filter {
        color: var(--grey-darkest);
        font-size: var(--font-size-smallest);
        padding: 0;
        margin: 0 auto var(--spacing);
        border: none;
        border-radius: var(--border-radius-large);
        -webkit-border-radius: var(--border-radius-large);
        -moz-border-radius: var(--border-radius-large);
        -ms-border-radius: var(--border-radius-large);
        -o-border-radius: var(--border-radius-large);
        background-color: var(--grey-lightest);
    }

    #page-fullwidth .filter-title {
        color: var(--black);
        font-size: var(--font-size-large);
        padding: var(--spacing) var(--spacing) 0;
    }

    #page-fullwidth .filter form {
        display: flex;
        flex-wrap: wrap;
        gap: var(--spacing);
        padding: var(--spacing);
    }

    #page-fullwidth .filter form>.filter-item {
        flex: 0 1 8rem;
        min-width: auto;
        padding: 0;
        margin: 0;
    }

    #page-fullwidth .filter form>.filter-item .filter-item-values {
        margin: 0;
        display: flex;
        flex-direction: column;
        gap: var(--spacing-smaller);
    }

    #page-fullwidth .filter form>.filter-item .filter-item-values-value {
        margin: 0;
    }

    #page-fullwidth .filter form>.filter-item .filter-item-title {
        color: var(--black);
        font-size: var(--font-size-small);
        font-weight: var(--font-weight-normal);
        padding-bottom: var(--spacing-smaller);
        margin-bottom: var(--spacing-smaller);
        border-bottom: var(--border-solid) var(--grey-lighter);
    }

    #page-fullwidth .filter form>.filter-actions {
        flex: 1 1 100%;
    }

    #page-fullwidth .filter form>.filter-actions input {
        color: var(--black);
        width: 100%;
        padding: var(--spacing);
        margin: 0;
        border: var(--border-solid) var(--black);
        border-radius: var(--border-radius);
        -webkit-border-radius: var(--border-radius);
        -moz-border-radius: var(--border-radius);
        -ms-border-radius: var(--border-radius);
        -o-border-radius: var(--border-radius);
        background-color: transparent;
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
    }

    #page-fullwidth .filter form>.filter-actions input:hover {
        color: var(--white);
        border-color: var(--black);
        background-color: var(--black);
        opacity: 1;
    }

}

/* Filter - Side Column */

@media only screen and (min-width: 768px) {

    body.with-sidebar .list-unified_list-filter,
    body.with-sidebar .list-unified_list-filter>.content-wrapper {
        display: contents;
    }

    body.with-sidebar .content-wrapper:not(:empty) .filter {
        overflow-y: scroll;
        position: sticky;
        top: var(--spacing);
        color: var(--grey-darkest);
        font-size: var(--font-size-smallest);
        height: 50vh;
        max-height: 30rem;
        padding: 0;
        margin: 0 auto;
        border: none;
        border-radius: var(--border-radius-large);
        -webkit-border-radius: var(--border-radius-large);
        -moz-border-radius: var(--border-radius-large);
        -ms-border-radius: var(--border-radius-large);
        -o-border-radius: var(--border-radius-large);
        background-color: var(--grey-lightest);
    }

    body.with-sidebar .filter-title {
        color: var(--black);
        font-size: var(--font-size-large);
        padding: var(--spacing) var(--spacing) 0;
    }

    body.with-sidebar .filter form {
        display: flex;
        flex-direction: column;
        gap: var(--spacing);
        padding: var(--spacing);
    }

    body.with-sidebar .filter form>.filter-item {
        flex: 0 1 8rem;
        min-width: auto;
        padding: 0;
        margin: 0;
    }

    body.with-sidebar .filter form>.filter-item .filter-item-values {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-smaller);
        margin: 0;
    }

    body.with-sidebar .filter form>.filter-item.filter-item-double_slider .filter-item-values {
        overflow-y: visible;
        max-height: 100%;
    }

    body.with-sidebar .filter form>.filter-item .filter-item-values-value {
        margin: 0;
    }

    body.with-sidebar .filter form>.filter-item .filter-item-title {
        color: var(--black);
        font-size: var(--font-size-small);
        font-weight: var(--font-weight-normal);
        padding-bottom: var(--spacing-smaller);
        margin-bottom: var(--spacing-smaller);
        border-bottom: var(--border-solid) var(--grey-lighter);
    }

    body.with-sidebar .filter form>.filter-actions {
        flex: 1 1 100%;
        position: sticky;
        z-index: 2;
        inset: auto auto 0 0;
        width: 100%;
        padding: var(--spacing) 0;
        border-top: var(--border-solid) var(--grey-light);
        background-color: var(--grey-lightest);
    }

    body.with-sidebar .filter form>.filter-actions input {
        color: var(--black);
        width: 100%;
        padding: var(--spacing);
        margin: 0;
        border: var(--border-solid) var(--black);
        border-radius: var(--border-radius);
        -webkit-border-radius: var(--border-radius);
        -moz-border-radius: var(--border-radius);
        -ms-border-radius: var(--border-radius);
        -o-border-radius: var(--border-radius);
        background-color: transparent;
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
    }

    body.with-sidebar .filter form>.filter-actions input:hover {
        color: var(--white);
        border-color: var(--black);
        background-color: var(--black);
        opacity: 1;
    }

}

/* Filter - Mobile */

@media only screen and (max-width: 767px) {

    .page-content-wrapper .list-unified_list-filter>.content-wrapper>.filter {
        color: var(--grey-darker);
        font-size: var(--font-size-normal);
        padding: var(--spacing);
        border: var(--border-solid) var(--grey-light);
        border-radius: var(--border-radius);
        -webkit-border-radius: var(--border-radius);
        -moz-border-radius: var(--border-radius);
        -ms-border-radius: var(--border-radius);
        -o-border-radius: var(--border-radius);
        transition: 0.2s;
        -webkit-transition: 0.2s;
        -moz-transition: 0.2s;
        -ms-transition: 0.2s;
        -o-transition: 0.2s;
    }

    .page-content-wrapper .list-unified_list-filter>.content-wrapper>.filter:hover {
        color: var(--black);
        border-color: var(--black);
    }

    .page-content-wrapper .list-unified_list-filter>.content-wrapper>.filter i {
        font-size: var(--font-size-normal);
    }

    .ui-dialog.filter-dialog {
        padding: 0;
        background-color: var(--white);
    }

    .ui-dialog.filter-dialog .list-unified_list-filter>.content-wrapper {
        padding: var(--spacing);
    }

    .ui-dialog.filter-dialog .list-unified_list-filter>.content-wrapper>.filter {
        padding: 0;
        margin: 0;
    }

    .filter-mobile {
        width: 100%;
    }

    .filter-title {
        display: none;
    }

    .filter-dialog {
        width: calc(100vw - 4rem) !important;
    }

    .list-unified_list-filter.ui-widget-content {
        padding: 0;
    }

    .list-unified_list-filter.ui-widget-content .filter .filter-title {
        color: var(--black);
        font-size: var(--font-size-larger);
        padding: 0;
    }

    .list-unified_list-filter.ui-widget-content .filter form {
        display: flex;
        flex-direction: column;
        gap: var(--spacing-smaller);
    }

    .list-unified_list-filter.ui-widget-content .filter form .filter-item {
        display: block;
        width: 100%;
        padding: var(--spacing-smaller) 0;
        margin: 0;
    }

    .filter-dialog .filter form .filter-item:not(.filter-item-content_block) .filter-item-title:before {
        content: '\f107';
        font-family: var(--font-family-icon);
    }

    .filter-dialog .filter form .filter-item:not(.filter-item-content_block) .filter-item-title.opened:before {
        content: '\f106';
    }

    .list-unified_list-filter.ui-widget-content .filter form .filter-item-title {
        display: flex;
        flex-direction: row-reverse;
        justify-content: space-between;
        font-size: var(--font-size-normal);
        padding-bottom: var(--spacing-smaller);
        margin-bottom: var(--spacing-small);
        border-bottom: var(--border-solid) var(--grey-light);
    }

    .filter-dialog .filter-item .filter-item-values-value .ui-slider-horizontal {
        width: calc(100% - 2rem);
        height: fit-content;
        margin: var(--spacing) auto var(--spacing) 0;
        margin-bottom: var(--spacing-large);
        border: none;
    }

    .filter-dialog .filter-item .filter-item-values-value .ui-slider-horizontal::after {
        content: '';
        pointer-events: none;
        position: absolute;
        z-index: -1;
        top: 2.5px;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: var(--grey-lighter);
    }

    .filter-dialog .filter-item .filter-item-values-value .ui-slider-horizontal>.ui-slider-range {
        top: 2.5px;
        left: 0 !important;
        font-size: var(--font-size-normal);
        height: 2px;
        width: 100% !important;
        background: var(--grey-dark);
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

    .filter-dialog .filter-item .filter-item-values-value .ui-slider-horizontal:hover>.ui-slider-range {
        background-color: var(--grey-darker);
    }

    .filter-dialog .filter-item .filter-item-values-value .ui-slider-horizontal>.ui-slider-handle {
        width: 1rem;
        height: 1rem;
        margin: 0;
        border: var(--border-solid-large) var(--grey-dark);
        background: var(--white);
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

    .filter-dialog .filter-item .filter-item-values-value .ui-slider-horizontal:hover>.ui-slider-handle {
        border-color: var(--grey-darker);
    }

    .list-unified_list-filter.ui-widget-content .filter-actions {
        position: fixed;
        z-index: 2;
        width: calc(100% - 6rem);
        padding: var(--spacing) 0;
        border-top: var(--border-solid) var(--grey-light);
        background-color: var(--white);
    }

    .list-unified_list-filter.ui-widget-content .filter-actions input {
        font-family: inherit;
        font-size: var(--font-size-normal) !important;
        width: 100% !important;
        padding: var(--spacing);
        margin-bottom: var(--spacing-smaller);
        border-radius: var(--border-radius);
        -webkit-border-radius: var(--border-radius);
        -moz-border-radius: var(--border-radius);
        -ms-border-radius: var(--border-radius);
        -o-border-radius: var(--border-radius);
    }

    .list-unified_list-filter.ui-widget-content .filter-actions input.filter-actions-reset {
        color: var(--grey-darkest);
        border: var(--border-solid) var(--grey-light);
        background-color: transparent;
    }

    .list-unified_list-filter.ui-widget-content .filter-actions input.filter-actions-apply {
        color: var(--white);
        border: var(--border-solid) var(--black);
        background-color: var(--black);
    }

}

/* Toolbar */

.list-toolbar {
    width: 100%;
    padding: var(--spacing) 0;
    margin: 0 auto var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.list-toolbar select {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
    padding: var(--spacing);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* ==
Promotions
== */

/* List Item */

/* Page */

/* ==
Quick View Modal
== */

.ui-widget-content.ui-dialog.product-dialog {
    overflow: hidden;
    padding: var(--spacing);
    border: none;
    background-color: var(--white);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content {
    padding: 0;
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .layout-grid,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .layout-grid-row,
.ui-widget-content.ui-dialog.product-dialog .layout-grid-row-data {
    padding: 0 !important;
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .cell>.middle {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .cell>.middle>.center,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .cell>.middle::before,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .cell>.middle::after {
    display: none !important;
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .cell>.middle>* {
    float: none !important;
    width: 100% !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-left {
    height: 100%;
    padding: 0 0 var(--spacing) !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-left>div {
    position: sticky;
    inset: var(--spacing) auto auto 0;
    margin: 0 !important;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right {
    padding: var(--spacing) !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-title {
    margin: 0;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-title a {
    color: var(--grey-darkest) !important;
    font-size: var(--font-size-larger) !important;
    font-weight: var(--font-weight-bold) !important;
    letter-spacing: normal;
    text-transform: none;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-price {
    margin: var(--spacing-small) 0;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-price .product-price.product-price-adjusted {
    font-size: var(--font-size-large);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-price .product-price-regular {
    color: var(--grey);
    font-size: var(--font-size-large);
    margin: var(--spacing-smaller) 0;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-sale-name {
    margin: 0;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-sale-name>div {
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    text-transform: none;
    margin: 0;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-sale-price {
    margin: 0 0 var(--spacing-smaller);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-sale-price>div {
    color: var(--black);
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
}

.ui-widget-content.ui-dialog.product-dialog .product-options-price-adjust {
    margin: var(--spacing-smaller) auto;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.ui-widget-content.ui-dialog.product-dialog .product-options-price-adjust * {
    font-size: var(--font-size-normal);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form {
    display: flex;
    flex-wrap: wrap;
    align-items: stretch;
    gap: var(--spacing-small);
    max-width: 800px;
    margin: var(--spacing-small) 0 var(--spacing-smallest);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>a {
    flex: 4 1 160px;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a {
    height: auto !important;
    margin: 0 !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>div:empty {
    display: none;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner {
    overflow: hidden;
    display: flex !important;
    align-items: stretch;
    flex: 1 1 160px;
    margin: 0 !important;
    border: var(--border-solid) var(--grey-light);
    background-color: var(--white);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>input,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>a {
    width: fit-content !important;
    height: auto !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>input,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>a {
    position: relative;
    display: inline-block !important;
    font-size: var(--font-size-small) !important;
    padding: var(--spacing) var(--spacing-large);
    height: auto !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>input {
    order: 2;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>a {
    cursor: pointer;
    inset: initial;
    background-color: var(--white);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>a:hover {
    background-color: var(--grey-lightest);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>a.ui-spinner-down {
    order: 1;
    border: none;
    border-right: var(--border-solid) var(--grey-light) !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form>.ui-spinner>a.ui-spinner-up {
    order: 3;
    border: none;
    border-left: var(--border-solid) var(--grey-light) !important;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a::before {
    display: flex !important;
    align-items: center;
    justify-content: center;
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    width: 100%;
    height: fit-content;
    padding: var(--spacing) var(--spacing-large);
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a:hover::before {
    color: var(--white);
    border: var(--border-solid) var(--black);
    background-color: var(--black);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_cart-dialog-open::before,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_cart-form-submit::before {
    content: 'Add to Cart';
    color: var(--white);
    border: var(--border-solid) var(--black);
    background-color: var(--black);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_cart-dialog-open:hover::before,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_cart-form-submit:hover::before {
    color: var(--black);
    border: var(--border-solid) var(--black);
    background-color: transparent;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_quote-dialog-open::before,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_quote-form-submit::before {
    content: 'Add to Quote';
    color: var(--black);
    border: var(--border-solid) var(--grey-light);
    background-color: transparent;
}

.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_quote-dialog-open:hover::before,
.ui-widget-content.ui-dialog.product-dialog .middle-right .category-product-add-cart>form a.add_to_quote-form-submit:hover::before {
    color: var(--black);
    border: var(--border-solid) var(--grey-lightest);
    background-color: var(--grey-lightest);
}

.ui-widget-content.ui-dialog.product-dialog .middle-right>div:empty {
    display: none;
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane {
    padding: var(--spacing);
    border-top: var(--border-solid) var(--grey-light);
    background-color: var(--grey-lightest);
    border-bottom-right-radius: var(--border-radius);
    border-bottom-left-radius: var(--border-radius);
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    align-items: center;
    gap: var(--spacing-small);
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    height: fit-content;
    padding: var(--spacing) var(--spacing-large);
    margin: 0;
    border: var(--border-solid) var(--black);
    background-color: transparent;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
    color: var(--white);
    border: var(--border-solid) var(--black);
    background-color: var(--black);
    opacity: 1;
    filter: opacity(1);
    -webkit-filter: opacity(1);
}

@media only screen and (max-width: 767px) {

    .ui-widget-content.ui-dialog.product-dialog .ui-dialog-content .cell>.middle {
        grid-template-columns: 100%;
    }

    .ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
        display: grid;
        grid-template-columns: repeat(2, 1fr);
    }

    .ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset * {
        white-space: nowrap;
        font-size: var(--font-size-small);
    }

}

/* ==
Page Galleries
== */

/* Carousel */

/* Carousel Large */

/* Carousel Minimal */

/* Thumbnail */

/* Fullwidth */

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing);
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner,
.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item {
    height: 500px;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner {
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption>* {
    padding: 0;
}


.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-title p {
    color: var(--white);
    font-size: var(--font-size-display-small);
    font-weight: var(--font-weight-bold);
    max-width: 700px;
    margin: 0 auto;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-caption p {
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
    max-width: 600px;
    margin: 0 auto;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button {
    margin: 0 auto;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    min-width: 10rem;
    max-height: 60px;
    padding: var(--spacing) var(--spacing-larger);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a>button {
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-decoration: none;
    padding: 0;
    border: none;
    background: none;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a:hover {
    color: var(--white);
    border-color: var(--white);
    background-color: transparent;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-indicators {
    max-width: 700px;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 0;
    margin: 0 auto;
    z-index: 100;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-indicators li {
    height: 6px;
}


@media only screen and (max-width: 767px) {

    .carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
    .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner,
    .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item {
        height: 320px;
    }

    .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner img {
        min-height: 320px;
        object-fit: cover;
        object-position: center;
    }

    .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption {
        inset: 0 auto auto auto;
        padding: var(--spacing) var(--spacing-large);
    }

}

/* Fullscreen */

.carousel.shout-gallery-carousel_gallery_with_button_fullscreen .carousel-inner .carousel-caption .gallery-item-button a {
    transition: 0.2s;
}

/* List */

.content-wrapper>.shout-gallery-list_gallery {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: var(--spacing);
    padding: 0;
    margin: 0;
    border: none;
}

.content-wrapper>.shout-gallery-list_gallery>div {
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.content-wrapper>.shout-gallery-list_gallery>div:first-child {
    grid-column: 1 / span 3;
}

.content-wrapper>.shout-gallery-list_gallery>div :is(a, img) {
    height: auto;
}

.content-wrapper>.shout-gallery-list_gallery img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

@media only screen and (max-width: 767px) {

    .content-wrapper>.shout-gallery-list_gallery {
        grid-template-columns: repeat(2, 1fr);
    }

    .content-wrapper>.shout-gallery-list_gallery>div:first-child {
        grid-column: 1 / span 2;
    }
}

/* Side by Side */

.shout-gallery-lightbox.shout-gallery-list_50_50 .sgal-thumbnail {
    width: 100%;
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* ==
Comments
== */

/*============================================================================*\
    Blocks
\*============================================================================*/

/* ==
Defaults
== */

.block {
    position: relative;
    z-index: 1;
    isolation: isolate;
}

/* ==
Galleries
== */

/* Defaults */

.block-block_gallery .fa {
    font-family: var(--font-family-icon);
}

.block-block_gallery .galleria-errors {
    display: none;
}

.galleria-theme-shoutcmsazur,
.galleria-theme-shoutcmsazurlarge {
    color: var(--black);
}

.galleria-theme-shoutcmsazur.fullscreen,
.galleria-theme-shoutcmsazurlarge.fullscreen {
    color: var(--white);
}

.galleria-info p {
    color: var(--white);
}

/* Carousel */

.block-block_gallery .shout-gallery-galleria-shoutcmsazur .galleria-stage {
    margin-bottom: var(--spacing);
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazur .galleria-image img {
    padding: var(--spacing);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazur .galleria-info {
    background-color: rgba(0, 0, 0, 0.3);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazur .galleria-info p {
    color: var(--white);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazur .galleria-container.light .galleria-thumbnails .galleria-image.active {
    background: none !important;
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazur .galleria-thumbnails img {
    padding: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.side-column .block-block_gallery :is(.galleria-theme-shoutcmsazur, .galleria-theme-shoutcmsazurlarge) {
    aspect-ratio: 1 / 1;
    width: 100% !important;
    height: auto !important;
    color: var(--white);
}

.side-column .block-block_gallery :is(.galleria-theme-shoutcmsazur, .galleria-theme-shoutcmsazurlarge) .galleria-images>.galleria-image {
    height: auto !important;
    overflow: visible !important;
}

.side-column .block-block_gallery :is(.galleria-theme-shoutcmsazur, .galleria-theme-shoutcmsazurlarge) .galleria-info.toggler.open {
    visibility: hidden;
    opacity: 0;
}

.side-column .block-block_gallery :is(.shout-gallery-galleria-shoutcmsazur, .shout-gallery-galleria-shoutcmsazurlarge) .galleria-images img {
    aspect-ratio: 1/ 1;
    top: 0 !important;
    left: 0 !important;
    width: 100% !important;
    height: auto !important;
    padding: 0;
    object-fit: cover;
    object-position: center;
}

.side-column :is(.shout-gallery-galleria-shoutcmsazur, .shout-gallery-galleria-shoutcmsazurlarge) .galleria-thumbnails-container {
    display: none;
}

.side-column :is(.shout-gallery-galleria-shoutcmsazur, .shout-gallery-galleria-shoutcmsazurlarge) .galleria-bar {
    display: contents;
    height: 25px;
}

@media only screen and (max-width: 549px) {

    .block-block_gallery :is(.galleria-theme-shoutcmsazur, .galleria-theme-shoutcmsazurlarge) {
        width: 100% !important;
        min-height: 224px;
        color: var(--white);
    }

    .block-block_gallery :is(.galleria-theme-shoutcmsazur, .galleria-theme-shoutcmsazurlarge) .galleria-images>.galleria-image {
        height: auto !important;
        overflow: visible !important;
    }

    .block-block_gallery :is(.galleria-theme-shoutcmsazur, .galleria-theme-shoutcmsazurlarge) .galleria-info.toggler.open {
        visibility: hidden;
        opacity: 0;
    }

    .block-block_gallery :is(.shout-gallery-galleria-shoutcmsazur, .shout-gallery-galleria-shoutcmsazurlarge) .galleria-images img {
        width: 100% !important;
        height: auto !important;
        left: 0 !important;
        top: 0 !important;
        padding: var(--spacing-smaller);
    }

    :is(.shout-gallery-galleria-shoutcmsazur, .shout-gallery-galleria-shoutcmsazurlarge) .galleria-thumbnails-container {
        display: none;
    }

    :is(.shout-gallery-galleria-shoutcmsazur, .shout-gallery-galleria-shoutcmsazurlarge) .galleria-bar {
        height: 25px;
    }

}

/* Carousel Large */

.block-block_gallery .shout-gallery-galleria-shoutcmsazurlarge .galleria-stage {
    margin-bottom: 0;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    bottom: 0;
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazurlarge .galleria-image img {
    padding: var(--spacing);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazurlarge .galleria-info {
    background-color: rgba(0, 0, 0, 0.3);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazurlarge .galleria-info p {
    color: var(--white);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazurlarge .galleria-container.light .galleria-thumbnails .galleria-image.active {
    background: none !important;
}

.block-block_gallery .shout-gallery-galleria-shoutcmsazurlarge .galleria-thumbnails img {
    padding: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* Carousel Minimal */

.block-block_gallery .galleria-theme-shoutcmsminiml .galleria-stage {
    margin-bottom: var(--spacing);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    bottom: 0;
}

.block-block_gallery .shout-gallery-galleria-shoutcmsminiml .galleria-image {
    overflow: visible !important;
    position: relative !important;
    width: 100% !important;
    height: auto !important;
}

.block-block_gallery .shout-gallery-galleria-shoutcmsminiml .galleria-image img {
    width: 100% !important;
    height: auto !important;
}

.block-block_gallery .galleria-theme-shoutcmsminiml .galleria-dots div {
    color: var(--grey-lighter);
}

.block-block_gallery .galleria-theme-shoutcmsminiml .galleria-dots div:hover {
    color: var(--grey-lighter);
}

.block-block_gallery .galleria-theme-shoutcmsminiml .galleria-dots div.active {
    color: var(--black);
}

.block-block_gallery .galleria-theme-shoutcmsminiml .galleria-info {
    bottom: 8px;
}

.block-block_gallery .galleria-theme-shoutcmsminiml .galleria-info p {
    font-weight: var(--font-weight-bold);
}

.side-column .block-block_gallery .galleria-theme-shoutcmsminiml .galleria-desc {
    right: auto;
    width: 100%;
    padding: var(--spacing-small) var(--spacing-small);
}

.side-column .block-block_gallery .galleria-theme-shoutcmsminiml .galleria-thumbs {
    display: none;
}

.side-column .block-block_gallery .galleria-theme-shoutcmsminiml .galleria-more {
    right: 20px;
}

@media only screen and (max-width: 549px) {

    .block-block_gallery .galleria-theme-shoutcmsminiml .galleria-desc {
        right: auto;
        width: 100%;
        padding: var(--spacing-small) var(--spacing-small);
    }

    .block-block_gallery .galleria-theme-shoutcmsminiml .galleria-thumbs {
        display: none;
    }

    .block-block_gallery .galleria-theme-shoutcmsminiml .galleria-more {
        right: 20px;
    }

}

/* Thumbnail */

.block-block_gallery .shout-gallery-galleria-shoutcmsfolio .galleria-image {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.block-block_gallery .shout-gallery-galleria-shoutcmsfolio .galleria-image .galleria-plus span {
    background: none;
}

.block-block_gallery .shout-gallery-galleria-shoutcmsfolio .galleria-image .galleria-plus p {
    color: var(--white);
}

/* Fullwidth */

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner {
    position: relative;
    max-height: 100%;
    background-color: var(--black);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner::before {
    content: '';
    position: absolute;
    z-index: 1;
    inset: 0 auto auto 0;
    width: 100%;
    height: 100%;
    background: rgb(0, 0, 0);
    background: -moz--linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: -webkit--linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    background: linear-gradient(45deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#000000", endColorstr="#000000", GradientType=1);
    opacity: 1;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-control {
    display: none;
}

.block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item>img {
    position: relative;
    z-index: 0;
    width: 100%;
    object-fit: cover;
}

.block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
.block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner,
.block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item,
.block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item>img {
    height: 500px;
}


.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption {
    display: flex;
    flex-direction: column;
    justify-content: center;
    gap: var(--spacing);
    height: 100%;
    padding: var(--spacing) var(--spacing-largest);
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption>* {
    padding: 0;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-title p {
    color: var(--white);
    font-size: var(--font-size-display-small);
    font-weight: var(--font-weight-bold);
    max-width: 700px;
    margin: 0 auto;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-caption p {
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
    max-width: 600px;
    margin: 0 auto;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button {
    margin: 0 auto;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    min-width: 10rem;
    max-height: 60px;
    padding: var(--spacing) var(--spacing-larger);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a>button {
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none !important;
    text-decoration: none;
    padding: 0;
    border: none;
    background: none;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a:hover {
    border-color: var(--white);
    background-color: transparent;
}


.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-indicators {
    max-width: 700px;
    left: 0;
    right: 0;
    width: 100%;
    padding-left: 0;
    margin: 0 auto;
    z-index: 100;
}

.block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-indicators li {
    height: 6px;
}

.side-column .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
.side-column .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner,
.side-column .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item,
.side-column .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item>img {
    height: 320px;
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption {
    gap: var(--spacing-smallest);
    padding: var(--spacing) var(--spacing);
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption>* {
    margin: 0 auto;
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-title {
    font-size: inherit;
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-title p {
    font-size: var(--font-size-normal);
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-caption p {
    font-size: var(--font-size-smallest);
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a {
    padding: var(--spacing-smallest) var(--spacing-smaller);
    min-width: 0;
}

.side-column .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-indicators li {
    width: 9px;
}

@media only screen and (max-width: 767px) {

    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner,
    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item,
    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item>img {
        height: 320px;
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner img {
        min-height: 320px;
        object-fit: cover;
        object-position: center;
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption {
        inset: 0 auto auto auto;
        padding: var(--spacing) var(--spacing-large);
    }

}

@media only screen and (max-width: 549px) {

    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth,
    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner,
    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item,
    .block-block_gallery .carousel.shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner>.item>img {
        height: 320px;
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption {
        gap: var(--spacing-smallest);
        padding: var(--spacing) var(--spacing);
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption>* {
        margin: 0 auto;
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-title {
        font-size: inherit;
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-title p {
        font-size: var(--font-size-normal);
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-caption p {
        font-size: var(--font-size-smallest);
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-inner .carousel-caption .gallery-item-button a {
        padding: var(--spacing-smallest) var(--spacing-smaller);
        min-width: 0;
    }

    .block-block_gallery .shout-gallery-carousel_gallery_with_button_fullwidth .carousel-indicators li {
        width: 9px;
    }

}

/* List */

.block-block_gallery .shout-gallery-list_gallery {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-larger);
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    margin: 0;
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item .sgal-thumbnail-link img {
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item>.sgal-caption {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
    padding: 0;
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item>.sgal-caption>* {
    margin: 0;
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item>.sgal-caption .sgal-title-text p {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item>.sgal-caption .sgal-caption-text p {
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item>.sgal-caption .sgal-link a {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none !important;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    min-width: 10rem;
    padding: var(--spacing) var(--spacing-larger);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_gallery .shout-gallery-list_gallery>.sgal-thumbnail-item>.sgal-caption .sgal-link a:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

:is(.lb-dataContainer, .lb-dataContainer *) {
    color: var(--white) !important;
}

/* Side by Side */

.block-block_gallery .shout-gallery-list_50_50 {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-larger);
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: var(--spacing);
    margin: 0 !important;
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item::before,
.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item::after {
    display: none;
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>* {
    float: unset !important;
    flex: 1 1 320px;
    width: 100%;
    padding: 0;
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-thumbnail-image>.sgal-thumbnail-wrapper img {
    width: 100%;
    height: 100%;
    margin: 0;
    border: none;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    padding: var(--spacing) 0 0 0;
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption>* {
    margin: 0;
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption .sgal-title-text p {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption .sgal-caption-text p {
    font-size: var(--font-size-normal);
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption .sgal-link a {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none !important;
    text-decoration: none;
    text-align: center;
    width: fit-content;
    max-width: 100%;
    min-width: 10rem;
    padding: var(--spacing) var(--spacing-larger);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption .sgal-link a:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

.side-column .block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption {
    padding: var(--spacing-smallest) 0 0 0;
    gap: var(--spacing-smaller);
}

@media only screen and (max-width: 549px) {

    .block-block_gallery .shout-gallery-list_50_50>.sgal-thumbnail-item>.sgal-caption {
        padding: var(--spacing-smallest) 0 0 0;
        gap: var(--spacing-smaller);
    }

}

/* ==
Expandables
== */

/* Tabs */

body.body .block .block-block_expandables ul.ui-tabs-nav {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-smaller);
    margin: var(--spacing) 0;
}

body.body .block .block-block_expandables ul.ui-tabs-nav::before,
body.body .block .block-block_expandables ul.ui-tabs-nav::after {
    display: none;
}

body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default {
    display: flex;
    font-size: 0;
    font-weight: var(--font-weight-bold);
    width: fit-content;
    padding: 0;
    margin: 0;
}

body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default>a {
    cursor: pointer;
    overflow: hidden;
    position: relative;
    display: flex;
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    background-color: var(--grey-lightest);
    border: var(--border-solid) var(--grey-lightest);
    padding: var(--spacing-large) var(--spacing);
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default.ui-state-active>a,
body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default.ui-state-active>a:hover,
body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default.ui-state-active>:focus-visible,
body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default.ui-state-active>a:focus {
    color: var(--white);
    background-color: var(--black) !important;
    border: var(--border-solid) var(--black);
}

body.body .block .block-block_expandables ul.ui-tabs-nav>li.ui-state-default>a:hover {
    color: var(--black);
    background-color: var(--grey-lighter);
    border: var(--border-solid) var(--grey-lighter);
}

.ui-tabs-panel.ui-widget-content {
    padding: 0;
    border: none;
}

/* Accordions */

.ui-accordion {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
}

.ui-accordion .ui-accordion-header {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing);
    border: var(--border-solid) var(--grey-lightest);
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.3s;
    -webkit-transition: 0.3s;
    -moz-transition: 0.3s;
    -ms-transition: 0.3s;
    -o-transition: 0.3s;
}

.ui-accordion .ui-accordion-header::before {
    content: '\f067';
    position: relative;
    z-index: 1;
    inset: unset;
    color: var(--grey-dark);
    font-family: 'Font Awesome 5 Pro';
    font-weight: var(--font-weight-light);
    text-align: center;
    width: 22px;
    height: 22px;
    transition: 0.3s ease;
    -webkit-transition: 0.3s ease;
    -moz-transition: 0.3s ease;
    -ms-transition: 0.3s ease;
    -o-transition: 0.3s ease;
}

.ui-accordion .ui-accordion-header>span {
    display: none;
}

.ui-accordion .ui-accordion-header:hover {
    color: var(--black);
    background-color: var(--grey-lighter);
}

.ui-accordion .ui-accordion-header.ui-state-active {
    color: var(--black);
    border-color: var(--black);
    background-color: var(--white);
}

.ui-accordion .ui-accordion-header.ui-state-active::before {
    content: '\f067';
    transform: rotate(45deg);
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}

.ui-accordion .ui-accordion-header.ui-state-active:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: var(--grey-lightest);
}

.ui-accordion .ui-accordion-header.ui-state-active:hover::before {
    color: var(--black);
}

.ui-accordion .ui-accordion-content {
    padding: 0;
    margin: var(--spacing-large) auto;
    background: none;
}

/* ==
Forms
== */

/* Layout */

.block table {
    margin: 0 auto;
}

.block .block-block_form form {
    width: 100%;
    padding: var(--spacing-large);
    margin: 0 auto;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
}

@media only screen and (min-width: 768px) {

    .block .block-block_form form {
        max-width: 700px;
    }

    [class*="zone-side"] .block .block-block_form form {
        padding: var(--spacing) var(--spacing-small);
    }
}

@media only screen and (max-width: 767px) {

    .block .block-block_form form {
        padding: var(--spacing-large) var(--spacing);
    }

}

/* Title */

.block-block_form form .form-title {
    padding: 0;
    border: none;
}

/* Captcha */

.block-block_form form .g-recaptcha {
    text-align: left;
    margin: var(--spacing) 0;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_form form .g-recaptcha {
        margin: 0;
    }

    [class*="zone-side"] .block-block_form form .form-captcha {
        max-width: 1px;
    }

    [class*="zone-side"] .block-block_form form .g-recaptcha>div {
        position: relative;
        left: -5.8rem;
        width: 100% !important;
        transform: scale(0.66);
        -webkit-transform: scale(0.62);
        -moz-transform: scale(0.66);
        -ms-transform: scale(0.66);
        -o-transform: scale(0.66);
    }

}

/* Submit */

.block-block_form form #submit_button {
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none !important;
    text-decoration: none;
    text-align: center;
    width: 100%;
    max-width: 100%;
    padding: var(--spacing) var(--spacing-larger);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_form form #submit_button:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

@media only screen and (max-width: 767px) {

    .block-block_form form #submit_button {
        width: 100%;
    }

}

/* Thank You */

.block .block-block_form div.form_thankyou {
    max-width: 700px;
    padding: var(--spacing-large);
    margin: 0 auto;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

div.form_thankyou {
    display: block;
    max-width: 700px;
}

/* Go Back Link */

div.form_goback {
    padding: var(--spacing) 0 0 0;
    margin: var(--spacing) 0 0 0;
    border-top: var(--border-solid) var(--grey-light);
}

div.form_goback>a {
    display: inline-block;
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    text-decoration: none;
    width: fit-content;
    border-color: transparent;
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

div.form_goback>a:hover {
    background-color: transparent;
    border-color: transparent;
    text-decoration: none;
}

div.form_goback>a::after {
    content: '\f0a9';
    color: var(--black);
    font-family: 'Font Awesome 5 Pro';
    font-size: inherit;
    font-weight: var(--font-weight-normal);
    margin: 0 var(--spacing-small) 0 var(--spacing-smallest);
}

div.form_goback>a:hover,
div.form_goback>a:hover::after {
    color: var(--black);
}

/* ==
Form Submissions
== */

/* Defaults (Collapisble Blocks + New Page) */

.block-block_forms_submissions .form-submissions {
    overflow-x: scroll;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_forms_submissions .header {
    display: none;
}

.block-block_forms_submissions tbody {
    background-color: var(--white);
}

.block-block_forms_submissions .form-submissions tr th,
.block-block_forms_submissions .form-submissions tr.even td,
.block-block_forms_submissions .form-submissions tr.odd td {
    padding: var(--spacing);
    background-color: transparent;
}

.block-block_forms_submissions tbody>tr>th:first-of-type,
.block-block_forms_submissions tbody>tr>td:first-of-type {
    display: none;
}

.block-block_forms_submissions tbody>tr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_forms_submissions .form-submissions tbody>tr:nth-child(n+2) {
    border-bottom: var(--border-solid) var(--grey-light);
}

.block-block_forms_submissions .form-submissions tbody>tr:first-of-type {
    background-color: var(--black);
}

.block-block_forms_submissions .form-submissions tbody>tr:first-of-type th {
    color: var(--white);
}

.block-block_forms_submissions .form-submissions tbody>tr:first-of-type th:nth-child(3) {
    padding: 0;
}

.block-block_forms_submissions .form-submissions tbody>tr:first-of-type .items-toggle {
    color: var(--white);
}

.block-block_forms_submissions .form-submissions tbody>tr.even {
    background-color: var(--white);
}

.block-block_forms_submissions .form-submissions tbody>tr.odd {
    background-color: var(--grey-lightest);
}

.block-block_forms_submissions .form-submissions tbody>tr.even:hover,
.block-block_forms_submissions .form-submissions tbody>tr.odd:hover {
    background-color: var(--grey-lighter);
}

.block-block_forms_submissions .form-submissions tbody>tr.items,
.block-block_forms_submissions .form-submissions tbody>tr.items:hover {
    background-color: var(--white);
}

.block-block_forms_submissions .form-submissions tbody>tr>td:nth-child(2) {
    color: var(--black);
}

.block-block_forms_submissions .form-submissions tbody>tr>td:nth-child(3) {
    padding: 0;
}

.block-block_forms_submissions .form-submissions .items-toggle,
.block-block_forms_submissions .form-submissions .items-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-smaller);
    color: var(--black);
    width: 100%;
    padding: var(--spacing);
}

.block-block_forms_submissions .form-submissions .items-toggle.collapsed:before {
    content: '\f107';
    font-family: var(--font-family-icon);
}

.block-block_forms_submissions .form-submissions .items-toggle.expanded:before {
    content: '\f106';
    font-family: var(--font-family-icon);
}

.block-block_forms_submissions .form-submissions tr.even.items>td:nth-child(2),
.block-block_forms_submissions .form-submissions tr.odd.items>td:nth-child(2) {
    border: none;
}

.block-block_forms_submissions .form-submissions tr.even.items>td:nth-child(2) *,
.block-block_forms_submissions .form-submissions tr.odd.items>td:nth-child(2) * {
    margin: 0;
}

.block-block_forms_submissions .form-submissions tr.even td a,
.block-block_forms_submissions .form-submissions tr.odd td a,
.block-block_forms_submissions .form-submissions tr.even td a:hover,
.block-block_forms_submissions .form-submissions tr.odd td a:hover,
.block-block_forms_submissions .form-submissions tr.even td a:focus-visible,
.block-block_forms_submissions .form-submissions tr.odd td a:focus-visible,
.block-block_forms_submissions .form-submissions tr.even td a:focus,
.block-block_forms_submissions .form-submissions tr.odd td a:focus {
    color: var(--black);
}

article.editor-content>.content-wrapper>.submission {
    padding: var(--spacing);
    margin: var(--spacing-largest) 0;
    border-radius: var(--border-radius-large);
    background-color: var(--grey-lightest);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_forms_submissions .form-submissions tr.even.items>td:nth-child(2) *,
    [class*="zone-side"] .block-block_forms_submissions .form-submissions tr.odd.items>td:nth-child(2) * {
        font-size: var(--font-size-small);
    }

}

/* Grid */

.block-block_forms_submissions .form-submissions table.gridDataTableLarge tr {
    display: block;
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge thead>tr {
    background-color: var(--black);
    padding: 0;
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge th,
.block-block_forms_submissions .form-submissions table.gridDataTableLarge td {
    min-width: 12rem;
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge thead>tr th {
    color: var(--white);
    font-size: var(--font-size-small);
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge tbody>tr.gridAltRow {
    background-color: var(--white);
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge tbody>tr:first-of-type,
.block-block_forms_submissions .form-submissions table.gridDataTableLarge tbody>tr.gridRow {
    background-color: var(--grey-lightest);
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge tr>td:first-of-type {
    display: table-cell;
}

.block-block_forms_submissions .form-submissions table.gridDataTableLarge .gridAltRow td,
.block-block_forms_submissions .form-submissions table.gridDataTableLarge .gridRow td {
    color: var(--grey-darkest);
    font-size: var(--font-size-small);
    padding: var(--spacing);
}

/* ==
Files
== */

/* List */

.block-block_files .file_list-container {
    overflow: hidden;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_files .file_list-container .file_list-files-actions {
    padding: var(--spacing);
    background-color: var(--grey-lightest);
}

.block-block_files .file_list-container .file_list-files-actions li {
    padding: 0;
    background-color: transparent;
}

.block-block_files .file_list-container .file_list-files-list {
    display: flex;
    flex-direction: column;
    gap: 0;
    list-style: none;
    padding: 0;
    margin: 0;
}

.block-block_files .file_list-container .file_list-files-list li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    gap: var(--spacing-small);
    padding: var(--spacing-small) var(--spacing);
    border-top: var(--border-solid) var(--grey-lighter);
    background-color: transparent;
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
}

.block-block_files .file_list-container .file_list-files-list li:hover {
    background-color: var(--grey-lightest);
}

.block-block_files .file_list-container .file_list-files-list li>span:nth-child(2) {
    width: 100%;
}

.block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-ext {
    margin: 0;
    font-size: var(--font-size-normal);
}

.block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-name {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
}

.block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-download {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
}

.block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-download ::before {
    content: '\f33d';
}

.block-block_files .file_list-container .file_list-files-list li>span.file_list-file-size {
    margin: auto 0 auto auto;
}

.block-block_files .file_list-container a:hover {
    color: var(--black);
}

.file_list-files-actions-bulk {
    margin: var(--spacing) auto;
}

.block-block_files .file_list-container .file_list-form-action-link {
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing) var(--spacing-large);
    margin: 0 auto 0 var(--spacing);
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_files .file_list-container .file_list-form-action-link:is(:focus, :hover) {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}

.block-block_files .file_list-container .file_list-form-action-link::after {
    content: '\f33d';
    display: inline-block;
    font-family: 'Font Awesome 5 Pro';
    margin: auto auto auto var(--spacing-small);
    transition: 0s;
    -webkit-transition: 0s;
    -moz-transition: 0s;
    -ms-transition: 0s;
    -o-transition: 0s;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-actions {
        padding: var(--spacing-smaller);
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-actions li {
        font-size: var(--font-size-small);
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-list li {
        font-size: var(--font-size-small);
        padding: var(--spacing-smaller);
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-name {
        font-size: var(--font-size-small);
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-name {
        overflow: visible;
        display: block;
        max-width: 100%;
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-ext,
    [class*="zone-side"] .block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-download {
        display: none;
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-form-action-link {
        text-align: center;
        width: 100%;
        padding: var(--spacing-small);
        margin: 0;
    }

    [class*="zone-side"] .block-block_files .file_list-container .file_list-form-action-link::after {
        display: none;
    }

}

@media only screen and (max-width: 549px) {

    .block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-name {
        font-size: var(--font-size-small);
        max-width: calc(100% - 60px);
    }

    .block-block_files .file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-download {
        display: none;
    }

    .block-block_files .file_list-container .file_list-files-list li>span.file_list-file-size {
        font-size: var(--font-size-small);
    }

}

/* Buttons */

.block-block_files .file_list-container-buttons.file_list-container .file_list-title {
    color: var(--grey-darkest);
    font-size: var(--font-size-large);
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-files-list {
    flex-direction: row;
    flex-wrap: wrap;
    gap: var(--spacing-small);
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-files-list>li {
    overflow: hidden;
    display: block;
    padding: 0;
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-file>span:nth-child(1) {
    display: none;
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-file>span:nth-child(2) {
    display: flex;
    align-items: center;
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-file .file_list-file-link {
    display: flex;
    padding: var(--spacing-small) var(--spacing);
    border: none;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: var(--grey-lightest);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-download {
    display: flex;
    align-self: stretch;
    align-items: center;
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-file .file_list-file-link:hover {
    background-color: var(--grey-lighter);
}

.block-block_files .file_list-container-buttons.file_list-container .file_list-files-list li>span:nth-child(2)>a.file_list-file-link-view>span.file_list-file-name {
    color: var(--black);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_files .file_list-container-buttons.file_list-container .file_list-files-list>li {
        width: 100%;
    }

    [class*="zone-side"] .block-block_files .file_list-container-buttons.file_list-container .file_list-file>span:nth-child(2) {
        justify-content: space-between;
    }

    [class*="zone-side"] .block-block_files .file_list-container-buttons.file_list-container .file_list-file .file_list-file-link.file_list-file-link-view {
        width: 100%;
    }

}

/* ==
User Profile
== */

/* User Profile Container */

.block-block_user_profile {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
}

.block-block_user_profile>div>.content-wrapper {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing);
    padding: 0 15px;
}

.block-block_user_profile>div>.content-wrapper::before,
.block-block_user_profile>div>.content-wrapper::after {
    display: none;
}

/* User Profile Gallery */

.block-block_user_profile .gallery .content-wrapper>div {
    margin: 0;
    padding: 0;
    border: none;
}

/* User Profile Details */

.block-block_user_profile>div>.content-wrapper>.content-row {
    padding: var(--spacing-large);
    margin: 0 !important;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

.block-block_user_profile>div>.content-wrapper>.content-row::before,
.block-block_user_profile>div>.content-wrapper>.content-row::after {
    display: none;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    background-color: var(--grey-lightest);
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>:is(section, aside) {
    float: none;
    width: 100% !important;
    padding: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>section>.contact-profile-information {
    margin: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>section>.contact-profile-information * {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>section>.contact-profile-information .profile-name * {
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-bold);
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper {
    margin: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper {
    padding: 0;
    margin: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper::before,
.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper::after {
    display: none;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper {
        grid-template-columns: 100%;
        padding: 0;
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row {
        grid-template-columns: auto 110px;
        padding: var(--spacing);
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1) {
        grid-template-columns: 100%;
        gap: var(--spacing);
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>section>.contact-profile-information .content-wrapper {
        padding: 0;
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside {
        display: block !important;
        text-align: left;
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>section>.contact-profile-information * {
        font-size: var(--font-size-small);
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper {
        display: flex;
        align-items: center;
        gap: var(--spacing-smaller);
    }

    [class*="zone-side"] .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper .profile-image {
        margin: 0;
    }

}

@media only screen and (max-width: 767px) {

    .block-block_user_profile>div>.content-wrapper {
        grid-template-columns: 100%;
        padding: 0;
    }

    .block-block_user_profile>div>.content-wrapper>.content-row {
        grid-template-columns: auto 110px;
        padding: var(--spacing);
    }

    .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1) {
        grid-template-columns: 100%;
        gap: var(--spacing);
    }

    .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside {
        display: block !important;
        text-align: left;
    }

    .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper {
        display: flex;
        align-items: center;
        gap: var(--spacing-smaller);
    }

    .block-block_user_profile>div>.content-wrapper>.content-row:nth-child(1)>aside>.section-wrapper>.content-wrapper .profile-image {
        margin: 0;
    }

}

/* User Profile Description */

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information {
    margin: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information>.profile-description>.content-wrapper {
    padding: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information .profile-categories-list>.content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
    padding: 0;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information .profile-categories-list>.content-wrapper::before,
.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information .profile-categories-list>.content-wrapper::after {
    display: none;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information .profile-categories-list>.content-wrapper>.category {
    float: none;
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information .profile-categories-list>.content-wrapper>.category>a {
    color: var(--grey-dark);
    font-size: var(--font-size-normal);
    padding: var(--spacing-smaller) var(--spacing);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_user_profile>div>.content-wrapper>.content-row:nth-child(2)>.contact-profile-information .profile-categories-list>.content-wrapper>.category>a:hover {
    color: var(--grey-darkest);
}

/* User Profile Map */

.block-block_user_profile .search-results-map {
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_user_profile .search-results-map {
        aspect-ratio: 1 / 1;
        max-height: 20rem;
    }

    [class*="zone-side"] .block-block_user_profile .search-results-map>.content-wrapper {
        padding: 0;
    }

}

@media only screen and (max-width: 767px) {


    .block-block_user_profile .search-results-map>.content-wrapper {
        padding: 0;
    }

}

/* User Profile Form Submissions */

.block-block_user_profile .page-submissions>.content-wrapper {
    grid-template-columns: 100%;
}

.block-block_user_profile .form-submissions {
    overflow-x: scroll;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

.block-block_user_profile .header {
    display: none;
}

.block-block_user_profile tbody {
    background-color: var(--white);
}

.block-block_user_profile .form-submissions tr th,
.block-block_user_profile .form-submissions tr.even td,
.block-block_user_profile .form-submissions tr.odd td {
    padding: var(--spacing);
    background-color: transparent;
}

.block-block_user_profile tbody>tr>th:first-of-type,
.block-block_user_profile tbody>tr>td:first-of-type {
    display: none;
}

.block-block_user_profile tbody>tr {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_user_profile .form-submissions tbody>tr:nth-child(n+2) {
    border-bottom: var(--border-solid) var(--grey-light);
}

.block-block_user_profile .form-submissions tbody>tr:first-of-type {
    background-color: var(--black);
}

.block-block_user_profile .form-submissions tbody>tr:first-of-type th {
    color: var(--white);
}

.block-block_user_profile .form-submissions tbody>tr:first-of-type th:nth-child(3) {
    padding: 0;
}

.block-block_user_profile .form-submissions tbody>tr:first-of-type .items-toggle {
    color: var(--white);
}

.block-block_user_profile .form-submissions tbody>tr.even {
    background-color: var(--white);
}

.block-block_user_profile .form-submissions tbody>tr.odd {
    background-color: var(--grey-lightest);
}

.block-block_user_profile .form-submissions tbody>tr.even:hover,
.block-block_user_profile .form-submissions tbody>tr.odd:hover {
    background-color: var(--grey-lighter);
}

.block-block_user_profile .form-submissions tbody>tr.items,
.block-block_user_profile .form-submissions tbody>tr.items:hover {
    background-color: var(--white);
}

.block-block_user_profile .form-submissions tbody>tr>td:nth-child(2) {
    color: var(--black);
}

.block-block_user_profile .form-submissions tbody>tr>td:nth-child(3) {
    padding: 0;
}

.block-block_user_profile .form-submissions .items-toggle,
.block-block_user_profile .form-submissions .items-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-smaller);
    color: var(--black);
    width: 100%;
    padding: var(--spacing);
}

.block-block_user_profile .form-submissions .items-toggle.collapsed:before {
    content: '\f107';
    font-family: var(--font-family-icon);
}

.block-block_user_profile .form-submissions .items-toggle.expanded:before {
    content: '\f106';
    font-family: var(--font-family-icon);
}

.block-block_user_profile .form-submissions tr.even.items>td:nth-child(2),
.block-block_user_profile .form-submissions tr.odd.items>td:nth-child(2) {
    border: none;
}

.block-block_user_profile .form-submissions tr.even.items>td:nth-child(2) *,
.block-block_user_profile .form-submissions tr.odd.items>td:nth-child(2) * {
    margin: 0;
}

.block-block_user_profile .form-submissions tr.even td a,
.block-block_user_profile .form-submissions tr.odd td a,
.block-block_user_profile .form-submissions tr.even td a:hover,
.block-block_user_profile .form-submissions tr.odd td a:hover,
.block-block_user_profile .form-submissions tr.even td a:focus-visible,
.block-block_user_profile .form-submissions tr.odd td a:focus-visible,
.block-block_user_profile .form-submissions tr.even td a:focus,
.block-block_user_profile .form-submissions tr.odd td a:focus {
    color: var(--black);
}

article.editor-content>.content-wrapper>.submission {
    padding: var(--spacing);
    margin: var(--spacing-largest) 0;
    border-radius: var(--border-radius-large);
    background-color: var(--grey-lightest);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_user_profile .form-submissions tr.even.items>td:nth-child(2) *,
    [class*="zone-side"] .block-block_user_profile .form-submissions tr.odd.items>td:nth-child(2) * {
        font-size: var(--font-size-small);
    }

}

/* ==
Calendar
== */

/* Calendar Button Alignment */

.fc-toolbar {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.fc-unthemed .fc-right {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing);
}

.fc-unthemed .fc-right * {
    margin: 0 !important;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .fc-toolbar {
        gap: var(--spacing-smaller);
        margin: 0;
    }

    [class*="zone-side"] .fc-unthemed .fc-left h2 {
        font-size: var(--font-size-normal);
    }

    [class*="zone-side"] .fc-unthemed .fc-right {
        justify-content: flex-start;
        gap: var(--spacing-smaller);
    }

    [class*="zone-side"] .fc-toolbar.fc-footer-toolbar .fc-button-group {
        padding-top: var(--spacing);
    }

}

@media only screen and (max-width: 549px) {

    .fc-toolbar {
        gap: var(--spacing-smaller);
        margin: 0;
    }

    .fc-unthemed .fc-left h2 {
        font-size: var(--font-size-normal);
    }

    .fc-unthemed .fc-right {
        justify-content: flex-start;
        gap: var(--spacing-smaller);
    }

    .fc-toolbar.fc-footer-toolbar .fc-button-group {
        padding-top: var(--spacing);
    }

}

/* Calendar Button Styling */

.fc-unthemed .fc-button {
    outline: none !important;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display: flex;
    align-items: center;
    justify-content: center;
    position: relative;
    color: var(--grey-darkest);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-normal);
    letter-spacing: normal;
    text-transform: capitalize;
    text-align: center;
    height: 3rem;
    padding: var(--spacing-smallest) var(--spacing);
    border: var(--border-solid) transparent;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
    box-shadow: none;
    transition: all 0.2s ease;
    -webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -ms-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
}

.fc-unthemed .fc-button:focus,
.fc-unthemed .fc-button:hover {
    color: var(--black);
    background-color: var(--grey-lighter);
    border-color: var(--grey-lighter);
    outline: none;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .fc-unthemed .fc-button {
        font-size: var(--font-size-smallest);
        height: 2rem;
        padding: var(--spacing-smaller);
    }

}

@media only screen and (max-width: 549px) {

    .fc-unthemed .fc-button {
        font-size: var(--font-size-smallest);
        height: 2rem;
        padding: var(--spacing-smaller);
    }

}

/* Calendar Today Button */

.fc-unthemed .fc-button.fc-today-button {
    color: var(--white);
    border-color: var(--black);
    background-color: var(--black);
    opacity: 1;
}

.fc-unthemed .fc-button.fc-today-button:hover {
    color: var(--black);
    background-color: transparent;
    border-color: var(--black);
}

/* Calendar View Option Button */

.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:not(:disabled):active {
    color: var(--white);
    background-color: var(--black);
    border-color: var(--black);
}

/* Calendar Next and Previous Buttons */

.fc-unthemed .fc-button.fc-next-button,
.fc-unthemed .fc-button.fc-prev-button {
    font-family: fcicons !important;
}

/* Calendar Selection Toggle */

.sui-calendar-toggle-items {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    gap: var(--spacing);
    padding: 0 0 var(--spacing) 0;
    margin: 0 0 var(--spacing) 0;
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.sui-calendar-toggle-items .sui-calendar-toggle-item {
    cursor: pointer;
    display: inline-block;
    flex: 1 1 200px;
    color: var(--white) !important;
    font-size: var(--font-size-small);
    max-width: 300px;
    padding: var(--spacing-small) var(--spacing);
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.sui-calendar-toggle-items .sui-calendar-toggle-item.sui-calendar-toggle-item-hidden {
    color: var(--grey-dark) !important;
    border-color: var(--grey) !important;
}

.sui-calendar-toggle-items .sui-calendar-toggle-item.sui-calendar-toggle-item-hidden:hover {
    color: var(--black) !important;
    border-color: var(--black) !important;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .sui-calendar-toggle-items .sui-calendar-toggle-item {
        padding: var(--spacing-smaller);
    }

}

@media only screen and (max-width: 549px) {

    .sui-calendar-toggle-items .sui-calendar-toggle-item {
        padding: var(--spacing-smaller);
    }

}

/* Calendar Body */

.fc-view {
    overflow: hidden;
    border: var(--border-solid) var(--grey-lighter) !important;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
}

.fc-view .fc-body>tr>.fc-widget-content {
    border: none;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .fc-view {
        height: 21rem;
    }

    [class*="zone-side"] .fc-view>table {
        height: 100%;
    }

}

@media only screen and (max-width: 549px) {

    .fc-view {
        height: 21rem;
    }

    .fc-view>table {
        height: 100%;
    }

}

/* Calendar Header */

.block-block_calendar .content_calendar .fc-day-header {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    text-align: left;
    padding: var(--spacing) var(--spacing-smaller);
    border-color: var(--grey-lighter);
    background-color: var(--grey-lightest);
}

.block-block_calendar .fc .fc-view-container table thead.fc-head tr th {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    text-align: left;
    padding: var(--spacing) var(--spacing-smaller);
    border-color: var(--grey-lighter);
    background-color: var(--grey-lightest);
}

.block-block_calendar .fc .fc-view-container table thead.fc-head tr th.fc-axis {
    border: none;
    width: 60px !important;
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .content_calendar .fc-day-header {
        font-size: var(--font-size-smallest);
        padding: var(--spacing-smallest) !important;
    }

}

@media only screen and (max-width: 549px) {

    .content_calendar .fc-day-header {
        font-size: var(--font-size-smallest);
        padding: var(--spacing-smallest) !important;
    }

}

/* Calendar Day Grid */

.fc-day-grid-container {
    overflow: visible !important;
}

/* Calendar Day Header */

.block-block_calendar .fc .fc-view-container table tbody.fc-body table thead tr td.fc-day-top {
    /* Default appearance */
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    text-align: left;
    padding: var(--spacing-smaller);
    border-color: var(--grey-lighter);
    background-color: var(--grey-lightest);
    opacity: 1;
}

.block-block_calendar .fc .fc-view-container table tbody.fc-body table thead tr td.fc-day-top.fc-today,
.block-block_calendar .fc .fc-view-container table thead.fc-head tr th.fc-today {
    /* Current Day */
    color: var(--white);
    background-color: var(--black);
}

.fc-day-top.fc-other-month {
    /* Other Month */
    color: var(--grey);
    background-color: var(--grey-lightest);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .fc-day-top {
        font-size: var(--font-size-smallest);
        padding: var(--spacing-smallest);
    }

}

@media only screen and (max-width: 549px) {

    .fc-day-top {
        font-size: var(--font-size-smallest);
        padding: var(--spacing-smallest);
    }

}

/* Calendar Day Cell */

.block-block_calendar .fc .fc-view-container table tbody.fc-body tr td.fc-today {
    /* Current Day */
    background-color: var(--grey-lighter);
}

.block-block_calendar .fc-day.fc-other-month {
    /* Other Month */
    background-color: var(--grey-lightest);
}

/* Calendar Hour Slot Column */

.fc .fc-axis span {
    color: var(--grey-darker);
    font-weight: normal;
    font-size: var(--font-size-normal);
}

.sui-calendar-popover {
    font-size: var(--font-size-normal) !important;
    padding: var(--spacing);
    background-color: var(--black) !important;
}

body.body .tippy-tooltip.light-theme {
    overflow: hidden;
    padding: 0;
    border-radius: var(--border-radius);
}

/* Calendar List View */

.fc-unthemed .fc-list-empty {
    background-color: var(--grey-lightest);
}

.sui-calendar-popover * {
    color: var(--white);
}

.sui-calendar-popover a:hover {
    transition: all 0.4s ease-in-out;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
}

.sui-calendar-popover .sui-calendar-popover-title {
    font-weight: bold !important;
    font-size: 1.4em !important;
}

.sui-calendar-popover .sui-calendar-popover-description {
    font-size: 1.2rem !important;
}

.sui-calendar-popover .sui-calendar-popover-description * {
    font-size: inherit !important;
}

.sui-calendar-popover .sui-calendar-popover-buttons .btn-success {
    background-color: var(--black);
    border-color: var(--black);
}

.sui-calendar-popover .sui-calendar-popover-buttons .btn-success:hover {
    color: var(--black);
    background-color: transparent;
    border-color: var(--black);
}

.sui-calendar-popover .sui-calendar-popover-share {
    padding: 10px !important;
}

.sui-calendar-popover .sui-calendar-popover-share a:hover {
    color: var(--white);
    opacity: 0.5;
}

.sui-calendar-popover .sui-calendar-popover-dates {
    background: rgba(0, 0, 0, 0.15) !important;
}

/* Time Grid View (Week) */

.fc-ltr .fc-view.fc-timeGrid-view .fc-axis {
    font-size: 1.2rem !important;
    font-weight: bold !important;
    text-align: center;
    text-transform: uppercase;
}

@media screen and (min-width: 768px) {
    .fc .fc-view-container .fc-timeGridWeek-view table thead.fc-head tr th:first-child {
        width: 47px !important;
        padding: 0.5rem !important;
    }
}

@media screen and (max-width: 768px) {
    .fc .fc-view-container .fc-head .fc-widget-header {
        padding: 0.5rem !important;
    }
}

/* Time Grid View (Day) */

@media screen and (min-width: 768px) {
    .fc .fc-view-container .fc-timeGridDay-view table thead.fc-head tr th:first-child {
        width: 46px !important;
        padding: 0.5rem !important;
    }
}


/* ==
Polls
== */

/* Container */

.block-block_poll .poll-widget {
    padding: var(--spacing);
    margin: 0 auto var(--spacing);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* Title */

.block-block_poll .poll-question {
    color: var(--black);
    font-size: var(--font-size-large);
    padding-bottom: var(--spacing);
    margin-bottom: var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_poll .poll-question {
        font-size: var(--font-size-normal);
    }

}

@media only screen and (max-width: 549px) {

    .block-block_poll .poll-question {
        font-size: var(--font-size-normal);
    }

}

/* Controls */

.block-block_poll .poll-controls {
    margin-top: var(--spacing);
}

.block-block_poll .poll-controls-inputs {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smallest);
    padding-left: var(--spacing);
    margin-bottom: var(--spacing);
}

.block-block_poll .poll-controls-inputs .poll-control {
    display: flex;
    align-items: center;
    gap: var(--spacing-smaller);
}

.block-block_poll .poll-controls-inputs .poll-control label {
    margin: 0;
}

.block-block_poll .poll-controls .poll-submit input {
    color: var(--black);
    line-height: var(--line-height-normal);
    min-width: 10rem;
    padding: var(--spacing);
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_poll .poll-controls .poll-submit input:hover,
.block-block_poll .poll-controls .poll-submit input:focus,
.block-block_poll .poll-controls .poll-submit input:focus-visible {
    color: var(--white);
    border-color: var(--black);
    background-color: var(--black);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_poll .poll-controls-inputs .poll-control {
        font-size: var(--font-size-small);
    }

    [class*="zone-side"] .block-block_poll .poll-controls .poll-submit input {
        width: 100%;
    }

}

@media only screen and (max-width: 549px) {

    .block-block_poll .poll-controls-inputs .poll-control {
        font-size: var(--font-size-small);
    }

    .block-block_poll .poll-controls .poll-submit input {
        width: 100%;
    }

}

/* Thank You */

.block-block_poll .poll-submission_message {
    margin-top: var(--spacing);
}

/* Results */

.block-block_poll .poll-results .poll-results-refresh {
    padding: var(--spacing) var(--spacing) 0;
    margin-top: var(--spacing);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

.block-block_poll .poll-results .poll-results-refresh a {
    display: flex;
    align-items: center;
    gap: var(--spacing-smaller);
    color: var(--grey-darkest);
    line-height: var(--line-height-small);
    width: fit-content;
    padding: var(--spacing-small) var(--spacing);
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
    background-color: var(--white);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.block-block_poll .poll-results .poll-results-refresh a:hover,
.block-block_poll .poll-results .poll-results-refresh a:focus,
.block-block_poll .poll-results .poll-results-refresh a:focus-visible {
    color: var(--black);
}

.block-block_poll .poll-results table {
    overflow: hidden;
    width: 100%;
    margin: 0 0 var(--spacing-smaller);
    border-radius: 0 0 var(--border-radius) var(--border-radius) 0;
    -webkit-border-radius: 0 0 var(--border-radius) var(--border-radius) 0;
    -moz-border-radius: 0 0 var(--border-radius) var(--border-radius) 0;
    -ms-border-radius: 0 0 var(--border-radius) var(--border-radius) 0;
    -o-border-radius: 0 0 var(--border-radius) var(--border-radius) 0;
}

.block-block_poll .poll-results table tr {
    border-bottom: var(--border-solid) var(--grey-light);
}

.block-block_poll .poll-results table tbody>tr:last-of-type {
    border-bottom: none;
}

.block-block_poll .poll-results table td {
    padding: var(--spacing);
    background-color: var(--grey-lightest);
}

.block-block_poll .poll-results table td .poll-results-bar {
    min-width: 2rem;
    border-radius: var(--border-radius-full);
    -webkit-border-radius: var(--border-radius-full);
    -moz-border-radius: var(--border-radius-full);
    -ms-border-radius: var(--border-radius-full);
    -o-border-radius: var(--border-radius-full);
}

@media only screen and (min-width: 768px) {

    [class*="zone-side"] .block-block_poll .poll-results .poll-results-refresh a {
        font-size: var(--font-size-small);
    }

    [class*="zone-side"] .block-block_poll .poll-results .poll-results-refresh a>i {
        display: none;
    }

    [class*="zone-side"] .block-block_poll .poll-results table td .poll-results-bar {
        min-width: 1rem;
    }

}

@media only screen and (max-width: 549px) {

    .block-block_poll .poll-results .poll-results-refresh a {
        font-size: var(--font-size-small);
    }

    .block-block_poll .poll-results .poll-results-refresh a>i {
        display: none;
    }

    .block-block_poll .poll-results table td .poll-results-bar {
        min-width: 1rem;
    }

}

/* ==
Tags
== */

/* Defaults */

.block-block_attribute_list .attribute_list {
    overflow-x: scroll;
}

.block-block_attribute_list table.attributes tr {
    display: flex;
    gap: var(--spacing-small);
}

.block-block_attribute_list table.attributes tr>th,
.block-block_attribute_list table.attributes tr>td {
    flex: 1 1;
    min-width: 16rem;
    padding: var(--spacing-small);
}


/* Responsive */

.block-block_attribute_list div.attributes {
    display: flex;
    flex-direction: column;
}

.block-block_attribute_list div.attributes>div.attribute {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
    padding: var(--spacing);
    margin: 0;
}

/* Horizontal */

.block-block_attribute_list .attribute_list.horizontal-layout>table>tbody>tr {
    display: grid;
    align-items: flex-start;
    grid-template-columns: 35% auto;
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.block-block_attribute_list .attribute_list.horizontal-layout>table>tbody:last-of-type>tr {
    border-bottom: none;
}

.block-block_attribute_list .attribute_list.horizontal-layout>table>tbody>tr>* {
    padding: var(--spacing);
}

@media only screen and (max-width: 489px) {

    .block-block_attribute_list .attribute_list.horizontal-layout>table>tbody>tr {
        grid-template-columns: auto;
    }

    .block-block_attribute_list .attribute_list.horizontal-layout>table>tbody>tr>th.attribute-name {
        padding-bottom: 0;
    }

}

/* Vertical */

.block-block_attribute_list .attribute_list.vertical-layout>table :is(th, td) {
    padding: var(--spacing);
}

.block-block_attribute_list .attribute_list.vertical-layout>table th {
    padding-bottom: 0;
}

@media only screen and (max-width: 767px) {

    .block-block_attribute_list .attribute_list.vertical-layout {
        width: 100%;
        overflow-x: scroll;
    }

    .block-block_attribute_list .attribute_list.vertical-layout>table :is(th, td) {
        min-width: 260px;
    }

}

/* Tag Category Title */

.block-block_attribute_list .attribute-name {
    color: var(--grey-darkest);
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-bold);
}

/* Tag Lists */

.block-block_attribute_list .attribute-values>ul {
    list-style: none;
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-smaller);
    padding: 0;
    margin: 0;
}

.block-block_attribute_list .attribute-values>ul>li {
    cursor: default;
    display: block;
    width: fit-content;
    padding: var(--spacing-smallest) var(--spacing) !important;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

/* ==
Slider
== */

/* Slider Arrows */

.slick-slider .slick-arrow {
    z-index: 3;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    color: var(--white);
    width: 40px;
    height: 40px;
    background-color: var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

.slick-slider .slick-arrow:is(:hover, :focus) {
    color: var(--black);
    background-color: var(--black);
}

.slick-slider .slick-arrow::before {
    color: inherit;
    font-family: var(--font-family-icon);
    font-size: var(--font-size-normal);
    filter: opacity(1);
    -webkit-filter: opacity(1);
    opacity: 1;
}

.slick-slider .slick-arrow.slick-prev::before {
    content: '\f177';
}

.slick-slider .slick-arrow.slick-next::before {
    content: '\f178';
}

@media only screen and (min-width: 1468px) {

    .slick-slider>button.slick-next {
        right: -2rem;
    }

    .slick-slider>button.slick-prev {
        left: -2rem;
    }

}

@media only screen and (max-width: 1467px) {

    .slick-slider {
        margin-top: 4.5rem;
    }

    .slick-slider>button {
        top: -30px;
    }

    .slick-slider>button.slick-next {
        right: -3rem;
        left: 0;
        margin: auto;
    }

    .slick-slider>button.slick-prev {
        right: 0;
        left: -3rem;
        margin: auto;
    }

}

/*============================================================================*\
    Pages
\*============================================================================*/

/* ==
Products
== */

/*  Meta Details */

.product-details .content-wrapper {
    padding: 0;
}

.content_meta__title {
    margin: var(--spacing-larger) 0 var(--spacing);
}

.content_meta__summary {
    padding: var(--spacing) 0;
    margin: var(--spacing) 0;
    border-top: var(--border-solid) var(--grey-lighter);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.content_meta__summary:empty {
    display: none;
}

.product-price-display .product-price-adjusted {
    color: var(--grey-darkest);
    font-size: var(--font-size-largest);
}

.product-details .product_option-fields {
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing-smallest);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

@media only screen and (min-width: 768px) {

    .product-details {
        display: block;
        height: fit-content;
        position: sticky !important;
        inset: var(--spacing-larger) auto auto 0;
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
    }

    .scroll-upward .product-details {
        inset: 7rem auto auto 0;
    }

}

/* ==
My Account
== */

/* Page Layout */

#system-member-profile .page-content-wrapper {
    padding: 0 0 var(--spacing-largest);
}

@media only screen and (min-width: 768px) {

    #system-member-profile .content-row {
        display: grid;
        grid-template-columns: repeat(4, 1fr);
        gap: var(--spacing);
    }

    #system-member-profile .content-row::before,
    #system-member-profile .content-row::after {
        display: none;
    }

    #system-member-profile .content-row>* {
        width: 100% !important;
        height: 100% !important;
    }

    #system-member-profile .content-row>.side-column {
        grid-column: 1 / span 1;
    }

    #system-member-profile .content-row>.main-column {
        grid-column: 2 / span 3;
    }

}

/* Side Navigation */

#system-member-profile .side-nav {
    position: relative;
    height: 100%;
}

#system-member-profile .side-nav>.content-wrapper {
    position: sticky;
    inset: var(--spacing) auto auto 0;
    padding: var(--spacing);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-member-profile .page-wrapper.scroll-upward .side-nav>.content-wrapper {
    /* Adjusts sticky menu if using sticky header */
    inset: 6rem auto auto 0;
}

#system-member-profile .side-nav ul {
    list-style: none;
    display: flex;
    flex-direction: column;
    padding: 0;
    margin: 0;
}

#system-member-profile .side-nav ul>li {
    border-bottom: var(--border-solid) var(--grey-lighter);
}

#system-member-profile .side-nav ul>li:last-of-type {
    border-bottom: none;
}

#system-member-profile .side-nav ul>li>a {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-member-profile .side-nav ul>li>a:is(:focus, :hover) {
    color: var(--black);
}

@media only screen and (max-width: 767px) {

    #system-member-profile .side-nav {
        display: none !important;
    }

}

/* Welcome Message */

#system-member-profile .greeting-text {
    margin: 0 auto var(--spacing-larger);
}

#system-member-profile .greeting-text h1 {
    font-size: var(--font-size-largest);
    margin: 0;
}

/* List Items */

#system-member-profile .medium-feature .related-image {
    border: none;
}

/* Profile Summary */

#system-member-profile .contact-profile-information {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing) 0;
}

#system-member-profile .contact-profile-information>* {
    float: none;
    padding: var(--spacing);
    margin: 0;
    width: 100%;
}

#system-member-profile .contact-profile-information * {
    font-size: var(--font-size-normal);
}

#system-member-profile .contact-profile-information a {
    color: var(--black);
}

#system-member-profile .contact-profile-information>.profile-header {
    grid-column: 1 / span 5;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-profile-information>.profile-header>.content-wrapper {
    padding: 0;
}

#system-member-profile .contact-profile-information>.profile-header>.content-wrapper>.profile-label {
    margin: 0;
}

#system-member-profile .contact-profile-information>.profile-information {
    grid-column: 1 / span 3;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-profile-information .profile-name h3 {
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
}

#system-member-profile .contact-profile-information>.profile-graphics>.content-wrapper {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: var(--spacing);
    padding: 0;
    margin: 0;
}

#system-member-profile .contact-profile-information>.profile-graphics>.content-wrapper::before,
#system-member-profile .contact-profile-information>.profile-graphics>.content-wrapper::after {
    display: none;
}

#system-member-profile .contact-profile-information>.profile-graphics>.content-wrapper>* {
    margin: 0;
}

#system-member-profile .contact-profile-information>.profile-graphics img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-profile-information>.profile-footer {
    display: none;
}

@media only screen and (max-width: 767px) {

    #system-member-profile .contact-profile-information>.profile-information {
        grid-column: 1 / span 5;
    }

    #system-member-profile .contact-profile-information>.profile-graphics {
        grid-column: 1 / span 5;
    }

    #system-member-profile .contact-profile-information>.profile-graphics>.content-wrapper {
        flex-direction: row;
    }

}

/* Profile Groups & Identifiers */

#system-member-profile .contact-profile-categories {
    margin: var(--spacing-larger) auto;
}

#system-member-profile .contact-profile-categories>div>.content-wrapper {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-small);
    padding: 0;
}

#system-member-profile .contact-profile-categories>div>.content-wrapper::before,
#system-member-profile .contact-profile-categories>div>.content-wrapper::after {
    display: none;
}

#system-member-profile .contact-profile-categories>div>.content-wrapper>.category {
    padding: 0;
    margin: 0;
    border: none;
    background-color: transparent;
}

#system-member-profile .contact-profile-categories>div>.content-wrapper>.category>a {
    float: none;
    display: block;
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
    line-height: var(--line-height-large);
    width: fit-content;
    padding: var(--spacing-small) var(--spacing) !important;
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

/* Transaction Tables Mobile Corrections */

@media only screen and (max-width: 767px) {

    #system-member-profile :is(.account-transaction-container, .account-product_purchases-container) {
        overflow-x: scroll !important;
        width: 100% !important;
    }

    #system-member-profile :is(.account-transaction-container, .account-product_purchases-container) table {
        overflow: visible !important;
        width: 800px !important;
    }

}

/* Subscriptions */

#system-member-profile .contact-recurring-packages {
    margin: 0 auto var(--spacing-larger);
}

#system-member-profile .contact-recurring-packages>.content-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    padding: 0;
}

#system-member-profile .contact-recurring-packages>.content-wrapper::before,
#system-member-profile .contact-recurring-packages>.content-wrapper::after {
    display: none;
}

#system-member-profile .contact-recurring-packages .profile-header {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing);
    margin: 0;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-recurring-packages table {
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-recurring-packages table * {
    font-size: var(--font-size-normal);
}

#system-member-profile .contact-recurring-packages table *:not(a) {
    color: var(--grey-darkest) !important;
}

#system-member-profile .contact-recurring-packages table a {
    color: var(--black) !important;
    font-weight: var(--font-weight-bold);
}

#system-member-profile .contact-recurring-packages table :is(th, td) {
    padding: var(--spacing-smaller);
}

#system-member-profile .contact-recurring-packages table :is(th, th *, td, td *) {
    font-size: var(--font-size-small);
}

#system-member-profile .contact-recurring-packages table>tbody>tr {
    background: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-member-profile .contact-recurring-packages table>tbody>tr:hover {
    background: var(--grey-lightest);
}

#system-member-profile .contact-recurring-packages table>tbody>tr:last-of-type {
    background: var(--grey-lightest);
}

#system-member-profile .contact-recurring-packages table thead>tr {
    padding: 0;
    background: var(--grey-lightest);
}

#system-member-profile .contact-recurring-packages table thead>tr>* {
    background: transparent;
}

/* Recent Orders & Invoices */

#system-member-profile .contact-outstanding-invoices {
    margin: 0 auto var(--spacing-larger);
}

#system-member-profile .contact-outstanding-invoices>.content-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    padding: 0;
}

#system-member-profile .contact-outstanding-invoices>.content-wrapper::before,
#system-member-profile .contact-outstanding-invoices>.content-wrapper::after {
    display: none;
}

#system-member-profile .contact-outstanding-invoices .profile-header {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing);
    margin: 0;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-outstanding-invoices table {
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-outstanding-invoices table * {
    font-size: var(--font-size-normal);
}

#system-member-profile .contact-outstanding-invoices table *:not(a) {
    color: var(--grey-darkest) !important;
}

#system-member-profile .contact-outstanding-invoices table a {
    color: var(--black) !important;
    font-weight: var(--font-weight-bold);
}

#system-member-profile .user-orders tr .account-transaction-paid_date__pay_button {
    color: var(--white) !important;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    background-color: var(--black);
}

#system-member-profile .contact-outstanding-invoices table :is(th, td) {
    padding: var(--spacing-smaller);
}

#system-member-profile .contact-outstanding-invoices table :is(th, th *, td, td *) {
    font-size: var(--font-size-small);
}

#system-member-profile .contact-outstanding-invoices table>tbody>tr {
    background: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-member-profile .contact-outstanding-invoices table>tbody>tr:hover {
    background: var(--grey-lightest);
}

#system-member-profile .contact-outstanding-invoices table>tbody>tr:last-of-type {
    background: var(--grey-lightest);
}

#system-member-profile .contact-outstanding-invoices table thead>tr {
    padding: 0;
    background: var(--grey-lightest);
}

#system-member-profile .contact-outstanding-invoices table thead>tr>* {
    background: transparent;
}

/* Product Purchases */

#system-member-profile .contact-product_purchase_history {
    margin: 0 auto var(--spacing-larger);
}

#system-member-profile .contact-product_purchase_history>.content-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    padding: 0;
}

#system-member-profile .contact-product_purchase_history>.content-wrapper::before,
#system-member-profile .contact-product_purchase_history>.content-wrapper::after {
    display: none;
}

#system-member-profile .contact-product_purchase_history .profile-header {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing);
    margin: 0;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-product_purchase_history table {
    overflow: hidden;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-product_purchase_history table * {
    font-size: var(--font-size-normal);
}

#system-member-profile .contact-product_purchase_history table *:not(a) {
    color: var(--grey-darkest) !important;
}

#system-member-profile .contact-product_purchase_history table a {
    color: var(--black) !important;
    font-weight: var(--font-weight-bold);
}

#system-member-profile .contact-product_purchase_history table :is(th, td) {
    padding: var(--spacing-smaller);
}

#system-member-profile .contact-product_purchase_history table :is(th, th *, td, td *) {
    font-size: var(--font-size-small);
}

#system-member-profile .contact-product_purchase_history table>tbody>tr {
    background: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-member-profile .contact-product_purchase_history table>tbody>tr:hover {
    background: var(--grey-lightest);
}

#system-member-profile .contact-product_purchase_history table>tbody>tr:last-of-type {
    background: var(--grey-lightest);
}

#system-member-profile .contact-product_purchase_history table thead>tr {
    padding: 0;
    background: var(--grey-lightest);
}

#system-member-profile .contact-product_purchase_history table thead>tr>* {
    background: transparent;
}

/* Recent Votes */

#system-member-profile .contact-profile-votes .profile-header {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: var(--spacing);
    margin: 0;
    background-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-profile .contact-profile-votes .user-votes>table {
    width: 100%;
}

#system-member-profile .contact-profile-votes .user-votes>table tr {
    border-bottom: var(--border-solid) var(--grey-lighter);
}

#system-member-profile .contact-profile-votes .user-votes>table td {
    font-size: var(--font-size-small);
    padding: var(--spacing-smaller);
}

/* ==
Edit My Profile
== */

/* Page Layout */

body.system-page.update-profile .page-content-wrapper {
    min-height: 100vh;
    background-color: var(--grey-lightest);
    padding: 0 0 var(--spacing-largest);
}

body.system-page.update-profile .page-content-wrapper .top-page-bar {
    margin-bottom: var(--spacing-larger) !important;
}

body.system-page.update-profile :is(article.editor-content, section.system-area) {
    width: 100%;
    max-width: 600px;
    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
    background-color: var(--white);
}

/* Editor Content */

body.system-page.update-profile article.editor-content {
    border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -webkit-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -moz-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -ms-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -o-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
}

body.system-page.update-profile article.editor-content>.content-wrapper {
    padding: var(--spacing-larger) var(--spacing) 0 !important;
    margin: 0 auto;
}

body.system-page.update-profile h1 {
    font-size: var(--font-size-largest);
}

/* System Area */

body.system-page.update-profile section.system-area {
    border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -webkit-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -moz-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -ms-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -o-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
}

body.system-page.update-profile section.system-area * {
    color: var(--grey-darkest);
    font-size: var(--font-size-small);
}

body.system-page.update-profile section.system-area .update-profile-form {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

body.system-page.update-profile section.system-area .content-wrapper {
    background-color: var(--white);
    padding: 0;
}

body.system-page.update-profile section.system-area table {
    margin: 0 !important;
}

body.system-page.update-profile section.system-area :is(.gridAltRow:hover, .gridRow:hover) {
    background-color: var(--grey-lightest);
}

/* System Area - Form */

body.system-page.update-profile section.system-area form {
    width: 100% !important;
    padding: 0;
}

body.system-page.update-profile section.system-area form .edit-profile-left {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
}

body.system-page.update-profile section.system-area form .edit-profile-left>div {
    width: 100%;
    height: fit-content !important;
}

body.system-page.update-profile section.system-area form .edit-profile-left>div>.sui-block-content {
    width: 100%;
}

body.system-page.update-profile section.system-area .sui-block-content.sui-formblock-content.sui-fieldset {
    width: 100%;
}

body.system-page.update-profile section.system-area form .sui-block-header {
    height: fit-content !important;
    border-bottom: var(--border-solid) var(--grey-lighter);
    padding: 0 0 var(--spacing-smaller);
    margin: 0 auto var(--spacing) !important;
}

body.system-page.update-profile section.system-area form .sui-block-header .sui-formblock-title {
    font-family: inherit;
    font-size: var(--font-size-large);
    font-weight: var(--font-weight-bold);
}


body.system-page.update-profile section.system-area form .sui-required {
    display: grid !important;
    grid-template-columns: 2px auto;
}

body.system-page.update-profile section.system-area form .sui-required>:is(.sui-strut-field, .sui-strut-messages) {
    grid-column: 1 / span 2;
}

body.system-page.update-profile section.system-area form .sui-field {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
    flex: 1 1 200px;
}

body.system-page.update-profile section.system-area form :is(.required, .sui-strut-details) {
    float: none;
    margin: 0;
}

body.system-page.update-profile section.system-area form .sui-strut-controls {
    width: 100%;
}

body.system-page.update-profile section.system-area form label {
    font-size: var(--font-size-normal) !important;
    font-weight: var(--font-weight-bold);
}

body.system-page.update-profile section.system-area form input {
    font-size: var(--font-size-normal) !important;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.system-page.update-profile section.system-area form input:hover {
    border-color: var(--grey-darkest);
}

body.system-page.update-profile section.system-area form input[type="submit"] {
    color: var(--white);
    width: 100%;
    margin-top: var(--spacing);
    border-color: var(--black);
    background-color: var(--black);
}

body.system-page.update-profile section.system-area form input[type="submit"]:hover {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

body.system-page.update-profile form :is(#contact-processor-address select, #contact-processor-address select) {
    width: 100% !important;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body.system-page.update-profile form :is(#contact-processor-address select, #contact-processor-address select):hover {
    border-color: var(--grey-darkest);
}

body.system-page.update-profile form input:is([name="contact_processor[phone_number]"], [name="contact_processor[phone_alt]"]) {
    max-width: 200px;
}

body.system-page.update-profile form .phone-ext {
    position: relative;
    inset: 2rem auto;
    margin-top: 0 !important;
    margin-left: var(--spacing-smaller);
}

body.system-page.update-profile form .phone-ext .sui-field input {
    width: fit-content !important;
    max-width: 55px;
    height: fit-content !important;
    max-height: 48px;
    padding: var(--spacing-small);
}

body.system-page.update-profile form .ui-state-highlight {
    border: none;
    background-color: var(--grey-lightest);
}

body.system-page.update-profile section.system-area form .edit-profile-right {
    float: none;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: var(--spacing-smaller) var(--spacing);
    width: 100%;
}

body.system-page.update-profile section.system-area form .edit-profile-right>.member-profile-change-image-label {
    order: 1;
}

body.system-page.update-profile section.system-area form .edit-profile-right>.member-profile-change-image-profile {
    order: 3;
}

body.system-page.update-profile section.system-area form .edit-profile-right>.member-profile-change-image-label {
    order: 2;
}

body.system-page.update-profile section.system-area form .edit-profile-right>.member-profile-change-image-logo {
    order: 4;
}

body.system-page.update-profile section.system-area form :is(.member-profile-change-image, .member-profile-change-image-profile) {
    background: none;
    padding: 0;
    margin: 0;
}

body.system-page.update-profile section.system-area form :is(.member-profile-change-image, .member-profile-change-image-profile) img {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

body.system-page.update-profile section.system-area form .edit-profile-right .member-profile-buttons {
    display: flex;
    flex-wrap: wrap;
    gap: var(--spacing-smaller);
    margin: var(--spacing-smaller) auto 0;
}

body.system-page.update-profile section.system-area form .edit-profile-right input[type="button"] {
    flex: 1 1 100px;
    color: var(--grey-darkest);
    font-size: var(--font-size-small) !important;
    font-weight: var(--font-weight-bold);
    width: 100%;
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

body.system-page.update-profile section.system-area form .edit-profile-right input[type="button"]:is(:focus, :hover) {
    color: var(--black);
    border: var(--border-solid) var(--black);
    background-color: transparent;
}

body.system-page.update-profile section.system-area form .edit-profile-right .member-profile-upload {
    margin-top: var(--spacing-smaller);
}

body.system-page.update-profile section.system-area form .edit-profile-right .member-profile-upload>input[type="file"] {
    margin: var(--spacing-smaller) 0 !important;
}

body.system-page.update-profile section.system-area form>.submit {
    padding: var(--spacing) 0 0;
    margin: var(--spacing) auto 0;
    border-top: var(--border-solid) var(--grey-lighter);
}

body.system-page.update-profile section.system-area form>.submit>input {
    color: var(--white);
    font-weight: var(--font-weight-bold);
    width: 100%;
    padding: var(--spacing);
    margin: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
}

body.system-page.update-profile section.system-area form>.submit>input:is(:focus, :hover) {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

/* ==
View Order
== */

/* Page Layout */

#system-module .page-content-wrapper {
    padding: var(--spacing-largest) 0;
    background-color: var(--grey-lightest);
}

#system-module .page-content-wrapper>.top-page-bar {
    display: none;
}

#system-module .systempage-container {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-large);
    padding: var(--spacing);
    margin: 0 auto;
    max-width: 600px;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
}

@media only screen and (min-width: 768px) {

    #system-module .systempage-container {
        padding: var(--spacing-large);
    }

}

/* Payment Option Buttons */

#system-module .systempage-actions {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--spacing-small);
    width: 100%;
}

#system-module .systempage-actions * {
    margin: 0;
}

#system-module .systempage-actions>.systempage-action {
    flex: 1 1 200px;
}

#system-module .systempage-actions a {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: var(--spacing-smaller);
    font-family: inherit;
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none;
    padding: var(--spacing) var(--spacing-large);
    border: var(--border-solid);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-module .systempage-actions a#button-pay_order {
    color: var(--white);
    border-color: var(--black);
    background-color: var(--black);
}

#system-module .systempage-actions a#button-pay_order::after {
    content: '\f53a';
    font-family: 'Font Awesome 5 Pro';
    transition: 0.1s;
    -webkit-transition: 0.1s;
    -moz-transition: 0.1s;
    -ms-transition: 0.1s;
    -o-transition: 0.1s;
}

#system-module .systempage-actions a#button-pay_order:is(:focus, :hover) {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

#system-module .systempage-actions a:not(#button-pay_order) {
    color: var(--black);
    border-color: var(--grey-lightest);
    background-color: var(--grey-lightest);
}

#system-module .systempage-actions a:not(#button-pay_order):is(:focus, :hover) {
    color: var(--black);
    border-color: var(--border);
    background-color: transparent;
}

/* Order Layout */

#system-module .systempage-header {
    flex-direction: column;
}

/* Order Title */

#system-module .systempage-heading {
    flex: 1 1;
    font-size: var(--font-size-larger);
    width: 100%;
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

/* Order Details */

#system-module .view_order-container * {
    font-size: var(--font-size-normal);
}

/* Order Breadcrumbs */

#system-module .systempage-breadcrumb * {
    font-size: var(--font-size-small);
}

/* Order Summary */

#system-module .order-items * {
    font-size: var(--font-size-normal);
}

#system-module .order-items button {
    display: flex;
    align-items: center;
    gap: var(--spacing-smaller);
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none;
    padding: var(--spacing) var(--spacing-large);
    border: var(--border-solid);
    border-color: var(--grey-lightest);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-module .order-items button:is(:focus, :hover) {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
    text-decoration: none;
}


/* ==
Recent Orders
== */

/* Page Layout */

body.member-invoices .page-content-wrapper {
    min-height: 100vh;
    background-color: var(--grey-lightest);
    padding: 0 0 var(--spacing-largest);
}

body.member-invoices .page-content-wrapper .top-page-bar {
    margin-bottom: var(--spacing-larger) !important;
}

body.member-invoices :is(article.editor-content, section.system-area) {
    width: 100%;
    max-width: 600px;
    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
    background-color: var(--white);
}

/* Editor Content */

body.member-invoices article.editor-content {
    border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -webkit-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -moz-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -ms-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -o-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
}

body.member-invoices article.editor-content>.content-wrapper {
    padding: var(--spacing-larger) var(--spacing) 0 !important;
    margin: 0 auto;
}

body.member-invoices h1 {
    font-size: var(--font-size-largest);
}

/* System Area */

body.member-invoices section.system-area * {
    color: var(--grey-darkest) !important;
    font-size: var(--font-size-small);
}

body.member-invoices section.system-area {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

body.member-invoices section.system-area .content-wrapper {
    background-color: var(--white);
    padding: 0;
}

body.member-invoices section.system-area .account-transaction-container {
    overflow-x: scroll;
}

body.member-invoices section.system-area table {
    margin: 0 !important;
}

body.member-invoices section.system-area :is(.gridAltRow:hover, .gridRow:hover) {
    background-color: var(--grey-lightest);
}

body.member-invoices tr .account-transaction-paid_date__pay_button {
    color: var(--white) !important;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    background-color: var(--black);
}

/* ==
Memberships
== */

/* Page Layout */

body.member-pages .page-content-wrapper {
    min-height: 100vh;
    background-color: var(--grey-lightest);
    padding: 0 0 var(--spacing-largest);
}

body.member-pages .page-content-wrapper .top-page-bar {
    margin-bottom: var(--spacing-larger) !important;
}

body.member-pages :is(article.editor-content, section.system-area) {
    width: 100%;
    max-width: 600px;
    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
    background-color: var(--white);
}

/* Editor Content */

body.member-pages article.editor-content {
    border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -webkit-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -moz-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -ms-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -o-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
}

body.member-pages article.editor-content>.content-wrapper {
    padding: var(--spacing-larger) var(--spacing) 0 !important;
    margin: 0 auto;
}

body.member-pages h1 {
    font-size: var(--font-size-largest);
}

/* System Area */

body.member-pages section.system-area * {
    color: var(--grey-darkest) !important;
    font-size: var(--font-size-small);
}

body.member-pages section.system-area {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

body.member-pages section.system-area .content-wrapper {
    background-color: var(--white);
    padding: 0;
}

body.member-pages section.system-area .account-transaction-container {
    overflow-x: scroll;
}

body.member-pages section.system-area table {
    margin: 0 !important;
}

body.member-pages section.system-area table tr>:is(th, td):nth-child(n+2):not(tr>:is(th, td):last-of-type) {
    min-width: 125px;
}

body.member-pages section.system-area table tr>:is(th, td):is(:last-of-type, :first-of-type) {
    min-width: 50px !important;
}

body.member-pages section.system-area :is(.gridAltRow:hover, .gridRow:hover) {
    background-color: var(--grey-lightest);
}

/* ==
Archived Orders
== */

/* Page Layout */

body.archived-invoices .page-content-wrapper {
    min-height: 100vh;
    background-color: var(--grey-lightest);
    padding: 0 0 var(--spacing-largest);
}

body.archived-invoices :is(article.editor-content, section.system-area) {
    max-width: 600px;
    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
    background-color: var(--white);
    border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -webkit-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -moz-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -ms-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
    -o-border-radius: 0 0 var(--border-radius-large) var(--border-radius-large);
}

/* Editor Content */

body.archived-invoices article.editor-content>.content-wrapper {
    padding: var(--spacing-larger) var(--spacing) 0 !important;
    margin: var(--spacing-larger) auto 0;
    border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    background-color: var(--white);
    -webkit-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -moz-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -ms-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
    -o-border-radius: var(--border-radius-large) var(--border-radius-large) 0 0;
}

body.archived-invoices h1 {
    font-size: var(--font-size-largest);
}

/* System Area */

body.archived-invoices section.system-area * {
    color: var(--grey-darkest) !important;
    font-size: var(--font-size-normal);
}

body.archived-invoices section.system-area {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

body.archived-invoices section.system-area .content-wrapper {
    background-color: var(--white);
    padding: 0;
}

body.archived-invoices section.system-area .account-transaction-container {
    overflow-x: scroll;
}

body.archived-invoices section.system-area table {
    margin: 0 !important;
}

body.archived-invoices section.system-area table tr>:is(th, td):nth-child(n+2):not(tr>:is(th, td):last-of-type) {
    min-width: 125px;
}

body.archived-invoices section.system-area table tr>:is(th, td):is(:last-of-type, :first-of-type) {
    min-width: 50px !important;
}

body.archived-invoices section.system-area :is(.gridAltRow:hover, .gridRow:hover) {
    background-color: var(--grey-lightest);
}

/* ==
Admin Notes
== */

/* ==
Login
== */

/* Content Wrappers */

body#system-login div.page-content-wrapper {
    padding: var(--spacing-largest) 0;
    background-color: var(--grey-lightest);
}

body#system-login div.page-wrapper div.page-content-wrapper article.editor-content>div.content-wrapper {
    max-width: 500px;
    margin: 0 auto;
    padding: var(--spacing-large);
    border-top: var(--border-solid) var(--grey-lighter);
    border-right: var(--border-solid) var(--grey-lighter);
    border-bottom: none;
    border-left: var(--border-solid) var(--grey-lighter);
    border-top-left-radius: var(--border-radius-large);
    border-top-right-radius: var(--border-radius-large);
    background-color: var(--white);
}

body#system-login div.login-frame>div.content-wrapper {
    max-width: 500px;
    margin: 0 auto;
    padding: 0 var(--spacing-large) var(--spacing-large);
    border-top: none;
    border-right: var(--border-solid) var(--grey-lighter);
    border-bottom: var(--border-solid) var(--grey-lighter);
    border-left: var(--border-solid) var(--grey-lighter);
    border-bottom-left-radius: var(--border-radius-large);
    border-bottom-right-radius: var(--border-radius-large);
    background-color: var(--white);
}

body#system-login .sui-formblock {
    margin: 0;
}

body#system-login div.login-frame>div.content-wrapper div.sui-block-content {
    padding: 0;
}

.social-login-forms form .sui-fieldset>.sui-fieldset-content {
    padding: 0;
}

.social-login-form-wrapper {
    padding: 0;
}

#system-login .login-frame .redTextSm {
    padding: 0;
}

/* Login Fields */

body#system-login .sui-description {
    display: none;
}

body#system-login .sui-block-content-text * {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
}

body#system-login .sui-block-content-text label {
    display: block;
    font-weight: var(--font-weight-bold);
    margin: 0 auto var(--spacing-smallest);
}

body#system-login .sui-block-content-text>div {
    display: block;
    float: none !important;
}

body#system-login .sui-block-content-text>:not(.sui-field-text_input) {
    display: flex;
}

body#system-login .sui-block-content-text div.auth-4-authentication_processor_id {
    display: none;
}

body#system-login .login-frame input[type=submit] {
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: var(--white);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: none;
    width: 100%;
    max-width: 100%;
    min-width: 10rem;
    padding: var(--spacing) var(--spacing-larger);
    margin: var(--spacing-small) auto 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body#system-login .login-frame input[type=submit]:is(:focus, :hover) {
    color: var(--black);
    border-color: var(--black);
    background-color: transparent;
}

/* Registration Option */

body#system-login .registration_option {
    position: relative;
    z-index: 1;
    isolation: isolate;
    display: flex;
    flex-direction: column;
    margin: var(--spacing) auto 0;
}

body#system-login .registration_option::before {
    content: 'or';
    display: block;
    position: relative;
    z-index: 1;
    color: var(--grey-darkest);
    font-size: var(--font-size-small);
    font-weight: var(--font-weight-bold);
    text-transform: uppercase;
    text-align: center;
    width: fit-content;
    height: 2rem;
    padding: 0 var(--spacing-smaller);
    margin: var(--spacing) auto 0;
    background-color: var(--white);
}

body#system-login .registration_option::after {
    content: '';
    display: block;
    position: absolute;
    inset: 1.5rem auto auto 0;
    width: 100%;
    height: 1px;
    background-color: var(--grey-lighter);
}

body#system-login .registration_option>a {
    overflow: hidden;
    flex-wrap: wrap;
    justify-content: center;
    position: relative;
    z-index: 1;
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-decoration: none !important;
    text-align: center !important;
    text-transform: none;
    width: 100%;
    max-width: 100%;
    min-width: 10rem;
    padding: var(--spacing) var(--spacing-larger);
    margin: var(--spacing-small) auto 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

body#system-login .registration_option>a:is(:focus, :hover) {
    color: var(--black);
    border-color: var(--grey-lightest);
    background-color: var(--grey-lightest);
}

/* Forgot Password */

body#system-login .account_recovery-link>.content-wrapper {
    text-align: center;
    padding: var(--spacing);
}

body#system-login .account_recovery-link>.content-wrapper>a {
    position: relative;
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    margin: 0;
}

/* ==
Search Results
== */

/* Page Layout */

#system-search .core-page-area {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-large);
}

/* Result Summary */

#system-search .search-header>.content-wrapper {
    max-width: 1170px;
    padding: var(--spacing-large) var(--spacing);
    margin: var(--spacing-large) auto 0;
    border: var(--border-solid) var(--grey-light);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
}

#system-search .search-header span {
    color: var(--grey-darkest);
    font-size: var(--font-size-large);
}

#system-search .search-header span.search-words {
    color: var(--black);
    padding: var(--spacing-small);
    margin: 0 0 0 var(--spacing-small);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

@media only screen and (max-width: 1170px) {

    #system-search .search-header>.content-wrapper {
        width: calc(100% - 2rem);
    }

}

#system-search .search-results>.search-results-pager:nth-child(1) {
    margin: 0 auto var(--spacing-large);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

#system-search .search-results>.search-results-pager:nth-child(2) {
    margin: var(--spacing-large) auto 0;
    border-top: var(--border-solid) var(--grey-lighter);
}

#system-search .search-results-pager {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    text-align: unset;
    padding: var(--spacing);
    background-color: transparent;
}

#system-search .search-results-pager * {
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-normal);
}

#system-search .search-results-pager :is(span, a) {
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--black);
    line-height: 1em;
    min-width: 40px;
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--grey-lightest);
    border-radius: var(--border-radius-small);
    -webkit-border-radius: var(--border-radius-small);
    -moz-border-radius: var(--border-radius-small);
    -ms-border-radius: var(--border-radius-small);
    -o-border-radius: var(--border-radius-small);
    background-color: var(--grey-lightest);
}

#system-search .search-results-pager span {
    cursor: default;
    color: var(--black);
    background-color: var(--grey-lighter);
    border-color: var(--grey-lighter);
}

#system-search .search-results-pager a {
    transition: 0.2s ease;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

#system-search .search-results-pager a:is(:focus, :hover) {
    border-color: var(--grey-lighter);
    background-color: transparent;
}

#system-search .search-results-pager b {
    margin: 0;
}

/* List Items */

#system-search .layout-grid-row {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-small);
}

#system-search .layout-grid-row::before,
#system-search .layout-grid-row::after {
    display: none;
}

#system-search .layout-grid-row .search-result-item-title {
    text-align: left;
    font-size: var(--font-size-large);
}

#system-search .layout-grid-row .search-result-item-title>a {
    color: var(--black);
}

#system-search .layout-grid-row .search-result-item-summary {
    text-align: left;
}

@media only screen and (max-width: 767px) {

    #system-search .layout-grid-row>.layout-grid-row-data {
        padding: 0;
        margin: 0;
    }

    #system-search .search-result-item .cell>.middle {
        display: flex;
        gap: var(--spacing);
        padding-bottom: var(--spacing-small);
    }

}

/* Text Highlight */

#system-search :is(.search-query-keywords .highlight-search, .search-results .highlight-search) {
    color: var(--black);
    background-color: var(--grey-lightest);
}

/* No Results */

.search-results>.content-wrapper {
    color: var(--grey-darkest);
    font-size: var(--font-size-large);
    text-align: center;
    padding: var(--spacing) 0;
    margin-bottom: var(--spacing-larger);
}

.search-results>.content-wrapper>.search-results>.layout-grid {
    padding: 0 var(--spacing);
}

/* ==
Member Search - Search
== */

#system-member-search .page-content-wrapper {
    padding: var(--spacing-larger) 0;
    background-color: var(--grey-lightest);
}

#system-member-search .content-row>.side-column {
    display: none !important;
}

#system-member-search .content-row>.main-column {
    padding: var(--spacing) !important;
    margin: 0 auto;
    border: none;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
    box-shadow: var(--box-shadow);
}

#system-member-search .content-row>.main-column .content-wrapper {
    padding-left: 0;
    padding-right: 0;
}

#system-member-search .quick-member-search form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    position: relative;
    isolation: isolate;
    z-index: 1;
    margin: 0 0 var(--spacing-large);
}

#system-member-search .quick-member-search form::after {
    content: 'Search';
    display: block;
    font-family: inherit;
    font-size: var(--font-size-normal);
    color: var(--white);
    text-align: center;
    width: 100% !important;
    max-height: none;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
}

#system-member-search .quick-member-search form input {
    margin: 0;
}

#system-member-search .quick-member-search form input[type="text"] {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    width: 100% !important;
    max-height: none;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
}

#system-member-search .quick-member-search form input[type="image"] {
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: 30px;
    padding: var(--spacing-large);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    filter: opacity(0);
}

#system-member-search .search-group-label>.content-wrapper {
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

#system-member-search .main-member-search table {
    width: 100%;
}

#system-member-search .member-search-groups button.ui-multiselect {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    width: 100% !important;
    max-height: none;
    padding: var(--spacing-small);
    margin: 0 0 var(--spacing-smaller);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: none;
}

#system-member-search .ui-multiselect-menu {
    padding: var(--spacing);
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--box-shadow);
}

#system-member-search .ui-multiselect-menu .ui-widget-header {
    padding: var(--spacing-smaller);
    margin: 0 0 var(--spacing-small);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing-smallest);
    position: relative;
    isolation: isolate;
    z-index: 1;
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li {
    font-size: var(--font-size-small);
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1),
#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2) {
    padding: 0;
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1)>a,
#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2)>a {
    display: flex;
    align-items: center;
    gap: var(--spacing-smallest);
    padding: 0;
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1)>a:hover,
#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2)>a:hover {
    color: var(--black);
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1)>a>.ui-icon,
#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2)>a>.ui-icon {
    margin: 0;
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(3) {
    flex: 1 1 100%;
    order: 1;
    padding: 0;
    width: 1rem;
    position: absolute;
    inset: 0.2em 0 auto auto;
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(3) a {
    padding: 0;
}

#system-member-search .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(3)>a>.ui-icon {
    margin: 0;
}

#system-member-search .ui-multiselect-menu .ui-multiselect-checkboxes {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
}

#system-member-search .ui-multiselect-menu .ui-multiselect-checkboxes>li {
    margin: 0;
}

#system-member-search .ui-multiselect-menu .ui-multiselect-checkboxes>li>label {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-smaller);
    line-height: var(--line-height-small);
    width: calc(100% - 0.5rem);
    padding: var(--spacing-smaller);
    margin: 0;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-member-search .ui-multiselect-menu .ui-multiselect-checkboxes>li>label>input {
    margin: 0;
}

#system-member-search .ui-multiselect-menu .ui-multiselect-checkboxes>li>label>span {
    color: var(--black);
}

/* ==
Member Search - Results
== */

/* Page Layout */

#system-member-search-results .content-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing);
    position: relative;
    z-index: 1;
    isolation: isolate;
}

#system-member-search-results .page-content-wrapper {
    padding: var(--spacing-larger) 0;
    background-color: var(--grey-lightest);
}

#system-member-search-results .content-row>.side-column,
#system-member-search-results .content-row>.main-column {
    width: 100%;
    float: none;
}

#system-member-search-results .content-row>.side-column {
    grid-column: 1 / span 1;
}

#system-member-search-results .content-row>.main-column {
    grid-column: 2 / span 3;
}

@media only screen and (max-width: 767px) {

    #system-member-search-results .content-row {
        display: flex;
        flex-direction: column;
    }

}

/* Side Column */

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column {
    display: flex !important;
    flex-direction: column;
    gap: var(--spacing);
    position: sticky;
    inset: var(--spacing) auto auto 0;
    height: fit-content;
    padding: var(--spacing) !important;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--box-shadow-small);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .content-wrapper {
    font-size: inherit;
    padding: 0;
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .side-member-search {
    display: flex;
    flex-direction: column;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .search_section_label {
    color: var(--black);
    font-size: var(--font-size-normal);
    font-weight: var(--font-weight-bold);
    margin: 0 0 var(--spacing-small);
    padding: 0 0 var(--spacing-small);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .quick-member-search form {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
    position: relative;
    isolation: isolate;
    z-index: 1;
    margin: 0 0 var(--spacing-large);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .quick-member-search form::after {
    content: 'Search';
    display: block;
    font-family: inherit;
    font-size: var(--font-size-normal);
    color: var(--white);
    text-align: center;
    width: 100% !important;
    max-height: none;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--black);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .quick-member-search form input {
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .quick-member-search form input[type="text"] {
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    width: 100% !important;
    max-height: none;
    padding: var(--spacing-small);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .quick-member-search form input[type="image"] {
    position: absolute;
    inset: auto auto 0 0;
    width: 100%;
    height: 30px;
    padding: var(--spacing-large);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    filter: opacity(0);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .member-search-groups button.ui-multiselect {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: space-between;
    color: var(--grey-darkest);
    font-size: var(--font-size-normal);
    width: 100% !important;
    max-height: none;
    padding: var(--spacing-small);
    margin: 0 0 var(--spacing-smaller);
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: none;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu {
    padding: var(--spacing);
    border: none;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--box-shadow);
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header {
    padding: var(--spacing-smaller);
    margin: 0 0 var(--spacing-small);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--grey-lightest);
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    gap: var(--spacing-smallest);
    position: relative;
    isolation: isolate;
    z-index: 1;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li {
    font-size: var(--font-size-small);
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1),
:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2) {
    padding: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1)>a,
:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2)>a {
    display: flex;
    align-items: center;
    gap: var(--spacing-smallest);
    padding: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1)>a:hover,
:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2)>a:hover {
    color: var(--black);
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(1)>a>.ui-icon,
:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(2)>a>.ui-icon {
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(3) {
    flex: 1 1 100%;
    order: 1;
    padding: 0;
    width: 1rem;
    position: absolute;
    inset: 0.2em 0 auto auto;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(3) a {
    padding: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-widget-header .ui-helper-reset>li:nth-child(3)>a>.ui-icon {
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-multiselect-checkboxes {
    display: flex;
    flex-direction: column;
    gap: var(--spacing-smaller);
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-multiselect-checkboxes>li {
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-multiselect-checkboxes>li>label {
    cursor: pointer;
    display: flex;
    align-items: flex-start;
    gap: var(--spacing-smaller);
    line-height: var(--line-height-small);
    width: calc(100% - 0.5rem);
    padding: var(--spacing-smaller);
    margin: 0;
    border: var(--border-solid) var(--grey-lighter);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-multiselect-checkboxes>li>label>input {
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .ui-multiselect-menu .ui-multiselect-checkboxes>li>label>span {
    color: var(--black);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .sub-nav,
:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .featured-content,
:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .side-banners,
:is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column .social-widgets {
    display: none;
}

@media only screen and (max-width: 767px) {

    :is(#system-member-search-results, #system-view-member-profile) .content-row>aside.side-column {
        position: relative;
        width: calc(100% - 30px);
        margin: 0 auto var(--spacing);
    }

}

/* Main Column */

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .content-wrapper {
    font-size: inherit;
    padding: 0;
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .top-page-bar {
    margin: 0 0 var(--spacing-large);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .search-results-map {
    overflow: hidden;
    line-height: 0;
    border: var(--border-solid) var(--black);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--grey-lighter);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results {
    padding: var(--spacing-large) var(--spacing);
    margin: var(--spacing) 0 0;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
    box-shadow: var(--box-shadow-small);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .member-search-query {
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .member-search-query * {
    color: var(--black);
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-top,
:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-bottom {
    background-color: var(--white);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-top {
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-bottom {
    padding: var(--spacing) 0 0;
    margin: var(--spacing) 0 0;
    border-top: var(--border-solid) var(--grey-lighter);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-pages-right .content-wrapper {
    display: flex;
    justify-content: flex-end;
    gap: var(--spacing-smaller);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-pages-right span {
    cursor: default;
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-pages-right a {
    padding: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .search-table-pages-right a:hover {
    color: var(--black);
    background-color: transparent;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results {
    display: flex;
    flex-direction: column;
    gap: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results li,
:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results li:hover {
    background-color: transparent;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard {
    padding: 0;
    border-bottom: var(--border-solid) var(--grey-lighter);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr {
    display: flex;
    align-items: flex-start;
    gap: var(--spacing);
    justify-content: space-between;
    padding: var(--spacing) 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard td {
    width: 100%;
    float: none;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) {
    font-size: var(--font-size-small);
    text-align: left;
    padding: 0 0 0 var(--spacing-largest);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) a {
    font-size: var(--font-size-small);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .names>span {
    font-size: var(--font-size-normal);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) address {
    margin: var(--spacing-smaller) 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .viewprofilebutton {
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .viewprofilebutton>a {
    position: relative;
    isolation: isolate;
    z-index: 1;
    text-decoration: none;
    margin: 0;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .viewprofilebutton>a::before {
    content: 'View Profile';
    display: block;
    color: var(--black);
    font-family: inherit;
    font-size: var(--font-size-normal);
    text-align: center;
    max-width: 12rem;
    max-height: none;
    padding: var(--spacing-smallest);
    border: var(--border-solid) var(--grey);
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: transparent;
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .viewprofilebutton>a:hover::before {
    color: var(--white);
    border-color: var(--black);
    background-color: var(--black);
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .viewprofilebutton>a>img {
    display: none;
}

:is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(2) img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

@media only screen and (max-width: 767px) {

    :is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .search-results-map {
        max-height: 400px;
    }

    :is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) {
        padding: 0 0 0 var(--spacing-larger);
    }

    :is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(1) .marker {
        inset: var(--spacing) auto auto 0;
        margin: 0;
    }

    :is(#system-member-search-results, #system-view-member-profile) .content-row>section.main-column .member-search-results .vcard tr>td:nth-child(2) {
        max-width: 4rem;
        padding: 0;
    }

}

/* Profile Listing */

#system-view-member-profile .page-content-wrapper {
    padding: var(--spacing-larger) 0;
    background-color: var(--grey-lightest);
}

#system-view-member-profile .content-row>section.main-column .member-search-results,
#system-view-member-profile .content-row>section.main-column figure.gallery {
    display: none;
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: var(--spacing);
    position: relative;
    z-index: 1;
    isolation: isolate;
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.side-column {
    grid-column: 1 / span 1;
    float: none;
    display: flex !important;
    flex-direction: column;
    gap: var(--spacing);
    position: sticky;
    inset: var(--spacing) auto auto 0;
    width: 100%;
    height: fit-content;
    padding: var(--spacing) !important;
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
    background-color: var(--white);
    box-shadow: var(--box-shadow-small);
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column {
    float: none;
    width: 100%;
    grid-column: 2 / span 3;
}

#system-view-member-profile .profile-information-wrapper {
    padding: var(--spacing-large) var(--spacing);
    margin: 0 0 var(--spacing);
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
    background-color: var(--white);
    box-shadow: var(--box-shadow-small);
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .contact-profile-information {
    margin: 0;
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .profile-name {
    color: var(--black);
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
    line-height: var(--line-height-normal);
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .profile-description p {
    margin: var(--spacing) 0;
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column {
    display: block !important;
    position: relative;
    padding: 0 !important;
    border-radius: 0;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    -o-border-radius: 0;
    background-color: transparent;
    box-shadow: none;
}

#system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper img {
    border-radius: var(--border-radius);
    -webkit-border-radius: var(--border-radius);
    -moz-border-radius: var(--border-radius);
    -ms-border-radius: var(--border-radius);
    -o-border-radius: var(--border-radius);
}

#system-view-member-profile .page-submissions {
    margin: var(--spacing) 0 0;
    box-shadow: var(--box-shadow-small);
}

#system-view-member-profile .page-submissions .form-submissions {
    overflow-x: scroll;
    border-radius: var(--border-radius-large);
    -webkit-border-radius: var(--border-radius-large);
    -moz-border-radius: var(--border-radius-large);
    -ms-border-radius: var(--border-radius-large);
    -o-border-radius: var(--border-radius-large);
}

#system-view-member-profile .page-submissions .header {
    display: none;
}

#system-view-member-profile .page-submissions tbody {
    background-color: var(--white);
}

#system-view-member-profile .page-submissions .form-submissions tr th,
#system-view-member-profile .page-submissions .form-submissions tr.even td,
#system-view-member-profile .page-submissions .form-submissions tr.odd td {
    padding: var(--spacing);
    background-color: transparent;
}

#system-view-member-profile .page-submissions tbody>tr>th:first-of-type,
#system-view-member-profile .page-submissions tbody>tr>td:first-of-type {
    display: none;
}

#system-view-member-profile .page-submissions tbody>tr:not(.items) {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    transition: 0.2s;
    -webkit-transition: 0.2s;
    -moz-transition: 0.2s;
    -ms-transition: 0.2s;
    -o-transition: 0.2s;
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr:nth-child(n+2) {
    border-bottom: var(--border-solid) var(--grey-light);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr:first-of-type {
    background-color: var(--black);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr:first-of-type th {
    color: var(--white);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr:first-of-type th:nth-child(3) {
    padding: 0;
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr:first-of-type .items-toggle {
    color: var(--white);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr.even {
    background-color: var(--white);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr.odd {
    background-color: var(--grey-lightest);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr.even:hover,
#system-view-member-profile .page-submissions .form-submissions tbody>tr.odd:hover {
    background-color: var(--grey-lighter);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr.items,
#system-view-member-profile .page-submissions .form-submissions tbody>tr.items:hover {
    background-color: var(--white);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr>td:nth-child(2) {
    color: var(--black);
}

#system-view-member-profile .page-submissions .form-submissions tbody>tr>td:nth-child(3) {
    padding: 0;
}

#system-view-member-profile .page-submissions .form-submissions .items-toggle,
#system-view-member-profile .page-submissions .form-submissions .items-link {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    gap: var(--spacing-smaller);
    color: var(--black);
    width: 100%;
    padding: var(--spacing);
}

#system-view-member-profile .page-submissions .form-submissions .items-toggle.collapsed:before {
    content: '\f107';
    font-family: var(--font-family-icon);
}

#system-view-member-profile .page-submissions .form-submissions .items-toggle.expanded:before {
    content: '\f106';
    font-family: var(--font-family-icon);
}

#system-view-member-profile .page-submissions .form-submissions tr.even.items>td:nth-child(2),
#system-view-member-profile .page-submissions .form-submissions tr.odd.items>td:nth-child(2) {
    border: none;
}

#system-view-member-profile .page-submissions .form-submissions tr.even.items>td:nth-child(2) *,
#system-view-member-profile .page-submissions .form-submissions tr.odd.items>td:nth-child(2) * {
    margin: 0;
}

#system-view-member-profile .page-submissions .form-submissions tr.even td a,
#system-view-member-profile .page-submissions .form-submissions tr.odd td a,
#system-view-member-profile .page-submissions .form-submissions tr.even td a:hover,
#system-view-member-profile .page-submissions .form-submissions tr.odd td a:hover,
#system-view-member-profile .page-submissions .form-submissions tr.even td a:focus-visible,
#system-view-member-profile .page-submissions .form-submissions tr.odd td a:focus-visible,
#system-view-member-profile .page-submissions .form-submissions tr.even td a:focus,
#system-view-member-profile .page-submissions .form-submissions tr.odd td a:focus {
    color: var(--black);
}

@media only screen and (max-width: 767px) {

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row {
        display: flex;
        flex-direction: column;
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.side-column {
        position: relative;
        width: calc(100% - 30px);
        margin: 0 auto var(--spacing);
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .contact-profile-information {
        padding: 0 var(--spacing);
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column {
        width: 100% !important;
        padding: 0 var(--spacing) !important;
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column .profile-graphics {
        display: block;
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column .profile-graphics .content-wrapper {
        display: flex;
        align-items: center;
        justify-content: flex-start;
        gap: var(--spacing);
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column .profile-graphics .content-wrapper::before,
    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column .profile-graphics .content-wrapper::after {
        display: none;
    }

    #system-view-member-profile .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>.main-column .profile-information-wrapper .side-column .profile-graphics .content-wrapper>span {
        margin: 0;
    }

}