/* Usage Guidelines & Safety Information page */

/* ---------- Two-column sections ---------- */
.page-guidelines .gd-sec { padding-top: 80px; padding-bottom: 80px; }
.page-guidelines .gd-col-l { padding-right: 30px; }
.page-guidelines .gd-col-r { padding-left: 30px; }

.page-guidelines .gd-media { text-align: center; }
.page-guidelines .gd-img { display: block; width: 90%; margin: 0 auto; }
.page-guidelines .gd-media--full .gd-img { width: 100%; }
.page-guidelines .gd-media--buy { padding: 10px; }
.page-guidelines .gd-media--buy .gd-img { width: 542px; max-width: 100%; }

/* flex column = no margin collapsing, same as the original widget stacks */
.page-guidelines .gd-copy { display: flex; flex-direction: column; justify-content: center; }
.page-guidelines .gd-cap { text-transform: capitalize; }
.page-guidelines .gd-link { font-weight: 600; }

.page-guidelines .gd-text { width: 100%; font-size: 18px; line-height: 28px; color: var(--text); }
.page-guidelines .gd-text p,
.page-guidelines .gd-text p:last-child { margin: 0 0 14.4px; }
.page-guidelines .gd-text--first,
.page-guidelines .gd-text--plain { margin-top: 10px; }
.page-guidelines .gd-buy .gd-text--plain { margin-top: 0; }
.page-guidelines .gd-text--strong { font-weight: 600; }

/* sub-sections inside "The Impact of Ephedrine on Weight Loss" */
.page-guidelines .gd-copy--sub .gd-text--plain { margin-top: 0; }
.page-guidelines .gd-copy--sub .gd-text--gap { margin: 10px 0 20px; }

/* icon list in "Is Ephedrine Safe?" */
.page-guidelines .gd-list { width: 100%; margin-bottom: 20px; }
.page-guidelines .gd-list li + li { margin-top: 5px; }

