/*
Theme Name:   	Storefront Child Theme
Theme URI:    	https://github.com/stuartduff/storefront-child-theme
Author:       	Stuart Duff
Author URI:     http://stuartduff.com
Template:     	storefront
Description:  	This is a blank child theme for WooThemes StoreFront theme
Version:      	1.0.0
License:      	GNU General Public License v2 or later
License URI:  	http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  	storefront
Tags:         	black, white, light, two-columns, left-sidebar, right-sidebar, responsive-layout, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, threaded-comments, accessibility-ready
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
Storefront is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc.
Resetting and rebuilding styles have been helped along thanks to the fine work of
Eric Meyer http://meyerweb.com/eric/tools/css/reset/index.html
along with Nicolas Gallagher and Jonathan Neal http://necolas.github.com/normalize.css/
FontAwesome License: SIL Open Font License - http://scripts.sil.org/OFL
Images License: GNU General Public License v2 or later
*/
/*
 * Add your own custom css below this text.
 */
.home.blog .site-header, .home.page:not(.page-template-template-homepage) .site-header, .home.post-type-archive-product .site-header {
  margin-bottom: 0;
}
@media (min-width: 768px) {
 
 .site-header {
    padding-top: 10px;
    padding-bottom: 0;
  }
  .storefront-primary-navigation {
    clear: both;
    width: 75%;
    float: right;
    margin-top: -100px;
  }
    .woocommerce-active .site-header .site-header-cart {
    width: 100%;
    float: right;
    margin-right: 0;
    margin-bottom: 0;
  }
}
a{
 text-decoration: none;
}
header .col-full {
  max-width: 100%;
  padding: 0;
}
.slick-prev {
  left: 25px;
}

.slick-next {
  right: 25px;
}
.slick-dots {
  bottom: 15px !important;
}
.slick-dotted.slick-slider {
  margin-bottom: 0;
}
.btn-primary {
  --bs-btn-color: #fff;
  --bs-btn-bg: #b61616;
  --bs-btn-border-color: #b61616;
  --bs-btn-hover-color: #fff;
  --bs-btn-hover-bg: #b61616;
  --bs-btn-hover-border-color: #b61616;
  --bs-btn-focus-shadow-rgb: 49,132,253;
  --bs-btn-active-color: #fff;
  --bs-btn-active-bg: #b61616;
  --bs-btn-active-border-color: #b61616;
  --bs-btn-active-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  --bs-btn-disabled-color: #fff;
  --bs-btn-disabled-bg: #b61616;
  --bs-btn-disabled-border-color: #b61616;
}
a{
 color: #b61616;
}
input[type="text"], input[type="number"], input[type="email"], input[type="tel"], input[type="url"], input[type="password"], input[type="search"], textarea, .input-text {
  padding: .6180469716em;
  background-color: transparent;
  color: #43454b;
  border: 0;
    border-bottom-width: 0px;
    border-bottom-style: none;
    border-bottom-color: currentcolor;
  -webkit-appearance: none;
  box-sizing: border-box;
  font-weight: 400;
  box-shadow: none;
  border-bottom: 2px solid #000;
}
.productcard .btn-lg {
  font-size: 1rem;
}
/* ===========================
   Storefront Child – Header
   =========================== */

/* ============================
   Header Base
   ============================ */
.rs-header {
  width: 100%;
  top: 0;
  left: 0;
  z-index: 1000;
  position: sticky;
  background: #fff;
  border-bottom: 1px solid #eee;
  font-family: inherit;
}
.rs-container {
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 1rem;
}

/* ============================
   Top Utility Bar
   ============================ */
.rs-topbar {
  background: #b61616;
  color: #fff;
  font-size: 0.85rem;
}
.rs-topbar .rs-utility-menu {
  list-style: none;
  margin: 0;
  padding: 1rem 0;
  display: flex;
  gap: 1.2rem;
  justify-content: flex-end;
}
.rs-topbar .rs-utility-menu li a {
  color: #fff;
  text-decoration: none;
}
.rs-topbar .rs-utility-menu li a:hover {
  text-decoration: underline;
}

/* ============================
   Main Bar
   ============================ */
.rs-mainbar {
  background: #fff;
}
.rs-flex {
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 70px;
}
.rs-logo img {
  max-height: 50px;
  width: auto;
}

/* ============================
   Primary Nav
   ============================ */
.rs-primary-menu {
  display: flex;
  gap: 1.5rem;
  list-style: none;
  margin: 0;
  padding: 0;
}
.rs-primary-menu li a {
  text-decoration: none;
  color: #111;
  font-weight: 600;
  padding: 0.5rem 0;
}
.rs-primary-menu li a:hover {
  color: #5e95aa; /* accent */
}

/* ============================
   Right Actions
   ============================ */
.rs-actions {
  display: flex;
  align-items: center;
  gap: 1rem;
}
.rs-action {
  display: flex;
  align-items: center;
  color: #111;
  font-size: 1.1rem;
  text-decoration: none;
}
.rs-action__label {
  margin-left: 0.4rem;
  font-size: 0.85rem;
}

