.elementor-15 .elementor-element.elementor-element-3809907 > .elementor-background-overlay{background-image:url("https://www.yapsun.com/wp-content/uploads/2023/05/Pattern02.png");opacity:0.5;transition:background 0.3s, border-radius 0.3s, opacity 0.3s;}.elementor-15 .elementor-element.elementor-element-3809907{transition:background 0.3s, border 0.3s, border-radius 0.3s, box-shadow 0.3s;padding:8% 0% 8% 0%;}.elementor-15 .elementor-element.elementor-element-11ed941 > .elementor-widget-container{padding:20px 20px 20px 20px;}/* Start custom CSS for shortcode, class: .elementor-element-11ed941 *//*post login*/
.woocommerce-account .woocommerce-MyAccount-navigation ul {
    padding: 0;
}
.woocommerce-MyAccount-navigation li {
    margin-bottom: 10px;
}
.woocommerce-MyAccount-navigation li:last-child {
    margin-bottom:0;
}
.woocommerce-MyAccount-navigation li a:hover, .woocommerce-MyAccount-navigation li.is-active a {
    color: var(--e-global-color-secondary);
}
.woocommerce-account .woocommerce-MyAccount-navigation, .woocommerce-account .woocommerce-MyAccount-content {
    background-color: #FFF;
    padding: 25px;
}
.cwg_popup_submit, a.add-enquiry-button.button, .woocommerce input.button.rfq-send-enquiry, #rfq-update-enquiry-list, .rfq-enquiry-list-form-login button, .woocommerce-account .woocommerce-Button.button, .woocommerce-account .woocommerce button.button, .woocommerce table.my_account_orders .button, .woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    border-radius: 0;
    border: 0;
    background-color: var(--e-global-color-secondary); 
    color: #FFF;
    font-family: var(--e-global-typography-primary-font-family);
    font-size: 13px;
    text-transform: uppercase;
}
/*pre-login*/
.woocommerce #customer_login h2 {
    font-size: 24px;
    color: var(--e-global-color-primary);
}
.woocommerce form.checkout_coupon, .woocommerce form.login, .woocommerce form.register {
    border: 0;
    border-radius: 0;
    background-color: #FFF;
    margin-top: 0;
}
.elementor-kit-17 label {
    font-size: 14px;
}
.woocommerce .woocommerce-form-login .woocommerce-form-login__rememberme {
    margin-top: 20px;
}/* End custom CSS */
/* Start custom CSS for section, class: .elementor-element-3809907 */.woocommerce-account .site-main {
    padding: 0;
}/* End custom CSS */
/* Start custom CSS */body.elementor-editor-active {
    padding-top: 32px !important;
}

/** Hide WC default breadcrumbs **/

#main > nav.woocommerce-breadcrumb {
    display: none;
}

/** Override WC table **/

.woocommerce table.shop_table {
    border: 0;
}

/** Pricing **/
.woocommerce .price ins {
    text-decoration: none;
}

.woocommerce div.product p.price, .woocommerce div.product span.price {
    color: #000000;
}

/**Override default WC Styles for info bars **/

.woocommerce-error,
.woocommerce-info,
.woocommerce-message {
    color: var( --e-global-color-primary );
    border-top: 3px solid var(--e-global-color-accent);
    border-color: var(--e-global-color-accent);
}


.woocommerce-info:before,
.woocommerce-message:before {
    color: var( --e-global-color-accent ) !important;
}

.woocommerce-error,
.woocommerce-error::before {
    border-top-color: #b81c23;
    color: #b81c23;
}

.button-quote-action
{
    padding: 13px 15px 13px 15px;
    color: #FFFFFF;
    background-color: #000000;
    transition: all 0.2s;
}

.button-quote-action:hover
{
    color: #FFFFFF;
    background-color: #000000;
}

.woocommerce-cart .shop_table a.remove:hover {
    color: var(--e-global-color-accent) !important;
}

/** Single page **/
.woocommerce div.product div.images .flex-control-thumbs li {
    width: auto;
}

td.woocommerce-product-attributes-item__value {
    padding: 8px 10px !important;
}

.woocommerce table.shop_attributes td p {
    padding: 0 !important;
}

.woocommerce .quantity .qty {
    width: 5em !important;
}

/** Cart page - Free shipping notice **/

.pi-fsnw-container-progress {
    background-color: var( --e-global-color-accent );
}

.pi-fsnw-container {
    margin: 5px 0 10px 0;
}

.pi-fsnw-cart-message,
.pi-fsnw-container .pi-inner-content {
    font-family: inherit;
}

.pi-fsnw-row td {
    padding-left: 0;
    padding-right: 0;
}

/** Thank you page **/

