/**
 * Sukkah Murals - theme chrome overrides
 *
 * Divi and WooCommerce restyling, merged from the Divi child theme's
 * style.css and the Customizer's "Additional CSS" panel. These rules restyle
 * markup the theme and WooCommerce render; anything targeting markup this
 * plugin renders lives in site-style.css.
 *
 * Enqueued after the theme stylesheet (handle: sukkah-theme-overrides) so it
 * keeps the cascade position the Customizer panel used to give it.
 *
 * Design tokens come from site-style.css, declared as a dependency.
 *
 * Several rules below reproduce Divi's own multi-hundred-selector lists
 * verbatim. They are kept on one line and unedited on purpose: they have to
 * match Divi's specificity exactly to win, and trimming them breaks that.
 *
 * @package  Mural Woo Order
 */

/* ==========================================================================
   Typography
   ========================================================================== */

h1 {
    font-size: 38px;
}

@media (max-width: 767px) {
    .site-title {
        font-size: 5vw;
    }
}

/* ==========================================================================
   Layout containers
   ========================================================================== */

@media (max-width: 767px) {
    .container,
    .et_pb_row {
        width: 90%;
        padding-left: 15px;
        padding-right: 15px;
    }

    #page-container {
        display: flex;
        flex-direction: column;
    }
}

@media (max-width: 479px) {
    .container,
    .et_pb_row {
        width: 100%;
    }
}

/* ==========================================================================
   Header and top bar
   ========================================================================== */

#main-header {
    box-shadow: 0 3px 0 rgba(0, 0, 0, 0.7);
}

.site-logo img {
    height: 55px;
    margin-top: 16px;
}

@media (max-width: 479px) {
    .site-logo img {
        height: 40px;
        margin-top: 20px;
    }
}

#top-header {
    z-index: 1;
}

#top-header,
#et-info-phone,
#et-info-email {
    font-size: 12px;
    line-height: 1;
}

#top-header .container {
    font-weight: 400;
}

#et-info-phone:before,
#et-info-email:before {
    color: #fff;
    margin-right: 5px;
}

@media (min-width: 981px) {
    a.et-cart-info {
        padding-top: 16px;
    }
}

@media (max-width: 980px) {
    #et-secondary-menu {
        display: block !important;
    }
}

/* Transparent header on the home page.
   UNVERIFIED: .page-id-17 hardcodes a page ID. If the home page is ever
   rebuilt as a new page these rules silently stop applying. */
.page-id-17 #main-header {
    background-color: transparent;
    padding-bottom: 0;
}

.page-id-17 #top-header {
    position: relative;
    background-color: transparent;
}

.page-id-17 #et-info-phone:before,
.page-id-17 #et-info-email:before {
    color: var(--sukkah-ink);
}

@media (max-width: 980px) {
    .page-id-17 #main-header {
        background-color: transparent !important;
        padding-bottom: 0;
    }
}

/* ==========================================================================
   Primary menu
   ========================================================================== */

#top-menu li {
    font-weight: 500;
    padding-bottom: 33px;
}

#top-menu li a {
    font-weight: 500 !important;
    padding: 0 7px;
    line-height: 1.6;
}

.et_header_style_left #et-top-navigation nav>ul>li>a,
.et_header_style_split #et-top-navigation nav>ul>li>a {
    padding-bottom: 0;
}

/* Emphasised menu items - add the .bold-menu-item class in Appearance > Menus */
#top-menu .bold-menu-item a,
.bold-menu-item a {
    background: var(--sukkah-menu-bg);
    padding: .5em .8em !important;
    font-weight: 600 !important;
    border-radius: 6px;
    box-shadow: 5px 5px 10px #b7b7b71f;
    transition: all 0.3s ease-in-out;
}

#top-menu .bold-menu-item a:hover,
.bold-menu-item a:hover {
    background: var(--sukkah-menu-bg-hover);
    box-shadow: 5px 5px 10px #b7b7b752;
    opacity: 1 !important;
}

@media (max-width: 1199px) {
    #top-menu li {
        padding-right: 0;
    }
}

.et_mobile_menu {
    border-top: 3px solid var(--sukkah-ink);
}

/* ==========================================================================
   Sidebar and footer widget menus
   ========================================================================== */

.widget_nav_menu .current-menu-item a {
    font-weight: 700;
    color: var(--sukkah-ink);
    padding: .3em .7em;
    background: var(--sukkah-cream);
    border-radius: 8px;
}