/* ============================
   Mobile
   ============================ */
.rs-mobile-toggle {
  display: none;
  background: none;
  border: none;
  font-size: 1.3rem;
}
.rs-mobile-panel {
  background: #fff;
  border-top: 1px solid #ddd;
  padding: 1rem;
}
.rs-mobile-menu {
  list-style: none;
  margin: 1rem 0;
  padding: 0;
}
.rs-mobile-menu li {
  border-bottom: 1px solid #eee;
}
.rs-mobile-menu li a {
  display: block;
  padding: 0.75rem 0;
  text-decoration: none;
  color: #111;
}
* Inline search sizing */
.rs-actions { gap: 0.75rem; }
.rs-search-inline { min-width: 260px; }

.rs-search-form.rs-search-form--inline {
  display: flex;
  align-items: center;
  gap: 0.4rem;
}
.rs-search-form.rs-search-form--inline .search-field {
  width: 100%;
  padding: 0.5rem 0.65rem;
  font-size: 0.95rem;
  border: 1px solid #ddd;
  border-radius: 4px;
}
.rs-search-form.rs-search-form--inline .rs-search-submit {
  border: 1px solid #ddd;
  background: #fff;
  padding: 0.48rem 0.7rem;
  border-radius: 4px;
  cursor: pointer;
}
.rs-search-form.rs-search-form--inline .rs-search-submit:hover {
  background: #f5f5f5;
}
header .woocommerce-Price-amount.amount {
  display: none;
}
.woocommerce-product-search.rs-search-form.rs-search-form--inline {
  position: relative;
  margin-bottom: 0;
}
.rs-search-submit {
  position: absolute;
  background: transparent !important;
  color: #333 !important;
  right: 0;
}
/* Make room at smaller widths */
@media (max-width: 1200px) {
  .rs-search-inline { min-width: 200px; }
}
@media (max-width: 991px) {
  /* Hide inline search on desktop bar if space is tight; keep the one in mobile panel */
  .rs-search-inline { display: none; }
}



/* ============================
   Responsive
   ============================ */
@media (max-width: 991px) {
  .rs-primary { display: none; }
  .rs-mobile-toggle { display: block; }
}
/* END HEADER */
#distributor {
  padding: 50px 0;
}
.redline{
  display: block;
  background:#b61616;
  height: 3px;
  margin-bottom: 30px;
}
.checklist {
  margin: 20px 0;
  list-style: none;
  padding: 0;
}
.checklist li {
  padding: 3px 0;
}
.checklist i {
  color: #b61616;
  margin-right: 10px;
}
.direct {
  display: block;
  padding-top: 30px;
  font-size: 24px;
}
.distleft {
  padding-top: 50px;
}
#hpproducts {
  padding: 50px 0;
  background: #fff;
}
.proddesc {
  display: block;
  min-height: 210px;
  padding-bottom: 15px;
}
#whybuy {
  padding: 50px 0;
}
.whyintro {
  display: block;
  padding-bottom: 30px;
}
.whyicon {
  display: block;
  text-align: center;
  font-size: 42px;
  color: #b61616 !important;
}
.why {
  display: block;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
}
#apparel, #accessories {
  background: #fff;
  padding: 50px 0;
}
.tadesc {
  display: block;
  padding-bottom: 30px;
}
.herosub {
  font-size: 24px;
  font-weight: bold;
}
.storefront-breadcrumb {
  display: none;
}
#innerheader, #innerhero{
  background: url(assets/img/astroid.webp) no-repeat center center;
  background-size: cover;
  padding: 100px 0;
  color:#fff;
  box-shadow: inset 0 0 0 2000px rgba(0, 0, 0, 0.4);
}
#innerheader h1{
  color:#fff;
}
#innerheader a{
  color:#fff;
}
.site-footer{
  padding: 50px 0 0;
  color:#fff;
}
.site-info{
  padding: 40px 0;
  margin-top: 50px;
  color:#ccc;
  border-top: 1px solid #222;
  font-size: 16px;
}
.footertitle {
  color: #fff;
  font-size: 32px;
  margin-bottom: 30px;
  display: block;
}
.footermenu li a {
  color: #fff !important;
  text-decoration: none;
}
.footermenu {
  margin: 0;
  padding: 0;
  list-style: none;
}
.footermenu li {
  padding: 4px 0;
}
.footerlogo {
  display: block;
  width: 50%;
  margin: 0 auto;
  text-align: center;
}
.social, .catmenu {
  display: flex;
  list-style: none;
  justify-content: center;
  margin: 40px 0 0;
  padding: 0;
}
.catmenu li{
  margin:0 20px;
}
.catmenu li a{
  color:#fff !important;
  text-decoration: none;
}
.social li {
  margin: 0 15px;
  font-size: 24px;
}
.social li a{
  color:#fff !important;
}
.rightfooter span {
  display: block;
  padding: 4px 0;
}
.rightfooter a{
  color:#fff !important;
  text-decoration: none; 
}
.inforight{
  text-align: right;
}
.site-info a{
  color:#ccc !important;
  text-decoration: none;
}