/*
Theme Name: Elementra Child Theme
Theme URI: https://elementra.themerex.net/
Description: Elementra is a Premium WordPress theme that has built-in support for popular Page Builders, slider with swipe gestures, and is SEO- and Retina-ready. The unique system of inheritance and override options allows setting up individual parameters for different sections of your site and supported plugins.
Author: ThemeREX
Author URI: https://themerex.net/
Version: 2.0.1
Tested up to: 7.0
Requires at least: 5.5
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: blog, e-commerce, portfolio, grid-layout, one-column, two-columns, three-columns, four-columns, left-sidebar, right-sidebar, custom-background, custom-colors, custom-header, custom-logo, custom-menu, editor-style, featured-image-header, featured-images, flexible-header, footer-widgets, full-width-template, microformats, post-formats, sticky-post, theme-options, threaded-comments, translation-ready, block-styles, wide-blocks
Text Domain: elementra
Template: elementra
*/


/* =Child-Theme customization starts here
------------------------------------------------------------ */

/* ==== KB: classic [woocommerce_checkout] styled like WooCommerce Blocks ====
   Scoped to the classic checkout form only. To revert, delete this whole block. */
body.woocommerce-checkout form.woocommerce-checkout{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);grid-template-rows:auto 1fr;column-gap:64px;align-items:start}
body.woocommerce-checkout form.woocommerce-checkout #customer_details{grid-column:1;grid-row:1 / span 2;width:100%;float:none}
body.woocommerce-checkout form.woocommerce-checkout #customer_details .col-1,
body.woocommerce-checkout form.woocommerce-checkout #customer_details .col-2{float:none;width:100%;max-width:100%}
body.woocommerce-checkout form.woocommerce-checkout #customer_details .col-2{margin-top:32px}
body.woocommerce-checkout form.woocommerce-checkout #order_review_heading{grid-column:2;grid-row:1}
body.woocommerce-checkout form.woocommerce-checkout #order_review{grid-column:2;grid-row:2;align-self:start;width:100%;float:none;border:1px solid #dbd7c8;padding:24px}
body.woocommerce-checkout form.woocommerce-checkout h3{font-size:20px;line-height:28px;font-weight:500;margin:0 0 16px}
body.woocommerce-checkout form.woocommerce-checkout .form-row{margin-bottom:16px}
body.woocommerce-checkout form.woocommerce-checkout .input-text,
body.woocommerce-checkout form.woocommerce-checkout select,
body.woocommerce-checkout form.woocommerce-checkout textarea{border:1px solid #bcb8ac;border-radius:0;color:#4f3925}
body.woocommerce-checkout form.woocommerce-checkout .input-text:focus,
body.woocommerce-checkout form.woocommerce-checkout select:focus,
body.woocommerce-checkout form.woocommerce-checkout textarea:focus{border-color:#4f3925;outline:0;box-shadow:0 0 0 1px #4f3925}
body.woocommerce-checkout form.woocommerce-checkout abbr.required,
body.woocommerce-checkout form.woocommerce-checkout .required{color:#b14022;text-decoration:none}
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table thead{display:none}
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table th,
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table td{font-family:Figtree,sans-serif;font-size:14px;font-weight:400;color:#4f3925;padding:12px 0;border-color:#dbd7c8;text-align:left}
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table td:last-child,
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table th:last-child{text-align:right}
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total th,
body.woocommerce-checkout form.woocommerce-checkout .woocommerce-checkout-review-order-table tr.order-total td{font-size:18px;font-weight:500}
body.woocommerce-checkout form.woocommerce-checkout #payment ul.payment_methods{list-style:none;margin:16px 0;padding:0;border:0}
body.woocommerce-checkout form.woocommerce-checkout #payment ul.payment_methods li{border:1px solid #bcb8ac;padding:14px 16px;margin:0 0 -1px;background:transparent}
body.woocommerce-checkout form.woocommerce-checkout #payment ul.payment_methods li label{font-family:Figtree,sans-serif;font-size:15px;color:#4f3925;display:inline-flex;align-items:center;gap:10px;margin:0}
body.woocommerce-checkout form.woocommerce-checkout #payment ul.payment_methods li img{max-height:22px;width:auto}
body.woocommerce-checkout form.woocommerce-checkout #payment div.payment_box{background:transparent;padding:8px 0 0;margin:0;font-size:14px;color:#9e998a}
body.woocommerce-checkout form.woocommerce-checkout #payment div.payment_box:before{display:none}
body.woocommerce-checkout form.woocommerce-checkout #place_order{float:none;width:100%;height:55px}
@media (max-width:900px){
  body.woocommerce-checkout form.woocommerce-checkout{display:block}
  body.woocommerce-checkout form.woocommerce-checkout #order_review_heading{margin-top:32px}
  body.woocommerce-checkout form.woocommerce-checkout #order_review{padding:16px}
}
/* ==== /KB ==== */

/* ==== KB: single product — "Additional information" under the Buy button (desktop) ====
   Puts the tabs block into the right column under the summary using CSS grid.
   To revert, delete this whole block. */
@media (min-width:1025px){
  body.single-product div.product.type-product{display:grid;grid-template-columns:36.1% 48%;justify-content:space-between;grid-template-rows:auto 1fr;align-items:start}
  body.single-product div.product.type-product > .images{float:none;width:auto;grid-column:1;grid-row:1 / span 2}
  body.single-product div.product.type-product > .summary{float:none;width:auto;grid-column:2;grid-row:1;margin-bottom:0}
  body.single-product div.product.type-product > .woocommerce-tabs{float:none;width:auto;grid-column:2;grid-row:2;margin:32px 0 0;padding-top:0}
  body.single-product div.product.type-product > .woocommerce-tabs .wc-tabs{margin-bottom:24px}
}
/* ==== /KB single product ==== */