/*Boxman general plugin custom css */

ul.products {position: relative;}
ul.products li.product {
  padding:0 10px 0 10px !important;
  border:1px solid #eee;
  text-align: center;
  position: absolute;
  overflow-x: hidden;
}
ul.products li.product:hover{
  box-shadow: 0 0 10px 0 rgba(0,0,0,0.5);
}

ul.products li.product .button {
  font-size:14px;
  text-transform: uppercase;
  font-weight:400;
  text-align: center;
  display: block;
  /* width:80%; */
  margin:15px;
  border-radius: 0;
  /* background-color: rgb(254, 223, 45); */
  background-color: #FEDF2F;
  color:#000;
}
ul.products li.product:hover > .button {
  background-color: #000;
  color:#fff;
}

.branch-locator-link {
  font-size:14px;
  text-transform: uppercase;
  font-weight:400;
  text-align:center;
}
.branch-locator-link i {
  margin:0 10px;
}

.boxman-out-of-stock {
line-height: 16px;
font-size: 12px;
font-weight: 600;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
letter-spacing: 0;
text-shadow: 0 1px 1px rgba(0,0,0,.6);
text-transform: uppercase;
color: #fff;
background-color: #7A7A7A;
border-radius: 0;
border: none;
-webkit-box-shadow: none;
box-shadow: none;
position: absolute;
height: 100px;
width: 200px;
z-index: 1;
left: -95px;
top: -45px;
right: auto;
margin: 0;
padding: 0;
-webkit-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}


/* Form design */
/* Extra small devices (portrait phones, less than 576px)
 No media query for `xs` since this is the default in Bootstrap */
.col-d2c-12 {
  width:100%;
  margin:5px 0;
  float:none;
}
.col-d2c-6 {
  width:48%;
  margin:5px 0;
  float:left;
}

input[type="date"], input[type="email"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="url"], select, textarea {
  border:1px solid #ccc !important;
  border-radius: 0 !important;
}

.wpcf7-form label {
  line-height: 25px;
  width:100%;
}
.wpcf7-textarea {
  width:100%;
}

/* Submit button */
.wpcf7-submit {
  border-radius: 0 !important;
  background-color: #FEDF2F !important;
  color:#000 !important;
  padding: 10px 25px !important;
  border:1px solid #FEDF2F !important;
}

/* Small devices (landscape phones, 576px and up) */
@media (min-width: 576px) { }

/* Medium devices (tablets, 768px and up) */
@media (min-width: 768px) {}

/* Large devices (desktops, 992px and up) */
@media (min-width: 992px) {
  .col-d2c-md-6 {
    width:48%;
    margin:0 5px;
    float:none;
  }
}

/* Extra large devices (large desktops, 1200px and up) */
@media (min-width: 1200px) {}