.widget_nav_menu .current-menu-item a:hover {
    color: #fff;
    background: var(--sukkah-ink);
}

.et_pb_widget {
    float: none;
}

.et_pb_widget li a:hover {
    color: var(--sukkah-ink);
    font-weight: 700;
}

/* ==========================================================================
   Home page
   UNVERIFIED: these depend on the Slick Slider plugin (wpsisac) still
   building the home page carousel, and on #front-blocks still existing.
   ========================================================================== */

#home-slider .wpsisac-slick-carousal .slick-slide {
    padding: 5px !important;
}

#home-slider .wpsisac-slick-carousal .slick-slide img {
    border: 2px solid var(--sukkah-ink);
}

#home-slider .wpsisac-slick-carousal button.slick-arrow {
    width: 60px;
    height: 60px;
    border-radius: 100% !important;
}

#home-slider .wpsisac-slick-carousal.design-6 .slick-next {
    right: -20px !important;
}

#home-slider .wpsisac-slick-carousal.design-6 .slick-prev {
    left: -20px !important;
}

#home-slider .wpsisac-slick-carousal button.slick-next,
#home-slider .wpsisac-slick-carousal button.slick-next:hover,
#home-slider .wpsisac-slick-carousal button.slick-next:focus,
#home-slider .wpsisac-slick-carousal button.slick-prev,
#home-slider .wpsisac-slick-carousal button.slick-prev:hover,
#home-slider .wpsisac-slick-carousal button.slick-prev:focus {
    background-color: #231f20 !important;
}

@media (max-width: 980px) {
    #front-blocks .et_pb_column {
        width: 50% !important;
        margin-bottom: 5px !important;
    }
}

/* ==========================================================================
   Contact page
   ========================================================================== */

.contact-info p a {
    display: flex;
    align-items: center;
    color: inherit;
}

.contact-info p img {
    margin-right: 20px;
}

.contact-form {
    border: 1px solid var(--sukkah-ink);
}

@media (max-width: 479px) {
    .contact-info p img {
        width: 30px !important;
    }
}

/* ==========================================================================
   WooCommerce - buttons
   ========================================================================== */

/* Divi's own button selector list, verbatim - see file header. */
.et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #content input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page #respond input#submit.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce-page input.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce a.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce button.button.alt.disabled, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button, .et_button_no_icon.et_button_icon_visible.et_button_left.woocommerce input.button.alt, .et_button_no_icon.et_button_left.woocommerce #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #content input.button:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page #respond input#submit:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page a.button:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page button.button:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce-page input.button:hover, .et_button_no_icon.et_button_left.woocommerce a.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce a.button:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.et_button_left.woocommerce button.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce button.button:hover, .et_button_no_icon.et_button_left.woocommerce input.button.alt:hover, .et_button_no_icon.et_button_left.woocommerce input.button:hover, .et_button_no_icon.woocommerce #content input.button, .et_button_no_icon.woocommerce #content input.button.alt, .et_button_no_icon.woocommerce #content input.button.alt:hover, .et_button_no_icon.woocommerce #content input.button:hover, .et_button_no_icon.woocommerce #respond input#submit, .et_button_no_icon.woocommerce #respond input#submit.alt, .et_button_no_icon.woocommerce #respond input#submit.alt:hover, .et_button_no_icon.woocommerce #respond input#submit:hover, .et_button_no_icon.woocommerce-page #content input.button, .et_button_no_icon.woocommerce-page #content input.button.alt, .et_button_no_icon.woocommerce-page #content input.button.alt:hover, .et_button_no_icon.woocommerce-page #content input.button:hover, .et_button_no_icon.woocommerce-page #respond input#submit, .et_button_no_icon.woocommerce-page #respond input#submit.alt, .et_button_no_icon.woocommerce-page #respond input#submit.alt:hover, .et_button_no_icon.woocommerce-page #respond input#submit:hover, .et_button_no_icon.woocommerce-page a.button, .et_button_no_icon.woocommerce-page a.button.alt, .et_button_no_icon.woocommerce-page a.button.alt:hover, .et_button_no_icon.woocommerce-page a.button:hover, .et_button_no_icon.woocommerce-page button.button, .et_button_no_icon.woocommerce-page button.button.alt, .et_button_no_icon.woocommerce-page button.button.alt.disabled, .et_button_no_icon.woocommerce-page button.button.alt.disabled:hover, .et_button_no_icon.woocommerce-page button.button.alt:hover, .et_button_no_icon.woocommerce-page button.button:hover, .et_button_no_icon.woocommerce-page input.button, .et_button_no_icon.woocommerce-page input.button.alt, .et_button_no_icon.woocommerce-page input.button.alt:hover, .et_button_no_icon.woocommerce-page input.button:hover, .et_button_no_icon.woocommerce a.button, .et_button_no_icon.woocommerce a.button.alt, .et_button_no_icon.woocommerce a.button.alt:hover, .et_button_no_icon.woocommerce a.button:hover, .et_button_no_icon.woocommerce button.button, .et_button_no_icon.woocommerce button.button.alt, .et_button_no_icon.woocommerce button.button.alt.disabled, .et_button_no_icon.woocommerce button.button.alt.disabled:hover, .et_button_no_icon.woocommerce button.button.alt:hover, .et_button_no_icon.woocommerce button.button:hover, .et_button_no_icon.woocommerce input.button, .et_button_no_icon.woocommerce input.button.alt, .et_button_no_icon.woocommerce input.button.alt:hover, .et_button_no_icon.woocommerce input.button:hover, .woocommerce input.button, .woocommerce input.button:hover {
    padding: 12px 26px !important;
    font-size: 16px;
    border: none;
}

.woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt.disabled, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt.disabled, .woocommerce button.button:disabled, .woocommerce button.button:disabled[disabled], .woocommerce input.button, .woocommerce input.button.alt {
    font-size: 16px;
    border: 1px solid var(--sukkah-ink);
    border-radius: 0;
    opacity: 1;
}

/* ==========================================================================
   WooCommerce - form fields
   ========================================================================== */

.et_pb_wc_cart_totals .select2-container--default .select2-selection--single, .et_pb_wc_checkout_billing .select2-container--default .select2-selection--single, .et_pb_wc_checkout_shipping .select2-container--default .select2-selection--single, .woocommerce #content .quantity input.qty, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-page #content .quantity input.qty, .woocommerce-page .quantity input.qty, .woocommerce .quantity input.qty, .woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {
    -webkit-appearance: none;
    appearance: none;
    background-color: transparent;
    max-width: 100%;
    border-width: 1px;
    border-color: var(--sukkah-ink);
    border-radius: 0;
    border-style: solid;
    color: var(--sukkah-ink);
    font-size: 16px;
    padding: 14px 22px;
    line-height: 1;
}

.woocommerce .quantity input.qty {
    background-color: #fff;
}

/* ==========================================================================
   WooCommerce - notices
   ========================================================================== */

.woocommerce .woocommerce-error,
.woocommerce .woocommerce-info,
.woocommerce .woocommerce-message {
    background: var(--sukkah-ink);
}

.woocommerce-store-notice.demo_store {
    background-color: #f22786;
    top: 0 !important;
    bottom: auto !important;
    line-height: 44px;
    font-size: 18px;
    padding-top: 5px;
}

/* ==========================================================================
   Shop archive and product tiles
   ========================================================================== */

.woocommerce-products-header {
    padding: 2em;
    background: var(--sukkah-cream-light);
    margin-bottom: 2em;
    text-align: center;
}

h1.woocommerce-products-header__title {
    font-size: 2em;
}

.et_shop_image {
    z-index: 1;
}

.et_shop_image img {
    transition: 0.2s transform ease-in-out;
}

.et_shop_image:hover img {
    transform: scale(0.79) translateY(-2px);
}

/* Divi's hover overlay, repurposed as the mural rendering preview */
.et_overlay {
    background: url(../images/SukkahMurals_Rendering_hover.png) no-repeat 50% 50%;
    background-size: cover;
}

.et_overlay:before {
    display: none;
}

.woocommerce ul.products li.product .woocommerce-loop-product__title {
    position: absolute;
    left: 10px;
    bottom: 20px;
    padding: 5px;
    color: #fff !important;
    background: var(--sukkah-ink);
    font-size: 14px !important;
    font-weight: 400;
    z-index: 2;
}

.woocommerce span.onsale,
.woocommerce-page span.onsale {
    display: none;
}

