/* Styles specific to individual product pages. */

h3{
  padding-bottom: 1.0rem;
}


.breadcrumb-container{
  font-family: 'Lato', sans-serif;
  font-size: 10pt;
  /* margin-top: 0.18rem; */
  /* padding-bottom: 0.82rem; */
  padding-bottom: 1rem;
}

.breadcrumb-item a{
  text-decoration: none;
  color: black;
}

.breadcrumb-item a:hover{
  text-decoration: none;
}


#product-image{
  padding-bottom: 2.0rem;
  padding-top: 1.5rem;
}

.awards-container{
  margin-top: 1.36rem;
  padding-bottom: 0.14rem;
    /* line-height: 1.25rem !important; */
}


.awards-container li{
  /* line-height: 1.25rem !important; */
}


.profile-pre-header{
  margin-top: 0.36rem;
  padding-bottom: 0.14rem;
}


.sake-profile{
  margin-top: 0.4rem !important;
  padding-bottom: 0.6rem !important;
  font-variant: small-caps;
  font-size: 0.85rem;
  line-height: 1.0rem;
  /* background-color: pink; */
  /* opacity: 0.5; */
}


.sake-scales-nudge-top{
  margin-top: 0.17rem !important;
}


.sake-scales-nudge-bottom{
  padding-bottom: 1.33rem !important;
}


.recommended-temp{
  line-height: 1.0rem;
  text-align: center;
}


.chilled{
  background-color: #5BB1F750;
}


.warm{
  background-color: #F8717150;
}


.hot{
  background-color: #F3A7A7;
}


.scales{
  padding-left: 0;
  padding-right: 0;
}


.alc-content{
  font-size: 0.75em;
  margin-top: 1.18rem;
  padding-bottom: 0.32rem;
}

.buy-online{
  color: blue;
}

@media (min-width: 576px) {
}


@media (min-width: 768px) {
  .product-image{
    margin-top: 3rem;
    padding-bottom: 0rem;
  }
  .buy-online{
    padding-top: 1rem;
    /* color: pink; */
  }
}


@media (min-width: 576px) and (max-width: 768px) {
  .desktop-header{
    padding-bottom: 1rem;
  }

  h3{
    padding-bottom: 2.0rem;
  }

  .product-image{
    padding-bottom: 1.5rem;
  }
}


@media (min-width: 768px) and (max-width: 992px) {
  h3{
    padding-bottom: 1.0rem;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  h3{
    padding-bottom: 1.5rem;
  }

}


@media (min-width: 1200px) and (max-width: 1400px) {
  .desktop-header{
    padding-bottom: 1rem;
  }
  h3{
    padding-top: 2.0rem;
    padding-bottom: 1.5rem;
  }

}

@media (min-width: 768px) {
  #product-image{
    padding-top: 0rem;
    padding-bottom: 0rem;
  }
}

@media (min-width: 1400px) {
  .desktop-header{
    /* padding-top: 2rem; */
    padding-bottom: 1rem;
  }
  h3{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }


}