/* ==
Hotel Theme Changes 1.0.1
== */


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

:root {
    /* Root Theme Color Variables. Change --sui-theme-color-1 to --sui-theme-color-1 */
    --sui-theme-color-1: #2c3639;
    --sui-theme-color-2: #a0937d;
    --sui-theme-color-3: #e7d4b5;
    --sui-theme-color-4: #f6e6cb;
    --sui-theme-color-5: #abc4aa;
    --sui-theme-color-6: #3f4e4f;
    --sui-theme-color-7: #76b374;
    --sui-theme-color-8: #ffffff00;
    --sui-theme-color-9: #ffffff00;
    --sui-theme-color-10: #ffffff00;

    /* SUI Error */
    --sui-color-error-text: #8a1e1e;
    --sui-color-error-border: #dea7a7;
    --sui-color-error-background: #fff4f4;
    /* Greys */
    --grey-darkest: #45494A;
    --grey-darker: #767D7F;
    --grey-dark: #959B9D;
    --grey: #BFC3C4;
    --grey-light: #D5D7D8;
    --grey-lighter: #ccc;
    --grey-lightest: #F4F5F5;
    --white: #FFFFFF;
    /* Fonts */
    --font-family-icon: 'Font Awesome 6 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 8px 16px 6px 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
\*============================================================================*/

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


/* ==
Page Containers
== */

/* Overflow */

body.body {
    overflow-x: hidden;
}

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

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

    .zone-section.zone-main-section>.content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }



} */

/* Header */

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

/* Content */

/* Footer */

/* With Sidebar */

.body.with-sidebar .main-column .list-four_column .cell>.middle>.middle,
.body.with-sidebar .list-four_column .cell>.middle>.middle,
.body.with-sidebar .main-column .list-one_column-blog .cell>.middle>.middle-left,
.body.with-sidebar .list-one_column-blog .cell>.middle>.middle-left,
.body.with-sidebar .main-column .list-three_column .cell>.middle>.middle,
.body.with-sidebar .list-three_column .cell>.middle>.middle,
.body.with-sidebar .main-column .list-two_column .cell>.middle>.middle,
.body.with-sidebar .list-two_column .cell>.middle>.middle,
.body.with-sidebar .list-one_column .cell>.middle>.middle-right,
.body.with-sidebar .list-one_column-minimal .cell>.middle>.middle-right {
    padding-left: 0 !important;
    padding-right: 0 !important;
}

@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-smallest) 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-sidebar .nested-columns .main-column,
    body.with-extra-sidebar .root-section-wrapper>.content-wrapper .nested-columns>.content-wrapper,
    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: 15px;
        padding-right: 15px;
    }

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

/* ==
Compare
== */

.compare-list-container .compare-list-container__body__item-list .compare-list-item__image {
    overflow: hidden;
}

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

    body .quick-nav .store-links .store-microcart a .sui-microcart-widget__count, body .quick-nav .store-links .store-microcart a .sui-microcart-widget__label {
    color: black;
}
}

/* Search */

.top-site-bar .quick-search {
    width: 100%;
    max-width: 300px;
    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);
    border: 0;
}

.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);
}

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

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

.top-site-bar .quick-search form input[type="submit"] {
    width: 48px;
    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;
}

.site_header-inline.site_header-content_empty .site-logo {
    width: 15%;
}

.site_header-inline .primary-nav {
    width: 85%;
}

/* No Header Content */

@media only screen and (max-width: 767px) {
    .site_header-inline.site_header-content_empty .site-logo {
        width: 50%;
    }

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

}

/* ==
Main Navigation
== */

/* Navigation Container */

.site_header-inline {
    align-items: center;
}

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

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

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

    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:first-of-type {
        display: none;
    }

    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;
        font-size: 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: -1;
        top: 0;
        right: 0;
        width: 100vw !important;
        padding: var(--spacing) 0 0 0;
    }

    .navbar {
        border: none !important;
    }

    .navbar-default .navbar-nav {
        padding-left: 15px;
        padding-right: 15px;
        border: none !important;
        top: 100%;
    }

    .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(--sui-theme-color-1);
    }

    .primary-nav .dropdown-menu>li>a, .primary-nav .navbar-collapse .dropdown-menu a,
    .primary-nav .navbar-default .navbar-nav .open .dropdown-menu>li>a {
        color: inherit;
        font-size: inherit;
    }

}

/* 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 {
             height: 2px;
        }

    .navbar .navbar-btn .icon-bar,
    .navbar .navbar-btn:is(:active, :hover) .icon-bar {
        background-color: var(--sui-theme-color-1);
        margin-top: 0px;
    }

    .navbar .navbar-btn>.icon-bar {
        position: relative;
        width: 35px;
        height: 3px;
        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(--sui-theme-color-1);
}

/* Lists */

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

ul li::marker {
    color: var(--sui-theme-color-1);
}

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

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

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

.product_option-field .ui-selectmenu-button.ui-button {
    display: flex;
    align-items: center;
    flex-direction: row-reverse;
    justify-content: space-between;
}

@media only screen and (max-width: 767px) {
    .product-details .product_option-fields {
        display: flex;
        gap: 18px;
    }
}

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

.productOptionRequired {
    color: red;
}

/* 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(--sui-theme-color-1);
    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-radio>.productOptionName>.product_option-field__label {
    font-weight: 700;
}

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

.product_option-field.product_option-field--checkbox {
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
    justify-content: left;
}


.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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
}

.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-default.ui-state-hover {
    background-color: var(--grey-light);
}

.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-highlight,
.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-highlight.ui-state-hover {
    background-color: var(--grey-lighter);
}

.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-active,
.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-active.ui-state-hover {
    color: var(--white);
    background-color: var(--sui-theme-color-1);
}

.ui-datepicker.ui-widget.ui-widget-content table td>a.ui-state-default:hover {
    opacity: 1;
    filter: opacity(1);
    -moz-filter: opacity(1);
    -webkit-filter: opacity(1);
}

.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(--sui-theme-color-1);
    font-weight: var(--font-weight-normal);
    min-width: 5rem;
    padding: var(--spacing-small);
    margin: 0;
    border: var(--border-solid) var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    background-color: var(--sui-theme-color-1);
}

/* 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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

.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:not(.no-price-mod) {
    border-bottom: 3px solid #d5d5d5;
}

.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);
}

@media (min-width: 768px) {

    .product-options.sub-section-wrapper .content-wrapper,
    .product-add.sub-section-wrapper .content-wrapper {
        padding-left: 0;
        padding-right: 0;
    }

}


/* ==
Variant Inputs
== */

/* Dots */

.product_variant_list {
    margin-bottom: 15px;
}

.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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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: 10px;
    justify-content: flex-start;
}

.category-product-add-cart .add_to_cart-form {
    gap: 6px;
}

@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;
    max-width: 165px;
    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);
}

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: 12px 0px;
    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 .product-add-mirror .add_to_cart--spinner_container input.add_to_cart-qty {
    padding: 10px !important;
}

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

body.three-column .list-item-product .backordered, body.three-column .list-item-product .out_of_stock, body.three-column .list-item-product .product-stock,
body.three-column .alternate-products .category-product-quick-view-button,
body.three-column .related_lists .list-item-product .list-item-datum-quick-view-button {
    margin-bottom: 0;
    font-size: inherit;
}

/* Buttons */

body.body :is(.product-add, .list-item-product .list-item-datum-add_to_cart) form.add_to_cart-form>a {
    height: auto;
    padding: 0;
    margin: 0;
    display: flex;
    flex-direction: row-reverse;
    align-items: center;
}

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,
.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,
.category-product-add-cart .add_to_cart-dialog-open::before  {
    display: flex;
    align-items: center;
    justify-content: center;
    font-weight: var(--font-weight-bold);
    letter-spacing: normal;
    text-transform: none;
    text-decoration: none;
    width: 100%;
    height: 100%;
    padding: var(--spacing-small) var(--spacing-large);
    margin: 0;
    color: var(--white);
    background-color: #f26522;
    border-color: #f26522;
    border-radius: var(--border-radius);
    font-family: inherit;
    font-size: 0.9rem;
}

.list.list-four_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-three_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-one_column .category-product-add-cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-one_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-four_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-four_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-three_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-three_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-one_column .category-product-add-cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before, .list.list-one_column .list-item-product .list-item-datum-add_to_cart div.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a:before {
    color: #2c3639;
}

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,
.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,
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: #b9d5b8;
    border: var(--border-solid) #8ca18b;
    background-color: #8ca18b; */
    background-color: white;
    border-color: #f26522;
    color: #f26522;
}

/* List Three Column */

.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:before {
    background-color: inherit;
    color: var(--sui-theme-color-1);
    border: inherit;
    padding: inherit;
    font-size: 0.8em;
}

/* Category and Unified List Buttons */

