/*
Theme Name: DNACHILD
Version: 1.0.1
Description: A child theme of Flex Mag
Template: flex-mag
*/

@import url("../flex-mag/style.css");

body.error404 {background:#e4e4e3;}
body.error404 #post-left-col {background:#e4e4e3;}

.woocommerce-variation-price {margin-bottom:20px;}

.woocommerce div.product form.cart .variations td {line-height:1em}

.woocommerce div.product form.cart .variations td.label {padding-bottom:20px;}

.woocommerce-message {background:#8fae1b; color:#fff;}

.woocommerce-message::before {
    color: #fff;
    content: "";}

#add_payment_method table.cart img, .woocommerce-cart table.cart img, .woocommerce-checkout table.cart img {
    box-shadow: none;
    width: 100px;
}

.woocommerce .cart_item .variation p {margin-bottom:3px!important; font-size:100%!important; line-height: 100%!important;}

.woocommerce td, .woocommerce th {padding:20px!important;}

.woocommerce #respond input#submit, .woocommerce a.button, .woocommerce button.button, .woocommerce input.button
{background-color: #8fae1b; color:#fff;}

.woocommerce-message a.button {background:#fff; color:#333!important;}
.woocommerce-message a {text-decoration:underline; color:#fff!important;}

.woocommerce-cart-tab-container .widget_shopping_cart ul.product_list_widget li.mini_cart_item
{padding-bottom:20px; padding-top:20px; border-bottom:2px solid rgba(0, 0, 0, 0.1);}

.woocommerce ul.cart_list li dl, .woocommerce ul.product_list_widget li dl {border-left: none;}

.woocommerce form .form-row input.input-text, .woocommerce form .form-row textarea {padding: 10px;}

#post-404 { margin: 0; }

.fake-textbox { width: 100%; box-sizing: border-box; padding: 10px; background: #EEE; line-height: 1em; display: block; border-radius: 3px; }

.unsubscribe-box { border-top: 1px solid #eee; padding-top: 20px; }

#head-main-wrap { z-index: 9995; }
.col-tabs-wrap { z-index: 9996; }
.fly-to-top { display: none; }
#fly-wrap { z-index: 9999 !important; }
<script async type="text/javascript" src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=WLEjhV"></script>

/* === DEBUG: Force homepage content to fully render on mobile === */
@media screen and (max-width: 768px) {
  #body-main-wrap,
  .body-main-out,
  .body-main-in,
  #body-main-cont {
    min-height: 100vh !important;
    display: block !important;
    overflow: visible !important;
  }

  .tab-col-tab,
  #tab-col1,
  #tab-col2,
  #tab-col3 {
    display: block !important;
    visibility: visible !important;
  }

  .post {
    display: block !important;
    visibility: visible !important;
  }

  #site {
    min-height: 100vh !important;
  }
}