/*$font-league-gothic: "League Gothic", "Source Sans 3", sans-serif;
$font-league-gothic-condensed: "League Gothic Condensed", "Source Sans 3", sans-serif;
$font-league-spartan: "League Spartan", "Source Sans 3", sans-serif;
*/
/*$font-league-gothic: "League Gothic", "Source Sans 3", sans-serif;
$font-league-gothic-condensed: "League Gothic Condensed", "Source Sans 3", sans-serif;
$font-league-spartan: "League Spartan", "Source Sans 3", sans-serif;
*/
.font-family-base {
  font-family: "HCo Gotham", "Source Sans 3", sans-serif; }

.font-family-headings {
  font-family: "proxima-soft", "Source Sans 3", sans-serif; }
  .font-family-headings-200 {
    font-weight: 200; }
  .font-family-headings-300 {
    font-weight: 300; }
  .font-family-headings-400 {
    font-weight: 400; }
  .font-family-headings-500 {
    font-weight: 500; }
  .font-family-headings-600 {
    font-weight: 600; }
  .font-family-headings-700 {
    font-weight: 700; }

.font-regular {
  font-style: normal; }

.font-italic {
  font-style: italic; }

.font-bold {
  font-weight: bold; }

.sg__font-highlight {
  font-size: 3.9375rem;
  line-height: 3.625rem;
  font-family: "proxima-soft", "Source Sans 3", sans-serif;
  color: #000000;
  letter-spacing: 1.15px;
  font-weight: 400; }
  @media (min-width: 576px) {
    .sg__font-highlight {
      font-size: 5rem;
      line-height: 4.375rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 1.15px;
      font-weight: 400; } }
  @media (min-width: 992px) {
    .sg__font-highlight {
      font-size: 5.125rem;
      line-height: 5rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 1.5px;
      font-weight: 400; } }
  @media (min-width: 1200px) {
    .sg__font-highlight {
      font-size: 6.25rem;
      line-height: 5.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 1.83px;
      font-weight: 400; } }

.sg__font-headline1 {
  font-size: 2.5rem;
  line-height: 2.625rem;
  font-family: "proxima-soft", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: -0.35px;
  font-weight: bold; }
  @media (min-width: 576px) {
    .sg__font-headline1 {
      font-size: 2.5rem;
      line-height: 2.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.45px;
      font-weight: bold; } }
  @media (min-width: 1200px) {
    .sg__font-headline1 {
      font-size: 4rem;
      line-height: 4.125rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.64px;
      font-weight: bold; } }

.sg__font-headline1-alternative {
  font-size: 2.5rem;
  line-height: 2.625rem;
  font-family: "proxima-soft", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: -0.35px;
  font-weight: bold; }
  @media (min-width: 576px) {
    .sg__font-headline1-alternative {
      font-size: 3.375rem;
      line-height: 3.5rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.45px;
      font-weight: bold; } }
  @media (min-width: 728px) {
    .sg__font-headline1-alternative {
      font-size: 2.5rem;
      line-height: 2.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.35px;
      font-weight: bold; } }

.sg__font-headline2 {
  font-size: 2.25rem;
  line-height: 2.1875rem;
  font-family: "proxima-soft", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0;
  font-weight: bold; }
  @media (min-width: 576px) {
    .sg__font-headline2 {
      font-size: 2.25rem;
      line-height: 2.375rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.4px;
      font-weight: bold; } }
  @media (min-width: 1200px) {
    .sg__font-headline2 {
      font-size: 2.5rem;
      line-height: 2.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.4px;
      font-weight: bold; } }

.sg__font-headline3 {
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-family: "proxima-soft", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0.94px;
  font-weight: 400; }
  @media (min-width: 576px) {
    .sg__font-headline3 {
      font-size: 1.5rem;
      line-height: 1.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: 1px;
      font-weight: 400; } }
  @media (min-width: 1200px) {
    .sg__font-headline3 {
      font-size: 1.5rem;
      line-height: 1.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.36px;
      font-weight: 400; } }

