// YMAL STYLING ==>

// Shopify store currently has a App added on called "Upsell Recommendations by AutoCommerce".
// This is the custom styling built for the module that is on all product pages. (product.liquid)

@media(max-width: 1200px){
  .ac-recommender-header{
    padding-left: 35px!important;
  }
}

@media(max-width: 1150px){
  #owl-carousel-container{
    max-width: 875px!important;
  }
  #carousel-click-right {
    top: 51%!important;
    right: 10px!important;
  }
  #carousel-click-left {
    top: 51%!important;
    left: 10px!important;
  }
  .owl-carousel.owl-theme {
    max-width: 750px!important;
  }
  .ac-recommender-box {
    width: 185px!important;
  }
}

@media(max-width: 850px){
  .owl-carousel.owl-theme.owl-carausel-style {
    overflow-x: scroll!important;
  }
  #carousel-click-left {
    display: none!important;
  }
  #carousel-click-right {
    display: none!important;
  }
  .ac-text-center {
    left: 50%;
    transform: translateX(-50%);
  }
  .ac-recommender-header {
    padding-left: 0px!important;
  }
  .ac-recommender-box {
    width: 150px!important;
  }
}


.owl-carousel {
  display: block!important;
  overflow-x: hidden;
  white-space: nowrap;
  max-width: 1000px!important;
  padding: 30px 35px!important;
  padding-top: 60px!important;
  margin: 50px auto!important;
}
.ac-recommender-box {
  display: inline-block;
  vertical-align: top;
}
.ac-recommender-box > div:nth-of-type(1) {
  min-height: inherit!important;
}

.ac-recommender-header {
  padding-left: 30px;
  padding-top: 0px!important;
  padding-bottom: 0px!important;
  font-weight: 500!important;
  font-family: baron-text, sans-serif!important;
  text-align: left!important;
}

.ac-text-center {
  position: absolute;
}

.ac-content-align {
  font-family: baron-text, sans-serif!important;
  font-size: 14px!important;
  margin: 0!important;
}

.ac-recommender-box-price {
  margin-top: 0!important;
}

.ac-recommender-box-title a {
  color: rgb(119, 119, 119)!important;
  position: relative;
  width: 100%;
  white-space: normal;
}

.ac-recommender-box-price a {
  color: rgb(119, 119, 119)!important;
}

.ac-recommender-box-title {
  margin: 0!important;
}

#owl-carousel-container{
  max-width: 1200px;
}