body.body :is(
  .list-item-product .list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a,
.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.category-product-add-cart .add_to_cart-dialog-open,
.category-product-add-cart .add_to_quote-dialog-open,
.list.search-results .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a,
.list.search-results .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a {
  padding: 0;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
}


body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-dialog-open:before,
body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-dialog-open:before,
body.body .list.list-unified_list-items .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-form-submit:before,
body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-form-submit:before,
body.body .list.list-related_lists .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-dialog-open:before,
body.body .list.list-related_lists .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-dialog-open:before,
body.body .list.list-related_lists .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-form-submit:before,
body.body .list.list-related_lists .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-form-submit:before,
.category-product-add-cart form>a.add_to_cart-dialog-open:before,
.category-product-add-cart form>a.add_to_quote-dialog-open:before,
.category-product-add-cart .add_to_cart-dialog-open,
.list.search-results .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-form-submit:before,
.list.search-results .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-form-submit:before
{
    background: transparent;
    border: 0 !important;
    color: #2c3639;
    padding: 0;
    top: 0;
}

.category-product-add-cart .add_to_cart-dialog-open {
    color: #2c3639;
}

.category-product-add-cart form>a.add_to_quote-dialog-open:before {
    height: auto;
}

body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-dialog-open:hover:before,
body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-dialog-open:hover:before,
body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-form-submit:hover:before,
body.body .list.list-unified_list-items .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-form-submit:hover:before,
body.body .list.list-related_lists .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-dialog-open:hover:before,
body.body .list.list-related_lists .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-dialog-open:hover:before,
body.body .list.list-related_lists .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-form-submit:hover:before,
body.body .list.list-related_lists .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-form-submit:hover:before,
.category-product-add-cart form>a.add_to_quote-dialog-open:hover:before,
.category-product-add-cart form>a.add_to_cart-dialog-open:hover:before,
.category-product-add-cart form>a.add_to_quote-dialog-open:hover:before,
.list.search-results .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-form-submit:hover:before,
.list.search-results .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_quote-form-submit:hover:before{
    color: #767676;
    background-color: transparent;
    border-color: transparent;
    text-decoration: underline;
}

.list.list-related_lists .list-item-datum-add_to_cart .add_to_cart-dialog-open:after,
.list.list-related_lists .add_to_quote-dialog-open:after,
.list.list-related_lists .add_to_cart-form-submit:after,
.list.list-related_lists .add_to_quote-form-submit:after,
.list.list-unified_list-items .list-item-datum-add_to_cart .add_to_cart-dialog-open:after,
.list.list-unified_list-items .add_to_quote-dialog-open:after,
.list.list-unified_list-items .add_to_cart-form-submit:after,
.list.list-unified_list-items .add_to_quote-form-submit:after,
.category-product-add-cart .add_to_quote-dialog-open:after,
.category-product-add-cart .add_to_cart-dialog-open:after,
.list.search-results .add_to_cart-form-submit:after,
.list.search-results .add_to_quote-form-submit:after {
    content: '';
    font-family: 'Font Awesome 6 Pro' !important;
    position: relative !important;
    left: inherit !important;
    font-size: 0.7em;
    margin-right: 3px;
}

.category-product-add-cart .add_to_cart-message a:before, .product-add .add_to_cart-message a:before, .list-item-product .list-item-datum-add_to_cart .add_to_cart-message a:before,
.category-product-add-cart .add_to_quote-dialog-open:before {
    margin-left: 7px;
}

.list.list-related_lists .list-item-datum-add_to_cart .add_to_cart-form-submit:after,
.list.list-related_lists .list-item-datum-add_to_cart .add_to_cart-dialog-open:after,
.list.list-unified_list-items .list-item-datum-add_to_cart .add_to_cart-form-submit:after,
.list.list-unified_list-items .list-item-datum-add_to_cart .add_to_cart-dialog-open:after,
.category-product-add-cart .add_to_cart-dialog-open:after,
.list.search-results .add_to_cart-form-submit:after {
    content: '\f07a';
}

.list.list-related_lists .list-item-datum-add_to_cart .add_to_quote-form-submit:after,
.list.list-related_lists .list-item-datum-add_to_cart .add_to_quote-dialog-open:after,
.list.list-unified_list-items .list-item-datum-add_to_cart .add_to_quote-form-submit:after,
.list.list-unified_list-items .list-item-datum-add_to_cart .add_to_quote-dialog-open:after,
.category-product-add-cart .add_to_cart-dialog-open:hover:after,
.category-product-add-cart .add_to_quote-dialog-open:after,
.list.search-results .add_to_quote-form-submit:after {
    content: '\f652';
}

.list.list-related_lists .list-item-datum-add_to_cart .add_to_cart-dialog-open:hover:after,
.list.list-related_lists .add_to_quote-dialog-open:hover:after,
.list.list-related_lists .add_to_cart-form-submit:hover:after,
.list.list-related_lists .add_to_quote-form-submit:hover:after,
.list.list-unified_list-items .list-item-datum-add_to_cart .add_to_cart-dialog-open:hover:after,
.list.list-unified_list-items .add_to_quote-dialog-open:hover:after,
.list.list-unified_list-items .add_to_cart-form-submit:hover:after,
.list.list-unified_list-items .add_to_quote-form-submit:hover:after,
.category-product-add-cart .add_to_cart-dialog-open:hover:after,
.category-product-add-cart .add_to_quote-dialog-open:hover:after,
.list.search-results .add_to_cart-form-submit:hover:after,
.list.search-results .add_to_quote-form-submit:hover:after  {
    color: #767676;
}

.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:hover:before,
.list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:hover:before,
.list.list-two_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form > a:hover:before,
.category-product-add-cart .add_to_cart-dialog-open:hover:before,
.category-product-add-cart form>a.add_to_quote-dialog-open:hover:before,
.list.search-results .add_to_cart-form-submit:hover:before,
.list.search-results .add_to_quote-form-submit:hover:before {
    color: #767676;
    text-decoration: underline;
}

body.body .list-item-datum-add_to_cart form.add_to_cart-form>a.add_to_cart-dialog-open::before,
.list.list-unified_list-items a.add_to_cart-dialog-open::before {
    border: 0 !important;
}

/* List Five Column */

.list.list-five_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote>a {
    padding-left: 0;
}

.list-five_column .list-item .list-item-datum-title>a {
    font-size: 1.1rem;
}


/* List One Column, List One Column Minimal */

body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a:before,
body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a.add_to_cart-form-submit:before,
body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a.add_to_quote-form-submit:before {
  padding: 0;
  font-size: 1rem;
}

body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a:hover:before,
body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a.add_to_cart-form-submit:hover:before,
body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .list-item-product .list-item-datum-add_to_cart
) form.add_to_cart-form > a.add_to_quote-form-submit:hover:before {
  text-decoration: underline;
  color: #767676;
  background: transparent;
}

.list :is(.list-related_lists, .list-unified_list-items)
  :is(.list-item-product.list-item-minimal, .list.list-one_column)
  :is(
    .list-item-datum-add_to_cart .add_to_cart-dialog-open:after,
    .add_to_quote-dialog-open:after,
    .add_to_cart-form-submit:after,
    .add_to_quote-form-submit:after
  ) {
  font-size: 1rem;
}

.list-one_column-minimal .list-item-minimal .middle-center {
    display: flex;
    flex-wrap: wrap;
    flex-direction: column;
}

/* body.body :is(
  .list-item-product.list-item-minimal .list-item-datum-add_to_cart,
  .list-one_column-withoptions .list-item-product .list-item-datum-add_to_cart,
  .list-one_column-blog .list-item-product .list-item-datum-add_to_cart,
  .list-one_column .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 {
  flex: 1 1 50%;
} */

.one-column-minimal .add_to_cart-message span.text,
.list-one_column-minimal
  .list-item-product
  .list-item-datum-add_to_cart
  .add_to_cart-message
  span.text {
  padding-right: 0;
}


@media (min-width: 768px) {

  .list-one_column-minimal
    .list-item-product
    .list-item-datum-add_to_cart
    .add_to_cart-message {
        margin-top: 0;
    }

  .list-one_column-minimal
    .list-item-product
    .list-item-datum-view_button {
        margin: 0;
  }

  .body.body .list-one_column-minimal .cell>.middle>.middle-right, .body.fullwidth .list-one_column-minimal .cell>.middle>.middle-right, .body.with-sidebar .main-column .list-one_column-minimal .cell>.middle>.middle-right {
        justify-content: flex-end;
        align-items: flex-end;
    }

}

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

    body.three-column .page-content-wrapper>.columns-wrapper>.content-wrapper>.content-row>aside>.zone-section>.content-wrapper {
        padding-left: 15px;
        padding-right: 15px;
    }

    body.three-column .list-one_column-minimal .list-item.list-item-article .middle-center {
        display: flex;
        flex-direction: column;
    }

    body.three-column .list>.list-one_column-minimal .cell>.middle>.middle-left {
        display: block;
    }

    .body.three-column .list-one_column .list-item-product .middle-right .list-item-datum-add_to_cart form>a:before {
        top: 0px;
    }
}


/* Zone Side Styles */

:is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-one_column .cell>.middle>.middle-center {
    width: 100%;
}

:is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-one_column .cell>.middle>.middle-left {
    width: 100%;
}

