/*
Theme Name: MYRUSHPOPPERS
Theme URI: https://wpastra.com/
Template: astra
Author: Brainstorm Force
Author URI: https://wpastra.com/about/?utm_source=theme_preview&utm_medium=author_link&utm_campaign=astra_theme
Description: The Astra WordPress theme is lightning-fast and highly customizable. It has over 1 million downloads and the only theme in the world with 5,700+ five-star reviews! It’s ideal for professional web designers, solopreneurs, small businesses, eCommerce, membership sites and any type of website. It offers special features and templates so it works perfectly with all page builders like Spectra, Elementor, Beaver Builder, etc. Fast performance, clean code, mobile-first design and schema markup are all built-in, making the theme exceptionally SEO-friendly. It’s fully compatible with WooCommerce, SureCart and other eCommerce plugins and comes with lots of store-friendly features and templates. Astra also provides expert support for free users. A dedicated team of fully trained WordPress experts are on hand to help with every aspect of the theme. Try the live demo of Astra: https://zipwp.org/themes/astra/
Tags: custom-menu,custom-logo,entertainment,one-column,two-columns,left-sidebar,e-commerce,right-sidebar,custom-colors,editor-style,featured-images,full-width-template,microformats,post-formats,rtl-language-support,theme-options,threaded-comments,translation-ready,blog
Version: 4.11.12.1758844699
Updated: 2025-09-25 23:58:19

/* ===============================
   Avant-Garde High-End CSS Theme
   =============================== */

/* Global Background & Text */
body {
  background-color: #000000; /* Pure black */
  color: #39ff14; /* Neon green */
  font-family: 'Montserrat', 'Helvetica Neue', sans-serif;
  line-height: 1.6;
}

/* Links */
a {
  color: #39ff14;
  transition: color 0.3s ease;
  text-decoration: none;
}
a:hover {
  color: #00ffff; /* Cyan glow hover */
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  color: #39ff14;
  text-transform: uppercase;
  letter-spacing: 1.5px;
  font-weight: 700;
}

/* Buttons */
button,
input[type="submit"],
.woocommerce a.button,
.woocommerce button.button,
.woocommerce input.button {
  background-color: #39ff14;
  color: #000;
  border: 2px solid #39ff14;
  padding: 12px 24px;
  text-transform: uppercase;
  font-weight: 700;
  letter-spacing: 1px;
  border-radius: 8px;
  transition: all 0.3s ease;
}
button:hover,
input[type="submit"]:hover,
.woocommerce a.button:hover,
.woocommerce button.button:hover,
.woocommerce input.button:hover {
  background-color: #000;
  color: #39ff14;
  box-shadow: 0 0 12px #39ff14;
}

/* WooCommerce Product Grid */
.woocommerce ul.products li.product,
.woocommerce-page ul.products li.product {
  background-color: #0d0d0d;
  border: 1px solid #1f1f1f;
  padding: 16px;
  transition: transform 0.3s ease, box-shadow 0.3s ease;
}
.woocommerce ul.products li.product:hover {
  transform: translateY(-6px);
  box-shadow: 0 0 15px #39ff14;
}
.woocommerce ul.products li.product .woocommerce-loop-product__title {
  color: #39ff14;
  font-size: 1.1em;
  font-weight: 600;
}

/* Price Styling */
.woocommerce ul.products li.product .price,
.woocommerce div.product p.price,
.woocommerce div.product span.price {
  color: #00ffff;
  font-weight: 700;
}

/* Add to Cart Button */
.woocommerce ul.products li.product .button {
  background-color: transparent;
  border: 2px solid #39ff14;
  color: #39ff14;
  font-weight: 600;
}
.woocommerce ul.products li.product .button:hover {
  background-color: #39ff14;
  color: #000;
  box-shadow: 0 0 8px #39ff14;
}

/* Divider Lines */
hr {
  border: none;
  border-top: 1px solid #39ff14;
  margin: 20px 0;
}