.sg__font-headline4 {
  font-size: 1.125rem;
  line-height: 1.25rem;
  font-family: "proxima-soft", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0;
  font-weight: bold; }

.sg__font-subtitle1 {
  font-size: 1.5rem;
  line-height: 1.625rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .sg__font-subtitle1 {
      font-size: 1.5rem;
      line-height: 1.625rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: 0;
      font-weight: 400; } }

.sg__font-subtitle2 {
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0.22px;
  font-weight: 400; }

.sg__font-body1 {
  font-size: 1rem;
  line-height: 1.5rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .sg__font-body1 {
      font-size: 1rem;
      line-height: 1.5rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: 0;
      font-weight: 400; } }

.sg__font-body2 {
  font-size: 0.875rem;
  line-height: 1.25rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #000000;
  letter-spacing: 0;
  font-weight: 400; }

.sg__font-body3 {
  font-size: 1.375rem;
  line-height: 1.75rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #2B2926;
  letter-spacing: 0;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .sg__font-body3 {
      font-size: 1.375rem;
      line-height: 1.75rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: 0;
      font-weight: 400; } }

.sg__font-caption {
  font-size: 0.75rem;
  line-height: 0.875rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #000000;
  letter-spacing: 0.2;
  font-weight: 400; }

.sg__font-quote {
  font-size: 1.25rem;
  line-height: 1.75rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #000000;
  letter-spacing: 0;
  font-weight: 400; }
  @media (min-width: 992px) {
    .sg__font-quote {
      font-size: 1.375rem;
      line-height: 1.75rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 0;
      font-weight: 400; } }
  @media (min-width: 1200px) {
    .sg__font-quote {
      font-size: 1.375rem;
      line-height: 1.875rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 0;
      font-weight: 400; } }

.sg__font-navbar {
  font-size: 1.125rem;
  line-height: 1.125rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #000000;
  letter-spacing: 1px;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .sg__font-navbar {
      font-size: 1.25rem;
      line-height: 1.25rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 1.15px;
      font-weight: 400; } }

.sg__font-button {
  font-size: 1rem;
  line-height: 1.125rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #000000;
  letter-spacing: 0.6px;
  font-weight: 400; }
  @media (min-width: 1200px) {
    .sg__font-button {
      font-size: 1.25rem;
      line-height: 1.25rem;
      font-family: "HCo Gotham", "Source Sans 3", sans-serif;
      color: #000000;
      letter-spacing: 1.15px;
      font-weight: 400; } }

main .sg__font-subtitle1 {
  text-transform: uppercase; }

