/* not using bootstrap, creating custom alerts */
.alert {
  padding: 10px;
  color: white;
}

.closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 14px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
}

.alert-danger{
 background-color: #fd614b; 
  text-align:center;
}
.alert-success{
 background-color: #FABE04;
  text-align:center;
}
.alert-info{
 background-color: #fd614b;
  text-align:center;
}
.alert-warning{
 background-color: #fd614b;
  text-align:center;
}

/* .closebtn {
  margin-left: 15px;
  color: white;
  font-weight: bold;
  float: right;
  font-size: 16px;
  line-height: 20px;
  cursor: pointer;
  transition: 0.3s;
} */

/* The Modal (background) */
.front_modal {
  display: none; 
  position: fixed; 
  z-index: 999;
  padding-top: 100px; 
  left: 0;
  top: 0;
  width: 100%;
  height: 100%; 
  overflow: auto; 
  background-color: rgb(0,0,0); 
  background-color: rgba(0,0,0,0.4); 
 
}

/* Modal Content */
.front_modal-content {
  background-color: #FABE04;
  margin: auto;
  padding: 20px;
  border: 1px solid #888;
  width: 80%;
  color:#ffff;
  font-weight:'bold';
  position:relative;
  top:1vh;
}

/* The Close Button */
.close_modal {
  
  float: right;
  font-size: 28px;
  font-weight: bold;
}

.close_modal:hover,
.close_modal:focus {
  
  text-decoration: none;
  cursor: pointer;
}

.woocommerce-account .col2-sett {
  margin-left: 15px;
  margin-right: 15px; 
}

@media(min-width: 992px){
       #product-first{
        height:300px !important;
        display: flex;
        justify-content:center;
        width: 280px;
       } 
       .custom-width{
        width: 100% !important;
       }
}

@media(min-width: 767px){
       .custom-media-margin{
        margin-left: 15px !important;
       } 
}

#product-wrapper-border{
  border:0px;
}

.text-right{
  text-align: right !important;
}
.text-center{
  text-align: center !important;
}