/* Navbar / Header */
header, .main-navigation, .site-header {
  background-color: #000;
  border-bottom: 2px solid #39ff14;
}
.main-navigation a {
  color: #39ff14;
  font-weight: 600;
}
.main-navigation a:hover {
  color: #00ffff;
  text-shadow: 0 0 8px #39ff14;
}

/* Footer */
.site-footer {
  background-color: #000;
  color: #39ff14;
  border-top: 2px solid #39ff14;
  text-align: center;
  padding: 20px;
}
.site-footer a {
  color: #39ff14;
}
.site-footer a:hover {
  color: #00ffff;
}

/* ======================================================
   Make Elementor editor preview use the dark + neon skin
   (affects only the canvas, not the left control panel)
   ====================================================== */

/* Editor canvas background & base text */
.elementor-editor-active body,
.elementor-editor-active .elementor,
.elementor-editor-active .elementor-location-body,
.elementor-editor-active .elementor-section-wrap {
  background:#000 !important;
  color:#39ff14 !important;
}

/* Headings inside editor */
.elementor-editor-active h1,
.elementor-editor-active h2,
.elementor-editor-active h3,
.elementor-editor-active h4,
.elementor-editor-active h5,
.elementor-editor-active h6 {
  color:#39ff14 !important;
  text-transform:uppercase;
  letter-spacing:1.5px;
  font-weight:700;
}

/* Links in editor */
.elementor-editor-active a { color:#39ff14 !important; }
.elementor-editor-active a:hover { color:#00ffff !important; }

/* Sections/columns/cards in editor */
.elementor-editor-active .elementor-section,
.elementor-editor-active .elementor-container,
.elementor-editor-active .elementor-column,
.elementor-editor-active .elementor-widget-container {
  background-color: transparent;
}

/* Elementor button widget – match live site */
.elementor-editor-active .elementor-button {
  background:#39ff14 !important;
  color:#000 !important;
  border:2px solid #39ff14 !important;
  text-transform:uppercase;
  font-weight:700;
  letter-spacing:1px;
  border-radius:8px;
  transition:all .3s ease;
}
.elementor-editor-active .elementor-button:hover {
  background:#000 !important;
  color:#39ff14 !important;
  box-shadow:0 0 12px #39ff14;
}

/* Inputs (search, forms) visible on dark */
.elementor-editor-active input,
.elementor-editor-active select,
.elementor-editor-active textarea {
  background:#0d0d0d !important;
  color:#39ff14 !important;
  border:1px solid #1f1f1f !important;
}
.elementor-editor-active ::placeholder { color:#9aff86 !important; }
@media (max-width: 768px) {
  #sticky-checkout-bar{
    position: fixed;
    left: 0; right: 0; bottom: 0;
    z-index: 9999;
    background: #000;                     /* black base */
    border-top: 1px solid #1f1f1f;        /* subtle divider */
    box-shadow: 0 -10px 30px rgba(57,255,20,.20); /* neon glow */
  }
  #sticky-checkout-bar .scb-inner{
    display: flex; align-items: center; justify-content: space-between;
    gap: 14px; padding: 12px 16px;
    color: #39ff14;                       /* neon text */
  }
  #sticky-checkout-bar .scb-left strong{ color:#39ff14; }

  /* Button styled to match your theme */
  #sticky-checkout-bar .scb-btn{
    background:#39ff14;                   /* neon */
    color:#000 !important;                /* black text */
    border:2px solid #39ff14;
    padding: 12px 16px;
    font: 700 15px/1 'Montserrat', sans-serif;
    text-transform: uppercase;
    letter-spacing: 1px;
    border-radius: 8px;
    text-align:center;
  }
  #sticky-checkout-bar .scb-btn:hover{
    background:#000; color:#39ff14 !important;
    box-shadow:0 0 12px #39ff14;
  }

  /* Keep cart content visible above the bar */
  .woocommerce-cart{ padding-bottom: 80px; }
}