/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: cca
Version: 1.0
*/
body.woocommerce-checkout.woocommerce-page .container-wrap {
    background: #fff;
}
div#order_review {
    background: radial-gradient(circle at 100% 100%, #ffffff 0, #ffffff 3px, transparent 3px) 0% 0%/8px 8px no-repeat, radial-gradient(circle at 0 100%, #ffffff 0, #ffffff 3px, transparent 3px) 100% 0%/8px 8px no-repeat, radial-gradient(circle at 100% 0, #ffffff 0, #ffffff 3px, transparent 3px) 0% 100%/8px 8px no-repeat, radial-gradient(circle at 0 0, #ffffff 0, #ffffff 3px, transparent 3px) 100% 100%/8px 8px no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 10px) calc(100% - 16px) no-repeat, linear-gradient(#ffffff, #ffffff) 50% 50%/calc(100% - 16px) calc(100% - 10px) no-repeat, linear-gradient(90deg, #dbc057 0%, #a77a1a 13%, #ffe377 27%, #a77a1a 42%, #ffe994 58%, #a77a1a 71%, rgba(255, 232, 143, 1) 85%, #dbc057 95%);
    border-radius: 10px;
    box-sizing: border-box;
    box-shadow: 0 0 10px #ccc;
    position: relative;
    margin-bottom: 40px;
    padding: 30px;
    background-color: var(--bgcolor-gray-200);
}
div#order_review button#place_order {
    border-radius: 35px !important;
	color: #000;
}
div#customer_details h3#order_review_heading {
    text-transform: uppercase;
}
.woocommerce-billing-fields>h3 {
    text-transform: uppercase;
}
.woocommerce-checkout-review-order-table tr {
    display: flex;
    border-bottom: 1px solid rgba(0, 0, 0, 0.105);
	padding: 10px 0 !important;
}
div#order_review table tr th {
    font-weight: 800 !important;
}
div#order_review .product-info span.product-quantity {
    display: none !important;
}
#footer-outer #footer-widgets {
    display: none;
}
body #footer-outer #copyright {
    padding: 20px 0 !important;
}
.slide-out-widget-area-toggle.mobile-icon {
    display: none !important;
}
@media screen and (max-width: 999px) {
	#header-outer[data-format=centered-logo-between-menu] #top .row .col.span_3 {
		width: 100%;
		text-align: center;
	}
}