/*@media only screen and (min-width: 800px) {
   #main-content .bg-text h2 {
        display: none !Important;
    }
}

@media only screen and (min-width: 640px) {
#main-content .panel-browse h3, .panel-browse h1 {
        margin-top: 20px !Important;
    }
}


#home_page .card {

    background-color: transparent !Important;
    margin: 5px !Important;
    box-shadow: 0px 0px 10px lightblue !Important;
    border: 0px solid rgba(0, 0, 0, 0) !Important;
}
#home_page .product-box .btn-info {
    font-size: 16px !Important;
    font-size: 1px !Important;
    box-shadow: none !Important;
    display: inline-block !Important;
    font-family: 'Font Awesome 6 Pro'!Important;
    width: 100%;
}

#home_page .btn-primary, .btn-secondary, .btn-info, .btn-success {
    border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
.subscribe_section.bg-dark.py-4.py-md-5 {
    display: none;
}*/

.navbar .navbar-nav .nav-item>.nav-link::after {display:none !Important;}

testimonial_home .bg-text h2 {
    color: #006dbf;
}
#product-info .imageGalleryBlock figure img{
    border: 1px solid #000 !important;
}

.navbar.bg-white {
  position: relative; /* ensures the pseudo-element is positioned relative to the navbar */
}

.navbar.bg-white::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;       /* right at the bottom of the navbar */
  width: 100%;      /* full width of the navbar (viewport if navbar is full-width) */
  height: 10px;      /* thickness of the bar */
  background-color: #006ec7; /* updated hex color */
  z-index: 0;       /* behind menu items */
}

/* Navbar full-width blue bar */
.navbar.bg-white {
  position: relative; /* pseudo-element positioned relative to navbar */
}

.navbar.bg-white::after {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;       /* full bleed */
  height: 6px;       /* thickness of blue bar */
  background-color: #006ec7; /* your brand blue */
  z-index: 0;        /* behind menu items */
}

/* Center menu items and keep them on one line */
.navbar-nav.mx-auto {
  display: flex;
  flex-wrap: nowrap;       /* prevent wrapping on larger screens */
  gap: 0.8rem;             /* space between menu items */
}

/* Make links smaller and compact */
.navbar-nav.mx-auto .nav-item .nav-link {
  font-size: 0.95rem !important; /* force smaller font */
  padding: 0.25rem 0.5rem !important;
}

/* Responsive adjustments for smaller screens */
@media (max-width: 768px) {
  .navbar-nav.mx-auto {
    flex-wrap: wrap;       /* allow wrapping if needed */
    gap: 0.5rem;           /* smaller gap on mobile */
  }

  .navbar-nav.mx-auto .nav-link {
    font-size: 0.75rem;    /* smaller font on mobile */
    padding: 0.2rem 0.4rem;
  }
}
@media (min-width: 768px) {
  .navbar-nav.mx-auto {
    justify-content: center; /* center items horizontally */
  }
}

/* Highlight "Wear Store" and "Merch Store" with blue background + icons */
/* .navbar-nav.mx-auto .nav-link[href="https://cardwellprinting.secure-decoration.com/"] span { */
.wear-store-ops-class-header span {
  color: white !important;
  font-weight: 600;
  background-color: #006ec7;
  padding: 4px 10px 4px 28px; /* extra left padding for icon */
  border-radius: 6px;
  position: relative;          /* needed for pseudo-element */
  display: inline-block;
  transition: all 0.3s ease;
}

/* T-shirt icon before "Wear Store" (using Font Awesome) */
/* .navbar-nav.mx-auto .nav-link[href="https://cardwellprinting.secure-decoration.com/"] span::before { */
.wear-store-ops-class-header span::before {
  content: "\f553"; /* Font Awesome t-shirt icon */
  font-family: "Font Awesome 6 Pro";
  font-weight: 900; /* solid style */
  color: white;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.85em;
}

/* Highlight "Merch Store" with blue background + icon */
/*.navbar-nav.mx-auto .nav-link[href="https://www.promoplace.com/cardwellprinting"] span {*/

.merch-store-ops-class-header span {
  color: white !important;
  font-weight: 600;
  background-color: #006ec7;
  padding: 4px 10px 4px 28px; /* extra left padding for icon */
  border-radius: 6px;
  position: relative;
  display: inline-block;
  transition: all 0.3s ease;
}

/* Promo item icon before "Merch Store" (example: gift icon) */
/*.navbar-nav.mx-auto .nav-link[href="https://www.promoplace.com/cardwellprinting"] span::before {*/
.merch-store-ops-class-header span::before {
  content: "\f02c"; /* Unicode for fa-tags */
  font-family: "Font Awesome 6 Pro";
  font-weight: 900;
  color: white;
  position: absolute;
  left: 8px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 0.85em;
}