body.three-column :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-item-product .product-stock,
body.three-column :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-item-product .out_of_stock,
body.three-column :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-item-product .backordered {
    margin-bottom: 0px;
    font-size: inherit;
    padding-left: 0px;
}

body.three-column .main-column .layout-grid-row {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
}

@media (min-width: 768px) {

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) {
        float: none;
        width: 100% !important;
        display: block;
        padding: 7px 0 10px 0 !important;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-one_column .cell>.middle>.middle-center {
        padding: var(--spacing) 0 0 0 !important;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list .layout-grid-row {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) {
        width: 100%;
        padding: 7px 0 10px 0 !important;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0 6px;
        justify-content: space-between;
        align-items: center;
        float: none !important;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right):empty {
        display: none;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right)>* {
        flex: 0 0 100%;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) .product-stock,
    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) .list-item-datum.list-item-datum-quick-view-button {
        flex: 0 0 47%;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) .list-item-datum.list-item-datum-title,
    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) .list-unified_list .list-item-product .list-item-datum-sku,
    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) .list-item-product .list-item-datum-sku {
        flex: 0 0 100%;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .cell>.middle>:is(.middle-left, .middle-center, .middle-right) {
        padding-left: 0 !important;
        padding-right: 0 !important;
    }

    .list-one_column-minimal .poll-widget-star,
    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-one_column-minimal .list-item-product .list-item-datum-image {
        float: none;
        width: 100% !important;
    }

    :is(.zone-side, .zone-side2) :is(.list-unified_list-items, .list-related_lists) .list-one_column-minimal .cell>.middle>:is(.middle-left, .middle-center, .middle-right) {
        text-align: left;
        width: 100% !important;
    }

    :is(.zone-side, .zone-side2) .list-one_column-minimal .list-item-product .list-item-product-sale-name,
    :is(.zone-side, .zone-side2) .list-one_column-minimal .product-price-adjusted {
        text-align: left;
    }

}

/* Hide specific elements on different views */

body.body .zone-side .list-related_lists .list.list-one_column :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,
body.body .zone-side :is(.product-add, .list-item-product .list-item-datum-add_to_cart) span.ui-spinner.ui-widget.ui-widget-content,
body.body .zone-side .list-item-product .list-item-datum-add_to_cart span.ui-spinner.ui-widget.ui-widget-content {
    flex: 1 1 100%;
}

/* End Hide specific elements on different views */


.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 {
    font-size: var(--font-size-normal);
}

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


.list-one_column-minimal .list-item-product .list-item-product-sale-name {
    text-align: left;
}

.view-button a:before,
.list-item-product .list-item-datum-view_button a:before {
    font-weight: 700;
}

.list-item-product-price-regular,
.product-price-regular,
.product-price-adjusted {
    display: flex;
    flex-direction: row;
    gap:4px;
    justify-content: flex-start;
    align-items: center;
}

.sui-sf-feature-addtocart-dynamic--enabled .add_to_cart-message-added {
    display: inline-block;
}

.list-item-datum.list-item-datum-view_button {
    text-align: left;
}

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

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



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


.list.list-unified_list-items .add_to_cart-dialog-open,
.list.list-unified_list-items .add_to_quote-dialog-open,
.list.list-unified_list-items .add_to_cart-form-submit,
.list.list-unified_list-items .add_to_quote-form-submit {
    display: flex;
    position: relative;
    flex-direction: row-reverse;
    justify-content: flex-start;
    align-items: center;
}

.list.list-unified_list-items .list.list-four_column  .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-unified_list-items .list.list-three_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a,
.list.list-unified_list-items .list.list-two_column  .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a {
    padding-left: 0;
}

.list.list-four_column .list-item-product .list-item-datum-add_to_cart form.add_to_cart-form--with-add_to_cart.add_to_cart-form--with-add_to_quote > a {
    padding-left: 0;
}

.one-column-minimal .category-product-sale-name:empty + .category-product-sale-price:empty + .view-button,
.list-one_column-minimal .list-item-product .list-item-datum-sale-name:empty + .list-item-datum-sale-price:empty + .list-item-datum-view_button {
    text-align: left;
}


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: #ffffff !important;
    background: var(--sui-theme-color-1);
    padding: 6px 12px;
    border-radius: 5px;
    margin-left: 3px;
    white-space: nowrap;
    font-weight: 400 !important;
}

span.add_to_cart-message-added {
    padding: 5px
}

:is(.product-add,.list-item) form>.add_to_cart-message a:hover {
    background: var(--sui-theme-color-6);
    opacity: 0.8;
}


/* Block Defaults */

.block-header {
    margin-bottom: 12px;
}

.block:first-child {
    margin-top: 0;
    padding-top: 0;
}

.block:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
}

/* 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 input[type=password].form-field,
.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.sui-sf-dynamic_form__row--input_field-checkbox_list td {
    display: flex;
    flex-direction: row;
}

.block-block_form form .form-body>table>tbody>tr>td>input.form-field.form-time,
.block-block_form form .form-body>table>tbody>tr>td>input.form-field-option.form-radio-option,
.block-block_form form .form-body>table>tbody>tr>td>input.form-field-option.form-checkbox-option {
    width: auto !important;
}

.block-block_form form .form-body>table>tbody>tr>td>input.form-field.form-calendar,
.block-block_form form .form-body>table>tbody>tr>td>input.form-field-invalid.form-calendar-invalid {
    width: calc(100% - 34px) !important;
}

.block-block_form form .form-body>table>tbody>tr>td>input.form-field.form-calendar + .ui-datepicker-trigger,
.block-block_form form .form-body>table>tbody>tr>td>input.form-field-invalid.form-calendar-invalid + .ui-datepicker-trigger {
    width: 34px;
    border: none;
}

.ui-datepicker-form-calendar.ui-widget.ui-widget-content .ui-timepicker-div>dl {
    flex-direction: column;
    align-items: unset;
}

.ui-datepicker-form-calendar.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_hour_label {
    padding: 0 0 0 5px;
}

.ui-datepicker-form-calendar.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_hour,
.ui-datepicker-form-calendar.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_minute,
.ui-datepicker-form-calendar.ui-widget.ui-widget-content .ui-timepicker-div>dl>.ui_tpicker_second {
    margin: -18px 10px 20px 40%;
}

.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);
}

.block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr {
    padding-top: 15px;
}

.block-block_form .form-body table.sui-sf-dynamic_form tr.sui-sf-dynamic_form__row--input_field-signup-phone_ext {
    display: none;
}

.sui-sf-c-block--default[data-block--type='form'] input[type="password"].form-field {
    border: 1px solid var(--grey-light);
    padding: 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);
}

.sui-sf-c-block--default[data-block--type='form'] input[type="text"].form-field {
    border: 1px solid var(--grey-light);
    padding: 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);
}

.password-toggle {
    padding: var(--spacing-small,8px) 8px;
}

@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: fit-content !important;
    }

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

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

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

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody {
        display: table-row-group;
    }

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

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-first_name {
        width: calc(50% - 10px - 3px);
        display: inline-flex;
        margin-right: 10px;
    }

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-last_name,
    .block.sample-registration-fieldset-formv .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-postal_code {
        width: calc(50% - 10px - 3px);
        display: inline-flex;
        margin-left: 10px;
    }

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-city,
    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-country,
    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-province {
        width: calc(33.3333% - 10px);
        display: inline-flex;
    }

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-city {
        margin-left: 0;
    }

  .block.sample-registration-fieldset-form .block-block_form form .form-body > table > tbody > tr.sui-sf-dynamic_form__row--input_field-signup-country, .block.sample-registration-fieldset-form .block-block_form form .form-body > table > tbody > tr.sui-sf-dynamic_form__row--input_field-signup-province {
    margin-left: 10px;
  }

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-street,
    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-phone_num {
        width: calc(75% - 10px - 3px);
        display: inline-flex;
        margin-right: 10px;
    }

    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-apt,
    .block.sample-registration-fieldset-form .block-block_form form .form-body>table>tbody>tr.sui-sf-dynamic_form__row--input_field-signup-phone_ext {
        width: calc(25% - 10px - 3px);
        display: inline-flex;
        margin-left: 10px;
    }

}

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

    .sui-sf-c-block--default[data-block--type='form'] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .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(--sui-theme-color-1);
}

.side-nav ul li a>strong {
    color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    background-color: transparent;
}

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

.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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

/* 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(--sui-theme-color-1); */
    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-center {
    width: 60%;
}

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

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

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

body.body .list>.list-one_column-minimal .list-item-product-price {
    margin-top: 0 !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);
    }

}

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

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

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

@media (min-width: 768px) {

    body.three-column .main-column .layout-grid-row {
        display: flex;
        align-items: flex-start;
        flex-direction: row;
        flex-wrap: wrap;
        gap: 0;
        justify-content: space-between;
        align-items: flex-start;
    }

    body.three-column .main-column .list-four_column .layout-grid-row-data,
    body.three-column .main-column .list-three_column .layout-grid-row-data,
    body.three-column .list-four_column .layout-grid-row-data {
        flex: 0 0 48%;
    }

}

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

