/*$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, .recipes--full__info-time span, .recipes--full__info-serving span {
  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, .recipes--full__info-time span, .recipes--full__info-serving span {
      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, .recipes--full__related h5, .recipes--full__related .h5 {
  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, .recipes--full__back a, .recipes--full__info-time small, .recipes--full__info-serving small {
  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, main .recipes--full__info-time span, .recipes--full__info-time main span, main .recipes--full__info-serving span, .recipes--full__info-serving main span {
  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, .recipes--full ol,
.lists ul,
.recipes--full ul,
.lists dl,
.recipes--full dl {
  padding-left: 0;
  list-style-position: inside; }

.lists li::marker, .recipes--full li::marker {
  color: #DE2726; }

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

.lists ol, .recipes--full ol {
  list-style: none;
  counter-reset: counter; }
  .lists ol li, .recipes--full ol li {
    list-style-position: inside;
    counter-increment: counter;
    margin: 1rem 0;
    display: flex;
    align-items: flex-start; }
    .lists ol li:before, .recipes--full 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 {
  background: none;
  border: none; }
  .ajax-progress-fullscreen:after, .ajax-progress-throbber .throbber: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; }

.recipes--full__container {
  grid-template-columns: 1fr 1fr;
  grid-template-areas: "ret ret" "img inf" "rel inf" "ing dir" "tag dir";
  grid-gap: 30px;
  /*padding-top: 25px;*/
  padding-top: 38px;
  padding-bottom: 60px; }
  @media (min-width: 992px) {
    .recipes--full__container {
      display: grid;
      /*padding-top: 30px;*/
      padding-top: 40px;
      box-sizing: content-box; } }

.recipes--full__back {
  /*grid-area: ret;*/
  height: 25px;
  margin-bottom: 40px;
  display: inline-block;
  /*@include media-breakpoint-up(md) {
      margin-bottom: 20px;
    }*/ }
  @media (min-width: 992px) {
    .recipes--full__back {
      margin-bottom: 0; } }
  .recipes--full__back a {
    align-items: center;
    display: inline-flex;
    font-weight: bold;
    font-family: "proxima-soft", "Source Sans 3", sans-serif;
    font-size: 16px;
    line-height: 20px;
    letter-spacing: 0.16px; }
    .recipes--full__back a .icon {
      margin-right: 1.5rem; }

.recipes--full__image {
  grid-area: img;
  position: relative;
  margin-bottom: 90px; }
  @media (min-width: 992px) {
    .recipes--full__image {
      margin-bottom: 30px; } }
  .recipes--full__image-frame, .recipes--full__image .field__item {
    width: 100%;
    overflow: visible; }
    .recipes--full__image-frame img, .recipes--full__image .field__item img {
      min-width: 100%;
      border-radius: 30px; }
  .recipes--full__image-like {
    display: flex;
    position: absolute;
    left: 0;
    bottom: -42px; }
    .recipes--full__image-like i {
      /*width: 29px;
        height: 29px;*/
      width: 34px;
      height: 34px;
      position: relative;
      top: 0.45em; }
      @media (min-width: 992px) {
        .recipes--full__image-like i {
          width: 34px;
          height: 34px;
          position: relative;
          top: 0.65em; } }
    .recipes--full__image-like .text {
      margin-left: 1rem;
      font-weight: bold;
      font-size: 18px;
      display: flex;
      align-items: center; }
      @media (min-width: 992px) {
        .recipes--full__image-like .text {
          margin-top: 0.5rem; } }

.recipes--full__info {
  grid-area: inf;
  /*padding-bottom: 50px;*/
  position: relative; }
  @media (min-width: 992px) {
    .recipes--full__info {
      padding-bottom: 0;
      padding-left: 2.5rem;
      padding-right: 2.75rem;
      /*padding-right: 3.5rem;*/ } }
  @media (min-width: 1200px) {
    .recipes--full__info {
      padding-bottom: 0;
      padding-left: 5.5rem; } }
  .recipes--full__info-title {
    /*margin: 30px 0;*/
    margin: 20px 0; }
    .recipes--full__info-title h3 {
      font-size: 2.5rem;
      line-height: 2.625rem;
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      color: #2B2926;
      letter-spacing: -0.56px;
      font-weight: bold; }
  .recipes--full__info-time, .recipes--full__info-serving {
    display: flex;
    align-items: center; }
    .recipes--full__info-time > div, .recipes--full__info-serving > div {
      display: flex;
      /* margin-right: 20px;*/
      /*flex-direction: column;*/
      /*margin-left: 20px;*/
      margin-right: 16px; }
    .recipes--full__info-time .icon, .recipes--full__info-serving .icon {
      width: 24px;
      height: 24px;
      margin-right: 5px; }
    .recipes--full__info-time .icon-preparation, .recipes--full__info-serving .icon-preparation {
      background-image: url(/themes/custom/dempsters/src/images/preparation.svg); }
    .recipes--full__info-time span, .recipes--full__info-serving span {
      font-family: "proxima-soft", "Source Sans 3", sans-serif;
      text-transform: lowercase;
      font-size: 18px;
      line-height: 24px;
      font-weight: bold; }
  .recipes--full__info-description {
    margin: 30px 0; }
    @media (min-width: 992px) {
      .recipes--full__info-description {
        /*margin: 90px 30px 0 0;*/
        margin: 28px 0; } }

