/*
Theme Name:   Twenty Twenty-Four Child
Theme URI:    http://example.com/twenty-twenty-four-child/
Description:  Twenty Twenty-Four Child Theme
Author:       Thomas Kaisuka
Author URI:   http://cmsdigital.design
Template:     twentytwentyfour
Version:      1.0.0
License:      GNU General Public License v2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
Text Domain:  twentytwentyfourchild
*/


.product-template-default.single-product .woocommerce-tabs.wc-tabs-wrapper{
    display: none;
    visibility: hidden;
}

.woocommerce-tabs.wc-tabs-wrapper{
    display: none;
    visibility: hidden;
}

.woocommerce-checkout #payment{
    background: transparent !important;
}

.woocommerce-page.woocommerce-order-received .wc-block-order-confirmation-summary.alignwide{
  display: none;
}

.woocommerce-page.woocommerce-order-received table.wc-block-order-confirmation-totals__table{
  display: none;
}

.woocommerce-page.woocommerce-order-received .wc-block-order-confirmation-totals h2{
  display: none;
}

.woocommerce-page.woocommerce-order-received .wc-block-order-confirmation-totals-wrapper.alignwide h3{
      font-size: 26px !important;
}

.woocommerce-page.woocommerce-order-received .wc-block-order-confirmation-totals{

}

.woocommerce-page.woocommerce-order-received table.shop_table td:first-child{
    font-weight: bold;
    color: yellow;
    width: 100%;
    display: block;
}

.woocommerce-page.woocommerce-order-received table.shop_table td:first-child span{
  font-size: 30px;
  font-weight: bold;
}

.woocommerce-page.woocommerce-order-received .wc-block-order-confirmation-totals table thead{
  border: 2px solid;
}

.woocommerce-page.woocommerce-order-received table.shop_table td{
   display: block;
}


#billing_phone_field:after {
  content: "your phone number must start with +256";
  font-size: 14px;
  color: red;
  }
  

@media (min-width: 782px){
  .home .wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column[style*=flex-basis]{
    flex-basis: 100% !important;
    padding: 0% 25%;
  }
}