.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;
    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;
     color: inherit;
}

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

.list-item .list-item-datum-description {
    margin-bottom: 0px;
}


/* Price (Default) */

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

/* Price (Pre-Discount) */

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

/* Price Summary */

.manufacturer-code,
.product-code,
.product-sku,
.vendor-code,
.category-product-sku,
.category-product-vendor_code,
.category-product-product_code,
.category-product-manufacturer_code {
    font-size: .9em;
}

.product-details h1 .backordered, .product-details h1 .out_of_stock, .product-details h1 .product-stock {
    font-size: 1.4rem;
    margin: 0;
}

.list .list-item-product div[id^=product_options-] {
    width: 100%;
    display: flex;
    gap: 5px;

}

.side-column .list .list-item-product div[id^=product_options-] {
    flex-direction: column;
}

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

.product_option-summary.product-options-price-adjust {
    flex-direction: column;
}

.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(--sui-theme-color-1);
    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(--sui-theme-color-1); */
    font-size: var(--font-size-larger);
    font-weight: var(--font-weight-bold);
}

/* Publish */

/* Polls */

a[name="poll-summary"]:empty {
    display: none;
}

.poll-widget-star {
    display: flex;
    margin-top: var(--spacing-smallest);
    align-items: center;
}

.star-rating-control {
    vertical-align: baseline;
}

/* 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-small);
    margin: 0;
}

/* Quick View */

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


.list-item.list-item-product .related_lists .list-item-product .list-item-datum-quick-view-button {
    margin-bottom: 0px;
}


.category-product-quick-view-button a,
.list .list-item-product .list-item-datum-quick-view-button a,
.list .list-item-article .list-item-datum-quick-view-button a {
    color: inherit;
    font-family: inherit;
    padding: 6px 7px 6px 0;
    text-transform: capitalize;
    letter-spacing: inherit;
    font-weight: 700;
    vertical-align: -webkit-baseline-middle;
    background: transparent;
}

body.three-column .list-item-product .category-product-quick-view-button,
body.three-column .list-item-product .list-item-datum-quick-view-button,
body.three-column .list-item-article .list-item-datum-quick-view-button {
    font-size: inherit;
}


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

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

    body.three-column .list-item-product .category-product-quick-view-button,
    body.three-column .list-item-product .list-item-datum-quick-view-button,
    body.three-column .list-item-article .list-item-datum-quick-view-button {
        display: block;
    }

}

/* 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: 0;
        font-size: var(--font-size-normal);
        height: 4px;
        width: 100% !important;
        background: #abc4aa;
        transition: 0.2s ease;
        -webkit-transition: 0.2s ease;
        -moz-transition: 0.2s ease;
        -ms-transition: 0.2s ease;
        -o-transition: 0.2s ease;
        border-radius: 5px;
    }

    .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(--sui-theme-color-1);
        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(--sui-theme-color-1);
        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(--sui-theme-color-1);
        width: 100%;
        padding: var(--spacing);
        margin: 0;
        border: var(--border-solid) var(--sui-theme-color-1);
        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(--sui-theme-color-1);
        background-color: var(--sui-theme-color-1);
        opacity: 1;
    }

}

/* Banners - Side Column */

.banner-zone a 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);
}

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

    body.with-sidebar .content-wrapper:not(:empty) .filter {
        top: var(--spacing);
        color: var(--sui-theme-color-1);
        font-size: var(--font-size-smaller);
        padding: 0;
        margin: 0 auto;
        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: white;
        border: 1px solid #dfe1e2;
    }

    body.with-sidebar .filter-title {
        color: var(--sui-theme-color-1);
        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(--sui-theme-color-1);
        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%;
        z-index: 2;
        border: 0;
        color: white;
        background-color: #f26522;
        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.with-sidebar .filter form>.filter-actions input {
        color: white;
        width: 100%;
        padding: 7px 11px;
        margin: 0;
        border: 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;
        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(--sui-theme-color-1);
        background-color: var(--sui-theme-color-1);
        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(--sui-theme-color-1);
        border-color: var(--sui-theme-color-1);
    }

    .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(--sui-theme-color-1);
        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(--sui-theme-color-1);
        background-color: var(--sui-theme-color-1);
    }

}

/* Toolbar */

.list-toolbar {
    width: 100%;
    padding: var(--spacing-smaller) 0;
    margin: 0 auto var(--spacing);
}

.list-toolbar select {
    color: var(--grey-darker);
    font-size: var(--font-size-normal);
    line-height: var(--line-height-normal);
    padding: var(--spacing-smallest);
    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,
.ui-widget-content.ui-dialog.article-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);
    display: flex;
    flex-direction: column-reverse;
}

.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);
}

.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-smallest) 0 0 0;
}

.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 0 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(--sui-theme-color-1);
    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 {
    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: 0;
    border-bottom: 3px solid #d5d5d5;
    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);
    margin: var(--spacing-small) 0 var(--spacing-smallest);
}

.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: 54px;
    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(--sui-theme-color-1);
    background-color: var(--sui-theme-color-1);
}

.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: #f26522;
    border: var(--border-solid) #f26522;
    background-color: white;
    padding: var(--spacing) var(--spacing-large);
}

.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: white;
    border: var(--border-solid) #f26522;
    background-color: #f26522;
}

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

.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset > a .button-view-product {
    display: flex;
    flex-direction: row-reverse;
    gap: 6px;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane {
    padding: 7px 15px;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button {
    padding: 7px 11px;
    color: var(--sui-theme-color-1);
    margin: 0;
    background: #f5f5f5;
    border: 1px solid #ebebeb;
    border-bottom: 2px solid #e1e1e1;
    text-transform: capitalize;
    font-family: inherit;
    letter-spacing: normal;
    border-radius: 5px;
    transition: border-bottom ease-in-out.2s;
    -webkit-transition: border-bottom ease-in-out 0.2s;
    -moz-transition: border-bottom ease-in-out 0.2s;
    -ms-transition: border-bottom ease-in-out 0.2s;
    -o-transition: border-bottom ease-in-out 0.2s;
    display: flex;
    flex-direction: row;
    align-items: flex-end;
    gap: 5px;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset {
    display: flex;
    align-items: center;
    gap: var(--spacing-small);
    flex-direction: row;
    justify-content: flex-end;
    float: none;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset > a,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset > a {
    display: flex;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button:hover {
    opacity: 0.9;
    filter: opacity(0.9);
    -webkit-filter: opacity(0.9);
    border-bottom: 2px solid #ebebeb;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.button-view-item::after,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.button-view-product::after {
    content: '\f065';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
}

.ui-widget-content.ui-dialog.article-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.button-close-dialog::before,
.ui-widget-content.ui-dialog.product-dialog .ui-dialog-buttonpane .ui-dialog-buttonset .ui-button.button-close-dialog::before {
    content: '\f00d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
}

.body.fullwidth .ui-dialog .article-quickview .cell>.middle>.middle-right, .body.fullwidth .ui-dialog .product-quickview .cell>.middle>.middle-right, .body.with-sidebar .ui-dialog .article-quickview .cell>.middle>.middle-right, .body.with-sidebar .ui-dialog .product-quickview .cell>.middle>.middle-right, .category.fullwidth .ui-dialog .article-quickview .cell>.middle>.middle-right, .category.fullwidth .ui-dialog .product-quickview .cell>.middle>.middle-right, .category.with-sidebar .ui-dialog .article-quickview .cell>.middle>.middle-right, .category.with-sidebar .ui-dialog .product-quickview .cell>.middle>.middle-right, .checkout.step-one .ui-dialog .article-quickview .cell>.middle>.middle-right, .checkout.step-one .ui-dialog .product-quickview .cell>.middle>.middle-right, .product .ui-dialog .article-quickview .cell>.middle>.middle-right, .product .ui-dialog .product-quickview .cell>.middle>.middle-right {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

.body.fullwidth .ui-dialog .article-quickview .cell>.middle>.middle-right>*, .body.fullwidth .ui-dialog .product-quickview .cell>.middle>.middle-right>*, .body.with-sidebar .ui-dialog .article-quickview .cell>.middle>.middle-right>*, .body.with-sidebar .ui-dialog .product-quickview .cell>.middle>.middle-right>*, .category.fullwidth .ui-dialog .article-quickview .cell>.middle>.middle-right>*, .category.fullwidth .ui-dialog .product-quickview .cell>.middle>.middle-right>*, .category.with-sidebar .ui-dialog .article-quickview .cell>.middle>.middle-right>*, .category.with-sidebar .ui-dialog .product-quickview .cell>.middle>.middle-right>*, .checkout.step-one .ui-dialog .article-quickview .cell>.middle>.middle-right>*, .checkout.step-one .ui-dialog .product-quickview .cell>.middle>.middle-right>*, .product .ui-dialog .article-quickview .cell>.middle>.middle-right>*, .product .ui-dialog .product-quickview .cell>.middle>.middle-right>* {
    flex: 0 0 100%;
}

.ui-dialog .product-quickview .cell>.middle>.middle-right>.category-product-sku,
.ui-dialog .product-quickview .cell>.middle>.middle-right>.category-product-vendor_code,
.ui-dialog .product-quickview .cell>.middle>.middle-right>.category-product-product_code,
.ui-dialog .product-quickview .cell>.middle>.middle-right>.category-product-manufacturer_code {
    flex: 0 0 fit-content !important;
}

@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(--sui-theme-color-1);
    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-theme-color-1);
    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;
}

.carousel.shout-gallery-carousel_gallery_with_button_fullwidth  .carousel-inner img {
    width: 100%;
    object-fit: cover;
}

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

    .sui-sf-c-block--default[data-block--type='gallery'] {
        padding-left: 15px;
        padding-right: 15px;
    }

    .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;
    width: 100%;
}

.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.gallery {
    margin-top: 15px;
}

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

.galleria-theme-shoutcmsazur .galleria-bar {
    z-index: 1;
}

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

.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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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-theme-color-1);
    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(--sui-theme-color-1);
    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-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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);
    }

}


