@import url('https://fonts.googleapis.com/css2?family=Special+Gothic+Expanded+One&display=swap');

html {
  font-size: 18px; 
}
      html, body {
        margin: 0;
        padding: 0;
        overflow-x: hidden;
        overflow-y: auto;
      }

.text-red {color:#892400;}
.red { background-color:#892400; }
.text-peach {color:#ffecd6; }
.peach { background-color:#ffecd6; }
.text-navy { color:#002229; }
.navy { background-color:#002229; }
.text-brown { color:#6c4929; }
.brown { background-color:#6c4929; }

.bg-gray { background-color:#dbdbdb; }
.bg-dark-gray { background-color:#444647; }

h1,h3,h4,h6 { font-family: "colt", serif; font-weight: 800; font-style: normal;}
h2,h5,h7 { font-family: "Special Gothic Expanded One", sans-serif;  font-weight: 400;  font-style: normal; }
.trailer-title { font-size:1rem; }
@media (max-width: 575.98px) { 
   .trailer-title { font-size:.75rem; }
}

@media (max-width: 575.98px) {
    h1 { font-size:20px;
}
}

.btn-red { background-color:#892400; color:#ffecd6; font-family:'GT Pressura Pro Bold', sans-serif; border-radius:3px; padding:8px 15px; font-size:1.15rem; }
.btn-red:hover { background-color:#002229; color:#ffecd6; font-family:'GT Pressura Pro Bold', sans-serif; border-radius:3px; padding:8px 15px; font-size:1.15rem;  }
.btn-navy { background-color:#002229; color:#ffecd6; font-family:'GT Pressura Pro Bold', sans-serif; border-radius:3px; padding:8px 15px; font-size:1.15rem; }
.btn-navy:hover { background-color:#892400; color:#ffecd6; font-family:'GT Pressura Pro Bold', sans-serif; border-radius:3px; padding:8px 15px; font-size:1.15rem; }
.main .btn { font-size:1.25rem; }


.red-bar {width:100%;height:25px;background-color:#892400; }
    @media (max-width: 38rem) {
      .red-bar {padding: 0.6rem 0;}
    }

.main {
    //background: #002229 url('/2025/home-trailer.jpg') no-repeat left top;
    background: #002229 url('/images/main-trailer.jpg') no-repeat center bottom;
    background-size:cover;
}
@media (min-width: 768px) { 
.main {
    height: 100vh;
}
}
.secondary {
    background-color: #002229;
    color:#ffecd6;
}

.search-by-type-container {
	padding-top:100px;
	padding-bottom:100px;
}

 /* Navigation arrows above slider */
    .swiper-button-prev,
    .swiper-button-next {
      position: static !important;;
      width: 30px;
      height: 30px;
      background: transparent;
      color: #fff !important;
      display: flex;
      justify-content: center;
      align-items: center;
      cursor: pointer;
     font-weight:bold;
    }

    .swiper {
      width: 100%;
      padding-bottom: 30px;
    }

    .swiper-slide {
      text-align: center;
      background: #6c4929;
      border-radius: 8px;
      overflow: hidden;
      font-size: 20px;
      display: flex;
      align-items: center;
      justify-content: center;
      //height: 200px;
    }


.product-card-link {
  text-decoration: none;
  color: inherit;
}

.product-card {
  background: #6c4929;
  border-radius: 10px;
  overflow: hidden;
  box-shadow: 0 2px 8px rgba(0,0,0,0.1);
  text-align: center;
  position: relative;
  transition: transform 0.2s ease;
}

.product-card:hover {
  transform: translateY(-5px);
}

.product-image {
  width: 100%;
  display: block;
}

.product-info {
  padding: 10px;
}

.product-title {
  font-size: 16px;
  margin: 6px 0 4px;
  color: #ffedc6;
}

.product-price {
  font-size: 14px;
  color: #ffedc6;
  font-family: "Special Gothic Expanded One", sans-serif;
}

.badge {
  position: absolute;
  top: 10px;
  left: 10px;
  font-size: 12px;
  font-weight: bold;
  color: #fff;
  padding: 4px 8px;
  border-radius: 4px;
  z-index: 2;
  text-transform: uppercase;
}

.badge.new {
  background-color: #28a745;
}

.badge.reduced {
  background-color: #dc3545;
}

@media (min-width: 1199.98px) {
.brown-ribbon {
  background: url('/images/brown-ribbon.png') repeat-x center bottom;
}
}

  .grid-responsive {
    display: grid; 
    gap: 1rem; 
    grid-template-columns: repeat(4, minmax(0, 1fr));
  }

  /* small devices: switch to 2 columns */
  @media (max-width: 767.98px) {
    .grid-responsive {
      grid-template-columns: repeat(2, minmax(0, 1fr));
    }
  }

.footer {
  font-family:'GT Pressura Regular', sans-serif;
  font-size:16px;
}

.social-icons {
  width: 50px; /* desired size */
  height: 50px;
  background-color: #ffecd6;
  -webkit-mask: url('icon.png') no-repeat center;
  -webkit-mask-size: contain;
  mask: url('icon.png') no-repeat center;
  mask-size: contain;
}

@media (min-width: 1200px) {
.newsletter-sign-up {
  width:80%;
}
}
@media (max-width: 1199.98px)
.newsletter-sign-up {
  width:400px;
}
}

  .trailer-grid-image {
    height: 150px;
    overflow: hidden;
  }

  @media (min-width: 768px) {
    .trailer-grid-image {
      height: 250px;
    }
  }
	.card-img-top {
  height: 200px; 
  object-fit: cover; 
  width: 100%; 
}

@media print
{    
    .no-print, .no-print *
    {
        display: none !important;
    }
}