.tag-blue {
  /*padding: 7px 10px 8px;*/
  padding: 7px 10px;
  border: 2px solid #003DA5;
  color: #003DA5;
  border-radius: 10px;
  /*font-size: 0.625rem;
  letter-spacing: 0.15px;*/
  display: inline-block;
  font-size: 0.625rem;
  line-height: 0.75rem;
  font-family: "HCo Gotham", "Source Sans 3", sans-serif;
  color: #003DA5;
  letter-spacing: 0.15px;
  font-weight: 500; }
  .tag-blue:hover {
    text-decoration: none;
    background-color: #003DA5;
    color: #FFFFFF; }

.color-red-00 {
  color: #DE2726; }

.color-red-100 {
  color: #B11B1B; }

.color-red-200 {
  color: #B11B1B; }

.color-beige-00 {
  color: #F2EFED; }

.color-beige-100 {
  color: #F8F6F5; }

.color-beige-200 {
  color: #EFE9E6; }

.color-beige-300 {
  color: #E2DAD6; }

.color-beige-400 {
  color: #846C62; }

.color-black {
  color: #000000; }

.color-white {
  color: #FFFFFF; }

.color-error {
  color: #D52020; }

.color-disabled {
  color: #A8A6A6; }

.color-focus {
  color: #4062BB; }

.lists ol,
.lists ul,
.lists dl {
  padding-left: 0;
  list-style-position: inside; }

.lists li::marker {
  color: #DE2726; }

.lists ul li {
  list-style: none;
  /*line-height: 40px;*/
  line-height: 32px;
  list-style-position: inside; }
  .lists ul li:before {
    content: "\2022";
    font-size: 25px;
    color: #DE2726;
    margin-right: 15px;
    position: relative;
    top: 3px; }

.lists ol {
  list-style: none;
  counter-reset: counter; }
  .lists ol li {
    list-style-position: inside;
    counter-increment: counter;
    margin: 1rem 0;
    display: flex;
    align-items: flex-start; }
    .lists ol li:before {
      margin-right: 1.25rem;
      content: counter(counter);
      border: 2px solid #DE2726;
      font-size: 1rem;
      font-weight: 700;
      min-width: 26px;
      width: 26px;
      height: 26px;
      text-align: center;
      border-radius: 50%;
      color: #DE2726;
      display: inline-flex;
      /*align-items: flex-end;*/
      justify-content: center; }

.ajax-progress-fullscreen, .ajax-progress-throbber .throbber, .path-recipes {
  background: none;
  border: none; }
  .ajax-progress-fullscreen:after, .ajax-progress-throbber .throbber:after, .path-recipes:after {
    content: '';
    position: relative;
    top: 0;
    left: 0;
    width: 32px;
    height: 32px;
    display: inline-block;
    border: 4px #E2DAD6 solid;
    border-top: 4px #DE2726 solid;
    border-radius: 50%;
    -webkit-animation: rotation .6s infinite linear;
            animation: rotation .6s infinite linear; }

@-webkit-keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

@keyframes rotation {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(359deg); } }

.my-60px {
  margin-top: 60px;
  margin-bottom: 60px; }

.no-background {
  background: none !important; }

.bg-gray-00 {
  background: #F5F2F2; }

@media (max-width: 991.98px) {
  .juicer-feed.image-grid .j-text .j-message, .juicer-feed.image-grid .j-text .j-edit, .juicer-feed.slider .j-text .j-message, .juicer-feed.slider .j-text .j-edit, .juicer-feed.hip .j-text .j-message, .juicer-feed.hip .j-text .j-edit {
    max-height: -webkit-max-content !important;
    max-height: -moz-max-content !important;
    max-height: max-content !important; } }

@media (max-width: 991.98px) {
  .juicer-feed.image-grid .j-text .j-message p:last-of-type, .juicer-feed.image-grid .j-text .j-edit p:last-of-type, .juicer-feed.slider .j-text .j-message p:last-of-type, .juicer-feed.slider .j-text .j-edit p:last-of-type, .juicer-feed.hip .j-text .j-message p:last-of-type, .juicer-feed.hip .j-text .j-edit p:last-of-type {
    overflow: auto;
    height: 100%;
    line-height: normal; } }

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear; }

@-webkit-keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-359deg); } }

@keyframes fa-spin {
  0% {
    transform: rotate(0deg); }
  100% {
    transform: rotate(-359deg); } }

/* When mouse is detected, ALL focused elements have outline removed. */
body.using-mouse :focus {
  outline: none !important; }

body.using-mouse .link_store, body.using-mouse .link_store:focus {
  outline: none !important; }

body.using-mouse .form-control:focus {
  border-color: transparent !important;
  box-shadow: 0 0 0 2px black !important; }

.path-recipes main, .path-recipes footer {
  display: none; }

.path-recipes:after {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translateX(-50%); }

.path-recipes.hide-loading:after {
  display: none; }

.view-all-recipes .recipe-related {
  background: #F2EFED;
  padding: 0; }

.view-all-recipes .views-infinite-scroll-load-more {
  background: #F2EFED;
  text-transform: uppercase; }