/* ==
Block Behaviour Collapse Content
== */

.block-behaviour-collapse_content {
    padding: 15px 15px 15px 15px !important;
    border-radius: 8px;
    padding-top: 20px !important;
    margin-bottom: 25px;
}

.block-behaviour-collapse_content:hover {
    background-color: #efefef;
}

.block-behaviour-collapse_content .block-title,
.block-behaviour-without-collapse_content .block-title {
    margin-bottom: 0;
}

.block-behaviour-collapse_content .block-content-toggle a {
    margin-top: 15px;
}

.block-behaviour-collapse_content .block-content-toggle a,
.block-login a {
    padding: 10px 10px 10px 0px;
    background-color: #fdfdfd;
    border-radius: 5px;
    font-size: 14px;
    font-weight: bold;
    border: 1px solid #e9eddc;
}

.block-content-toggle.block-content-toggle-collapsed,
.block-content-toggle.block-content-toggle-expanded {
    margin-top: 10px;
}

.block-behaviour-collapse_content .block-content-toggle a {
    background-color: transparent;
    border: 1px solid transparent
}

.block-behaviour-collapse_content .block-content-toggle a:is(:hover, :focus),
.block-login a:is(:hover, :focus) {
    color: black;
}

.block-login a:hover:before {
    color: black;
}

.block-behaviour-collapse_content>.block-title+.block-summary,
.block-behaviour-collapse_content .block-content {
    width: 100%;
}

.block-login a {
    color: var(--black);
    border-color: transparent;
    background-color: var(--primary);
    padding: 7px 18px;
    margin-bottom: 15px;
    display: inline-block;
    background-color: #e8edde;
}

.block-login a:hover {
    opacity: 0.8;
}


/* ==
Expandables
== */

/* Tabs */

ul.ui-tabs-nav li.expandables-headers.ui-tabs-tab {
    line-height: normal;
}

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

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>a: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(--grey-darkest) !important;
    border: var(--border-solid) var(--grey-darkest);
}

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

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

.block-block_expandables .ui-tabs-panel .block-block_content {
    padding: var(--spacing-small) var(--spacing);
}

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

    .block-block_expandables .expandables-tabs-vertical {
        flex-direction: column;
    }

}

/* 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 6 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(--sui-theme-color-1);
    background-color: var(--grey-lighter);
}

.ui-accordion .ui-accordion-header.ui-state-active {
    color: var(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    background-color: var(--white);
}

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

.ui-accordion .ui-accordion-content {
    padding: 0;
    margin: var(--spacing-small) 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: 100%;
    }

    [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(--sui-theme-color-1);
    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-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    font-family: 'Font Awesome 6 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(--sui-theme-color-1);
}

/* ==
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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    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(--sui-theme-color-1);
}

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(--sui-theme-color-1);
    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 h3.block-title {
    margin-bottom: 5px;
}

.block-block_files .block-summary p {
    margin-bottom: 5px;
}

.block-block_files .file_list-container {
    overflow: hidden;
    margin-top: 15px;
    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(--sui-theme-color-1);
}

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

.block-block_files .file_list-container .file_list-form-action-link {
    color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

.block-block_files .file_list-container .file_list-form-action-link::after {
    content: '\f33d';
    display: inline-block;
    font-family: 'Font Awesome 6 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);
    }

}


/* Summary */

.file_list-wrapper-with_show_summary .file_list-wrapper-right .file_list-header .jstree-name {
    width: 65%;
}

.block-block_files .file_list-container-tree {
    border-radius: 0;
}

.side-column .file_list-header .file_list-actions-select_all {
    margin-right: 3px;
}

.side-column .file_list-header .file_list-search {
    min-width: 190px !important;
}

@media (min-width: 1180px) {

    .file_list-wrapper-with_show_summary .file_list-wrapper-right .file_list-header .jstree-name {
        width: 11%;
    }

    .file_list-wrapper-with_show_summary .file_list-wrapper-right .file_list-header .file_list-search {
        min-width: 220px;
    }

}

@media screen and (max-width: 1180px) and (min-width: 1000px) {

    .file_list-wrapper-with_show_summary .file_list-wrapper-right .file_list-header .file_list-search {
        width: 45%;
    }

}


/* Side Column With Block Files  */

.side-column .block-block_files .file_list-wrapper-with_search .file_list-header .jstree-name {
    width: 100%;
}


.side-column .file_list-header {
    display: flex;
}

.side-column .file_list-header .jstree-name {
    display: none;
}

.side-column .block-block_files .file_list-wrapper-with_show_summary .file_list-wrapper-right .file_list-header .jstree-name {
    width: 100%;
}

.side-column .block-block_files .jstree-link-view {
    overflow: visible !important;
}

.side-column .block-block_files .file_list-header .jstree-date,
.side-column .block-block_files .file_list-container .jstree-date,
.side-column .block-block_files .file_list-header .jstree-size,
.side-column .block-block_files .file_list-container .jstree-size,
.side-column .block-block_files .file_list-container a.jstree-link-download {
    display: none;
}

@media (min-width: 767px) {

    .side-column .block-block_files .file_list-wrapper-with_search .file_list-header .jstree-size {
        width: 80%;
    }

}


/* Three Column With Block Files */

.body.three-column .file_list-wrapper-with_show_size .file_list-header .jstree-date,
.body.three-column .file_list-wrapper-with_show_size .file_list-header .jstree-size,
.body.three-column .file_list-wrapper-with_show_size .jstree-date,
.body.three-column .file_list-wrapper-with_show_size .jstree-size {
    display: none;
}

.body.three-column .file_list-wrapper-with_show_size .jstree-name {
    width: 100%;
    overflow: visible !important;
}

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

    .body.three-column .file_list-wrapper-with_show_summary .file_list-wrapper-right .file_list-header .jstree-name {
        width: 70%;
    }

}

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

    .body.three-column .file_list-wrapper-with_show_summary .jstree-summary {
        padding-right: 0 !important;
    }

}


/* Buttons */

.file_list-wrapper-tree-buttons .jstree-node.jstree-leaf.node-type-file:not(.jstree-hidden) + .jstree-node.jstree-leaf.node-type-file {
    margin-left: 0 !important;
}

.file_list-wrapper-tree-buttons .jstree-leaf.node-type-file .jstree-anchor {
    margin-bottom: 18px !important;
    display: table-cell;
}

.file_list-wrapper-tree-buttons .jstree-leaf.node-type-file .jstree-link-view {
    border-radius: 5px;
    background: var(--white);
    border: 1px solid #cac9c9;
    color: var(--black);
    white-space: normal;
    padding: 10px 15px !important;
    line-height: normal;
}

.file_list-wrapper-tree-buttons .jstree-leaf.node-type-file .jstree-link-view:hover {
    background: #f1f2f2;
    border-color: #ccc;
}

.file_list-filters-reset input {
    background-color: #f26522 !important;
}

.file_list-filters-reset input:hover {
    opacity: 0.7 !important;
}

.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(--sui-theme-color-1);
}

.side-column .file_list-header:not(:empty) {
    display: none;
}

.side-column .file_list-wrapper-with_search .file_list-header {
    display: flex !important;
}

@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%;
    }

}

@media only screen and (max-width: 560px) {
    .jstree-icon.jstree-checkbox {
        display: none;
    }

    i.jstree-icon.jstree-ocl {
        display: none;
    }

    .file_list-actions-select_all {
        display: none !important;
    }

    .jstree-name {
        width: 100% !important;
    }

    .jstree-anchor .jstree-name,
    .jstree-anchor .jstree-name a {
        max-width: 100%;
        vertical-align: middle;
    }
}

@media only screen and (max-width: 500px) {
    .jstree-anchor .jstree-name,
    .jstree-anchor .jstree-name a {
        max-width: 100%;
    }
}

/* ==
User Profile
== */

.profile-categories h5, .profile-header .profile-label, h5.profile-header {
    margin: 0 0 10px 0;
}

section.system-area .contact-recurring-packages h5.profile-header {
    margin: 10px;
}