.woocommerce-order-received .woocommerce ul.order_details {
    padding-left: 0;
}

.woocommerce-Message br {
    display: none;
}

.post-type-archive-product .elementor-nav-menu--dropdown .elementor-item:focus, 
.post-type-archive-product .elementor-sub-item.highlighted, .elementor-sub-item:focus {
    background-color: transparent;
}

/** Back in notifier **/

.swal2-close:focus {
    background: transparent;
    color: var(--e-global-color-accent) !important;
}

.cwginstock-subscribe-form .panel-primary>.panel-heading {
    background: var(--e-global-color-primary) !important;
    border-color: var(--e-global-color-primary) !important;
}

.cwgstock_button, .cwgstock_button:hover, .cwgstock_button:focus {
    color: var( --e-global-color-e1d8a4e );
    background-color: var( --e-global-color-b94d223 );
    border-color: var( --e-global-color-e1d8a4e );
}

/** Buttons **/

.cwg_popup_submit,
a.add-enquiry-button.button,
.woocommerce input.button.rfq-send-enquiry,
#rfq-update-enquiry-list,
.rfq-enquiry-list-form-login button,
.woocommerce-account .woocommerce-Button.button,
.woocommerce-account .woocommerce button.button,
.woocommerce table.my_account_orders .button,
.woocommerce #payment #place_order,
.woocommerce-page #payment #place_order
{
    display: inline-block;
    font-family: var( --e-global-typography-0151e46-font-family ), Sans-serif;
    font-size: var( --e-global-typography-0151e46-font-size );
    font-weight: var( --e-global-typography-0151e46-font-weight );
    text-transform: var( --e-global-typography-0151e46-text-transform );
    font-style: var( --e-global-typography-0151e46-font-style );
    text-decoration: var( --e-global-typography-0151e46-text-decoration );
    line-height: var( --e-global-typography-0151e46-line-height );
    letter-spacing: var( --e-global-typography-0151e46-letter-spacing );
    word-spacing: var( --e-global-typography-0151e46-word-spacing );
    color: var( --e-global-color-e1d8a4e );
    background-color: var( --e-global-color-b94d223 );
    border-color: var( --e-global-color-e1d8a4e );
    border: 1px solid;
    border-radius: 50px;
}

.cwg_popup_submit:hover,
.cwg_popup_submit:focus,
a.add-enquiry-button.button:hover,
.woocommerce input.button.rfq-send-enquiry:hover,
#rfq-update-enquiry-list:hover,
.rfq-enquiry-list-form-login button:hover,
.woocommerce-account .woocommerce-Button.button:hover,
.woocommerce-account .woocommerce button.button:hover,
.woocommerce table.my_account_orders .button:hover,
.woocommerce #payment #place_order:hover,
.woocommerce-page #payment #place_order:hover
{
    color: var( --e-global-color-2cb0c73 );
    background-color: var( --e-global-color-ee12073 );
}

/** Stock Notifier **/

.cwginstock-subscribe-form .panel-primary {
    border-color: var( --e-global-color-e1d8a4e ) !important;
}

.ha-mini-cart-wrapper .ha-mini-cart-button:hover .ha-mini-cart-count {
    background-color: var( --e-global-color-accent ) !important;
}

/** Enquiry List Form, My Account Form Fields **/

.rfq-enquiry-form-wrapper,
#rfq-enquiry-form,
.woocommerce-order-received .woocommerce-order
{
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
    text-transform: var( --e-global-typography-text-text-transform );
    font-style: var( --e-global-typography-text-font-style );
    text-decoration: var( --e-global-typography-text-text-decoration );
    line-height: var( --e-global-typography-text-line-height );
    letter-spacing: var( --e-global-typography-text-letter-spacing );
}

#rfq-enquiry-form h3,
.rfq-enquiry-form-wrapper h3,
.rfq-enquiry-wrapper h3,
.woocommerce-MyAccount-content h2, 
.woocommerce-MyAccount-content h3,
.woocommerce-order-received h2,
.woocommerce-order-received h3
{
    font-family: var( --e-global-typography-d78a5cc-font-family ), Sans-serif;
    font-size: var( --e-global-typography-d78a5cc-font-size );
    font-weight: var( --e-global-typography-d78a5cc-font-weight );
    text-transform: var( --e-global-typography-d78a5cc-text-transform );
    font-style: var( --e-global-typography-d78a5cc-font-style );
    text-decoration: var( --e-global-typography-d78a5cc-text-decoration );
    line-height: var( --e-global-typography-d78a5cc-line-height );
    letter-spacing: var( --e-global-typography-d78a5cc-letter-spacing );
    word-spacing: var( --e-global-typography-d78a5cc-word-spacing );
}

