/**
 * Custom Fonts
 * ---
 * Replaces Helvetica with Public Sans
 */


/**
 * Helvetica
 */

body .navbar-list ul li a,
body .home-element-container .cta-mobile-wrapper .hero-secondary-text-light .uppercase,
body .element-container .cta-mobile-wrapper .hero-secondary-text-light .uppercase,
body footer,
body .navbar-list ul li a,
body .home-element-container .cta-mobile-wrapper .hero-secondary-text-light .uppercase,
body .element-container .cta-mobile-wrapper .hero-secondary-text-light .uppercase {
  font-family: "Public Sans", sans-serif !important;
  font-optical-sizing: auto !important;
}


/**
 * Helvetica Neue
 */

body,
body .accordion-btn,
body .refine-accordion-btn,
body .page-heading-title h3,
body .page-heading-title-alt h3,
body .fanatic-tagline h3,
body .story-wrapper .story-content .timeline-left h2,
body .story-wrapper .story-content .timeline-right h3,
body .timeline .tml-content h2,
body .fg-form,
body .fg-select,
body .contact-select,
body .ui-autocomplete,
body .community-events-form input,
body header,
body footer,
body .footer__top__nav a.footer__top__nav__small,
body .menu,
body .menu-item__back,
body .menu-item__list__type,
body .menu-item__list__type__content li,
body .video-gallery h3 span,
body .mobile-app-links .mobile-app-links__intro,
body .mobile-app-links__link,
body .mobile-app-links__link p {
  font-family: "Public Sans", sans-serif !important;
  font-optical-sizing: auto !important;
}

@media ( max-width: 768px ) and ( max-width: 1024px ) {
  body .fg-select {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
  }
}


/**
 * Helvetica Black
 */

body .page-list ul li:first-child,
body .page-heading-title h2,
body .page-heading-title-alt h2,
body .content-wrapper h3,
body .career-crew h3,
body .press-coverage ul li h3,
body .drop-menu ul li a,
body .mobile-order a,
body .btn-hero-cta,
body .btn-submit,
body .btn-red,
body .btn-white-ghost,
body .home-element-container .hero-main .hero-content-wrapper .hero-text-bold,
body .home-element-container .cta-join-crew .hero-secondary-text-bold,
body .element-container .hero-main .hero-content-wrapper .hero-text-bold,
body .element-container .cta-join-crew .hero-secondary-text-bold,
body .btn-red,
body .btn-white-ghost,
body .flexslider .hero-secondary-text-bold span,
body .page-heading-title-alt h2,
body .content-wrapper .col-md-4 h3,
body .modal.custom .modal-body h3,
body .modal.custom .modal-body .modal-nutrition-categories td h3,
body .modal.custom .modal-body .modal-nutrition-categories th h3,
body .modal-nutrition-heading span,
body .modal-nutrition-categories th,
body .fanatic-tagline h3,
body .page-heading-quote-alt .quote-testimonial,
body .standard-hero-heading-one,
body .community-events-form input[type="submit"],
body .icon-detail-component h2,
body .icon-detail-component.hasBackground h2,
body .icon-detail-component.hasBackground h2,
body .footer__top__nav a,
body .hero .hero__content h1,
body .menu__option h2,
body .menu-item__list__type h2,
body .menu-item__list__type__content li span,
body .video-gallery,
body .hero-mobile-app h1,
body .hero-mobile-app p,
body .mobile-app-links__link h2 {
  font-family: "Public Sans", sans-serif !important;
  font-optical-sizing: auto !important;
  font-weight: 900 !important;
  font-style: normal !important;
}

@media ( max-width: 768px ) and ( max-width: 1024px ) {
  body .drop-menu ul li a {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }
}

@media only screen and ( max-width: 768px ) {
  body .home-element-container .hero-main .hero-content-wrapper .hero-text-bold,
  body .element-container .hero-main .hero-content-wrapper .hero-text-bold {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }
}

@media only screen and ( max-width: 768px ) {
  body .home-element-container .hero-main .hero-content-wrapper .hero-text-bold {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }
}

@media ( max-width: 1024px ) and ( max-width: 768px ) {
  body .modal.custom .modal-body h3,
  body .modal.custom .modal-body .modal-nutrition-categories td h3 {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }
}

@media ( max-height: 1024px ) and ( max-width: 768px ) {
  body .modal.custom .modal-body h3,
  body .modal.custom .modal-body .modal-nutrition-categories td h3,
  body .modal.custom .modal-body .modal-nutrition-categories th h3 {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }
}

@media ( min-width: 769px ) {
  body .js-equal-height .btn-white-ghost {
    font-family: "Public Sans", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 900 !important;
    font-style: normal !important;
  }
}