/* 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,
.block-block_user_profile .zone-section>.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 .form-submissions .header {
    display: none;
}

.block-block_user_profile .form-submissions 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 .form-submissions tbody>tr>th:first-of-type,
.block-block_user_profile .form-submissions tbody>tr>td:first-of-type {
    display: none;
}

.block-block_user_profile .form-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;
}

.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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    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(--sui-theme-color-1);
}

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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    background-color: var(--sui-theme-color-1);
    opacity: 1;
}

.fc-unthemed .fc-button.fc-today-button:hover {
    color: var(--sui-theme-color-1);
    background-color: transparent;
    border-color: var(--sui-theme-color-1);
}

/* Calendar View Option Button */

.fc-button-primary:not(:disabled).fc-button-active,
.fc-button-primary:not(:disabled):active {
    color: var(--white);
    background-color: var(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

/* 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(--sui-theme-color-1) !important;
    border-color: var(--sui-theme-color-1) !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(--sui-theme-color-1);
}

.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(--sui-theme-color-1) !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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
}

.sui-calendar-popover .sui-calendar-popover-buttons .btn-success:hover {
    color: var(--sui-theme-color-1);
    background-color: transparent;
    border-color: var(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    background-color: var(--sui-theme-color-1);
}

@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(--sui-theme-color-1);
}

.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(--sui-theme-color-1);
    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::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;
}

.product-price-display>.content-wrapper {
    display: flex;
    flex-direction: column-reverse;
}

.backordered,
.out_of_stock,
.not_available_for_sale {
    color: var(--grey);
    font-weight: bold;
    text-transform: uppercase;
    width: 100%;
    font-size: .9em;
}

h1 .not_available_for_sale {
    font-size: var(--font-size-small);
    line-height: normal;
    padding: 8px 11px;
}

.content_meta__title {
    margin: var(--spacing-larger) 0 var(--spacing);
}

.content_meta__summary {
    margin: var(--spacing) 0;
    padding: 0;
    border: 0;
}

.content_meta__summary:empty {
    display: none;
}

.content_meta.content_meta--row .content_meta__authoring_and_publishing > .content_meta__authoring {
    margin-right: 6px;
}

.content_meta.content_meta--row {
    border-bottom: none;
    padding-bottom: 10px;
    margin-bottom: 0px;
}

.content_meta.content_meta--row > .content_meta__authoring_and_publishing {
    border-top: none;
    border-bottom: none;
}

.product-add-mirror {
    margin: 10px 0 !important;
    flex: 1 1 100%;
    max-width: 100%;
}

.product-price-display #total_display {
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 3px;
    margin-bottom: 0;
    flex-wrap: wrap;
}

.body.product .product-price-display #total_display {
    display: flex;
    flex-direction: row;
}

.product-price-display .product-price-adjusted {
    font-size: var(--font-size-largest);
}

.product_option-fields-header {
    margin-bottom: 0;
}

.product-details .product_option-fields {
    padding: 0 0 var(--spacing);
    margin: 0 0 var(--spacing-smallest);
    border-bottom: var(--border-solid) var(--grey-lighter);
}

.product_option-fields .product_option-fields-header::before {
    content: '';
    height: 1px;
    width: 100%;
    background-color: #e3e3e3;
    display: block;
    margin-bottom: 15px;
}

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

}

/* ==
File Block CSS
== */

.jstree-themeicon.fa:before {
    color: var(--sui-theme-color-1);
}

.file_list-header {
    background: #f7f7f7;
    padding: 5px 10px;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}

a.jstree-link.jstree-link-view,
.jstree-size,
.jstree-date,
.jstree-summary,
.jstree-name,
.file_list-search input {
    font-size: 0.9rem;
}

a.jstree-link.jstree-link-view {
    font-weight: bold;
}

.jstree-summary {
    text-wrap: wrap;
    color: #6b6b6b;
}

.file_list-search input {
    padding: 4px 10px;
}

@media only screen and (min-width: 1001px) {
    .jstree-summary {
        padding-right: 228px;
    }
}

/* ==
Comments
== */

#comment-reply-main a, .comment-reply-main a {
  color: white;
        background-color: #f26522;
    border: 1px solid #f26522;
     border-radius: 5px;
}

#comment-reply-main a:hover, .comment-reply-main a:hover {
    color: #b9d5b8;
    border: var(--border-solid) #8ca18b;
    background-color: #8ca18b;
        opacity: 1;
    filter: opacity(1);
    -moz-filter: opacity(1);
    -webkit-filter: opacity(1);
}

#comment-post, .comment-post {
    border-radius: 5px;

    background-color: var(--sui-theme-color-1);
    border: 1px solid var(--sui-theme-color-1);
}

#comment-post:hover, .comment-post:hover {
    border-radius: 5px;
    color: white;
    border-color: transparent !important;
    background-color: var(--sui-theme-color-6) !important;
}


.comment-reply a:hover,
.comment-reply a:hover:before {
    color: var(--sui-theme-color-2);
}

.comment-reply span:before {
    content: '\f3e5';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
}


/* ==
My Account
== */

/* Page Layout */

#system-member-profile .page-content-wrapper {
    padding: 0 0 var(--spacing-largest);
}

.account-transaction-container .gridAltRow td,
.account-transaction-container .gridRow td {
    padding: 10px;
}

.checkout-x-container .gridAltRow td,
.checkout-x-container .gridRow td {
    padding: 10px;
}

#page-content #user-list .gridDataTableLarge td,
#user-list .gridDataTableLarge td {
    padding: 10px;
}

@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(--sui-theme-color-1);
}

@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(--sui-theme-color-1);
}

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

#system-member-profile .contact-profile-categories:not(:has(*:not(:empty))) {
    display: none;
}

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

#system-member-profile .contact-recurring-packages>.content-wrapper {
    display: flex;
    flex-direction: column;
    gap: var(--spacing);
}

#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(--sui-theme-color-1) !important;
    font-weight: var(--font-weight-bold);
}

#system-member-profile .contact-recurring-packages table :is(th, td) {
    padding: var(--spacing-small);
}

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

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

body.member-invoices section.system-area tr.gridHeaderRow {
    width: 100%;
}

body.member-invoices section.system-area th.address_book-address-grid-col-label.gridHeaderRow {
    min-width: 100% !important;
}

#system-member-profile .contact-outstanding-invoices table a {
     color: black;
    font-weight: var(--font-weight-bold);
}

#system-member-profile .user-orders tr .account-transaction-paid_date__pay_button,
.account-transaction-paid_date__pay_link .account-transaction-paid_date__pay_button {
    color: var(--white) !important;
    border: var(--border-solid) #55c052;
    background-color: #55c052;
    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);
}

#system-member-profile .user-orders tr .account-transaction-paid_date__pay_link:hover .account-transaction-paid_date__pay_button,
.account-transaction-paid_date__pay_link:hover .account-transaction-paid_date__pay_button {
    border: var(--border-solid) #439440;
    background-color: #439440;
}

#system-member-profile .contact-outstanding-invoices table :is(th, td) {
    padding: var(--spacing-small);
}

#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(--sui-theme-color-1) !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: 70vh;
    background-color: var(--grey-lightest);
     background-color: var(--white);
    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: 1170px;
    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
}

body.system-page.update-profile article.editor-content {
    border-bottom-color: transparent;
}


/* Editor Content */

body.system-page.update-profile article.editor-content {

}

body.system-page.update-profile article.editor-content>.content-wrapper {

}

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 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(--sui-theme-color-1);
    background-color: var(--sui-theme-color-1);
}

body.system-page.update-profile section.system-area form input[type="submit"]:hover {
    color: var(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border: var(--border-solid) var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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-theme-color-1);
}

body.system-page.update-profile section.system-area form>.submit>input:is(:focus, :hover) {
    color: var(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    background-color: transparent;
}

/* ==
View Order
== */

/* Page Layout */

#system-module .page-content-wrapper {
    padding: var(--spacing-smallest) 0;
    background-color: var(--white);
}

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

    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);
        background-color: var(--white);
        /* box-shadow: var(--box-shadow); */
    }
}

/* Payment Option Buttons */

#system-module .systempage-actions {
    display: flex;
    flex-wrap: nowrap;
    align-items: center;
    gap: var(--spacing-small);
    width: 100%;
    flex-direction: row;
    justify-content: flex-start;
}

#system-module .systempage-actions * {
    margin: 0;
}

#system-module .systempage-actions>.systempage-action {
    flex: 0 0 20%;
}

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


section.systempage-container .systempage-actions {
    flex-direction: row-reverse;
}

#system-module .systempage-actions a#button-pay_order {
    color: white;
    border-color: #f26522;
    background-color: #f26522;
    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::before {
    content: '\f09d';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 600;
}

#system-module .systempage-actions a#button-pay_order:is(:focus, :hover) {
    color: #b9d5b8;
    border: var(--border-solid) #8ca18b;
    background-color: #8ca18b;
}