@media (max-width: 479px) {
    .woocommerce-page ul.products li.product:nth-child(n) {
        margin: 0 3% 3% 0 !important;
        width: 45% !important;
    }

    .woocommerce ul.products li.product .woocommerce-loop-product__title {
        font-size: 8px !important;
    }
}

/* ==========================================================================
   Single product - theme chrome
   ========================================================================== */

.woocommerce div.product > .clearfix {
    background-color: var(--sukkah-cream);
    margin-bottom: 50px;
    padding: 20px;
}

.woocommerce div.product .product_title {
    font-size: 38px;
    padding-bottom: 30px !important;
}

.woocommerce div.product div.images.woocommerce-product-gallery {
    width: 60%;
}

.woocommerce div.product div.summary {
    width: 40%;
    padding: 0 0 0 20px;
    display: flex;
    flex-direction: column;
}

.woocommerce-page div.product form.cart,
.woocommerce div.product form.cart {
    margin-top: 0;
    margin-bottom: 0;
    order: 0;
}

.woocommerce div.product form.cart .button,
.woocommerce div.product form.cart .button:hover {
    padding: 10px 26px !important;
}

/* Price is hidden on the product page; the running total comes from the
   pewc calculator instead - see single_product.css. */
.woocommerce-page div.product p.price {
    display: none;
}

.product .related h2 {
    font-size: 38px !important;
    padding-bottom: 30px;
}

#wc-stripe-payment-request-wrapper,
#wc-stripe-payment-request-button-separator {
    display: none !important;
}

/* UNVERIFIED: Mural_Woo_Order_Theme_Setup::remove_wc_breadcrumbs() removes
   WooCommerce's breadcrumb, so these may no longer match anything. Confirm
   Divi is not rendering its own breadcrumb before deleting. */
.woocommerce .woocommerce-breadcrumb {
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    color: #666666;
}

.woocommerce .woocommerce-breadcrumb a {
    color: var(--sukkah-ink);
}

@media (max-width: 1399px) {
    .woocommerce-page div.product form.cart,
    .woocommerce div.product form.cart {
        justify-content: flex-end;
    }
}

@media (max-width: 1199px) {
    .woocommerce div.product div.images.woocommerce-product-gallery {
        width: 100%;
    }

    .woocommerce div.product div.summary {
        width: 100%;
        padding: 20px 0 0 20px;
    }
}

@media (max-width: 767px) {
    .woocommerce-page div.product form.cart,
    .woocommerce div.product form.cart {
        width: 100%;
    }
}

/* ==========================================================================
   Cart and checkout
   ========================================================================== */

#add_payment_method #payment,
.woocommerce-cart #payment,
.woocommerce-checkout #payment {
    background: var(--sukkah-sand);
    border-radius: 0;
}

.woocommerce-cart-form table.shop_table,
.woocommerce-checkout-review-order table.shop_table {
    border: 1px solid var(--sukkah-rule);
    border-radius: 0;
}

#add_payment_method .cart-collaterals .cart_totals tr td, #add_payment_method .cart-collaterals .cart_totals tr th, .woocommerce-cart .cart-collaterals .cart_totals tr td, .woocommerce-cart .cart-collaterals .cart_totals tr th, .woocommerce-checkout .cart-collaterals .cart_totals tr td, .woocommerce-checkout .cart-collaterals .cart_totals tr th, .wc-cart-wrapper table.shop_table td, .wc-cart-wrapper table.shop_table th, .woocommerce-checkout-review-order table.shop_table th, .woocommerce-checkout-review-order table.shop_table td, .woocommerce-checkout-review-order table.shop_table tfoot th, .woocommerce-checkout-review-order table.shop_table tfoot td, .woocommerce-checkout #main-content .cart-subtotal td {
    border-color: var(--sukkah-rule);
}

.woocommerce .cart-collaterals .cart_totals,
.woocommerce-page .cart-collaterals .cart_totals {
    width: 100%;
    padding: 24px 32px 0;
    border: 1px solid var(--sukkah-rule);
}

.woocommerce-cart .cart-collaterals .cart_totals table {
    border: none;
}

.woocommerce-cart .cart-collaterals .cart_totals table tr th {
    padding-left: 0;
}

#order_review_heading {
    margin-top: 50px;
}

@media (min-width: 981px) {
    .woocommerce-cart-form {
        width: 65%;
        margin-right: 5%;
    }

    .woocommerce .cart-collaterals,
    .woocommerce-page .cart-collaterals {
        width: 30%;
    }
}

