@charset "UTF-8";
/*
Theme Name: YITH Wonder
Theme URI: https://wonder.yithemes.com/
Author: YITH
Author URI: https://yithemes.com/
Description: Wonder is the new block-based, multi-purpose, WordPress theme by YITH. Compose your pages to fit any design you like with the power of Full Site Editing (FSE) and the included wide range of Block Patterns. The pre-built pages will help you populate and transform your website into a wonderful website. Customize colors and font pairings to create your own unique look and feel. Check out the demo site at https://wonder.yithemes.com/
Tags: blog, e-commerce, portfolio, custom-background, custom-colors, custom-logo, custom-menu, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, block-patterns, wide-blocks, full-site-editing, template-editing
Version: 2.1.1
Requires at least: 6.5
Tested up to: 6.7
Requires PHP: 7.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yith-wonder
This theme, like WordPress, is licensed under the GPL.
*/

/* Check other CSS files inside /assets/css/ folder */
html {
	scroll-behavior: smooth;
}

@media screen and (prefers-reduced-motion: reduce) {

	html {
		scroll-behavior: auto;
	}
}

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
}

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

/* Add horizontal padding to elements */
main > :not(.alignfull),
.sidebar > :not(.alignfull),
main > .wp-block-query > :not(.alignfull),
main .entry-content > :not(.alignfull),
main .entry-content .wp-block-columns.alignfull p,
.woocommerce :not(.related) > ul.products,
.sidebar .wp-block-query > :not(.alignfull),
.sidebar .entry-content > :not(.alignfull),
.sidebar .entry-content .wp-block-columns.alignfull p,
footer > .wp-block-group {
	padding-inline: var(--wp--preset--spacing--40);
}

header > .wp-block-group {
	padding-inline: 0;
}


/*====== DONATION BEGIN ======*/

#formDonation {
    height: 750px;
}

#formDonation .vc_column-inner {
    background: #fffff580;
    border-radius: 13px;
    backdrop-filter: blur(4px);
}

.wcdp-style5:after {
    background: #f7bb41 !important;
}

#formDonation .wcdp-divider {
    display: none;
}

#formDonation .select2-container .select2-selection--single {
    height: 42px !important;
    border-radius: 6px;
    padding-left: 0px !important;
}

#formDonation input {
    border-radius: 6px !important;
}

#formDonation form .form-row label,
#formDonation input,
#formDonation .woocommerce-terms-and-conditions-wrapper p {
    direction: ltr;
}

#formDonation button.button.wcdp-button.wcdp-left,
#formDonation button.button.wcdp-button.wcdp-right {
    margin-top: 7px;
     height: 40px;
    border-radius: 6px;
}

#formDonation p.wcdp-button {
    background: transparent;
    text-align: left;
}

#formDonation ul#wcdp-invalid-fields {
    padding-right: 15px !important;
}

#formDonation .wcdp-right {
    padding: 12px 20px;
}

#formDonation .wcdp_options>li>label {
    border-radius: 5px;
}

#formDonation .select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-left: -20px !important;
}

#formDonation .woocommerce-billing-fields h3, #wcdp-step-3 h3 {
    display: none;
}

#billing_email_field, #billing_phone_field {
    width: 47%;
    overflow: visible;
    display: inline-block;
}

#billing_phone_field {
    float: inline-end;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 12px !important;
}

.woocommerce #payment #place_order, .woocommerce-page #payment #place_order {
    float: right;
    width: -webkit-fill-available !important;
    background: #ad7816 !important;
}

#add_payment_method #payment, .woocommerce-cart #payment, .woocommerce-checkout #payment {
    background: unset !important;
}

#add_payment_method #payment div.payment_box, .woocommerce-cart #payment div.payment_box, .woocommerce-checkout #payment div.payment_box {
    display: none !important;
}

#add_payment_method #payment ul.payment_methods, .woocommerce-cart #payment ul.payment_methods, .woocommerce-checkout #payment ul.payment_methods {
    border-bottom: none !important;
    padding-bottom: 0px !important;
}

#add_payment_method #payment div.form-row, .woocommerce-cart #payment div.form-row, .woocommerce-checkout #payment div.form-row {
    padding-top: 0px !important;
}

.woocommerce table.shop_table {
    margin: 0px !important;
}

select#assign-to {
    background: #fff;
    -webkit-appearance: none !important;
    background-image: linear-gradient(45deg, transparent 50%, #5f5d57 50%), linear-gradient(135deg, #5f5d57 50%, transparent 50%), linear-gradient(to bottom, #ffffff, #ffffff) !important;
    background-position: calc(100% - 20px) 50%, calc(100% - 15px) 50%, 100% 0 !important;
    background-size: 5px 5px, 5px 5px, 2.5em 2.5em !important;
    background-repeat: no-repeat;
    border-width: 1px;
    width: 30%;
}

@media screen and (max-width: 767px) {
    .wcdp_amount {
        grid-template-columns: 1fr !important;
    }
    select#assign-to {
    width: 50%;
    }
}
/*====== DONATION END ======*/

/*====== CHECKOUT BEGIN ======*/

#formDonationCheckout a.button-alt,
#formDonationCheckout .woocommerce-cart-wrap a,
#formDonationCheckout .wc-wide-column table.shop_table.customer_details,
#formDonationCheckout .wc-wide-column header,
#formDonationCheckout .wc-wide-column p,
#formDonationCheckout li.woocommerce-order-overview__total.total,
#formDonationCheckout li.woocommerce-order-overview__payment-method.method {
    display: none;
}

#formDonationCheckout {
    height: 500px;
}

#formDonationCheckout .vc_column-inner {
    background: #fffff580;
    border-radius: 13px;
    backdrop-filter: blur(4px);
}

#formDonationCheckout .woocommerce {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

#formDonationCheckout .wc-side-column {
    align-self: center !important;
    background: transparent;
    padding-top: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}

#formDonationCheckout li.woocommerce-order-overview__order.order {
    color: #232321;
}

#formDonationCheckout .woocommerce-thankyou-order-details li strong {
    color: #000000a3;
}

#formDonationCheckout form.checkout.woocommerce-checkout.the7-woocommerce-checkout p,
#formDonationCheckout p {
    direction: ltr;
}

.woocommerce ul.order_details {
    list-style: disc !important;
    display: flex;
    flex-direction: column;
    margin: 0px !important;
    padding: 0px !important;
}

.woocommerce ul.order_details li {
    font-size: 0.8rem !important;
    list-style-type: disc !important;
    display: ruby;
}

button[type=submit], input[type=submit]{
    background: #ad7816 !important;
    cursor: pointer;
}

@media screen and (max-width: 767px) {
    #formDonationCheckout .woocommerce {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-direction: column;
    }
    
    .woocommerce ul.order_details li {
        border-right: none !important;
    }
    
    .woocommerce ul.order_details {
        margin-bottom: 15px !important;
    }
}

@media (min-width: 1200px) {
    #formDonationCheckout .vc_col-lg-offset-2 {
        margin-left: 15.6% !important;
    }
}

/*====== CHECKOUT END ======*/

/*====== E-MAIL BEGIN ======*/

.woocommerce-email-header {
    background-color: #7A00FF !important;
}

/*====== E-MAIL END ======*/