#system-module .systempage-actions a:not(#button-pay_order) {
    color: var(--sui-theme-color-1);
    border-color: var(--grey-lightest);
    background-color: var(--grey-lightest);
}

#system-module .systempage-actions a:not(#button-pay_order):is(:focus, :hover) {
    color: var(--sui-theme-color-1);
    border-color: #dfdfdf;
    background-color: #dfdfdf;
}



/* 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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    background-color: transparent;
    text-decoration: none;
}

@media only screen and (max-width: 767px) {
    #system-module .systempage-actions>.systempage-action {
        flex: 0 0 40%;
    }
}

/* ==
Recent Orders
== */

/* Page Layout */

body.member-invoices .page-content-wrapper {
    min-height: 100vh;
    background-color: var(--white);
    padding: 0 0 var(--spacing-largest);
}

body.member-invoices .page-content-wrapper .top-page-bar {
    margin-bottom: var(--spacing-smallest) !important;
}

body.member-invoices :is(article.editor-content, section.system-area) {
    width: 100%;

    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
    background-color: var(--white);
}

.view_order-container,
.order-items {
    margin: 7px 0;
    border-radius: 4px;
}

.order .order-actions .order-action button.order-action__button, .order .order-actions .order-action div.order-action__button {
    border-radius: 4px;
    color: var(--sui-theme-color-1);
    border: 1px solid #ebebeb;
    border-bottom: 2px solid #e1e1e1;
    background: #f5f5f5;
    transition: 0.2s ease;
     padding: 7px 11px;
    -webkit-transition: 0.2s ease;
    -moz-transition: 0.2s ease;
    -ms-transition: 0.2s ease;
    -o-transition: 0.2s ease;
}

.order .order-actions .order-action button.order-action__button:hover, .order .order-actions .order-action div.order-action__button:hover {
    border-color: transparent;
     border-bottom: 2px solid #ebebeb;
     background: #f5f5f5;
         opacity: 0.9;
    filter: opacity(0.9);
    -webkit-filter: opacity(0.9);
}


.order .order-message-count:not(:empty) {
    color: var(--white);
    border-color: #55c052;
    background-color: #55c052;
}

.order .order-actions button.order-action__button:hover .order-message-count:not(:empty), .order .order-actions div.order-action__button:hover .order-message-count:not(:empty) {
    border-color: #439440;
    background-color: #439440;
    color: #fff;
}

/* 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;
    max-width: 1170px;
}

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: 15px;
}

body.member-invoices section.system-area .account-transaction-container {
    overflow-x: auto;
}

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) #55c052;
    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: #55c052;
}


.view_order-container,
.order-items,
.order-item-wrapper {
    border-color: #ccc;
}

/* ==
Checkout Area
== */

.page-content-wrapper .checkout-area {
    width: 100%;
    max-width: 1170px;
    margin: 0 auto;
    padding: var(--spacing-large);
    background-color: var(--white);
    border-radius: 5px;
    padding-left: 15px;
    padding-right: 15px;
}

.page-content-wrapper .checkout-area,
.page-content-wrapper .checkout-process-form,
.page-content-wrapper .checkout-process-form,
.checkout-area .store-step .content-wrapper,
.checkout-three-step .above-the-footer {
    background: white;
}


/* Payment Details */
#checkout-billing_method>table>tbody>tr>td {
    background-color: transparent;
}

.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active {
    background: white;
}

/* shipping-contact.less */

div.sui-field>.sui-strut-field>.sui-strut-controls>.sui-control>* {
    font-size: 1rem;
}

.checkout-upsell .checkout-body .product-stock,
.related-table.upsell .category-product-quick-view-button a {
    font-size: .85rem;
}

.upsell-display .add_to_cart--spinner_container {
    margin-bottom: 0;
}

body.member-submissions article.editor-content>.content-wrapper {
    padding: var(--spacing-larger) var(--spacing) 0 !important;
    margin: 0 auto;
    max-width: 1170px;
}

.contact-recurring-packages.sub-section-wrapper>.content-wrapper,
.contact-outstanding-invoices.sub-section-wrapper>.content-wrapper,
.update-profile-form.root-section-wrapper>.content-wrapper,
.contact-recurring-packages.root-section-wrapper>.content-wrapper,
.contact-billing-history.root-section-wrapper>.content-wrapper,
.update-profile-form.root-section-wrapper>.content-wrapper,
.contact-submissions.root-section-wrapper>.content-wrapper,
.contact-outstanding-invoices.root-section-wrapper>.content-wrapper,
.system-module.root-section-wrapper>.content-wrapper {
    background-color: var(--white);
    border-radius: 5px;
    border: 1px solid #ccc;
    padding-left: 15px;
    padding-right: 15px;
    margin-top: 15px;
    padding: 15px;
}

.contact-outstanding-invoices.sub-section-wrapper>.content-wrapper {
    margin-top: 0;
}

.search-autocomplete__ul .search-autocomplete__li .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-right .search-autocomplete__title {
    font-size: inherit;
    color: var(--sui-theme-color-1);
}

.search-autocomplete__ul .search-autocomplete__li:last-of-type .search-autocomplete__container .search-autocomplete__row .search-autocomplete__row-right .search-autocomplete__title {
    font-size: inherit;
    color: var(--sui-theme-color-1);
}


/* shipping-quote-table.less */

#shipTable>tbody>tr, .checkout-shipping_quote-grid>tbody>tr {
    padding-bottom: 10px;
        padding-top: 10px;
}



/* Checkout */

.page-content-wrapper .checkout-label {
    background-color: transparent !important;
    margin: 0px 0 8px 0;
    font-size: 1.2rem;
}

.checkout-cart-item-extra-value {
    padding-left: 4px;
}

.checkout-cart-item-extra-value p {
    color: #2c3639;
}

.site-link #coupon_form a {
    padding: 7.9px 11px;
}


input#coupon_code,
.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-control {
    background-color: white;
}

.checkout-area .root-section-wrapper .checkout-contact-shipping .content-wrapper .content-inner {
    border-top-color: transparent;
}

.checkout-area .root-section-wrapper .checkout-step-nav .content-wrapper .content-inner {
    border-bottom-color: transparent;
}

span.checkout-cart-item-extra-name p,
span.checkout-cart-item-extra-value p {
    font-weight: 700;
}

span.checkout-cart-item-extra-name p,
span.checkout-cart-item-extra-value p {
    font-weight: 900
}

#checkout-billing_method td:first-child {
    text-align: left;
    padding-right: 11px;
    min-width: 130px;
}

#checkout-billing_method th {
    display: none;
}

#checkout-billing_method tbody {
    display: flex;
    flex-direction: row;
    gap: 4px;
    flex-wrap: wrap;
}

.checkout-area .store-step {
    text-align: left;
}

.checkout-area .store-step .content-wrapper {
    padding-top: 0;
    padding-left: 15px;
    padding-right: 15px;
}

.checkout-area .store-step .content-wrapper>.cart-steps {
    padding: 5px 0px;
}

.cart-steps.cart-steps-dynamic {
    display: flex;
    justify-content: left;
    gap: 12px;
    padding: var(--spacing);
}

.cart-current-step .cart-step-text {
    color: var(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);

}

.cart-step.cart-step-one .cart-step-text,
.cart-step.cart-step-three .cart-step-text,
.cart-step.cart-step-two .cart-step-text {
    color: var(--grey-dark);
    color: black;
    font-size: var(--font-size-normal);
    font-family: var(--font-family-body);
    padding: var(--spacing);
    border: 1px solid #ccc !important;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    -ms-border-radius: 5px;
    -o-border-radius: 5px;
    min-width: 170px;
    position: relative;
}

.cart-step.cart-step-one.cart-current-step .cart-step-text,
.cart-step.cart-step-three.cart-current-step .cart-step-text,
.cart-step.cart-step-two.cart-current-step .cart-step-text {
    color: var(--sui-theme-color-1);
    border: var(--border-solid) var(--sui-theme-color-1) !important;

    background: var(--sui-theme-color-1);
    color: var(--white);
}

.checkout-three-step.checkout--transaction-type-quote .cart-steps:not(.cart-steps-dynamic) .cart-step-three>span:after {
    padding-left: 5px;
}

/* Keep for later - may want to add back in button colors ********

.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary, .site-link a.checkout-button-complete_quote.sui-sf-button-has_text, .site-link a.checkout-button-next.sui-sf-button-has_text, .site-link a.checkout-button-save_quote.sui-sf-button-has_text {
        border: 1px solid var(--sui-theme-color-1);
    background: var(--sui-theme-color-1);
    border-radius: 5px;
}

.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary, .site-link a.cart-buttons.remove.sui-sf-button-has_text, .site-link a.cart-buttons.update.sui-sf-button-has_text {
    border: 1px solid #efefef;
    background: #efefef;
    border-radius: 5px;
}

.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary:hover, .site-link a.cart-buttons.remove.sui-sf-button-has_text:hover, .site-link a.cart-buttons.update.sui-sf-button-has_text:hover {
    border: 1px solid var(--sui-theme-color-6);
    background: var(--sui-theme-color-6);
}

.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary:hover, .site-link a.checkout-button-next.sui-sf-button-has_text:hover {
    border: 1px solid var(--sui-theme-color-6);
    background: var(--sui-theme-color-6);
} */