/* Hover effects */
/*.navbar-nav.mx-auto .nav-link[href="https://cardwellprinting.secure-decoration.com/"]:hover span,
.navbar-nav.mx-auto .nav-link[href="https://www.promoplace.com/cardwellprinting"]:hover span { */
    
.wear-store-ops-class-header:hover span,
.merch-store-ops-class-header:hover span {
  background-color: #005ca8 !important;
  transform: translateY(-1px);
}

/* Make the "Welcome" text black */
.navbar-text {
  color: black !important;
}

/* Keep the name link styled separately if needed */
.navbar-text a {
  color: #006ec7 !important; /* or whatever color you want for the name */
  font-weight: 600;
}

.bg-text.text-green.text-uppercase.d-none.d-md-block h2 {
  visibility: hidden;
}
.header-search .input-group {
    padding-right: 0; /* Show search icon on right side */
}

/* Bolding "Can't find what you need? Give us a call 757-888-0674!" in top right corner on the home page */
.col.text-right .top-links + p {
  font-weight: 900;
  color: #006ec7; /* Bootstrap primary blue */
}

.col.text-right .top-links + p a[href^="tel:"] {
  color: #006ec7;      /* blue */
  font-weight: 900;   /* match the text */
}

.col.text-right .top-links + p {
  font-weight: 900;
  color: #006ec7;
  text-align: center;   /* center text */
  margin-top: 0.25rem;  /* small breathing room */
}

.search-icon .twitter-typeahead:after {cursor: default !important; }


/* changing background color of "Continue with your design" */
/* DEFAULT state */
a.btn-img-text.browse-design i.fal.fa-images {
  background: #bf2d3b !important;
}

a.btn-img-text.browse-design::before {
  background: #bf2d3b !important;
}

a.btn-img-text.browse-design::after {
  background-color: #bf2d3b !important;
  border-left-color: #bf2d3b !important;
  border-right-color: #bf2d3b !important;
}

a.btn-img-text.browse-design i.fal.fa-images::after {
  border-left-color: #bf2d3b !important;
}


/* HOVER / FOCUS / ACTIVE state */
a.btn-img-text.browse-design:hover i.fal.fa-images,
a.btn-img-text.browse-design:focus i.fal.fa-images,
a.btn-img-text.browse-design:active i.fal.fa-images {
  background: #dc3545 !important;  /* hover color */
}

a.btn-img-text.browse-design:hover::before,
a.btn-img-text.browse-design:focus::before,
a.btn-img-text.browse-design:active::before {
  background: #dc3545 !important;
}

a.btn-img-text.browse-design:hover::after,
a.btn-img-text.browse-design:focus::after,
a.btn-img-text.browse-design:active::after {
  background-color: #dc3545 !important;
  border-left-color: #dc3545 !important;
  border-right-color: #dc3545 !important;
}

a.btn-img-text.browse-design:hover i.fal.fa-images::after,
a.btn-img-text.browse-design:focus i.fal.fa-images::after,
a.btn-img-text.browse-design:active i.fal.fa-images::after {
  border-left-color: #dc3545 !important;
}

/* Fill the rest of the button area (the text side) */
a.btn-img-text.browse-design,
a.btn-img-text.browse-design .media-body,
a.btn-img-text.browse-design .media-body * {
  background-color: #dc3545 !important;
}

/* Hover/focus/active for the rest of the button */
a.btn-img-text.browse-design:hover,
a.btn-img-text.browse-design:hover .media-body,
a.btn-img-text.browse-design:hover .media-body *,

a.btn-img-text.browse-design:focus,
a.btn-img-text.browse-design:focus .media-body,
a.btn-img-text.browse-design:focus .media-body *,

a.btn-img-text.browse-design:active,
a.btn-img-text.browse-design:active .media-body,
a.btn-img-text.browse-design:active .media-body * {
  background-color: #bf2d3b !important;
}
/* Hide Product Price */
.hide_price_quote #productpricetotal {
    display: none;
}

#shopping-cart::before {
    content: "PRODUCTION & TURNAROUND TIMES \A\A Our standard turnaround time is 5–7 business days after artwork approval. Need your order sooner? Call us at (757) 888-0674 to discuss rush production and shipping options.";
    white-space: pre-line;
    display: block;
    background: #fff8e6;
    border: 1px solid #ffe08a;
    border-left: 4px solid #f0ad4e;
    padding: 15px 20px;
    margin-bottom: 20px;
    border-radius: 4px;
    color: #555;
    line-height: 1.5;
    font-size: 14px;
}