#rfq-enquiry-form-details input:not([type="button"]):not([type="submit"]), 
#rfq-enquiry-form-details textarea, 
#rfq-enquiry-form-details .elementor-field-textual,
#rfq-enquiry-form .quantity input,
.cwginstock-subscribe-form input[type="text"],
.cwginstock-subscribe-form input[type="email"],
.rfq-enquiry-list-form-login input:not([type="button"]):not([type="submit"]),
.woocommerce-account input:not([type="button"]):not([type="submit"])
{
    font-family: var( --e-global-typography-1b9c998-font-family ), Sans-serif;
    font-size: var( --e-global-typography-1b9c998-font-size );
    font-weight: var( --e-global-typography-1b9c998-font-weight );
    text-transform: var( --e-global-typography-1b9c998-text-transform );
    font-style: var( --e-global-typography-1b9c998-font-style );
    text-decoration: var( --e-global-typography-1b9c998-text-decoration );
    line-height: var( --e-global-typography-1b9c998-line-height );
    letter-spacing: var( --e-global-typography-1b9c998-letter-spacing );
    word-spacing: var( --e-global-typography-1b9c998-word-spacing );
    color: var( --e-global-color-e875eac );
    border-style: solid;
    border-width: 0px 0px 0px 0px;
    background-color: var( --e-global-color-bbd184c );
}

#rfq-enquiry-form-details label
.cwginstock-subscribe-form label 
{
    font-family: var( --e-global-typography-e0fc70f-font-family ), Sans-serif;
    font-size: var( --e-global-typography-e0fc70f-font-size );
    font-weight: var( --e-global-typography-e0fc70f-font-weight );
    text-transform: var( --e-global-typography-e0fc70f-text-transform );
    font-style: var( --e-global-typography-e0fc70f-font-style );
    text-decoration: var( --e-global-typography-e0fc70f-text-decoration );
    line-height: var( --e-global-typography-e0fc70f-line-height );
    letter-spacing: var( --e-global-typography-e0fc70f-letter-spacing );
    word-spacing: var( --e-global-typography-e0fc70f-word-spacing );
    color: var( --e-global-color-de129f0 );
}

#rfq-enquiry-form table td,
.woocommerce table.my_account_orders td,
.woocommerce table.shop_table td,
.woocommerce-order-received table.shop_table td
{
    background-color: var( --e-global-color-86b4fcd );
    border-color: var( --e-global-color-e4e8d95 );
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    padding: 20px 10px 20px 10px;
}

#rfq-enquiry-form th,
.woocommerce table.my_account_orders th,
.woocommerce table.shop_table th,
.woocommerce-order-received table th,
.woocommerce-order-received table.shop_table tbody th, 
.woocommerce table.shop_table tfoot td, 
.woocommerce-order-received table.shop_table tfoot th
{
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
    text-transform: var( --e-global-typography-text-text-transform );
    font-style: var( --e-global-typography-text-font-style );
    text-decoration: var( --e-global-typography-text-text-decoration );
    line-height: var( --e-global-typography-text-line-height );
    letter-spacing: var( --e-global-typography-text-letter-spacing );
    color: var( --e-global-color-text );
    border-style: solid;
    border-width: 0px 0px 1px 0px;
}

#rfq-enquiry-form .shop_table.cart tr.cart_item td.product-name,
#rfq-enquiry-form .shop_table.cart tr.cart_item td.product-name a,
.woocommerce-account .product-name,
.woocommerce-order-received .product-name,
.woocommerce-order-received .product-name a
{
    font-family: var( --e-global-typography-f9ec878-font-family ), Sans-serif;
    font-size: var( --e-global-typography-f9ec878-font-size );
    font-weight: var( --e-global-typography-f9ec878-font-weight );
    text-transform: var( --e-global-typography-f9ec878-text-transform );
    font-style: var( --e-global-typography-f9ec878-font-style );
    text-decoration: var( --e-global-typography-f9ec878-text-decoration );
    line-height: var( --e-global-typography-f9ec878-line-height );
    letter-spacing: var( --e-global-typography-f9ec878-letter-spacing );
    word-spacing: var( --e-global-typography-f9ec878-word-spacing );
    color: var( --e-global-color-06647fd );
}

/** My Account **/

.woocommerce-account .product-quantity,
.woocommerce-order-received .product-quantity
{
    font-weight: var( --e-global-typography-f9ec878-font-weight );
}

.woocommerce-MyAccount-navigation li {
    list-style: outside none;
}