/* light-blue info boxes */
.page-guidelines .gd-box { width: 100%; padding: 20px; background-color: var(--bg-blue); border-radius: 16px; }
.page-guidelines .gd-box--spaced { margin: 20px 0; }
.page-guidelines .gd-box__title { max-width: 448px; font-size: 20px; line-height: 34px; font-weight: 600; color: var(--black); }
.page-guidelines .gd-box__text { margin-top: 10px; font-size: 15px; line-height: 24px; color: #242424; }
.page-guidelines .gd-box__text p,
.page-guidelines .gd-box__text p:last-child { margin: 0 0 14.4px; }
.page-guidelines .gd-box--note .gd-box__text { margin-top: 0; line-height: 28px; }
.page-guidelines .gd-note { color: red; font-size: 18px; font-weight: 600; }

/* order button */
.page-guidelines .gd-action { padding-top: 20px; }

/* ---------- The Impact of Ephedrine on Weight Loss ---------- */
.page-guidelines .gd-weight { padding-top: 60px; padding-bottom: 80px; }
.page-guidelines .gd-weight__inner { padding: 10px; }
.page-guidelines .gd-weight__intro { max-width: var(--boxed); margin: 0 auto; }
.page-guidelines .gd-weight__lead { padding: 20px 10%; }
.page-guidelines .gd-weight__row--1 { margin-top: 30px; }
.page-guidelines .gd-weight__row--2 { margin-top: 50px; }
.page-guidelines .gd-weight__row--2 .gd-col-r { padding-right: 5px; }

/* ---------- Warnings About Ephedra ---------- */
.page-guidelines .gd-warn { padding-top: 80px; padding-bottom: 80px; }
.page-guidelines .gd-warn__lead { margin: 20px 0 40px; padding: 0 10%; }
.page-guidelines .gd-warn__lead p { margin: 0; }

.page-guidelines .warn { display: flex; }
.page-guidelines .warn__media { width: 20%; flex-shrink: 0; display: flex; align-items: center; justify-content: center; }
.page-guidelines .warn--img-left .warn__media { align-items: flex-start; justify-content: flex-start; }
.page-guidelines .warn__media img { display: block; width: 274px; }
.page-guidelines .warn--img-left .warn__media img { width: 226px; }
.page-guidelines .warn__body { flex: 1 1 auto; min-width: 0; display: flex; flex-direction: column; justify-content: center; }
.page-guidelines .warn--img-right .warn__body { padding-left: 35px; }
.page-guidelines .warn__title { max-width: 448px; margin-top: 20px; font-size: 24px; line-height: 34px; font-weight: 600; color: var(--black); }
.page-guidelines .warn__title--wide { max-width: 90%; }
.page-guidelines .warn__text { max-width: 850px; font-size: 18px; line-height: 28px; color: var(--text); }
.page-guidelines .warn__text p,
.page-guidelines .warn__text p:last-child { margin: 0 0 14.4px; }

/* ---------- Tablet ---------- */
@media (max-width: 1024px) {
  .page-guidelines .gd-col-l,
  .page-guidelines .gd-col-r { padding-left: 0; padding-right: 0; }
  .page-guidelines .gd-img,
  .page-guidelines .gd-media--full .gd-img { width: 80%; }
  .page-guidelines .gd-media--legal .gd-img { max-width: 739px; }
  .page-guidelines .gd-media--buy { padding: 0; }
  .page-guidelines .gd-media--buy .gd-img { width: 542px; max-width: 100%; }

  .page-guidelines .gd-copy { padding-top: 60px; text-align: center; }
  .page-guidelines .gd-copy--after { padding-top: 25px; }
  .page-guidelines .gd-copy--sub { padding-top: 20px; }
  .page-guidelines .gd-text--first,
  .page-guidelines .gd-text--plain { margin-top: 0; }
  .page-guidelines .gd-copy--sub .gd-text--gap { margin: 0 0 20px; }
  .page-guidelines .gd-box__title { max-width: none; font-size: 22px; line-height: 32px; }
  .page-guidelines .gd-box__text { margin-top: 0; }
  .page-guidelines .gd-action { padding-top: 30px; }

  .page-guidelines .gd-weight .h-section { padding-left: 50px; }
  .page-guidelines .gd-weight__lead { padding: 0; }
  .page-guidelines .gd-weight__row--2 { padding-top: 30px; }
  .page-guidelines .gd-weight__row--2 .gd-col-r { padding-right: 0; }

  .page-guidelines .gd-warn { padding-right: 45px; }
  .page-guidelines .gd-warn__title { padding-left: 50px; }
  .page-guidelines .gd-warn__lead { margin: 0 0 34px; padding: 0; }
  .page-guidelines .warn { flex-direction: column; }
  .page-guidelines .warn__media,
  .page-guidelines .warn--img-left .warn__media { order: -1; width: 100%; justify-content: center; align-items: center; }
  .page-guidelines .warn__media img,
  .page-guidelines .warn--img-left .warn__media img { width: 22%; }
  .page-guidelines .warn__body,
  .page-guidelines .warn--img-right .warn__body { margin-top: 10px; padding-left: 0; text-align: center; }
  .page-guidelines .warn__title,
  .page-guidelines .warn__title--wide { max-width: none; margin-top: 0; font-size: 22px; line-height: 32px; }
  .page-guidelines .warn--t-shift .warn__title { padding-left: 50px; }
  .page-guidelines .warn__text { max-width: none; }
}

/* ---------- Mobile ---------- */
@media (max-width: 767px) {
  .page-guidelines .gd-sec { padding: 50px 20px; }
  .page-guidelines .gd-img,
  .page-guidelines .gd-media--full .gd-img,
  .page-guidelines .gd-media--buy .gd-img { width: 90%; }

  .page-guidelines .gd-copy { padding-top: 20px; text-align: left; }
  .page-guidelines .gd-copy--m-center { text-align: center; }
  .page-guidelines .gd-copy--sub { padding-top: 30px; }
  .page-guidelines .gd-text--plain { margin-bottom: 10px; }
  .page-guidelines .gd-text--plain:last-of-type,
  .page-guidelines .gd-buy .gd-text--plain { margin-bottom: 0; }
  .page-guidelines .gd-copy--sub .gd-text--plain { margin-bottom: 0; }
  .page-guidelines .gd-copy--sub .gd-text--gap { margin-bottom: 20px; }
  .page-guidelines .gd-box__title { line-height: 30px; }

  .page-guidelines .gd-weight { padding: 50px 20px; }
  .page-guidelines .gd-weight__inner { padding: 0; }
  .page-guidelines .gd-weight .h-section { padding-left: 0; }
  .page-guidelines .gd-weight__row--2 { margin-top: 20px; padding-top: 0; }
  .page-guidelines .gd-weight__row--2 .h-sub { padding-right: 10px; }

  .page-guidelines .gd-warn { padding: 50px 20px; }
  .page-guidelines .gd-warn__title { padding-left: 0; }
  .page-guidelines .gd-warn__lead { margin-bottom: 54px; }
  .page-guidelines .warn { margin-top: 20px; }
  .page-guidelines .warn__media img,
  .page-guidelines .warn--img-left .warn__media img { width: 33%; }
  .page-guidelines .warn__title,
  .page-guidelines .warn__title--wide { line-height: 30px; }
  .page-guidelines .warn--t-shift .warn__title { padding-left: 0; }
}