/* Order received */
p.woocommerce-notice.woocommerce-notice--success.woocommerce-thankyou-order-received {
    font-size: 2.5em;
    line-height: 1.3;
    padding-bottom: 1em;
    color: #27479f;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details {
    border-radius: 12px;
    padding: 2em;
    background: #f1f1f1;
    width: fit-content;
}

ul.woocommerce-order-overview.woocommerce-thankyou-order-details.order_details li {
    padding-bottom: 1em;
    border-right: none;
}

/* ==========================================================================
   Footer
   ========================================================================== */

#main-footer {
    background-color: #fff;
}

#main-footer .footer-widget h4 {
    font-weight: 600;
    font-size: 24px;
    line-height: 1.6;
}

#main-footer .site-title {
    display: block;
    line-height: 1;
    margin-bottom: 30px;
}

#footer-widgets .footer-widget li {
    padding-left: 0;
    margin-bottom: 10px;
}

#footer-widgets .footer-widget li:before {
    display: none;
}

@media (min-width: 981px) {
    .et_pb_gutters3.et_pb_footer_columns4 .footer-widget .fwidget,
    .et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget .fwidget,
    .et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:first-child .fwidget,
    .et_pb_gutters3.et_pb_footer_columns_1_2__1_4 .footer-widget:nth-child(-n+3):not(:first-child) .fwidget,
    .et_pb_gutters3.et_pb_footer_columns3 .footer-widget .fwidget {
        margin-bottom: 10px;
    }
}

@media (max-width: 980px) {
    #footer-widgets .footer-widget .fwidget {
        margin-bottom: 10px !important;
    }
}

@media (max-width: 767px) {
    #footer-widgets .footer-widget:nth-child(n) {
        margin-bottom: 9.5% !important;
    }
}

/* ==========================================================================
   Accent colour
   Divi's own accent-colour selector list, verbatim - see file header.
   ========================================================================== */

#et_search_icon:hover, #top-menu li.current-menu-ancestor>a, #top-menu li.current-menu-item>a, .bottom-nav li.current-menu-item>a, .comment-reply-link, .entry-summary p.price ins, .et-social-icon a:hover, .et_password_protected_form .et_submit_button, .footer-widget h4, .form-submit .et_pb_button, .mobile_menu_bar:after, .mobile_menu_bar:before, .nav-single a, .posted_in a, .woocommerce #content div.product p.price, .woocommerce #content div.product span.price, .woocommerce #content input.button, .woocommerce #content input.button.alt, .woocommerce #content input.button.alt:hover, .woocommerce #content input.button:hover, .woocommerce #respond input#submit, .woocommerce #respond input#submit.alt, .woocommerce #respond input#submit.alt:hover, .woocommerce #respond input#submit:hover, .woocommerce .star-rating span:before, .woocommerce a.button, .woocommerce a.button.alt, .woocommerce a.button.alt:hover, .woocommerce a.button:hover, .woocommerce button.button, .woocommerce button.button.alt, .woocommerce button.button.alt:hover, .woocommerce div.product p.price, .woocommerce div.product span.price, .woocommerce input.button, .woocommerce input.button.alt, .woocommerce input.button.alt:hover, .woocommerce input.button:hover, .woocommerce-page #content div.product p.price, .woocommerce-page #content div.product span.price, .woocommerce-page #content input.button, .woocommerce-page #content input.button.alt, .woocommerce-page #content input.button.alt:hover, .woocommerce-page #respond input#submit, .woocommerce-page #respond input#submit.alt, .woocommerce-page #respond input#submit.alt:hover, .woocommerce-page #respond input#submit:hover, .woocommerce-page .star-rating span:before, .woocommerce-page a.button, .woocommerce-page a.button.alt, .woocommerce-page a.button.alt:hover, .woocommerce-page a.button:hover, .woocommerce-page button.button, .woocommerce-page button.button.alt, .woocommerce-page button.button.alt:hover, .woocommerce-page button.button:hover, .woocommerce-page div.product p.price, .woocommerce-page div.product span.price, .woocommerce-page input.button, .woocommerce-page input.button.alt, .woocommerce-page input.button.alt:hover, .woocommerce-page input.button:hover, .wp-pagenavi a:hover, .wp-pagenavi span.current {
    color: var(--sukkah-accent);
}