.woocommerce-MyAccount-navigation li a  {
    color: var( --e-global-color-54c52d6 );
    fill: var( --e-global-color-54c52d6 );
    font-family: var( --e-global-typography-ec3a725-font-family ), Sans-serif;
    font-size: var( --e-global-typography-ec3a725-font-size );
    font-weight: var( --e-global-typography-ec3a725-font-weight );
    text-transform: var( --e-global-typography-ec3a725-text-transform );
    font-style: var( --e-global-typography-ec3a725-font-style );
    text-decoration: var( --e-global-typography-ec3a725-text-decoration );
    line-height: var( --e-global-typography-ec3a725-line-height );
    letter-spacing: var( --e-global-typography-ec3a725-letter-spacing );
    word-spacing: var( --e-global-typography-ec3a725-word-spacing );
}

.woocommerce-MyAccount-navigation li a:hover  {
    color: var( --e-global-color-fc4ab08 );
    fill: var( --e-global-color-fc4ab08 );
}

.woocommerce-MyAccount-content p {
    font-family: var( --e-global-typography-text-font-family ), Sans-serif;
    font-size: var( --e-global-typography-text-font-size );
    font-weight: var( --e-global-typography-text-font-weight );
    text-transform: var( --e-global-typography-text-text-transform );
    font-style: var( --e-global-typography-text-font-style );
    text-decoration: var( --e-global-typography-text-text-decoration );
    line-height: var( --e-global-typography-text-line-height );
    letter-spacing: var( --e-global-typography-text-letter-spacing );
}

.woocommerce-MyAccount-content a {
    color: var(--e-global-color-primary);
}

.woocommerce-MyAccount-content a:hover,
.woocommerce-order-received a:hover
{
    color: var(--e-global-color-accent);
}

.woocommerce-account .woocommerce button.button {
    margin-top: 20px;
}

.woocommerce table.my_account_orders .button {
    margin: 5px 5px 5px 0;
}

.woocommerce-order-received table.shop_table tbody th, 
.woocommerce-order-received table.shop_table tfoot td, 
.woocommerce-order-received table.shop_table tfoot th, 
.woocommerce-account table.shop_table tbody th, 
.woocommerce-account table.shop_table tfoot td, 
.woocommerce-account table.shop_table tfoot th {
    border-top: none;
}

.woocommerce-account .woocommerce-Price-amount.amount {
    font-family: var( --e-global-typography-edba6f6-font-family ), Sans-serif;
    font-size: var( --e-global-typography-edba6f6-font-size );
    font-weight: var( --e-global-typography-edba6f6-font-weight );
    text-transform: var( --e-global-typography-edba6f6-text-transform );
    font-style: var( --e-global-typography-edba6f6-font-style );
    text-decoration: var( --e-global-typography-edba6f6-text-decoration );
    line-height: var( --e-global-typography-edba6f6-line-height );
    letter-spacing: var( --e-global-typography-edba6f6-letter-spacing );
    word-spacing: var( --e-global-typography-edba6f6-word-spacing );
    color: var( --e-global-color-23966c6 );
}

/** Thank you page **/
.woocommerce-order-received .woocommerce-order-details {
    margin: 2em 0;
}

/*
Product loop (ATC HOVER)
*/
/*

.product-listing-template .quick-view {
    transition: 0.3s;
    opacity: 1;
}

.product-listing-template .quick-view {
    visibility: hidden;
    opacity: 0;
}

.product-listing-template:hover .quick-view {
    visibility: visible;
    opacity: 1;
}
*/

/** Fix width issue with WC product templates **/

@media (min-width: 1200px) {
    .site-header, body:not([class*=elementor-page-]) .site-main {
        max-width: 100%;
    }
}


@media (min-width: 992px) {
    /** Override Hello Elementor rules **/
.site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main 
    {
        max-width: unset;
    }
}

@media (min-width: 769px) and (max-width: 1024px) {

    .woocommerce-page .site-header, body:not([class*=elementor-page-]) .site-main {
        width: 98%;
        max-width: 98%;
    }
}


@media (max-width: 768px) {

    .site-footer .footer-inner, .site-footer:not(.dynamic-footer), .site-header .header-inner, .site-header:not(.dynamic-header), body:not([class*=elementor-page-]) .site-main {
        max-width: 100%;
    }
    
    .woocommerce ul.products[class*=columns-] li.product, .woocommerce-page ul.products[class*=columns-] li.product {
        width: 100%
    }

    .woocommerce-account .woocommerce-MyAccount-content, .woocommerce-account .woocommerce-MyAccount-navigation {
        float: none;
        width: 100%;
        margin: 0 0 30px 0;
    }

    .woocommerce ul.order_details li {
        width: 100%;
        border-right: 0;
        margin-bottom: 10px;
    }

    .woocommerce ul.order_details {
        padding-left: 0;
        margin-bottom: 0;
    }

}/* End custom CSS */