.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-primary,
.site-link a.checkout-button-complete_quote.sui-sf-button-has_text,
.site-link a.checkout-button-next.sui-sf-button-has_text,
.site-link a.checkout-button-save_quote.sui-sf-button-has_text {
    border-radius: 5px;
}

.checkout .site-link a.checkout-button-type-default.checkout-button-type-default-secondary,
.site-link a.cart-buttons.remove.sui-sf-button-has_text,
.site-link a.cart-buttons.update.sui-sf-button-has_text {
    border-radius: 5px;
}

.checkout-continue_shopping.checkout-button .sui-sf-button-text:before {
    content: '\f290';
    font-family: 'Font Awesome 6 Pro';
    font-weight: 400;
    padding-right: 6px;
}

.checkout-continue_shopping.checkout-button:hover {
    opacity: 1;
    filter: opacity(1);
    -webkit-filter: opacity(1);
}

.checkout-continue_shopping.checkout-button:hover .sui-sf-button-text {
    color: var(--sui-theme-color-1);

}

.cart-product-sale-name,
.cart-table li {
    letter-spacing: normal;
}

.checkout-input-material--initialized #checkout .checkout-input-material__form-wrapper--theme-blue .checkout-input-material__form-label {
    color: black;
}

.checkout-upsell h2 {
    font-size: 1.4rem;
    margin-bottom: 15px
}

tr.cart-headers,
.cart-rows,
.cart-rows-alt {
    border-bottom: 1px solid #ccc;
}

/* checkout-general.less */
.site-link #coupon_form a {
    border-radius: 5px;
    background: #2c3639;
}

.site-link #coupon_form a:hover {
    background-color: #fff;
    border: 1px solid #2c3639;
    color: #2c3639;
}

/* shipping-contact.less */
.checkout-shipping-field-container {
    margin-top: 5px;
}
#shipTable tr.checkout-shipping-field-row > th:empty {
    padding: 0;
}

/* store-registration.less */
#checkout-user_account tbody {
    background: transparent;
}

#checkout-subscriptions-box .sui-formblock-content {
    background: white;
}

#checkout-subscriptions-box .sui-formblock-header .sui-formblock-title {
    margin: 0 10px;
}

section.system-area .contact-notes-note {
    padding: 25px !important;
}

section.system-area .contact-notes-note-dates {
    margin-left: 0;
}

/* address_book.less */

.checkout .gridDataTableCheckout>tbody>tr>td.address_book-address-grid-col-select {
    margin-left: 3px;
}



@media (min-width: 768px) {

    .cart-step.cart-step-one .cart-step-text:before,
    .cart-step.cart-step-three .cart-step-text:before,
    .cart-step.cart-step-two .cart-step-text:before {
        padding-right: 5px;
    }

    .cart-step.cart-step-one .cart-step-text:before {
        content: '01.'
    }

    .cart-step.cart-step-two .cart-step-text:before {
        content: '02.'
    }

    .cart-step.cart-step-three .cart-step-text:before {
        content: '03.'
    }

    .cart-product-sale-name,
    .cart-table li {

        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
    }

    .checkout-area .root-section-wrapper .content-wrapper .content-inner {
        padding: 20px 30px;
        background-color: #f5f5f5;
        border-radius: 10px;
    }

    .cart-display.root-section-wrapper .content-wrapper>.content-inner {
        padding: 20px 30px;
        background-color: white;
        border: 1px solid #ccc;
    }

    #checkout-shipping_notes-notes {
        max-width: none;
        min-height: 125px;
    }
/* shipping-contact.less */
    #shipTable thead tr {
        background: white;
    }

    #shipTable td {
        padding-top: 8px;
        padding-bottom: 5px;
    }

    .gridDataTableCheckout tr.gridAltRow td,
    .gridDataTableCheckout tr.gridRow td {
        padding-top: 12px;
        padding-bottom: 12px;
    }


}

@media (max-width: 1028px) {
    .cart-current-step {
        border-bottom: 0;
    }

    .store-step span {
        margin-bottom: 0;
    }


}

@media (max-width: 1028px) and (min-width: 768px) {
    /* Remove this line or make it table-cell shipping-quote-table.less */

    #checkout-step-two #checkout-shipping_method #shipTable th {
        display: table-cell;
    }
    /* checkout-general.less */
    #checkout-step-two th {
        width: auto;
    }
}

@media (max-width: 767px) {
    .checkout-area .store-step .content-wrapper {
        padding-left: 10px;
        padding-right: 10px;
    }

    .coupon-frame.root-section-wrapper>.content-wrapper,
    .checkout-reference_label.sub-section-wrapper>.content-wrapper,
    .checkout-shipping.sub-section-wrapper>.content-wrapper  {
        padding-top: 15px;
    }

    .cart-steps.cart-steps-dynamic {
        gap: 5px;
        justify-content: space-between;
    }

    .checkout-area .root-section-wrapper .checkout-contact-shipping .content-wrapper .content-inner {
        border-color: #ccc;
    }

    #checkout-billing_method td td {
        display: block;
        padding: 2px 0;
    }

    #checkout-cart .cart-actions {
        display: none;
    }

    .checkout-payment_method--bambora_na_token .checkout-payment_method-hosted_tokenization_iframe iframe {
        min-width: fit-content;
    }

    .checkout-area .store-step .content-wrapper>.cart-steps {
        padding: 0;
    }

    .cart-step.cart-step-one,
    .cart-step.cart-step-three,
    .cart-step.cart-step-two {
        width: 100%;
    }

    .cart-step.cart-step-one .cart-step-text,
    .cart-step.cart-step-three .cart-step-text,
    .cart-step.cart-step-two .cart-step-text {
        min-width: auto;
        padding: 10px;
        width: 100%;
    }

    /* Remove border-bottom in shipping-quote-table.less Line 72 */
    #shipTable>tbody>tr,
    .checkout-shipping_quote-grid>tbody>tr {
        border-bottom: 0;
    }

    .checkout-area .root-section-wrapper .content-wrapper .content-inner,
    .cart-display.root-section-wrapper .content-wrapper>.content-inner {
        padding: 0;
        border: 0;
    }

    /* shipping-quote-table.less */
    #shipTable td {
        padding: 1px 24px 2px 6px;
    }

    #shipTable>tbody>tr, .checkout-shipping_quote-grid>tbody>tr {
        padding-top: 0;
    }

    .checkout-shipping-field-container td {
        padding-right: 0 !important
    }

    .checkout-shipping-field-container .ui-datepicker-trigger {
        margin-left: -16px;
    }

    .checkout-shipping-field-container input.hasDatepicker {
            margin-right: -7%;
    }

    .related-table.upsell {
        border-bottom: 1px solid #eee;
    }
}

/* ==
**** Address Book ****
== */

#address_book-address {
    width: 100%;
}


/* ==
Memberships
== */

/* Page Layout */

body.member-pages .page-content-wrapper {
    min-height: 70vh;
    padding: 0 0 var(--spacing-largest);
}

body.member-pages .page-content-wrapper .top-page-bar {
    margin-bottom: var(--spacing-smallest) !important;
}

body.member-pages :is(article.editor-content, section.system-area) {
    width: 100%;

    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;
    max-width: 1170px;
}

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

body.member-pages section.system-area .account-transaction-container {
    overflow-x: auto;
}

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;
    padding-bottom: 10px;
}

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: 70vh;
    background-color: var(--white);
    padding: 0 0 var(--spacing-largest);
    max-width: 1170px;
    width: 100%;
    margin: 0 auto;
}

body.archived-invoices :is(article.editor-content, section.system-area) {
    padding: 0 var(--spacing) var(--spacing);
    margin: 0 auto !important;
    background-color: var(--white);
    width: 100%;
}

/* Editor Content */

body.archived-invoices article.editor-content>.content-wrapper {
    padding: 20px var(--spacing) 0 !important;
    background-color: var(--white);
}

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

body.archived-invoices section.system-area .account-transaction-container {
    overflow-x: auto;
}

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(--sui-theme-color-1);
    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-theme-color-1);
    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(--sui-theme-color-1);
    border-color: var(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
}

#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(--sui-theme-color-1);
    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-smallest) 0;
}

#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(--sui-theme-color-1);
    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-theme-color-1);
}

#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(--sui-theme-color-1);
    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(--sui-theme-color-1);
}

#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(--sui-theme-color-1);
}

/* ==
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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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-theme-color-1);
}

: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(--sui-theme-color-1);
}

: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(--sui-theme-color-1);
}

: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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    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;
}

: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);
}

: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(--sui-theme-color-1);
    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(--sui-theme-color-1);
    background-color: var(--sui-theme-color-1);
}

: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(--sui-theme-color-1);
    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(--sui-theme-color-1);
}

#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(--sui-theme-color-1);
}

#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(--sui-theme-color-1);
    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(--sui-theme-color-1);
}

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

}