p{
font-family: 'Roboto', sans-serif;
font-weight: 300;
}

.product_info{
margin-top: 10%;
}

.price{
font-family: 'Roboto', sans-serif;
font-size: 32px;
color:#007bff;
font-weight: bold;
}
.product_tag{
padding-right: 15px;
font-size: 22px;
font-family: 'Roboto', sans-serif;
font-weight: 100;
display: inline;
}

.size-select{
width: 200px;;
display: inline;
margin-left: 40px;
margin-top: 10px;
}


.button_holder{
padding-top: 20px;
padding-bottom: 80px;
}

.nav_bar_back{
background-color: #e8e8e8;
color:#000;
}

.navbar-nav li a{
color: #000 !important;
}

.navbar-brand-full{
  position: absolute;
  z-index: 10000;
  width:50%;
  max-width:200px;
}
.nav_spacer{
max-width:200px;
width:50%;
}


@media only screen and (max-width: 770px) {
  .nav_spacer{
  display: none;
  }

.navbar-brand-full{
display: none;
}
}


@media only screen and (min-width: 770px) {
  .nav_spacer{
  display: block;
  }

.navbar-brand{
display: none;
}
}



#house_selected{
position: relative;
top:5px;
display:none;
height: 25px;
width: 25px;
}


#house_holder{
  position: relative;
display:inline-block;
}

.house-green{
position: relative;
top:5px;
display:inline-block;
background-color: #00a650;
height: 25px;
width: 25px;
cursor: pointer;
}

.house-red{
position: relative;
top:5px;
display:inline-block;
background-color: red;
height: 25px;
width: 25px;
cursor: pointer;
}


.house-blue{
  position: relative;
  top:5px;
display:inline-block;
background-color: #0094d5;
height: 25px;
width: 25px;
cursor: pointer;
}

.house-yellow{
  position: relative;
  top:5px;
display:inline-block;
background-color: #ffd11a;
height: 25px;
width: 25px;
cursor: pointer;
}

#color_change{
display:none;
font-size: 12px;
cursor: pointer;
}


.view-chart{
display: inline;
  padding-left: 100px;
  font-size: 14px;
  cursor: pointer;
  color: #ef5a00;
}

.nav-cart{
color:#000;
}

#qty{
display: inline-block;
width:200px;
margin-left: 39px;
}

.qty{
display: inline-block;
width:200px;
margin-left: 39px;
}

#top_name{
display: inline;
width:200px;
margin-left: 20px;
}
#color_error{
display:none;
color:red;
}
#top_number{
  display: inline-block;
  width:200px;
  margin-left: 0px;

}

.footer{
width: 100%;
background-color:#333940;
position: fixed;
bottom: 0;
text-align: center;
padding: 10px;
}

.item-add-message{
display:none;
text-align: center;
position: relative;
top:20px;
}

#hover_cart{
width: 300px;
padding: 20px;
border: solid 1px #000;
float: right;
border-radius: 5px;
}

/* cart items */

.item-name{
display: inline-block;
padding: 10px;
width:300px;
}

.item-price{
  display: inline-block;
  padding: 10px;
  width:100px;
}
.item-quantity{
  display: inline-block;
  padding: 10px;
  width:80px;
}
.item-total{
  display: inline;
  padding: 10px;

}
.item-decrement{
  display: inline;
  display: none;
}
.item-increment{
display: inline;
display: none;
}

.item-desc{
display: inline-block;
width:160px;
}

.item-size{
  display: inline-block;
  width:60px;
}

.item-remove{
display: inline;
}
.delete_cart_item{
color:red;
}

#checkout_btn{
display: none;
float: right;
}

#checkout_btn_hoodie{
display: none;
float: right;
}

#checkout_btn_cart{
display: inline-block;
float: right;
}

#cart_holder{
padding-top: 40px;
padding-bottom: 40px;
display: inline-block;
}
#mobile_cart{
display:none;
}

@media only screen and (max-width: 600px) {
  #mobile_cart{
  display:block;
  }
#desktop_cart{
display:none;
}
}

#checkout_holder{
padding-top: 40px;
padding-bottom: 40px;
}

.spacer_fourty{
height: 60px;
}

.same_add{
color:#9a9b9b;
}

.open_accord{
cursor: pointer;
}

.label_error{
color:red;
font-size: 12px;
}
.checkout_continue{
float:right;
}

.name_instruct{
font-size: 12px;
padding-left: 120px;
}

.color_house{
font-size: 12px;;
}

.thumbs{
width:80px;
display: inline-block;
border:solid 1px #ccc;
border-radius: 5px;
padding: 5px;
cursor: pointer;
}
#item_topname{
font-size: 1px;
}

.item-topnumber {
padding-right: 20px;
padding-left: 20px;
}
.item-topname {
padding-right: 20px;
padding-left: 20px;
}

.item-id{
  visibility: hidden;
}

.dropdown-item{
  cursor: pointer;
}

/* Container for the products */
.product-container {
  display: flex; /* Use flexbox for side-by-side alignment */
  justify-content: center; /* Center the products horizontally */
  gap: 20px; /* Add space between the products */
  flex-wrap: wrap; /* Allows products to wrap to the next line on small screens */
}

/* Individual product box styling */
.product {
  border: 1px solid #ccc;
  border-radius: 8px;
  padding: 20px;
  text-align: center;
  max-width: 300px;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

/* Image styling */
.product-image {
  width: 100%;
  height: auto;
  border-radius: 4px;
  margin-bottom: 10px;
}

/* Button styling */
.buy-now-btn {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
  margin-top: 15px;
  cursor: pointer;
  border-radius: 5px;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3e%3cpath stroke='rgba(0, 0, 0, 0.8)' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e") !important;
}