/**
 * /assets/scss/partials/blocks/blocks-meal-plans.scss
 *
 * Let's define our meal plans block styles
 *
 *
 */
.meal-plans-block {
  display: block;
  width: 100%; }
  .meal-plans-block__inner {
    display: -webkit-flex;
    display: flex;
    width: 100%;
    -webkit-flex-wrap: wrap;
            flex-wrap: wrap; }
  .meal-plans-block__item {
    width: calc(calc(100% - 96px) / 4);
    margin: 64px 32px 0 0; }
    @media (min-width: 901px) {
      .meal-plans-block__item:nth-child(4n) {
        margin-right: 0; } }
    @media (max-width: 900px) and (min-width: 701px) {
      .meal-plans-block__item {
        width: calc(calc(100% - 64px) / 3); }
        .meal-plans-block__item:nth-child(3n) {
          margin-right: 0; } }
    @media (max-width: 700px) {
      .meal-plans-block__item {
        width: calc(calc(100% - 32px) / 2); }
        .meal-plans-block__item:nth-child(2n) {
          margin-right: 0; } }
    @media (max-width: 500px) {
      .meal-plans-block__item {
        width: calc(calc(100% - 20px) / 2);
        margin: 32px 20px 0 0; }
        .meal-plans-block__item:nth-child(2n) {
          margin-right: 0; } }
  .meal-plans-block__image, .meal-plans-block__image img {
    display: block;
    width: 100%; }
  .meal-plans-block__name {
    text-transform: uppercase;
    font-weight: 700;
    letter-spacing: 3px;
    font-size: 14px;
    display: block;
    width: 100%;
    margin-top: 15px;
    text-align: center;
    font-family: proxima-nova, sans-serif;
    color: #0a4a68; }
  .meal-plans-block__download {
    display: block;
    width: 100%;
    text-align: center;
    margin-top: 7px; }
    .meal-plans-block__download a {
      font-size: 13px;
      font-weight: 600;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: #353535;
      border-bottom: 1px solid #353535; }
      .meal-plans-block__download a:hover {
        text-decoration: none;
        color: #809faf;
        border-color: #809faf; }