/* Shop Defaults */
.archive.woocommerce .woocommerce-breadcrumb, .woocommerce-result-count, .woocommerce-ordering, .added_to_cart, .button.product_type_variable, .cross-sells, .product-thumbnail, .availability, .product_meta, .reset_variations {display:none;}

/* Shop List */
.woocommerce .hero, .page-template-ingredients .hero {min-height:0;height:auto;padding:245px 0 75px;background-image:url('https://joymoy.com/wp-content/uploads/2020/11/hero.png');background-position:right center;}
.woocommerce .hero p, .page-template-ingredients .hero p {max-width:650px;}

.shop-list {padding:50px 0 105px;}

.product-grid {margin-top:50px;}
.product-grid:nth-of-type(1) {margin:0;}

.product-grid .products {display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:25px;}
.product-grid .products:hover .product a {color:#000;}
.product-grid .products .product {flex: 0 0 calc((100% - 50px) / 3);display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;text-align:center;}
.product-grid .products .product:hover {opacity:.5;}
/*
.product-grid .products .product:nth-of-type(1), .product-grid .products .product:nth-of-type(2) {margin:0;}
*/

.product-grid .products .product a {cursor:pointer;    display: flex;    flex-direction: column;    height: 100%;}
.product-grid .products .product a .price {margin-top:auto;}
.product-grid .products .product img {margin:0 auto;max-height:315px;}
.product-grid .products .product .name {text-align:center;cursor:pointer;display:block;padding:0 20px;line-height:1.25;}
.product-grid .products .product ul li::before, main .description ul li::before {display:none;}
.product-grid .products .product ul {margin:5px auto;max-width:80%;}
.product-grid .products .product ul li, .short-desc {font-weight:normal;padding-left:0;text-indent:0;opacity:.7;}
.product-grid .products .product ul li {font-size:18px;line-height:1.2;}
.product_list_widget a span {display:none!important;}

.product-grid .products .woocommerce-Price-amount, .product-container .woocommerce-Price-amount, .product-container .new-price {display:inline-block;font-size:25px;}
.woocommerce-variation-price {display:none;}
.subscription-details {display:inline-block;}

.woocommerce-Button {margin:0 0 10px;}

/* Product View */
.single-product #shop {padding-top:200px;}
.woocommerce-breadcrumb {z-index:1;margin-bottom:25px;font-size:.85rem;}
.woocommerce-breadcrumb a {font-weight:bold;}
.images, .description {float:left;}
.images {width:55%;top:-25px;}
.description {width:45%;padding:40px 50px 50px;z-index:1;background-color:#FFF;margin-bottom:115px;}
.description h1 {font-size:45px;}
.description a::before {
	font-family: "Font Awesome 5 Pro";
	font-weight: 900;
	content: "\f0c1";
	margin-right: 5px;
}
.description .long-desc {font-size:.875rem;}
.stock.out-of-stock {color:#DD1133;margin-top:10px;font-size:.875rem;}
.description .quantity, .description .cart button {float:left;width:50%;}
.quantity label {display:none!important;}
.description .quantity input, .description button[type='submit'] {margin:0;}
.description .cart {padding-right:10px;}
.description button[type='submit'] {left:10px;}
.description .price .woocommerce-Price-amount {font-weight:700;margin-top:5px;display:block;font-size:35px;}
.short-description {margin-top:20px;}
.images-desc .cart {margin-top:10px;}
.images-desc input, .images-desc select, .woocommerce-cart table input, .woocommerce-cart table select {width:100%;padding:10.34px 15px 10px;font-size:16px;color:#505050;border:2px solid rgba(0,0,0,.10);font-family:'Roboto',sans-serif;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:0;max-width:100%;}
.woocommerce-cart table input, .woocommerce-shipping-methods input {margin-right:5px;top:1px;}
.images-desc input:hover, .images-desc input:focus, .images-desc select:hover, .images-desc select:focus, .woocommerce-cart table input:hover, .woocommerce-cart table input:focus, .woocommerce-cart table select:hover, .woocommerce-cart table select:focus {border-color:#000;color:#000;}
.images-desc select {cursor:pointer;}
.images-desc input {background-color:#FFF!important;}

.variations {margin-bottom:15px;width:100%;}
.quantity label, .variations .label, .variations .value {display:block;width:100%;}
.quantity label, .variations label, .stock {margin-bottom:5px;display:block;font-weight:bold;line-height:1.1;}
.stock.in-stock span {display:none;}
.stock.in-stock.low-stock span {display:inline-block;}

.ppcp-messages {
    margin-top: 12px;
}

/* Add To Cart Message */
#shop .woocommerce-message {z-index:2;opacity:1;position:fixed;right:0;bottom:0;text-align:center;display:table;vertical-align:middle;background-color:#FFF;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);top:50%;left:50%;-webkit-box-shadow:0px 0px 125px -35px rgba(0,0,0,.25);padding:50px;max-width:calc(100% - 35px);pointer-events:all;}
#shop .woocommerce-message .btns {margin:0 auto;}
#shop .woocommerce-message .btns .btn:nth-of-type(2) {margin-left:0;}
#shop .woocommerce-message.hide {opacity:0;pointer-events:none;}
#shop .woocommerce-message.hide .btn {pointer-events:none!important;}
#shop .woocommerce-message a.btn {display:block;width:100%;}
#shop .woocommerce-message a.alt {margin-top:14px;}
#shop .woocommerce-message .close {font-size:25px;position:absolute;top:13px;color:#000;cursor:pointer;right:13px;width:26px;height:26px;}
#wc-stripe-payment-request-button-separator {display:none!important;}

/* Shopping Cart */
.woocommerce table.shop_table {border:1px solid rgba(0,0,0,.1);margin:40px 0 0;text-align:left;width:100%;border-collapse:separate;}
.woocommerce table.shop_table th {font-weight:bold;padding:9px 12px;}
.woocommerce table.shop_table td {border-top:1px solid rgba(0,0,0,.1);padding:10px;vertical-align:middle;}
.woocommerce table.shop_table td small {font-weight:400;}
.woocommerce table.shop_table tbody:first-child tr:first-child td, .woocommerce table.shop_table tbody:first-child tr:first-child th {border-top:0;}
.woocommerce table.shop_table tbody th, .woocommerce table.shop_table tfoot td, .woocommerce table.shop_table tfoot th {font-weight:normal;border-top:1px solid rgba(0,0,0,.1);}
.woocommerce-cart-form button[type='submit'] {width:auto;margin:0;top:1px;}

#add_payment_method table.cart .product-thumbnail, .woocommerce-cart table.cart .product-thumbnail, .woocommerce-checkout table.cart .product-thumbnail {min-width:50px;}
#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {width:70px;-webkit-box-shadow:none;box-shadow:none;}
#add_payment_method table.cart td, #add_payment_method table.cart th, .woocommerce-cart table.cart td, .woocommerce-cart table.cart th, .woocommerce-checkout table.cart td, .woocommerce-checkout table.cart th {vertical-align:middle;}
#add_payment_method table.cart td.actions .coupon .input-text, .woocommerce-cart table.cart td.actions .coupon .input-text, .woocommerce-checkout table.cart td.actions .coupon .input-text {float:left;-webkit-box-sizing:border-box;box-sizing:border-box;border:1px solid #d3ced2;padding:6px 6px 5px;margin:0 4px 0 0;outline:0;}
#add_payment_method table.cart input, .woocommerce-cart table.cart input, .woocommerce-checkout table.cart input {margin:0;vertical-align:middle;}

.woocommerce a.remove {display:block;font-size:1.5em;height:1em;width:1em;text-align:center;line-height:1;border-radius:100%;color:red!important;text-decoration:none;font-weight:bold;border:0;}
.woocommerce a.remove:hover {color:#fff!important;background:red;}

.woocommerce-cart table.cart td.product-subtotal .woocommerce-Price-amount {font-weight:bold;}
.woocommerce-cart table.cart td .quantity label, .woocommerce-cart table.cart td .quantity::before {display:none;}
.woocommerce-cart table .update-cart {border:0;margin:0;}
.woocommerce-cart table.cart .quantity input {width:54px;text-align:center;padding:0;}
input::-webkit-outer-spin-button, input::-webkit-inner-spin-button, input[type="number"] {-webkit-appearance:none;-moz-appearance:none;appearance:none;}

.coupon {float:left;width:auto;}
.coupon label[for="coupon_code"] {display:none;}
.woocommerce-cart table.cart td.actions .coupon .input-text {float:left;width:auto!important;}
.woocommerce-page .coupon button[type='submit'] {width:auto;}
.coupon + button[type='submit'] {float:right;}

.shipping-calculator-button {display:inline-block;margin:10px 0;}
.shipping-calculator-form p {margin-top:10px;}

.shipping ul {margin:0;}

.cart-collaterals {float:right;margin-top:50px;}
.woocommerce .cart-collaterals table.shop_table {width:100%;margin-top:10px!important;min-width:400px;}
.woocommerce-table a, .woocommerce-cart-form a, a.showcoupon, a.showlogin, .cart-collaterals table a, .woocommerce-MyAccount-content a.button, .woocommerce-Addresses a.edit {font-weight:bold;color:#000;}
.woocommerce-table a:hover, .woocommerce-cart-form a:hover, a.showcoupon:hover, .cart-collaterals table a:hover {color:#999;}
.wcppec-checkout-buttons__button {padding-top:0;}

.basic-page.cart .woocommerce-message {margin-top:25px;}

/* Checkout */
.login {width:50%;}

.woocommerce-billing-fields__field-wrapper p, .woocommerce-privacy-policy-text {margin:15px 0 20px;}
.woocommerce-checkout input {margin-top:5px;}

.checkout_coupon.woocommerce-form-coupon {width:calc(50% - 25px);}
.checkout_coupon.woocommerce-form-coupon p {font-size:0;}

.woocommerce-info {margin-top:20px!important;}
#customer_details, #order_review {float:left;width:50%;margin-top:15px;}
#customer_details {padding-right:25px;}
#order_review {padding-left:25px;}
#order_review table.shop_table {margin-top:15px!important;}
body.woocommerce-checkout {padding-right:0;}

.select2-container--default .select2-selection--single {width:100%;height:auto;padding:16px 15px 14px;font-size:16px;color:#505050;border:2px solid rgba(0,0,0,.10);font-family:'Nunito',sans-serif;height:54px;}
.select2-container--default .select2-selection--single:hover {border-color:#000;}
.select2-container .select2-selection--single .select2-selection__rendered {padding:0;line-height:normal;}
.select2-container--default .select2-selection--single .select2-selection__arrow {top:14px;right:7px;}

.woocommerce-shipping-fields {margin:15px 0;}

abbr {border-bottom:none!important;text-decoration:none!important;}

#place_order {margin-top:20px;}

label[for='rememberme'], label.checkbox {margin-top:10px;display:block;}
.my-account input[type='checkbox'] + span {display:inline-block;}

#billing_address_2_field, .create-account {margin-top:10px;}

.login > p, .woocommerce-password-strength, .my-account input + span, .my-account label + span {margin-top:10px;display:block;}
fieldset > legend + p {margin-top:20px;}

.edit-account fieldset {border:0;margin-top:25px;display:block;}
.edit-account legend {font-weight:bold;}

.woocommerce-error {margin-top:15px;}
.woocommerce-error li, .woocommerce-thankyou-order-details li, .woocommerce-MyAccount-navigation li {margin-top:5px;}
.woocommerce-thankyou-order-details {margin-bottom:30px;}

table.shop_table.woocommerce-checkout-review-order-table td {width:65%;}
table.shop_table.woocommerce-checkout-review-order-table td:first-child {width:35%;}

#stripe-card-element.wc-stripe-elements-field {padding:16.5px;border:2px solid rgba(0,0,0,.10);height:53px;border-radius:7px;}
#stripe-payment-data {margin-top:15px;}
#wc-stripe-cc-form {border:0;}
#wc-stripe-cc-form br {display:none;}
.wc_payment_method.payment_method_stripe {float:left;margin-right:5px;}
.woocommerce-SavedPaymentMethods-saveNew {padding:8px 10px 5px;border:1px solid rgba(0,0,0,.10);font-size:17px;}
.woocommerce-SavedPaymentMethods-saveNew label {cursor:pointer;}
div#stripe-payment-data fieldset {margin:10px 0;border:0;}
label[for="payment_method_stripe"] img, label[for=payment_method_ppec_paypal] img {display:inline-block;top:4px;height:23px;margin-left:2px!important;}

#payment_method_ppec_paypal:checked {margin:25px 0;}
.paypal-button.paypal-button-shape-rect {border-radius:7px!important;}

/* Buttong Loading Animation */
.blockUI.blockOverlay {background-image:url('./img/loading.svg')!important;background-color:rgba(255,255,255,.6)!important;position:fixed!important;opacity:1!important;background-position:center!important;background-repeat:no-repeat!important;}

/* Order Confirmation & View Order */
main header {position:relative;height:auto;background-color:transparent!important;background:none!important;margin-top:30px;}
.woocommerce-order-received h2, .woocommerce-view-order h2 {text-align:left;}
.woocommerce-MyAccount-content > p {margin-bottom:30px;}

/* My Account */
.logged-in .my-account .woocommerce {min-height:210px;padding-left:235px;}
.woocommerce-MyAccount-navigation {position:absolute;left:0;}
.woocommerce-MyAccount-content {margin-top:30px;}
.woocommerce-MyAccount-navigation a {text-transform:uppercase;font-size:20px;margin:20px 0;}
.woocommerce-MyAccount-navigation li.is-active a {color:#000;}
.logged-in .my-account form {max-width:450px;width:100%;}
.woocommerce-MyAccount-paymentMethods {margin-bottom:15px!important;}

.u-column1, .u-column2 {width:50%;float:left;}
.u-column1 {padding-right:25px;}
.u-column2 {padding-left:25px;}
.my-account form {width:100%;}

/* Forgot Password */
.woocommerce-ResetPassword.lost_reset_password {margin-top:25px;max-width:570px;width:100%;}

/* Responsive */
@media (max-width:1200px) {
.images {width:50%;}
.description {width:50%;padding:40px 50px 50px;margin-bottom:75px;}
}

@media (max-width:1040px) {
.woocommerce .hero, .page-template-ingredients .hero {padding-top:195px;}

.single-product #shop {padding-top:140px;}

.product-grid .products .product, .product-grid .products .product:nth-of-type(2) {flex: 0 0 calc((100% - 25px) / 2);}

.images, .description {float:none;width:100%;}
.images {max-width:500px;margin:0 auto;}
.description {padding:35px 40px 40px;max-width:690px;margin:-25px auto 75px;}
.description h1 {font-size:40px;text-align:center;}
.description ul {text-align:center;margin-top:10px;}
.description p {overflow-wrap:break-word;text-align:center;margin-left:auto;margin-right:auto;max-width:700px;}
.description .price .woocommerce-Price-amount {margin:5px auto 0;display:table;}
}

@media (max-width:950px) {
.cart-collaterals {float:none;}
}

@media (max-width:800px) {
.shop-list {padding:25px 0 55px;}

.woocommerce-breadcrumb {text-align:center;}
.description {margin-bottom:50px;}
.description h1 {font-size:35px;}
}

@media (max-width:700px) {
.description h1 {font-size:30px;}
.description {padding: 15px 20px 20px;}

/* Woo */
.u-columns, .col2-set, .woocommerce-info, .checkout_coupon.woocommerce-form-coupon {max-width:450px;width:100%;margin:0 auto;}
.u-column1, .u-column2, .cart-collaterals, #customer_details, #order_review {width:100%;float:none;}
.u-column1, .u-column2, #customer_details, #order_review {padding:0;}
.coupon {width:100%;float:none;}
.coupon + button[type='submit'] {float:none;margin-top:20px;}
.woocommerce table.shop_table.cart {margin-top:30px;}
.logged-in .my-account .woocommerce {padding:0;}
.woocommerce-MyAccount-navigation {width:auto;position:relative;margin-top:30px;}
}

@media (max-width:650px) {
.description h1 {font-size:27px;}
.woocommerce-breadcrumb {font-size:.95rem;}
.description .long-desc {font-size:.975rem;}
}

@media (max-width:600px) {
.product-grid .products {flex-direction:column;}
.product-grid .products .product, .product-grid .products .product:nth-of-type(2) {flex: 0 0 100%;}
.product-grid .products .product:first-child {margin-top:0;}

.woocommerce table.shop_table.cart {border-bottom:0;margin-top:20px;}
.woocommerce-page table.cart, .woocommerce-page table.cart thead, .woocommerce-page table.cart tbody, .woocommerce-page table.cart th, .woocommerce-page table.cart td, .woocommerce-page table.cart tr {display:block;}
.woocommerce-page table.cart td.product-thumbnail {display:none;}
.woocommerce-page table.cart thead tr {position:absolute;top:-9999px;left:-9999px;}
.woocommerce-page table.cart td {border:1px solid rgba(0,0,0,.1);position:relative;padding-left:120px!important;}
.woocommerce-page table.cart tr {border-bottom:1px solid rgba(0,0,0,.1);margin-top:35px;}
.woocommerce-page table.cart tr:first-child {margin:0;}
.woocommerce-page table.cart tr:last-child, .woocommerce-page table.cart tr:last-child td {border:0!important;padding:0!important;margin-top:20px!important;}
.woocommerce-page table.cart {border-width:0 0 1px;}
.woocommerce-page table.cart td {border-width:1px 1px 0;}
.woocommerce-page table.cart td.product-spacer {border-color:#FFF;height:10px;}

.woocommerce-page table.cart td::before {position:absolute;top:0;left:11px;width:auto;padding-right:10px;white-space:nowrap;height:17px;bottom:0;margin:auto;}
.woocommerce-page table.cart td.product-remove::before {content:"Remove";}
.woocommerce-page table.cart td.product-name::before {content:"Product";}
.woocommerce-page table.cart td.product-price::before {content:"Price";}
.woocommerce-page table.cart td.product-quantity::before {content:"Quantity";}
.woocommerce-page table.cart td.product-subtotal::before {content:"Subtotal";}
.woocommerce-page table.cart td.product-total::before {content:"Total";}

.coupon + button[type='submit'] {margin-top:10px;}

.woocommerce-page table.cart td.actions, .woocommerce-page #content table.cart td.actions {text-align:left;border-width:1px 1px 0;padding-left:10px!important;height:72px;}
.woocommerce-page table.cart td.actions {height:auto;}
.woocommerce-page table.cart td.actions .button.alt, .woocommerce-page #content table.cart td.actions .button.alt {float:left;margin-top:10px;}
.woocommerce-page table.cart td.actions div, .woocommerce-page #content table.cart td.actions div, .woocommerce-page table.cart td.actions input, .woocommerce-page #content table.cart td.actions input {margin-bottom:10px;}
.woocommerce-page table.cart tbody {padding-top:10px;}
}

@media (max-width:500px) {
.product-grid .products .product .name {font-size:18px;}
.product-grid .products .product ul li {font-size:16px;}
.description .cart {padding:0;}
.description .quantity, .description .cart button {width:100%;}
.description .quantity input {text-align:center;}
button[type='submit'], .description .cart button {left:0;margin-top:10px;padding-left:25px;padding-right:25px;}
}