/* override default breakpoints */
/* function to convert the calc function in to rem based
$first- should be in % */
/** Slick Carousel Starts **/
/** Slick Carousel Ends **/
.btn {
  font-family: "Roboto-Regular", sans-serif;
  font-size: 1rem;
  line-height: 1.5;
  text-align: center;
  border-radius: 0.25rem;
  min-height: 3rem;
  position: relative;
  height: auto;
  word-wrap: break-word; }
  .btn svg {
    margin-right: 0.375rem; }
  .btn.btn-primary {
    background-color: #1b806d;
    color: #fff;
    border-color: #1b806d; }
    .btn.btn-primary:hover {
      background-color: #135d51;
      color: #fff;
      border-color: #135d51; }
    .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:active {
      background-color: #1b806d;
      color: #fff;
      border-color: #fff; }
    .btn.btn-primary svg {
      fill: #fff; }
    .btn.btn-primary:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .btn.btn-primary:focus::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #fff;
        border-radius: 0.25rem;
        top: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        left: 0.25rem; }
      .btn.btn-primary:focus svg {
        fill: #fff; }
    .btn.btn-primary:not(:disabled):not(.disabled):active, .btn.btn-primary:not(:disabled):not(.disabled).active, .btn.btn-primary:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5); }
      .btn.btn-primary:not(:disabled):not(.disabled):active svg, .btn.btn-primary:not(:disabled):not(.disabled).active svg, .btn.btn-primary:active svg {
        fill: #fff; }
    .btn.btn-primary:hover {
      cursor: pointer; }
      .btn.btn-primary:hover svg {
        fill: #fff; }
  .btn.btn-secondary {
    border: 0.0625rem solid transparent;
    background-color: #0e78ad;
    color: #fff;
    border-color: #0e78ad; }
    .btn.btn-secondary:hover {
      background-color: #0a557a;
      color: #fff;
      border-color: #0a557a; }
    .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:active {
      background-color: #0e78ad;
      color: #fff;
      border-color: #fff; }
    .btn.btn-secondary svg {
      fill: #fff; }
    .btn.btn-secondary:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .btn.btn-secondary:focus::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #fff;
        border-radius: 0.25rem;
        top: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        left: 0.25rem; }
      .btn.btn-secondary:focus svg {
        fill: #fff; }
    .btn.btn-secondary:not(:disabled):not(.disabled):active, .btn.btn-secondary:not(:disabled):not(.disabled).active, .btn.btn-secondary:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5); }
    .btn.btn-secondary:hover {
      cursor: pointer; }
      .btn.btn-secondary:hover svg {
        fill: #fff; }
  .btn.btn-tertiary {
    border: 0.0625rem solid transparent;
    background-color: #fff;
    color: #1b806d;
    border-color: #1b806d; }
    .btn.btn-tertiary:hover {
      background-color: #135d51;
      color: #fff;
      border-color: #135d51; }
    .btn.btn-tertiary:not(:disabled):not(.disabled):active, .btn.btn-tertiary:not(:disabled):not(.disabled).active, .btn.btn-tertiary:active {
      background-color: #1b806d;
      color: #fff;
      border-color: #fff; }
    .btn.btn-tertiary svg {
      fill: #1b806d; }
    .btn.btn-tertiary:focus, .btn.btn-tertiary.spinning {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .btn.btn-tertiary:focus::after, .btn.btn-tertiary.spinning::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #1b806d;
        border-radius: 0.25rem;
        top: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        left: 0.25rem; }
      .btn.btn-tertiary:focus svg, .btn.btn-tertiary.spinning svg {
        fill: #1b806d; }
    .btn.btn-tertiary:not(:disabled):not(.disabled):active, .btn.btn-tertiary:not(:disabled):not(.disabled).active, .btn.btn-tertiary:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5); }
      .btn.btn-tertiary:not(:disabled):not(.disabled):active svg, .btn.btn-tertiary:not(:disabled):not(.disabled).active svg, .btn.btn-tertiary:active svg {
        fill: #fff; }
    .btn.btn-tertiary:hover {
      cursor: pointer; }
      .btn.btn-tertiary:hover svg {
        fill: #fff; }
  .btn.btn-secondary-light {
    background-color: #fff;
    color: #1b806d;
    border-color: #fff; }
    .btn.btn-secondary-light:hover {
      background-color: #135d51;
      color: #fff;
      border-color: #135d51; }
    .btn.btn-secondary-light:not(:disabled):not(.disabled):active, .btn.btn-secondary-light:not(:disabled):not(.disabled).active, .btn.btn-secondary-light:active {
      background-color: #1b806d;
      color: #fff;
      border-color: #fff; }
    .btn.btn-secondary-light svg {
      fill: #1b806d; }
    .btn.btn-secondary-light:focus {
      background-color: #fff;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .btn.btn-secondary-light:focus::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #1b806d;
        border-radius: 0.25rem;
        top: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        left: 0.25rem; }
      .btn.btn-secondary-light:focus svg {
        fill: #1b806d; }
    .btn.btn-secondary-light:not(:disabled):not(.disabled):active, .btn.btn-secondary-light:not(:disabled):not(.disabled).active, .btn.btn-secondary-light:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
      background-color: #fff;
      color: #696158; }
    .btn.btn-secondary-light:hover {
      cursor: pointer; }
      .btn.btn-secondary-light:hover svg {
        fill: #fff; }
  .btn.btn-tag {
    border-radius: 1rem;
    position: relative;
    background-color: #0e78ad;
    color: #fff;
    border-color: #1b806d;
    border: 0.125rem solid transparent;
    height: auto !important;
    padding-right: 1.5rem; }
    .btn.btn-tag:hover {
      background-color: #0a557a;
      color: #fff;
      border-color: #135d51; }
    .btn.btn-tag:not(:disabled):not(.disabled):active, .btn.btn-tag:not(:disabled):not(.disabled).active, .btn.btn-tag:active {
      background-color: #0a557a;
      color: #fff;
      border-color: #1b806d; }
    .btn.btn-tag svg {
      margin-left: 0.375rem;
      fill: #fff;
      position: absolute;
      right: 0.25rem;
      top: 1.0625rem;
      -webkit-transform: translateY(-70%);
              transform: translateY(-70%); }
    .btn.btn-tag:focus {
      -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad;
              box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad;
      border: 0.125rem solid #fff;
      background-color: #0a557a;
      color: #fff; }
      .btn.btn-tag:focus::after {
        border: none; }
    .btn.btn-tag:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5); }
  .btn.btn-white {
    background-color: transparent;
    color: #fff;
    border-color: #fff; }
    .btn.btn-white:hover {
      background-color: #fff;
      color: #696158;
      border-color: #fff; }
    .btn.btn-white:not(:disabled):not(.disabled):active, .btn.btn-white:not(:disabled):not(.disabled).active, .btn.btn-white:active {
      background-color: transparent;
      color: #696158;
      border-color: #fff; }
    .btn.btn-white:focus {
      -webkit-box-shadow: none;
              box-shadow: none; }
      .btn.btn-white:focus::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #fff;
        border-radius: 0.25rem;
        top: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        left: 0.25rem; }
      .btn.btn-white:focus svg {
        fill: #fff; }
    .btn.btn-white:not(:disabled):not(.disabled):active, .btn.btn-white:not(:disabled):not(.disabled).active, .btn.btn-white:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
      background-color: #fff;
      color: #696158; }
    .btn.btn-white:hover {
      cursor: pointer; }
    .btn.btn-white.solid-fill {
      background: #fff;
      color: #696158; }
      .btn.btn-white.solid-fill:focus {
        -webkit-box-shadow: none;
                box-shadow: none; }
        .btn.btn-white.solid-fill:focus::after {
          content: '';
          position: absolute;
          border: 0.0625rem solid #696158;
          border-radius: 0.25rem;
          top: 0.25rem;
          right: 0.25rem;
          bottom: 0.25rem;
          left: 0.25rem; }
        .btn.btn-white.solid-fill:focus svg {
          fill: #696158; }
      .btn.btn-white.solid-fill:hover {
        background-color: #eaeaea; }
  .btn.btn-black {
    background-color: transparent;
    color: #000;
    border-color: #000; }
    .btn.btn-black:hover {
      background-color: #000;
      color: #fff;
      border-color: #000; }
    .btn.btn-black:not(:disabled):not(.disabled):active, .btn.btn-black:not(:disabled):not(.disabled).active, .btn.btn-black:active {
      background-color: transparent;
      color: #000;
      border-color: #000; }
    .btn.btn-black:focus {
      background-color: transparent;
      -webkit-box-shadow: none;
              box-shadow: none; }
      .btn.btn-black:focus::after {
        content: '';
        position: absolute;
        border: 0.0625rem solid #000;
        border-radius: 0.25rem;
        top: 0.25rem;
        right: 0.25rem;
        bottom: 0.25rem;
        left: 0.25rem; }
      .btn.btn-black:focus svg {
        fill: #000; }
      .btn.btn-black:focus:hover {
        background-color: #000;
        color: #fff; }
    .btn.btn-black:not(:disabled):not(.disabled):active, .btn.btn-black:not(:disabled):not(.disabled).active, .btn.btn-black:active {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
      background-color: #000;
      color: #fff; }
    .btn.btn-black:hover {
      cursor: pointer; }
    .btn.btn-black.solid-fill {
      background: #000;
      color: #fff; }
      .btn.btn-black.solid-fill:focus {
        background-color: #000;
        -webkit-box-shadow: none;
                box-shadow: none; }
        .btn.btn-black.solid-fill:focus::after {
          content: '';
          position: absolute;
          border: 0.0625rem solid #fff;
          border-radius: 0.25rem;
          top: 0.25rem;
          right: 0.25rem;
          bottom: 0.25rem;
          left: 0.25rem; }
        .btn.btn-black.solid-fill:focus svg {
          fill: #fff; }
      .btn.btn-black.solid-fill:hover {
        background-color: #000; }
  .btn.large {
    min-width: 11.1875rem;
    line-height: 2.1; }
  .btn.medium {
    min-width: 7.8125rem;
    min-height: 2.5rem;
    font-size: 0.875rem;
    line-height: 1.75; }
    @media (max-width: 991.98px) {
      .btn.medium {
        min-height: 0; } }
  .btn.small {
    min-width: 5.6875rem;
    min-height: 2rem;
    font-size: 0.875rem; }
  .btn.xsmall {
    min-width: 5.6875rem;
    min-height: 2rem;
    font-size: 0.75rem; }
  .btn.btn-primary.disabled, .btn.btn-primary:disabled, .btn.btn-secondary.disabled, .btn.btn-secondary:disabled, .btn.btn-tertiary.disabled, .btn.btn-tertiary:disabled, .btn.btn-secondary-light.disabled, .btn.btn-secondary-light:disabled, .btn.btn-white.disabled, .btn.btn-white:disabled, .btn.btn-black.disabled, .btn.btn-black:disabled {
    opacity: 1;
    cursor: not-allowed;
    background-color: #eaeaea;
    color: #696158;
    border-color: #696158; }
    .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover, .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover, .btn.btn-tertiary.disabled:hover, .btn.btn-tertiary:disabled:hover, .btn.btn-secondary-light.disabled:hover, .btn.btn-secondary-light:disabled:hover, .btn.btn-white.disabled:hover, .btn.btn-white:disabled:hover, .btn.btn-black.disabled:hover, .btn.btn-black:disabled:hover {
      background-color: #eaeaea;
      color: #696158;
      border-color: #696158; }
    .btn.btn-primary.disabled:not(:disabled):not(.disabled):active, .btn.btn-primary.disabled:not(:disabled):not(.disabled).active, .btn.btn-primary.disabled:active, .btn.btn-primary:disabled:not(:disabled):not(.disabled):active, .btn.btn-primary:disabled:not(:disabled):not(.disabled).active, .btn.btn-primary:disabled:active, .btn.btn-secondary.disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary.disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary.disabled:active, .btn.btn-secondary:disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary:disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary:disabled:active, .btn.btn-tertiary.disabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary.disabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary.disabled:active, .btn.btn-tertiary:disabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary:disabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary:disabled:active, .btn.btn-secondary-light.disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary-light.disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary-light.disabled:active, .btn.btn-secondary-light:disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary-light:disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary-light:disabled:active, .btn.btn-white.disabled:not(:disabled):not(.disabled):active, .btn.btn-white.disabled:not(:disabled):not(.disabled).active, .btn.btn-white.disabled:active, .btn.btn-white:disabled:not(:disabled):not(.disabled):active, .btn.btn-white:disabled:not(:disabled):not(.disabled).active, .btn.btn-white:disabled:active, .btn.btn-black.disabled:not(:disabled):not(.disabled):active, .btn.btn-black.disabled:not(:disabled):not(.disabled).active, .btn.btn-black.disabled:active, .btn.btn-black:disabled:not(:disabled):not(.disabled):active, .btn.btn-black:disabled:not(:disabled):not(.disabled).active, .btn.btn-black:disabled:active {
      background-color: #eaeaea;
      color: #696158;
      border-color: #696158; }
    .btn.btn-primary.disabled:hover, .btn.btn-primary:disabled:hover, .btn.btn-secondary.disabled:hover, .btn.btn-secondary:disabled:hover, .btn.btn-tertiary.disabled:hover, .btn.btn-tertiary:disabled:hover, .btn.btn-secondary-light.disabled:hover, .btn.btn-secondary-light:disabled:hover, .btn.btn-white.disabled:hover, .btn.btn-white:disabled:hover, .btn.btn-black.disabled:hover, .btn.btn-black:disabled:hover {
      cursor: not-allowed; }
    .btn.btn-primary.disabled svg, .btn.btn-primary:disabled svg, .btn.btn-secondary.disabled svg, .btn.btn-secondary:disabled svg, .btn.btn-tertiary.disabled svg, .btn.btn-tertiary:disabled svg, .btn.btn-secondary-light.disabled svg, .btn.btn-secondary-light:disabled svg, .btn.btn-white.disabled svg, .btn.btn-white:disabled svg, .btn.btn-black.disabled svg, .btn.btn-black:disabled svg {
      fill: #696158; }
    .btn.btn-primary.disabled:not(:disabled):not(.disabled):active, .btn.btn-primary.disabled:not(:disabled):not(.disabled).active, .btn.btn-primary.disabled:active, .btn.btn-primary:disabled:not(:disabled):not(.disabled):active, .btn.btn-primary:disabled:not(:disabled):not(.disabled).active, .btn.btn-primary:disabled:active, .btn.btn-secondary.disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary.disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary.disabled:active, .btn.btn-secondary:disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary:disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary:disabled:active, .btn.btn-tertiary.disabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary.disabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary.disabled:active, .btn.btn-tertiary:disabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary:disabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary:disabled:active, .btn.btn-secondary-light.disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary-light.disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary-light.disabled:active, .btn.btn-secondary-light:disabled:not(:disabled):not(.disabled):active, .btn.btn-secondary-light:disabled:not(:disabled):not(.disabled).active, .btn.btn-secondary-light:disabled:active, .btn.btn-white.disabled:not(:disabled):not(.disabled):active, .btn.btn-white.disabled:not(:disabled):not(.disabled).active, .btn.btn-white.disabled:active, .btn.btn-white:disabled:not(:disabled):not(.disabled):active, .btn.btn-white:disabled:not(:disabled):not(.disabled).active, .btn.btn-white:disabled:active, .btn.btn-black.disabled:not(:disabled):not(.disabled):active, .btn.btn-black.disabled:not(:disabled):not(.disabled).active, .btn.btn-black.disabled:active, .btn.btn-black:disabled:not(:disabled):not(.disabled):active, .btn.btn-black:disabled:not(:disabled):not(.disabled).active, .btn.btn-black:disabled:active {
      -webkit-box-shadow: none;
              box-shadow: none; }
  .btn.btn-primary.brand-add-to-cart-enabled, .btn.btn-tertiary.brand-add-to-cart-enabled {
    background-color: #696158;
    border-color: #696158;
    color: #fff; }
    .btn.btn-primary.brand-add-to-cart-enabled svg, .btn.btn-tertiary.brand-add-to-cart-enabled svg {
      fill: #fff; }
    .btn.btn-primary.brand-add-to-cart-enabled:not(:disabled):not(.disabled):active, .btn.btn-primary.brand-add-to-cart-enabled:not(:disabled):not(.disabled).active, .btn.btn-primary.brand-add-to-cart-enabled:active, .btn.btn-primary.brand-add-to-cart-enabled:hover, .btn.btn-tertiary.brand-add-to-cart-enabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary.brand-add-to-cart-enabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary.brand-add-to-cart-enabled:active, .btn.btn-tertiary.brand-add-to-cart-enabled:hover {
      background-color: #696158;
      border-color: #696158; }
    .btn.btn-primary.brand-add-to-cart-enabled:focus::after, .btn.btn-tertiary.brand-add-to-cart-enabled:focus::after {
      border-color: #fff; }
    .btn.btn-primary.brand-add-to-cart-enabled.disabled, .btn.btn-primary.brand-add-to-cart-enabled:disabled, .btn.btn-tertiary.brand-add-to-cart-enabled.disabled, .btn.btn-tertiary.brand-add-to-cart-enabled:disabled {
      background-color: #eaeaea;
      color: #696158;
      border-color: #696158; }
      .btn.btn-primary.brand-add-to-cart-enabled.disabled:hover, .btn.btn-primary.brand-add-to-cart-enabled:disabled:hover, .btn.btn-tertiary.brand-add-to-cart-enabled.disabled:hover, .btn.btn-tertiary.brand-add-to-cart-enabled:disabled:hover {
        background-color: #eaeaea;
        color: #696158;
        border-color: #696158; }
      .btn.btn-primary.brand-add-to-cart-enabled.disabled:not(:disabled):not(.disabled):active, .btn.btn-primary.brand-add-to-cart-enabled.disabled:not(:disabled):not(.disabled).active, .btn.btn-primary.brand-add-to-cart-enabled.disabled:active, .btn.btn-primary.brand-add-to-cart-enabled:disabled:not(:disabled):not(.disabled):active, .btn.btn-primary.brand-add-to-cart-enabled:disabled:not(:disabled):not(.disabled).active, .btn.btn-primary.brand-add-to-cart-enabled:disabled:active, .btn.btn-tertiary.brand-add-to-cart-enabled.disabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary.brand-add-to-cart-enabled.disabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary.brand-add-to-cart-enabled.disabled:active, .btn.btn-tertiary.brand-add-to-cart-enabled:disabled:not(:disabled):not(.disabled):active, .btn.btn-tertiary.brand-add-to-cart-enabled:disabled:not(:disabled):not(.disabled).active, .btn.btn-tertiary.brand-add-to-cart-enabled:disabled:active {
        background-color: #eaeaea;
        color: #696158;
        border-color: #696158; }
      .btn.btn-primary.brand-add-to-cart-enabled.disabled svg, .btn.btn-primary.brand-add-to-cart-enabled:disabled svg, .btn.btn-tertiary.brand-add-to-cart-enabled.disabled svg, .btn.btn-tertiary.brand-add-to-cart-enabled:disabled svg {
        fill: #696158; }

.btn-link {
  color: #0e78ad;
  text-decoration: none;
  fill: #0e78ad;
  cursor: pointer;
  outline: none;
  position: relative;
  border: 0.0625rem solid transparent;
  padding: 0.25rem 0.5rem; }
  .btn-link:focus {
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    -webkit-text-decoration: auto;
            text-decoration: auto;
    outline: none; }
  .btn-link:hover {
    text-decoration: underline;
    color: #0a557a;
    fill: #0a557a; }
  .btn-link:active {
    text-decoration: underline;
    color: #0e78ad;
    fill: #0e78ad; }
  .btn-link.disabled {
    color: #b4b0ab;
    cursor: not-allowed;
    pointer-events: auto;
    fill: #b4b0ab;
    outline: 0; }
    .btn-link.disabled:hover {
      text-decoration: none; }
  .dark-theme .btn-link:focus {
    border-color: #fff; }

.btn-link-grey {
  text-decoration: none; }
  .btn-link-grey:active {
    text-decoration: underline; }
  .btn-link-grey:focus, .btn-link-grey:active {
    outline: 0.125rem solid #0e78ad;
    outline-offset: 0rem; }
  .btn-link-grey:hover {
    text-decoration: underline;
    color: #0a557a; }

.btn-link-underline, .blog-recipe-details p a {
  text-decoration: underline;
  border: 0.0625rem solid transparent;
  padding: 0.25rem 0.5rem; }
  .btn-link-underline:focus, .blog-recipe-details p a:focus {
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    outline: none; }

.btn-switch {
  width: 1.8125rem;
  height: 1rem;
  display: inline-block;
  border-radius: 2.125rem;
  border-color: transparent;
  position: relative;
  outline: none;
  background: #fff;
  -webkit-appearance: none;
  padding: 0;
  border: 0.0625rem solid #0e78ad; }
  .btn-switch:focus {
    outline: 0.0625rem solid #8f8f8f;
    outline-offset: 0.0625rem; }
  .btn-switch::before {
    position: absolute;
    content: '';
    height: 0.875rem;
    width: 0.875rem;
    left: 0rem;
    bottom: 0rem;
    -webkit-transition: 0.4s;
    transition: 0.4s;
    display: block;
    border-radius: 50%;
    border: 0.0625rem solid #0e78ad;
    background: #fff; }
  .btn-switch[aria-pressed='true']::before {
    -webkit-transform: translateX(0.8125rem);
            transform: translateX(0.8125rem);
    border-color: #1b806d; }
  .btn-switch[aria-pressed='true'] {
    background: #1b806d;
    border: 0.0625rem solid #1b806d; }
  .btn-switch.disabled {
    background: #eaeaea;
    border: 0.0625rem solid #eaeaea;
    color: #eaeaea; }
    .btn-switch.disabled::before {
      border: 0.0625rem solid #eaeaea;
      background: #fff;
      color: #eaeaea; }

.braintree-cart-paypal-button {
  background: #ffc439; }

.modal-dialog .modal-header button.close:focus {
  outline: 0.125rem solid #0e78ad;
  -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad;
          box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad; }

.menu-item-focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none; }
  .menu-item-focus::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    top: 0.25rem;
    bottom: 0.25rem;
    left: 0.25rem;
    right: 0.25rem; }

.social-icons-focus, .social-share ul .btn:focus {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none; }
  .social-icons-focus::before, .social-share ul .btn:focus::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 50%;
    top: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem;
    right: -0.25rem; }

.brand-logo-focus-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0.0625rem solid #fff;
  border: none; }

.footer-links-focus-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  position: relative; }
  .footer-links-focus-dark::after {
    content: '';
    position: absolute;
    border: 0.0625rem solid #fff;
    border-radius: 0.25rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem; }

.brand-logo-focus-light {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: 0.0625rem solid #8f8f8f;
  border: none; }

.footer-links-focus-light {
  -webkit-box-shadow: none;
          box-shadow: none;
  outline: none;
  position: relative; }
  .footer-links-focus-light::after {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    top: 0rem;
    right: 0rem;
    bottom: 0rem;
    left: 0rem; }

.search-focus-light {
  -webkit-box-shadow: 0 0 0 0.1875rem #fff, 0 0 0 0.25rem #8f8f8f;
          box-shadow: 0 0 0 0.1875rem #fff, 0 0 0 0.25rem #8f8f8f;
  outline: none; }

.search-focus-dark {
  -webkit-box-shadow: none;
          box-shadow: none;
  border: none;
  outline: solid 0.0625rem #fff;
  outline-offset: 0.25rem; }

.header-logo-focus {
  outline: none;
  position: relative;
  outline-offset: 0rem; }
  .header-logo-focus::after {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 0.25rem;
    top: -0.25rem;
    right: -0.25rem;
    bottom: -0.25rem;
    left: -0.25rem; }

.tooltip-focus-light {
  outline: none;
  position: relative; }
  .tooltip-focus-light::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #8f8f8f;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.tooltip-focus-dark {
  outline: none;
  position: relative; }
  .tooltip-focus-dark::before {
    content: '';
    position: absolute;
    border: 0.0625rem solid #fff;
    border-radius: 50%;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0; }

.bottom-space {
  margin: 0 0 1.5rem; }
  @media (min-width: 768px) {
    .bottom-space {
      margin: 0 0 2.5rem; } }

.blog-recipe-details .breadcrumbs .breadcrumb {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }

.blog-recipe-details .banner-container {
  height: 12.5rem; }
  @media (min-width: 992px) {
    .blog-recipe-details .banner-container {
      height: 18.75rem; } }
  .blog-recipe-details .banner-container img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;'; }

.blog-recipe-details .breadcrumbs .breadcrumb {
  margin: 0 0 0.375rem; }

.blog-recipe-details .page-heading {
  color: #696158; }

.blog-recipe-details .body-text {
  color: #696158;
  font-family: "Roboto-Regular", sans-serif, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal; }
  @media (min-width: 768px) {
    .blog-recipe-details .body-text {
      font-size: 1.25rem; } }

.blog-recipe-details .degree-of-difficulty {
  padding: 1.5rem 0.9375rem;
  background-color: #eaeaea; }
  @media (min-width: 768px) {
    .blog-recipe-details .degree-of-difficulty {
      padding: 2rem 0.9375rem; } }
  .blog-recipe-details .degree-of-difficulty .top-section {
    padding: 0.25rem 0 1.5625rem;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 768px) {
      .blog-recipe-details .degree-of-difficulty .top-section {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row;
        -webkit-box-align: start;
            -ms-flex-align: start;
                align-items: flex-start; } }
  .blog-recipe-details .degree-of-difficulty .lable,
  .blog-recipe-details .degree-of-difficulty .value,
  .blog-recipe-details .degree-of-difficulty .icon-subject,
  .blog-recipe-details .degree-of-difficulty .icon-copy {
    color: #696158;
    font-family: "Roboto-Regular", sans-serif, sans-serif;
    font-size: 1rem;
    font-weight: 700;
    line-height: 1.5;
    letter-spacing: normal; }
    @media (min-width: 768px) {
      .blog-recipe-details .degree-of-difficulty .lable,
      .blog-recipe-details .degree-of-difficulty .value,
      .blog-recipe-details .degree-of-difficulty .icon-subject,
      .blog-recipe-details .degree-of-difficulty .icon-copy {
        font-size: 1.25rem; } }
  .blog-recipe-details .degree-of-difficulty .value,
  .blog-recipe-details .degree-of-difficulty .icon-copy {
    font-weight: 400; }
  .blog-recipe-details .degree-of-difficulty .bottom-section {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
    @media (min-width: 768px) {
      .blog-recipe-details .degree-of-difficulty .bottom-section {
        -webkit-box-orient: horizontal;
        -webkit-box-direction: normal;
            -ms-flex-direction: row;
                flex-direction: row; } }
    .blog-recipe-details .degree-of-difficulty .bottom-section > div {
      margin: 0 0 1.5625rem; }
      @media (min-width: 768px) {
        .blog-recipe-details .degree-of-difficulty .bottom-section > div {
          margin: 0; } }
    .blog-recipe-details .degree-of-difficulty .bottom-section .icon {
      padding: 0 0 0.9375rem; }
    @media (min-width: 768px) {
      .blog-recipe-details .degree-of-difficulty .bottom-section .icon-content {
        -webkit-box-orient: vertical;
        -webkit-box-direction: normal;
            -ms-flex-direction: column;
                flex-direction: column; } }

.blog-recipe-details .ingredient .heading,
.blog-recipe-details .ingredient .details {
  color: #696158;
  font-family: "Roboto-Regular", sans-serif, sans-serif;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.5;
  letter-spacing: normal;
  padding: 0 0 0.625rem; }
  @media (min-width: 768px) {
    .blog-recipe-details .ingredient .heading,
    .blog-recipe-details .ingredient .details {
      font-size: 1.25rem; } }

.blog-recipe-details .ingredient .details {
  font-weight: 400;
  padding: 0;
  list-style: none;
  margin: 0; }

.blog-recipe-details .ingredient-list {
  color: #696158;
  font-family: "Roboto-Regular", sans-serif, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal; }
  @media (min-width: 768px) {
    .blog-recipe-details .ingredient-list {
      font-size: 1.25rem; } }

.blog-recipe-details .instructions,
.blog-recipe-details .text-copy {
  color: #696158;
  font-family: "Roboto-Regular", sans-serif, sans-serif;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.5;
  letter-spacing: normal; }
  @media (min-width: 768px) {
    .blog-recipe-details .instructions,
    .blog-recipe-details .text-copy {
      font-size: 1.25rem; } }

.blog-recipe-details .image-wrapper {
  max-height: 35rem; }
  .blog-recipe-details .image-wrapper img {
    height: 100%;
    -o-object-fit: cover;
       object-fit: cover;
    font-family: 'object-fit: cover;';
    max-height: 35rem; }

.blog-recipe-details .filters-section .blog-filter {
  border-radius: 1rem;
  border: 0.0625rem solid #0e78ad;
  padding: 0.375rem 0.75rem;
  -webkit-box-shadow: none;
          box-shadow: none; }

/* blog recipe landing page styles starts from here */
.blog-recipe-filters .card {
  margin: 0; }
  @media (min-width: 992px) {
    .blog-recipe-filters .card {
      margin: 0 1.25rem 1rem 0; } }
  .blog-recipe-filters .card .custom-checkbox .cb-wrapper input {
    position: unset;
    border: 0; }
  .blog-recipe-filters .card .js-blog-refinement-checkbox .cb-custom {
    width: 1rem;
    height: 1rem; }
    .blog-recipe-filters .card .js-blog-refinement-checkbox .cb-custom::after {
      left: 0.25rem;
      top: 0.0625rem;
      width: 0.375rem;
      height: 0.6875rem; }

.blog-recipe-filters .custom-wrap-checkbox .cb-wrapper {
  width: 100%; }
  .blog-recipe-filters .custom-wrap-checkbox .cb-wrapper .cb-custom {
    left: 0.5rem; }

.blog-recipe-landing .refinements-container .custom-wrap-checkbox input:focus + .cb-wrapper {
  border: none;
  outline: none;
  -webkit-box-shadow: none;
          box-shadow: none; }
  .blog-recipe-landing .refinements-container .custom-wrap-checkbox input:focus + .cb-wrapper .cb-custom {
    -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad;
            box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad;
    border: solid 0.0625rem #0e78ad; }

.blog-recipe-landing .landing-title h1 {
  font-size: 1.5rem;
  line-height: 1.25;
  padding: 1.5rem 0;
  margin-bottom: 0; }
  @media (min-width: 992px) {
    .blog-recipe-landing .landing-title h1 {
      font-size: 3rem;
      padding: 2.5rem 0 3.5rem;
      margin-bottom: 0; } }

@media (min-width: 768px) {
  .blog-recipe-landing.recipe-landing-page .filter-sort-wrapper {
    padding-right: 1.875rem; } }

@media (min-width: 768px) and (max-width: 991.98px) {
  .blog-recipe-landing .js-blog-recipe-container .content-search-grid {
    margin-bottom: 2.5rem; } }

@media (max-width: 767.98px) {
  .blog-recipe-landing .js-blog-recipe-container .content-search-grid {
    margin-bottom: 1.5rem; } }

@media (min-width: 992px) {
  .blog-recipe-landing .breadcrumb {
    margin-top: 2.5rem; } }

.blog-recipe-landing .filters-section {
  margin-bottom: 3.5rem; }

.blog-recipe-landing div.collapsible-xxl .by-meal .title {
  color: #696158; }

.blog-recipe-landing .by-meal {
  min-width: 10.9375rem;
  -webkit-box-sizing: content-box;
          box-sizing: content-box; }
  .blog-recipe-landing .by-meal .title {
    padding: 0 0.75rem; }
  .blog-recipe-landing .by-meal .card-body {
    padding: 0.625rem;
    background-color: #fff;
    z-index: 2; }
  .blog-recipe-landing .by-meal .filter-option {
    padding: 0.25rem 0; }
  .blog-recipe-landing .by-meal .custom-checkbox:hover .option-text {
    color: #696158; }
  .blog-recipe-landing .by-meal .custom-checkbox input {
    position: absolute;
    top: 0.4375rem;
    left: 0.5rem;
    z-index: -1;
    opacity: 0; }
  .blog-recipe-landing .by-meal .option-count {
    font-size: 0.75rem; }

.blog-recipe-landing .card.active .title::after {
  content: '';
  -webkit-transform: rotate(225deg);
          transform: rotate(225deg);
  top: 1.375rem; }

.blog-recipe-landing .blog-recipe-tile {
  padding: 0 0.5rem; }
  .blog-recipe-landing .blog-recipe-tile .blog-tile-link {
    padding: 0; }
    .blog-recipe-landing .blog-recipe-tile .blog-tile-link::after {
      border-radius: 0.25rem;
      left: 0.375rem;
      right: 0.375rem; }
      @media (min-width: 992px) {
        .blog-recipe-landing .blog-recipe-tile .blog-tile-link::after {
          left: 0.625rem;
          right: 0.625rem; } }
      .blog-recipe-landing .blog-recipe-tile .blog-tile-link::after:hover {
        outline: none; }
    .blog-recipe-landing .blog-recipe-tile .blog-tile-link:focus {
      outline: none; }
      .blog-recipe-landing .blog-recipe-tile .blog-tile-link:focus:after {
        border: 0.0625rem solid #8f8f8f; }
    .blog-recipe-landing .blog-recipe-tile .blog-tile-link:hover {
      outline: none; }
      .blog-recipe-landing .blog-recipe-tile .blog-tile-link:hover:after {
        border: 0.125rem solid #0a557a; }
  .blog-recipe-landing .blog-recipe-tile .tile-image img {
    border-radius: 0.25rem;
    -o-object-fit: cover;
       object-fit: cover; }
  .blog-recipe-landing .blog-recipe-tile .content-title {
    color: #696158;
    font-family: "RobotoSlab-Bold", sans-serif;
    min-height: 2.375rem; }
    .blog-recipe-landing .blog-recipe-tile .content-title-copy {
      color: #696158; }
  .blog-recipe-landing .blog-recipe-tile .tile-content {
    -webkit-box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16);
            box-shadow: 0 0 0.25rem 0 rgba(0, 0, 0, 0.16);
    border-radius: 0.25rem;
    height: 100%; }
    .blog-recipe-landing .blog-recipe-tile .tile-content a:hover {
      text-decoration: none; }
  @media (min-width: 768px) {
    .blog-recipe-landing .blog-recipe-tile {
      padding: 0 0.75rem; }
      .blog-recipe-landing .blog-recipe-tile .content-title {
        min-height: 3.25rem; } }

.blog-recipe-landing .blog-footer {
  margin-bottom: 2.5rem; }

.blog-recipe-landing .seo-copy-block-text {
  border-top: 0.0625rem solid #b4b0ab;
  padding-top: 2.5rem; }

.blog-filters-desktop .by-meal .card-header {
  border: 1px solid #7d7468;
  border-radius: 0.25rem; }

.blog-filters-desktop .by-meal .card-body {
  -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
          box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15);
  border-radius: 0.25rem; }

.blog-filters-desktop .by-meal .title::after {
  content: '';
  width: 0.625rem;
  height: 0.625rem;
  position: absolute;
  top: 0.875rem;
  right: 1.875rem;
  border-right: 0.0625rem solid #696158;
  border-bottom: 0.0625rem solid #696158;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg); }

.blog-filters-desktop .by-meal .title:focus {
  -webkit-box-shadow: 0 0 0 0.1875rem #fff, 0 0 0 0.25rem #8f8f8f;
          box-shadow: 0 0 0 0.1875rem #fff, 0 0 0 0.25rem #8f8f8f;
  border: 0.0625rem solid #8f8f8f; }

.selected-filters.top-filter .selected-filter-list {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }

.selected-filters.top-filter .filter-value {
  margin-right: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex; }
  .selected-filters.top-filter .filter-value:last-child {
    margin-right: 0; }
  .selected-filters.top-filter .filter-value button {
    padding: 0.09375rem 2rem 0.09375rem 1rem;
    font-size: 0.75rem;
    font-weight: bold; }
    .selected-filters.top-filter .filter-value button svg {
      right: 0.75rem;
      top: 0.6875rem;
      height: 0.5rem;
      width: 0.5rem; }
      @media (min-width: 992px) {
        .selected-filters.top-filter .filter-value button svg {
          height: 0.625rem;
          width: 0.625rem;
          top: 1.0625rem; } }
  .selected-filters.top-filter .filter-value.remaining-value {
    margin-right: 1.25rem; }
    .selected-filters.top-filter .filter-value.remaining-value button {
      min-width: auto;
      padding-right: 1rem; }
      .selected-filters.top-filter .filter-value.remaining-value button span::after {
        position: relative;
        content: '...';
        color: #fff;
        bottom: 0.0625rem;
        vertical-align: text-bottom;
        font-size: 0.625rem;
        font-family: "Roboto-Regular", sans-serif; }
    .selected-filters.top-filter .filter-value.remaining-value.show-less .show-less-btn {
      padding-top: 0.15625rem;
      padding-bottom: 0.15625rem; }
      @media (min-width: 992px) {
        .selected-filters.top-filter .filter-value.remaining-value.show-less .show-less-btn {
          padding-top: 0.375rem;
          padding-bottom: 0.375rem; } }
      .selected-filters.top-filter .filter-value.remaining-value.show-less .show-less-btn span::after {
        display: none; }
  .selected-filters.top-filter .filter-value .reset {
    height: auto;
    padding: 0;
    color: #696158;
    font-size: 1rem; }
    .selected-filters.top-filter .filter-value .reset:focus {
      -webkit-box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5);
              box-shadow: inset 0 0.125rem 0.25rem 0.0625rem rgba(0, 0, 0, 0.5); }

@media (min-width: 992px) {
  .selected-filters.top-filter {
    margin-top: 0.5rem; }
    .selected-filters.top-filter .filter-value {
      margin-right: 1.25rem;
      margin-bottom: 0.5rem; }
      .selected-filters.top-filter .filter-value button {
        padding: 0.3125rem 2.5rem 0.3125rem 1.5rem;
        font-size: 0.75rem;
        min-height: 2rem;
        font-weight: bold; }
        .selected-filters.top-filter .filter-value button svg {
          right: 1rem; }
      .selected-filters.top-filter .filter-value.remaining-value {
        margin-right: 1.25rem; }
        .selected-filters.top-filter .filter-value.remaining-value button {
          min-width: auto;
          padding-right: 1.5rem; }
          .selected-filters.top-filter .filter-value.remaining-value button span::after {
            bottom: 0.0625rem;
            font-size: 0.75rem; } }

.blog-filters-modal {
  background-color: #fff; }
  .blog-filters-modal .close {
    margin: 0;
    padding: 0;
    line-height: 1rem; }
  .blog-filters-modal .modal-dialog {
    max-width: 100%; }
  .blog-filters-modal .modal-header {
    border-bottom: none;
    padding-top: 1.5rem;
    padding-bottom: 1.125rem;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center; }
  .blog-filters-modal .modal-footer {
    border-top: none;
    -webkit-box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
            box-shadow: 0 0.125rem 0.25rem 0 rgba(0, 0, 0, 0.15), 0 2px 4px 0 rgba(0, 0, 0, 0.15);
    border-radius: 0.25rem;
    margin-top: 1.5rem;
    padding: 0.5rem 0.625rem; }
  .blog-filters-modal .by-meal .option-count {
    color: #b4b0ab;
    margin-left: 0.25rem; }
  .blog-filters-modal .by-meal .card-body {
    padding: 0 0 1.5rem 0; }
    .blog-filters-modal .by-meal .card-body .values {
      padding-top: 1rem; }
      .blog-filters-modal .by-meal .card-body .values:first-child {
        padding-top: 0; }
  .blog-filters-modal .by-meal .option-text {
    font-size: 0.75rem;
    vertical-align: middle; }
  .blog-filters-modal .by-meal .filter-option {
    padding: 0; }
  .blog-filters-modal .custom-checkbox .cb-wrapper {
    padding: 0 0 0 1.5rem; }
    .blog-filters-modal .custom-checkbox .cb-wrapper .cb-custom {
      top: 0.0625rem;
      left: 0; }
  .blog-filters-modal .card {
    width: 100%; }
  .blog-filters-modal .modal-body {
    padding-top: 0; }
  .blog-filters-modal .filter-header p {
    color: #696158;
    font-family: "Roboto-Regular", sans-serif, sans-serif;
    font-size: 1.25rem;
    font-weight: 700;
    line-height: normal;
    letter-spacing: normal;
    display: inline-block;
    margin: 0; }
  .blog-filters-modal .filter-header .reset {
    display: inline-block;
    width: auto;
    padding: 0;
    border: 0;
    color: #0e78ad;
    font-size: 0.75rem;
    -webkit-box-shadow: none;
            box-shadow: none;
    height: auto;
    -ms-flex-item-align: end;
        align-self: flex-end;
    margin-left: 1rem; }
    .blog-filters-modal .filter-header .reset:focus {
      outline: 0.125rem solid #0e78ad;
      -webkit-box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad;
              box-shadow: 0 0 0.3125rem 0.0625rem #0e78ad; }
    .blog-filters-modal .filter-header .reset:hover {
      color: #0a557a; }
    .blog-filters-modal .filter-header .reset:active {
      outline: none;
      text-decoration: underline; }

.blog-filters-mobile .selected-filters {
  border-top: 0.0625rem solid #eaeaea;
  padding: 1rem 0; }
  .blog-filters-mobile .selected-filters .filter-value {
    margin-bottom: 0.5rem; }

.blog-filters-mobile .reset-section {
  display: none; }

.blog-filters-mobile .by-meal .card-header {
  border-top: 0.0625rem solid #eaeaea;
  border-bottom: none;
  padding: 0.625rem 0; }
  .blog-filters-mobile .by-meal .card-header .close {
    margin: 0;
    padding: 0; }
  .blog-filters-mobile .by-meal .card-header .title {
    line-height: normal;
    padding: 0;
    font-family: "Roboto-Medium", sans-serif; }
    .blog-filters-mobile .by-meal .card-header .title::after {
      display: none; }
    .blog-filters-mobile .by-meal .card-header .title span {
      position: relative;
      display: block; }
      .blog-filters-mobile .by-meal .card-header .title span::after {
        content: '';
        width: 0.625rem;
        height: 0.625rem;
        position: absolute;
        top: 0;
        right: 0.125rem;
        border-right: 0.0625rem solid #696158;
        border-bottom: 0.0625rem solid #696158;
        -webkit-transform: rotate(45deg);
                transform: rotate(45deg); }
  .blog-filters-mobile .by-meal .card-header .title[aria-expanded='true'] span::after {
    -webkit-transform: rotate(225deg);
            transform: rotate(225deg);
    top: 0.375rem; }

.blog-filters-mobile .card:last-child {
  border-bottom: 0.0625rem solid #eaeaea !important; }

.selected-filter-list {
  -ms-flex-wrap: wrap;
      flex-wrap: wrap; }

/* mobile filter styles */
.mobile-filter .filter-button {
  padding: 0.75rem 0.9375rem;
  border: 0.0625rem solid #7d7468;
  border-radius: 0.25rem; }

.mobile-filter .filter-text {
  line-height: 1.5; }

.blog-recipe-details .banner-container img {
  -o-object-fit: cover;
     object-fit: cover;
  font-family: 'object-fit: cover;';
  max-height: 17.4375rem; }
  @media (min-width: 768px) {
    .blog-recipe-details .banner-container img {
      max-height: 18.75rem; } }

.rdp-pd .breadcrumb-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center; }
  @media (min-width: 992px) {
    .rdp-pd .breadcrumb-wrapper {
      display: block; } }

.rdp-pd .image-wrapper img {
  max-width: 100%;
  width: auto; }
  @media (min-width: 768px) {
    .rdp-pd .image-wrapper img {
      max-width: 43.25rem; } }
  @media (min-width: 992px) {
    .rdp-pd .image-wrapper img {
      max-width: 100%; } }
  @media (min-width: 1200px) {
    .rdp-pd .image-wrapper img {
      max-width: 33rem; } }

.rdp-pd .rdp-top-section {
  margin-top: 1.25rem; }
  @media (min-width: 992px) {
    .rdp-pd .rdp-top-section {
      margin-top: 2.25rem; } }

.rdp-pd .rdp-bottom-section + .filters-section {
  margin-top: 1.25rem; }

.rdp-pd .rdp-body {
  margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .rdp-pd .rdp-body {
      margin-bottom: 2.5rem; } }

.rdp-pd .top-separator,
.rdp-pd .bottom-separator {
  border-top: 0;
  border-bottom: 0.0625rem solid #eaeaea;
  margin: 2.5rem 0rem 1.25rem; }
  @media (min-width: 768px) {
    .rdp-pd .top-separator,
    .rdp-pd .bottom-separator {
      margin: 5rem 0.5rem 2.5rem; } }

.rdp-pd .filters-section + .bottom-separator {
  margin-top: 0; }

.rdp-pd .bottom-separator {
  margin-top: 1.25rem; }
  @media (min-width: 768px) {
    .rdp-pd .bottom-separator {
      margin-top: 1.5rem; } }

.rdp-pd .icon-image {
  max-width: 4rem;
  max-height: 4rem;
  -o-object-fit: cover;
     object-fit: cover;
  font-family: "object-fit: cover;"; }

.social-share ul {
  list-style: none; }
  .social-share ul .btn {
    background-color: transparent;
    border: 0.0625rem solid #1b806d;
    margin-right: 0.625rem;
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    min-height: 2rem;
    padding: 0.4375rem 0.3125rem;
    -webkit-appearance: none; }
    @media (min-width: 768px) {
      .social-share ul .btn {
        width: 1.5rem;
        height: 1.5rem;
        min-height: 1.5rem; } }
    .social-share ul .btn:hover, .social-share ul .btn:active {
      background-color: #1b806d;
      border-radius: 50%;
      border: none; }
      .social-share ul .btn:hover .fa, .social-share ul .btn:active .fa {
        font-weight: 400;
        color: #fff; }
    .social-share ul .btn:focus {
      border-radius: 50%; }
      .social-share ul .btn:focus:hover {
        background-color: #1b806d; }
        .social-share ul .btn:focus:hover .fa {
          color: #fff; }
    .social-share ul .btn .fa {
      font-size: 1rem;
      color: #1b806d; }