.recipes--full__related {
  /*padding: 0 30px;*/
  grid-area: rel;
  display: flex;
  /*justify-content: space-between;*/
  /*background-color: $beige-00;*/
  align-items: center; }
  @media (max-width: 1199.98px) {
    .recipes--full__related {
      margin-bottom: 26px;
      padding: 30px 0 15px; } }
  @media (min-width: 1200px) {
    .recipes--full__related {
      /*position: absolute;
      bottom: 3.75rem;*/
      margin-top: 3.5rem; } }
  .recipes--full__related h5, .recipes--full__related .h5 {
    letter-spacing: 0.64px;
    margin-bottom: 15px;
    display: block;
    font-weight: 500; }
  .recipes--full__related h4, .recipes--full__related .h4 {
    /*margin-bottom: 30px;*/
    margin-bottom: 0;
    font-size: 18px;
    line-height: 20px; }
  .recipes--full__related img {
    position: relative;
    /*max-height: 167px;*/
    /*top: -35px;*/
    max-height: 137px; }
    @media (min-width: 992px) {
      .recipes--full__related img {
        max-height: 137px;
        /*margin-right: 0.65rem;*/
        margin-right: 0.5rem; } }
  @media (max-width: 1199.98px) {
    .recipes--full__related a {
      font-weight: 700;
      width: inherit;
      text-align: left;
      align-items: flex-end; }
      .recipes--full__related a i {
        width: 38px;
        margin-bottom: -5px; } }

.recipes--full__ingredients ol li, .recipes--full__directions ol li {
  margin: 1.5rem 0; }
  .recipes--full__ingredients ol li:before, .recipes--full__directions ol li:before {
    margin-right: 1rem; }

.recipes--full__ingredients h3, .recipes--full__directions h3 {
  letter-spacing: -0.36px; }

.recipes--full__ingredients {
  grid-area: ing; }
  @media (max-width: 1199.98px) {
    .recipes--full__ingredients {
      margin-bottom: 50px; } }
  .recipes--full__ingredients h3, .recipes--full__ingredients .h3 {
    /*margin-bottom: 10px;*/
    margin-bottom: 24px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0.75rem;
    line-height: 26px; }
  .recipes--full__ingredients li {
    line-height: 32px; }
  .recipes--full__ingredients ul li {
    padding-left: 1.4375rem; }
    .recipes--full__ingredients ul li:before {
      display: none; }
    .recipes--full__ingredients ul li .dot {
      position: relative; }
      .recipes--full__ingredients ul li .dot:after {
        left: -1.4375rem;
        top: 0.25em;
        position: absolute;
        height: 8px;
        width: 8px;
        content: "";
        background: #DE2726;
        border-radius: 100%; }
  .recipes--full__ingredients ol span.dot {
    display: none; }

.recipes--full__directions {
  grid-area: dir; }
  @media (max-width: 1199.98px) {
    .recipes--full__directions {
      margin-bottom: 50px; } }
  .recipes--full__directions h3, .recipes--full__directions .h3 {
    margin-bottom: 10px;
    font-size: 24px;
    font-weight: bold;
    margin-top: 0.5rem; }

.recipes--full__tags {
  grid-area: tag;
  margin-top: 50px; }
  @media (max-width: 991.98px) {
    .recipes--full__tags {
      margin-bottom: 50px; } }
  .recipes--full__tags span, .recipes--full__tags a {
    /*text-transform: uppercase;*/
    /*margin-right: 10px;*/
    background: none;
    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; }
  .recipes--full__tags a {
    padding: 7px 10px;
    margin-right: 10px;
    border: 2px solid #003DA5;
    border-radius: 10px; }
    .recipes--full__tags a:hover {
      text-decoration: none;
      background: #003DA5;
      color: white; }
      .recipes--full__tags a:hover span {
        color: white; }
    .recipes--full__tags a:focus {
      outline: 2px dashed #4D85FF;
      outline-offset: 2px; }
  .recipes--full__tags span {
    padding: 0; }
    .recipes--full__tags span:not(:last-child) {
      margin-bottom: 10px; }
  .recipes--full__tags ul {
    margin-bottom: 0; }
    .recipes--full__tags ul li {
      display: inline-block;
      margin-bottom: 1rem;
      padding-left: 0; }
      .recipes--full__tags ul li:before {
        display: none; }

.recipes--full .btn {
  padding: 0.9375rem; }