@charset "utf-8";

.es-supplement-wrapper { width: 100%; height: auto; }

.es-supplement-card { width: 100%; height: auto; border-radius: 20px; color: rgb(0, 0, 0); padding: 15px; font-size: 1.2vw; line-height: 1.4; }

.es-supplement-card a { color: rgb(0, 0, 0); }

.es-facts-section { margin: 0px auto; overflow: hidden; }

.es-facts { display: inline-block; }

.es-fact-cell { border-bottom: 5px solid rgb(0, 0, 0); margin: 0px 12px; width: calc(100% - 24px); }

.es-fact-cell.es-thickline { border-bottom: 12px solid rgb(0, 0, 0); }

.es-fact-head { border-bottom: 12px solid rgb(0, 0, 0); }

.es-fact-head h2 { font-size: 2.5vw; text-transform: uppercase; font-family: HelveticaNeue !important; }

.es-sup-serving-size { margin: 0px 12px; font-size: 1vw; padding-top: 15px; border-bottom: 5px solid rgb(0, 0, 0); }

.es-sup-flex-wrap-1, .es-sup-flex-wrap-2, .es-sup-flex-wrap-3 { display: flex; font-size: 1vw; margin: 0px 12px; padding: 5px; gap: 15px; }

.es-sup-flex-wrap-1 { border-bottom: 5px solid rgb(0, 0, 0); }

.es-sup-flex-1 { flex: 2 1 0%; text-align: left; }

.es-sup-flex-2 { flex: 2 1 0%; font-size: 1vw; text-align: right; }

.es-sup-flex-3 { flex: 1.2 1 0%; text-align: right; font-size: 1vw; }

.es-bottom-text, .es-other-ingredients { margin: 0px 12px; padding: 6px 5px; font-size: 0.8vw; }

.es-bottom-text, .es-percent { margin: 0px 12px; padding: 6px 5px; border-bottom: 12px solid rgb(0, 0, 0); font-size: 0.8vw; }

.es-bottom-text p { width: 50%; height: auto; padding-bottom: 10px; }

.es-other-ingredients span { font-weight: 700; }

.es-supplement-info img { max-width: 120px; }

@media screen and (max-width: 750px) {
  .es-facts { max-width: unset; }
}

@media screen and (min-width: 750px) {
  .es-facts { width: 100%; margin: 20px 0px !important; }
}

@media only screen and (max-width: 766px) {
  .es-supplement-wrapper { margin-top: 15px; }
  .es-supplement-card { padding: 15px 10px; }
  .es-fact-head h2 { font-size: 7vw; }
  .es-sup-serving-size { font-size: 5vw; }
  .es-sup-flex-2 { font-size: 3.5vw; }
  .es-sup-flex-3 { font-size: 3.5vw; }
  .es-sup-flex-1 { font-size: 3.5vw; }
  .es-bottom-text p { width: 50%; font-size: 3.5vw; }
  .es-bottom-text, .es-percent { font-size: 3vw; }
  .es-other-ingredients { font-size: 3vw; }
}