@import "chinet-ie.1.css";

.product-menu-item .products-menu-block .product-container:first-child {
  border-right: 1px solid #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.product-menu-item .products-menu-block .product-container:first-child > * {
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
}

.product-menu-item .products-menu-block .product-container:first-child > *:first-child {
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
}

.product-menu-item .products-menu-block .product-container:first-child h3::after {
  content: "Type";
}

.product-menu-item .products-menu-block .product-container:first-child .views-row:hover .field-name-title a {
  border: 1px solid white;
  text-decoration: none;
}

.product-menu-item .products-menu-block .product-container:last-child h3::after {
  content: "Collection";
}

.product-menu-item .products-menu-block .product-container:last-child .views-row {
  margin: 0 0 1rem 0;
  min-height: 100px;
}

.product-menu-item .products-menu-block .product-container:last-child .views-row:hover .field-name-field-collection-logo-text {
  border: 1px solid white;
}

.product-menu-item .products-menu-block .view-content .field-name-title a {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.25rem;
  color: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0 0.9375rem;
  line-height: 2.5rem;
  padding: 0.9375rem 0.9375rem;
  color: white;
}

.product-menu-item .products-menu-block .view-content .field-name-title a:hover {
  border: 1px solid white;
}

.product-menu-item .products-menu-block .view-content .field-name-field-product-type-image a,
.product-menu-item .products-menu-block .view-content .field-name-field-collection-page-image a {
  display: block;
  padding-right: 1.25rem;
}

.product-menu-item .node-product-type-page.view-mode-product_menu_item .group-content.columns,
.product-menu-item .node-product-type-page.view-mode-product_menu_item .no-contributor .group-content.field-name-field-inspiration-description,
.no-contributor .product-menu-item .node-product-type-page.view-mode-product_menu_item .group-content.field-name-field-inspiration-description,
.product-menu-item .node-product-type-page.view-mode-product_menu_item .has-contributor .group-content.field-name-field-inspiration-description,
.has-contributor .product-menu-item .node-product-type-page.view-mode-product_menu_item .group-content.field-name-field-inspiration-description,
.product-menu-item .node-product-type-page.view-mode-product_menu_item .has-contributor .group-content.field-name-field-inspiration-contributor,
.has-contributor .product-menu-item .node-product-type-page.view-mode-product_menu_item .group-content.field-name-field-inspiration-contributor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.product-menu-item .node-collection-page.view-mode-product_menu_item .group-content.columns,
.product-menu-item .node-collection-page.view-mode-product_menu_item .no-contributor .group-content.field-name-field-inspiration-description,
.no-contributor .product-menu-item .node-collection-page.view-mode-product_menu_item .group-content.field-name-field-inspiration-description,
.product-menu-item .node-collection-page.view-mode-product_menu_item .has-contributor .group-content.field-name-field-inspiration-description,
.has-contributor .product-menu-item .node-collection-page.view-mode-product_menu_item .group-content.field-name-field-inspiration-description,
.product-menu-item .node-collection-page.view-mode-product_menu_item .has-contributor .group-content.field-name-field-inspiration-contributor,
.has-contributor .product-menu-item .node-collection-page.view-mode-product_menu_item .group-content.field-name-field-inspiration-contributor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 400px;
  margin-left: auto;
  margin-right: auto;
  float: none;
}

.product-menu-item .node-collection-page.view-mode-product_menu_item .field-name-field-collection-logo-text {
  color: transparent;
  border: 1px solid transparent;
  border-radius: 5px;
  padding: 0 0.9375rem;
  line-height: 2.5rem;
  padding: 0.9375rem 0.9375rem;
  -ms-flex-preferred-size: 70%;
  flex-basis: 70%;
}

.product-menu-item .node-collection-page.view-mode-product_menu_item .field-name-field-collection-logo-text:hover {
  border: 1px solid white;
}

.products-grid-wrap {
  margin-top: 1.5rem;
}

.products-grid-wrap .block-title {
  margin-bottom: 1rem;
}

.products-grid-wrap .view-content {
  max-width: 1200px;
  margin: 0 auto;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.products-grid-wrap .product-grid-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  text-align: center;
  padding: 1rem 0 .5rem;
}

.products-grid-wrap .product-grid-item:hover img {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.products-grid-wrap .product-grid-item__title {
  margin-top: .5rem;
}

.products-grid-wrap img {
  max-width: 200px;
  -webkit-transform: scale(0.9);
  -ms-transform: scale(0.9);
  transform: scale(0.9);
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.products-grid-wrap a {
  color: #163157;
  font-size: 1.5rem;
  font-weight: 500;
}

@media screen and (min-width: 550px) {
  .products-grid-wrap .view-content {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .products-grid-wrap .product-grid-item {
    width: 50%;
  }

  .products-grid-wrap .product-grid-item:first-child {
    border-bottom: 1px solid #e7e7e7;
    padding-top: 0;
  }

  .products-grid-wrap .product-grid-item:nth-child(2) {
    padding-top: 0;
    border-left: 1px solid #e7e7e7;
    border-bottom: 1px solid #e7e7e7;
  }

  .products-grid-wrap .product-grid-item:last-child {
    border-left: 1px solid #e7e7e7;
  }
}

.home-page-collection-grid {
  width: 100%;
  padding: 0 32px;
  max-width: 81.5rem;
  margin: 3rem auto;
}

.home-page-collection {
  margin-top: 1.5rem;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.home-page-collection a {
  display: block;
  width: 100%;
  max-width: 350px;
  margin: 1rem auto;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.home-page-collection a:hover {
  -webkit-transform: scale(1.1);
  -ms-transform: scale(1.1);
  transform: scale(1.1);
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

@media screen and (min-width: 768px) {
  .home-page-collection {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .home-page-collection a {
    margin: 0 1rem;
    width: 33%;
    max-width: 1200px;
  }

  .home-page-collection a:first-child {
    margin-left: 0;
  }

  .home-page-collection a:last-child {
    margin-right: 0;
  }
}

.section-recipes .recipe-top-wrapper,
.section-recipes .entertaining-top-wrapper,
.section-entertaining .recipe-top-wrapper,
.section-entertaining .entertaining-top-wrapper {
  overflow: hidden;
}

@media only screen and (max-width: 77.5em) {
  .section-recipes .recipe-top-wrapper,
  .section-recipes .entertaining-top-wrapper,
  .section-entertaining .recipe-top-wrapper,
  .section-entertaining .entertaining-top-wrapper {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

@media only screen and (min-width: 48em) {
  .section-recipes .recipe-top-wrapper > .row,
  .section-recipes .entertaining-top-wrapper > .row,
  .section-entertaining .recipe-top-wrapper > .row,
  .section-entertaining .entertaining-top-wrapper > .row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .section-recipes .recipe-top-wrapper > .row .entertaining-title-wrapper,
  .section-recipes .recipe-top-wrapper > .row .recipe-title-wrapper,
  .section-recipes .entertaining-top-wrapper > .row .entertaining-title-wrapper,
  .section-recipes .entertaining-top-wrapper > .row .recipe-title-wrapper,
  .section-entertaining .recipe-top-wrapper > .row .entertaining-title-wrapper,
  .section-entertaining .recipe-top-wrapper > .row .recipe-title-wrapper,
  .section-entertaining .entertaining-top-wrapper > .row .entertaining-title-wrapper,
  .section-entertaining .entertaining-top-wrapper > .row .recipe-title-wrapper {
    margin: auto;
    min-height: 290px;
    padding-bottom: 65px;
  }

  .section-recipes .recipe-top-wrapper > .row .entertaining-title-wrapper h1,
  .section-recipes .recipe-top-wrapper > .row .recipe-title-wrapper h1,
  .section-recipes .entertaining-top-wrapper > .row .entertaining-title-wrapper h1,
  .section-recipes .entertaining-top-wrapper > .row .recipe-title-wrapper h1,
  .section-entertaining .recipe-top-wrapper > .row .entertaining-title-wrapper h1,
  .section-entertaining .recipe-top-wrapper > .row .recipe-title-wrapper h1,
  .section-entertaining .entertaining-top-wrapper > .row .entertaining-title-wrapper h1,
  .section-entertaining .entertaining-top-wrapper > .row .recipe-title-wrapper h1 {
    margin-top: 0;
  }

  .section-recipes .recipe-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print,
  .section-recipes .recipe-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print,
  .section-recipes .entertaining-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print,
  .section-recipes .entertaining-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print,
  .section-entertaining .recipe-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print,
  .section-entertaining .recipe-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print,
  .section-entertaining .entertaining-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print,
  .section-entertaining .entertaining-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print {
    position: absolute;
    bottom: 0;
    margin: 15px 0;
  }

  .section-recipes .recipe-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print a,
  .section-recipes .recipe-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print a,
  .section-recipes .entertaining-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print a,
  .section-recipes .entertaining-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print a,
  .section-entertaining .recipe-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print a,
  .section-entertaining .recipe-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print a,
  .section-entertaining .entertaining-top-wrapper > .row .entertaining-title-wrapper .field-name-recipe-print a,
  .section-entertaining .entertaining-top-wrapper > .row .recipe-title-wrapper .field-name-recipe-print a {
    margin-bottom: 0;
  }
}

.section-recipes .recipe-middle-wrapper,
.section-recipes .entertaining-middle-wrapper,
.section-entertaining .recipe-middle-wrapper,
.section-entertaining .entertaining-middle-wrapper {
  padding: 40px 0;
  background: url("../img/texture.png");
}

.section-recipes .recipe-middle-wrapper .label-above,
.section-recipes .entertaining-middle-wrapper .label-above,
.section-entertaining .recipe-middle-wrapper .label-above,
.section-entertaining .entertaining-middle-wrapper .label-above {
  font-family: "proxima-soft", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-weight: 600;
  color: #002A4E;
  margin-bottom: 1rem;
}

.section-recipes .recipe-title-wrapper h1,
.section-recipes .recipe-title-wrapper h2,
.section-recipes .entertaining-title-wrapper h1,
.section-recipes .entertaining-title-wrapper h2,
.section-entertaining .recipe-title-wrapper h1,
.section-entertaining .recipe-title-wrapper h2,
.section-entertaining .entertaining-title-wrapper h1,
.section-entertaining .entertaining-title-wrapper h2 {
  font-family: "proxima-soft", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #003058;
  margin: 1.5rem 0 0;
}

.section-recipes .recipe-title-wrapper .field-name-field-recipe-subtitle,
.section-recipes .recipe-title-wrapper .field-name-field-entertaining-subtitle,
.section-recipes .entertaining-title-wrapper .field-name-field-recipe-subtitle,
.section-recipes .entertaining-title-wrapper .field-name-field-entertaining-subtitle,
.section-entertaining .recipe-title-wrapper .field-name-field-recipe-subtitle,
.section-entertaining .recipe-title-wrapper .field-name-field-entertaining-subtitle,
.section-entertaining .entertaining-title-wrapper .field-name-field-recipe-subtitle,
.section-entertaining .entertaining-title-wrapper .field-name-field-entertaining-subtitle {
  font-size: 1.5rem;
  color: #003058;
  font-weight: lighter;
  line-height: 1.5rem;
  margin-bottom: 15px;
}

@media only screen and (max-width: 30em) {
  .section-recipes .recipe-title-wrapper .field-name-field-recipe-subtitle,
  .section-recipes .recipe-title-wrapper .field-name-field-entertaining-subtitle,
  .section-recipes .entertaining-title-wrapper .field-name-field-recipe-subtitle,
  .section-recipes .entertaining-title-wrapper .field-name-field-entertaining-subtitle,
  .section-entertaining .recipe-title-wrapper .field-name-field-recipe-subtitle,
  .section-entertaining .recipe-title-wrapper .field-name-field-entertaining-subtitle,
  .section-entertaining .entertaining-title-wrapper .field-name-field-recipe-subtitle,
  .section-entertaining .entertaining-title-wrapper .field-name-field-entertaining-subtitle {
    text-align: center;
  }
}

.section-recipes .recipe-title-wrapper .field-name-field-recipe-description,
.section-recipes .recipe-title-wrapper .field-name-field-entertaining-description,
.section-recipes .entertaining-title-wrapper .field-name-field-recipe-description,
.section-recipes .entertaining-title-wrapper .field-name-field-entertaining-description,
.section-entertaining .recipe-title-wrapper .field-name-field-recipe-description,
.section-entertaining .recipe-title-wrapper .field-name-field-entertaining-description,
.section-entertaining .entertaining-title-wrapper .field-name-field-recipe-description,
.section-entertaining .entertaining-title-wrapper .field-name-field-entertaining-description {
  font-size: inherit;
  margin: 1rem 0;
  font-weight: 100;
}

@media only screen and (min-width: 48em) {
  .section-recipes .contributor-name,
  .section-entertaining .contributor-name {
    padding: 0;
  }
}

.section-recipes .contributor-name h3,
.section-entertaining .contributor-name h3 {
  margin-right: 10px;
  font-weight: bold;
  color: #003058;
}

.section-recipes .contributor-name h3 span,
.section-entertaining .contributor-name h3 span {
  text-transform: uppercase;
  font-size: 1rem;
  line-height: 32px;
}

.section-recipes .contributor-pic-body-wrapper,
.section-entertaining .contributor-pic-body-wrapper {
  width: 100%;
  overflow: hidden;
}

.section-recipes .contributor-pic-body-wrapper .contributor-image,
.section-entertaining .contributor-pic-body-wrapper .contributor-image {
  float: left;
  margin-right: 15px;
}

.section-recipes .field-name-field-contributor-name,
.section-recipes .field-name-field-contributor-url,
.section-recipes .contributor-name h3,
.section-entertaining .field-name-field-contributor-name,
.section-entertaining .field-name-field-contributor-url,
.section-entertaining .contributor-name h3 {
  display: inline-block;
}

.section-recipes .field-name-field-contributor-bio p,
.section-entertaining .field-name-field-contributor-bio p {
  margin-left: 10px !important;
}

.section-recipes .recipe-bottom-wrapper,
.section-recipes .entertaining-bottom-wrapper,
.section-entertaining .recipe-bottom-wrapper,
.section-entertaining .entertaining-bottom-wrapper {
  background: #34aebf;
  background: #34aebf;
  background: -moz-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: -webkit-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: linear-gradient(to bottom, #34aebf 0%, #2e8b98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34aebf', endColorstr='#2e8b98',GradientType=0 );
  padding-top: 2rem;
  padding-bottom: 2rem;
}

.section-recipes .recipe-bottom-wrapper h3,
.section-recipes .entertaining-bottom-wrapper h3,
.section-entertaining .recipe-bottom-wrapper h3,
.section-entertaining .entertaining-bottom-wrapper h3 {
  text-align: center;
  margin-bottom: 1rem;
  font-family: satisfy;
  color: #FFFFFF;
}

.section-recipes .recipe-bottom-wrapper .field-name-field-product-images .background-image-formatter,
.section-recipes .entertaining-bottom-wrapper .field-name-field-product-images .background-image-formatter,
.section-entertaining .recipe-bottom-wrapper .field-name-field-product-images .background-image-formatter,
.section-entertaining .entertaining-bottom-wrapper .field-name-field-product-images .background-image-formatter {
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center center;
  height: 150px;
  width: auto;
}

@media only screen and (max-width: 768px) {
  .section-recipes .recipe-bottom-wrapper .field-name-field-product-images .background-image-formatter,
  .section-recipes .entertaining-bottom-wrapper .field-name-field-product-images .background-image-formatter,
  .section-entertaining .recipe-bottom-wrapper .field-name-field-product-images .background-image-formatter,
  .section-entertaining .entertaining-bottom-wrapper .field-name-field-product-images .background-image-formatter {
    height: 100px;
  }
}

.section-recipes .recipe-bottom-wrapper .field-name-title,
.section-recipes .entertaining-bottom-wrapper .field-name-title,
.section-entertaining .recipe-bottom-wrapper .field-name-title,
.section-entertaining .entertaining-bottom-wrapper .field-name-title {
  color: white;
  font-family: "proxima-nova", sans-serif;
  font-weight: 500;
  font-style: normal;
  text-align: center;
  margin-top: 1rem;
}

.section-recipes .recipe-bottom-wrapper .field-name-node-link,
.section-recipes .entertaining-bottom-wrapper .field-name-node-link,
.section-entertaining .recipe-bottom-wrapper .field-name-node-link,
.section-entertaining .entertaining-bottom-wrapper .field-name-node-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

.section-recipes .recipe-bottom-wrapper .field-name-node-link > a,
.section-recipes .entertaining-bottom-wrapper .field-name-node-link > a,
.section-entertaining .recipe-bottom-wrapper .field-name-node-link > a,
.section-entertaining .entertaining-bottom-wrapper .field-name-node-link > a {
  display: block;
  height: 100%;
  width: 100%;
}

.section-recipes .block-views-more-recipes-block .block-title,
.section-recipes .block-views-more-entertaining-block .block-title,
.section-entertaining .block-views-more-recipes-block .block-title,
.section-entertaining .block-views-more-entertaining-block .block-title {
  margin: 2.5rem 0;
}

.field-name-field-recipe-contributor,
.field-name-field-entertaining-contributor {
  float: left;
}

.recipe-title-wrapper .recipe-filters,
.recipe-title-wrapper .entertaining-filters,
.entertaining-title-wrapper .recipe-filters,
.entertaining-title-wrapper .entertaining-filters {
  padding: 0 0 3% 0;
}

.recipe-title-wrapper .recipe-filters .field,
.recipe-title-wrapper .entertaining-filters .field,
.entertaining-title-wrapper .recipe-filters .field,
.entertaining-title-wrapper .entertaining-filters .field {
  float: left;
}

.recipe-title-wrapper .recipe-filters .field:not(:last-child)::before,
.recipe-title-wrapper .entertaining-filters .field:not(:last-child)::before,
.entertaining-title-wrapper .recipe-filters .field:not(:last-child)::before,
.entertaining-title-wrapper .entertaining-filters .field:not(:last-child)::before {
  display: block;
  content: ",";
  float: right;
  margin: 0 0.25rem 0 0;
}

.recipe-title-wrapper .recipe-filters a,
.recipe-title-wrapper .entertaining-filters a,
.entertaining-title-wrapper .recipe-filters a,
.entertaining-title-wrapper .entertaining-filters a {
  color: #575757;
  font-size: 15px;
}

.recipe-title-wrapper .recipe-filters h3,
.recipe-title-wrapper .entertaining-filters h3,
.entertaining-title-wrapper .recipe-filters h3,
.entertaining-title-wrapper .entertaining-filters h3 {
  color: #003058;
  font-size: 1rem;
  float: left;
  margin: 0 0.25rem 0 0;
  font-weight: bold;
}

.recipe-title-wrapper .recipe-filters h3::after,
.recipe-title-wrapper .entertaining-filters h3::after,
.entertaining-title-wrapper .recipe-filters h3::after,
.entertaining-title-wrapper .entertaining-filters h3::after {
  content: ":";
  font-size: 1rem;
  float: right;
}

.recipe-title-wrapper.contributor-present,
.entertaining-title-wrapper.contributor-present {
  padding-bottom: 0 !important;
}

.recipe-title-wrapper.contributor-present .field-name-recipe-print,
.entertaining-title-wrapper.contributor-present .field-name-recipe-print {
  position: relative !important;
  margin: 0 !important;
}

@media only screen and (max-width: 30em) {
  .recipe-middle-wrapper .ingredients-wrapper,
  .recipe-middle-wrapper .supplies-wrapper,
  .entertaining-middle-wrapper .ingredients-wrapper,
  .entertaining-middle-wrapper .supplies-wrapper {
    margin-bottom: 1.5rem;
  }

  .recipe-middle-wrapper .recipe-filters,
  .recipe-middle-wrapper .entertaining-filters,
  .entertaining-middle-wrapper .recipe-filters,
  .entertaining-middle-wrapper .entertaining-filters {
    padding-bottom: 15%;
  }

  .recipe-title-wrapper .recipe-filters,
  .recipe-title-wrapper .entertaining-filters,
  .entertaining-title-wrapper .recipe-filters,
  .entertaining-title-wrapper .entertaining-filters {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    padding-bottom: 15%;
    text-align: center;
  }

  .recipe-title-wrapper .recipe-filters h3,
  .recipe-title-wrapper .entertaining-filters h3,
  .entertaining-title-wrapper .recipe-filters h3,
  .entertaining-title-wrapper .entertaining-filters h3 {
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    margin: 1rem 0 0 0;
  }

  .recipe-title-wrapper .recipe-filters h3::after,
  .recipe-title-wrapper .entertaining-filters h3::after,
  .entertaining-title-wrapper .recipe-filters h3::after,
  .entertaining-title-wrapper .entertaining-filters h3::after {
    float: none;
  }

  .recipe-title-wrapper .print-button,
  .entertaining-title-wrapper .print-button {
    display: none;
  }
}

@media only screen {
  .section-recipes .recipe-title-wrapper h1,
  .section-recipes .recipe-title-wrapper h2,
  .section-recipes .entertaining-title-wrapper h1,
  .section-recipes .entertaining-title-wrapper h2,
  .section-entertaining .recipe-title-wrapper h1,
  .section-entertaining .recipe-title-wrapper h2,
  .section-entertaining .entertaining-title-wrapper h1,
  .section-entertaining .entertaining-title-wrapper h2 {
    text-align: center;
  }

  .section-recipes .recipe-title-wrapper .field-name-field-recipe-description,
  .section-recipes .recipe-title-wrapper .field-name-field-entertaining-description,
  .section-recipes .entertaining-title-wrapper .field-name-field-recipe-description,
  .section-recipes .entertaining-title-wrapper .field-name-field-entertaining-description,
  .section-entertaining .recipe-title-wrapper .field-name-field-recipe-description,
  .section-entertaining .recipe-title-wrapper .field-name-field-entertaining-description,
  .section-entertaining .entertaining-title-wrapper .field-name-field-recipe-description,
  .section-entertaining .entertaining-title-wrapper .field-name-field-entertaining-description {
    text-align: center;
    margin-bottom: 20px;
  }

  .section-recipes .contributor-name,
  .section-entertaining .contributor-name {
    float: right;
  }

  .section-recipes .field-name-field-contributor-bio p,
  .section-entertaining .field-name-field-contributor-bio p {
    margin: 0;
  }
}

@media only screen and (min-width: 30em) {
  .section-recipes .recipe-title-wrapper h1,
  .section-recipes .recipe-title-wrapper h2,
  .section-recipes .entertaining-title-wrapper h1,
  .section-recipes .entertaining-title-wrapper h2,
  .section-entertaining .recipe-title-wrapper h1,
  .section-entertaining .recipe-title-wrapper h2,
  .section-entertaining .entertaining-title-wrapper h1,
  .section-entertaining .entertaining-title-wrapper h2 {
    text-align: left;
  }

  .section-recipes .recipe-title-wrapper .field-name-field-recipe-description,
  .section-recipes .recipe-title-wrapper .field-name-field-entertaining-description,
  .section-recipes .entertaining-title-wrapper .field-name-field-recipe-description,
  .section-recipes .entertaining-title-wrapper .field-name-field-entertaining-description,
  .section-entertaining .recipe-title-wrapper .field-name-field-recipe-description,
  .section-entertaining .recipe-title-wrapper .field-name-field-entertaining-description,
  .section-entertaining .entertaining-title-wrapper .field-name-field-recipe-description,
  .section-entertaining .entertaining-title-wrapper .field-name-field-entertaining-description {
    text-align: left;
    margin-bottom: 20px;
  }
}

.recipe-title-wrapper .field-name-title {
  margin-top: 1rem;
}

.recipe-title-wrapper .node-contributor .field-name-field-contributor-bio {
  float: left;
  font-size: 0.9rem;
}

.recipe-title-wrapper .contributor-name {
  margin: 1rem 0 0 0;
}

.recipe-title-wrapper .field-name-field-contributor-image {
  padding-left: 0;
  width: auto;
}

.recipe-title-wrapper .inspiration-contributor-background-image {
  width: 100px;
}

@media only screen and (min-width: 48em) {
  .recipe-filter-view {
    padding-top: 2rem;
  }
}

.filter-tag {
  background-color: #34aebf;
  color: #f9f9f9;
  font-size: 16px;
  margin-right: 1%;
  padding: 0.75rem 1rem;
  position: relative;
}

.filter-tag a {
  color: #003058;
}

.filter-tag a:hover {
  color: #f9f9f9;
}

.filter-tag div {
  position: absolute;
  top: 0;
  right: 0;
  padding-right: 3px;
}

@media only screen and (max-width: 768px) {
  .filter-tag {
    margin-top: 1%;
  }
}

.hide-bef-checkboxes {
  display: none;
}

.toggle-filter-checkboxes {
  position: relative;
  width: auto;
  padding-left: 1.5rem;
  color: #003058;
  font-weight: 200;
  margin-left: 0.25rem;
}

.toggle-filter-checkboxes::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #003058;
  transition: all 300ms ease;
  pointer-events: none;
}

.toggle-filter-checkboxes::after {
  content: "";
  position: absolute;
  top: 5px;
  pointer-events: none;
  left: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #003058;
  border-right: 1px solid #003058;
  transition: all 300ms ease;
  -webkit-transform: rotateZ(-45deg);
  transform: rotateZ(-45deg);
}

.toggle-filter-checkboxes::after {
  top: 6px;
}

.toggle-filter-checkboxes.close-filter {
  position: relative;
  width: auto;
  padding-left: 1.5rem;
  color: #003058;
  font-weight: 200;
}

.toggle-filter-checkboxes.close-filter::before {
  content: "";
  position: absolute;
  top: 0px;
  left: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #003058;
  transition: all 300ms ease;
  pointer-events: none;
}

.toggle-filter-checkboxes.close-filter::after {
  content: "";
  position: absolute;
  top: 5px;
  pointer-events: none;
  left: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #003058;
  border-right: 1px solid #003058;
  transition: all 300ms ease;
  -webkit-transform: rotateZ(-225deg);
  transform: rotateZ(-225deg);
}

.toggle-filter-checkboxes.close-filter::after {
  top: 4px;
}

.recipes-filters .bef-checkboxes {
  margin-bottom: 15%;
  padding-top: 3%;
}

.recipes-filters .bef-checkboxes input[type="checkbox"]:checked::after {
  left: 0px;
}

.recipes-filters .bef-checkboxes label,
.recipes-filters .bef-checkboxes input {
  height: inherit;
  font-size: 12px;
  font-weight: 400;
  vertical-align: top;
  border: none;
}

.recipes-filters .bef-checkboxes a {
  color: #f55e3b;
  font-size: 0.875rem;
}

.recipe-filters-title {
  height: 105px;
  color: #00203a;
  font-family: "proxima-soft", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.views-exposed-widgets .views-widget-sort-sort_bef_combine {
  display: none;
}

.form-item-sort-bef-combine,
.form-item-entertaining-sort {
  margin: 0;
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.sort-items-container span {
  font-size: 0.9rem;
  line-height: 2.5;
  text-align: right;
  font-family: "proxima-soft", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.recipe-filter-view .node-recipe.node-teaser {
  position: relative;
}

.recipe-filter-view .node-recipe.node-teaser:hover .field-name-field-recipe-image img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  transition: -webkit-transform 300ms ease;
  transition: transform 300ms ease;
}

.recipe-filter-view .node-recipe.node-teaser:hover .field-name-field-recipe-image:after {
  opacity: 1;
  transition: opacity 300ms ease;
}

.recipe-filter-view .field-name-field-recipe-image {
  position: relative;
  display: inline-block;
  margin-top: 38px;
  overflow: hidden;
  cursor: pointer;
}

.recipe-filter-view .field-name-field-recipe-image img {
  transition: all 300ms ease;
}

.recipe-filter-view .field-name-field-recipe-image:after {
  background: rgba(0, 0, 0, 0.4);
  content: '\A';
  height: 100%;
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
  transition: all 0.5s;
  -webkit-transition: all 0.5s;
  width: 100%;
  transition: all 300ms ease;
}

.recipe-filter-view .new-banner ~ .field-name-field-recipe-image {
  margin-top: 0;
}

.recipe-filter-view .field-name-field-recipe-description {
  color: #003058;
  padding-top: 1%;
  text-align: center;
  font-family: "proxima-soft", sans-serif;
  font-weight: 500;
  font-style: normal;
}

.recipe-filter-view .view-mode-just_the_name {
  color: #00203a;
  font-style: italic;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .recipe-filter-view .view-header {
    text-align: center;
  }
}

.new-banner {
  color: white;
  float: right;
  font-size: 16px;
  font-weight: 600;
  height: 38px;
  letter-spacing: 0.2em;
  padding: 8px 12px 8px 0;
  position: relative;
  text-align: right;
  text-transform: uppercase;
  top: 19px;
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  transform: translateX(10px);
  width: 100px;
  z-index: 3;
  overflow: hidden;
}

.new-banner::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  height: 51%;
  width: 100%;
  background: linear-gradient(to bottom, #f55e3b 0%, #f55d3b 100%);
  -webkit-transform: skewX(45deg) translateX(10px);
  -ms-transform: skewX(45deg) translateX(10px);
  transform: skewX(45deg) translateX(10px);
  z-index: -1;
}

.new-banner::after {
  content: "";
  display: block;
  position: absolute;
  bottom: 0;
  height: 51%;
  width: 100%;
  background: linear-gradient(to bottom, #f55d3b 0%, #dc5535 100%);
  -webkit-transform: skewX(-45deg) translateX(10px);
  -ms-transform: skewX(-45deg) translateX(10px);
  transform: skewX(-45deg) translateX(10px);
  z-index: -1;
}

.cool-banner {
  background: #B94D24;
  height: 18px;
  position: absolute;
  top: 45px;
  -webkit-transform: skewY(-52deg);
  -ms-transform: skewY(-52deg);
  transform: skewY(-52deg);
  right: -10px;
  width: 10px;
  z-index: 2;
}

.node-recipe.node-teaser .hover-link,
.node-entertaining.node-teaser .hover-link,
.node-inspiration.node-teaser .hover-link {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.node-recipe.node-teaser .hover-link a,
.node-entertaining.node-teaser .hover-link a,
.node-inspiration.node-teaser .hover-link a {
  display: block;
  height: 100%;
  width: 100%;
  opacity: 0;
}

/**
 * TABLET STYLES
 */

@media only screen and (min-width: 48em) {
  .recipesview.view-recipes.view-id-recipes {
    padding: 0 1%;
  }
}

/**
 * MOBILE STYLES
 */

@media only screen and (max-width: 30em) {
  .block-views-recipes-block .block-title {
    display: none;
  }

  .breadcrumbs {
    display: none;
  }

  .toggle-filter-checkboxes {
    float: right;
    position: relative;
    width: auto;
    padding-left: 1.5rem;
    color: #fff;
    font-weight: 200;
  }

  .toggle-filter-checkboxes::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all 300ms ease;
    pointer-events: none;
  }

  .toggle-filter-checkboxes::after {
    content: "";
    position: absolute;
    top: 5px;
    pointer-events: none;
    right: 5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: all 300ms ease;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }

  .toggle-filter-checkboxes.close-filter {
    position: relative;
    width: auto;
    padding-left: 1.5rem;
    color: #fff;
    font-weight: 200;
  }

  .toggle-filter-checkboxes.close-filter::before {
    content: "";
    position: absolute;
    top: 0px;
    right: 0;
    height: 1rem;
    width: 1rem;
    border-radius: 50%;
    border: 1px solid #fff;
    transition: all 300ms ease;
    pointer-events: none;
  }

  .toggle-filter-checkboxes.close-filter::after {
    content: "";
    position: absolute;
    top: 5px;
    pointer-events: none;
    right: 5px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    transition: all 300ms ease;
    -webkit-transform: rotateZ(-225deg);
    transform: rotateZ(-225deg);
  }

  .recipes-filters {
    display: none;
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
    -webkit-transform: translateY(-4000px);
    -ms-transform: translateY(-4000px);
    transform: translateY(-4000px);
  }

  .recipes-filters.expand-filters {
    background: #fff;
    display: block;
    position: fixed;
    -webkit-transform: translateY(0vh);
    -ms-transform: translateY(0vh);
    transform: translateY(0vh);
    z-index: 40;
    top: 75px;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: scroll;
  }

  .recipes-filters .views-exposed-widgets,
  .recipes-filters .views-exposed-widgets > div:not(:first-child) {
    padding-left: 0;
    padding-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }

  .recipes-filters .views-submit-button {
    bottom: 0;
  }

  .recipes-filters .views-submit-button button {
    margin: 1.6rem auto;
    background: transparent !important;
  }

  .recipe-filters-title {
    background: #f9f9f9;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12), 0 1px 2px rgba(0, 0, 0, 0.24);
    height: initial;
    padding: 16px;
    width: 100%;
  }

  .recipe-list {
    padding: 0 6%;
  }

  .mobile-filters {
    display: none;
  }

  .mobile-filters .views-widget {
    display: none;
  }

  .mobile-filters .recipe-filter-type {
    text-align: center;
    background: #003058;
    border-bottom: 1px solid #f9f9f9;
    color: #f9f9f9;
    font-weight: 300;
    padding: 12px;
  }

  .mobile-filters .recipe-filters-title {
    text-align: center;
    padding: 12px;
  }

  .mobile-filters .bef-checkboxes {
    margin: 0;
    padding-left: 10%;
  }

  .views-submit-button {
    width: 100%;
  }

  .views-submit-button button {
    margin: 0 auto;
  }

  .mobile-filter-btn {
    padding: 2rem 0;
  }

  .mobile-filter-btn a {
    margin: 0 auto;
  }
}

.recipe-display-results {
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
}

.recipe-display-results .view-header {
  color: #848484;
  font-size: 0.9rem;
}

@media only screen and (min-width: 30em) {
  .recipes-filters [class*="filter-field_"] {
    margin-bottom: 1rem;
  }

  .recipes-filters [class*="filter-field_"] label {
    color: #00203a;
  }

  .recipes-filters [class*="filter-field_"] input ~ label {
    -webkit-transform: translateY(-1px);
    -ms-transform: translateY(-1px);
    transform: translateY(-1px);
    width: 50%;
  }
}

.sort-items-container .form-item-sort-bef-combine {
  position: relative;
  position: relative;
  width: auto;
  padding-left: 1.5rem;
  color: #00203a;
  font-weight: 200;
}

.sort-items-container .form-item-sort-bef-combine::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #00203a;
  transition: all 300ms ease;
  pointer-events: none;
}

.sort-items-container .form-item-sort-bef-combine::after {
  content: "";
  position: absolute;
  top: 5px;
  pointer-events: none;
  right: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #00203a;
  border-right: 1px solid #00203a;
  transition: all 300ms ease;
  -webkit-transform: rotateZ(-225deg);
  transform: rotateZ(-225deg);
}

.sort-items-container .form-item-sort-bef-combine::before {
  top: 10px;
  right: 7px;
}

.sort-items-container .form-item-sort-bef-combine::after {
  top: 14px;
  right: 12px;
}

.sort-items-container select {
  width: 100%;
  min-width: 150px;
  padding: 0 2rem 0 0.5rem;
  border-radius: 6px;
  border: 1px solid #00203a;
  color: #00203a;
  background: #fff;
  background-image: none;
}

.recipes-block-grid {
  display: block;
  padding: 0;
  margin: 0 -0.625rem;
}

.recipes-block-grid:before,
.recipes-block-grid:after {
  content: " ";
  display: table;
}

.recipes-block-grid:after {
  clear: both;
}

.recipes-block-grid > li {
  display: block;
  height: auto;
  float: left;
  padding: 0 0.625rem 1.25rem;
}

.recipes-block-grid > li {
  width: 50%;
  padding: 0 0.625rem 1.25rem;
  list-style: none;
}

.recipes-block-grid > li:nth-of-type(1n) {
  clear: none;
}

.recipes-block-grid > li:nth-of-type(2n+1) {
  clear: both;
}

.recipes-block-grid .field-name-field-recipe-image,
.recipes-block-grid .field-name-field-entertaining-image {
  display: block;
  height: 100%;
  width: 100%;
}

.recipes-block-grid .field-name-field-recipe-image img,
.recipes-block-grid .field-name-field-entertaining-image img {
  width: 100%;
}

@media only screen and (min-width: 64.0625em) {
  .recipes-block-grid {
    display: block;
    padding: 0;
    margin: 0 -0.625rem;
  }

  .recipes-block-grid:before,
  .recipes-block-grid:after {
    content: " ";
    display: table;
  }

  .recipes-block-grid:after {
    clear: both;
  }

  .recipes-block-grid > li {
    display: block;
    height: auto;
    float: left;
    padding: 0 0.625rem 1.25rem;
  }

  .recipes-block-grid > li {
    width: 33.3333333333%;
    padding: 0 0.625rem 1.25rem;
    list-style: none;
  }

  .recipes-block-grid > li:nth-of-type(1n) {
    clear: none;
  }

  .recipes-block-grid > li:nth-of-type(3n+1) {
    clear: both;
  }
}

.section-entertaining .node-page .block-views-entertaining-block .view-empty,
.section-entertaining .node-page .block-views-recipes-block .view-empty,
.section-recipes .node-page .block-views-entertaining-block .view-empty,
.section-recipes .node-page .block-views-recipes-block .view-empty {
  padding: 20px 0;
}

.section-entertaining .node-page .block-views-entertaining-block > h2.block-title,
.section-entertaining .node-page .block-views-recipes-block > h2.block-title,
.section-recipes .node-page .block-views-entertaining-block > h2.block-title,
.section-recipes .node-page .block-views-recipes-block > h2.block-title {
  display: none;
}

.short-mailchimp-form #mc_embed_signup,
.section-coupon-savings #mc_embed_signup,
.section-newsletter #mc_embed_signup {
  padding: 5rem 0;
  width: 60%;
  margin: 0 20%;
  background: transparent;
  clear: left;
  font: 14px Helvetica, Arial, sans-serif;
}

@media only screen and (min-width: 30em) and (max-width: 48em) {
  .short-mailchimp-form #mc_embed_signup,
  .section-coupon-savings #mc_embed_signup,
  .section-newsletter #mc_embed_signup {
    width: 80%;
    margin: 0 10%;
  }
}

@media only screen and (max-width: 30em) {
  .short-mailchimp-form #mc_embed_signup,
  .section-coupon-savings #mc_embed_signup,
  .section-newsletter #mc_embed_signup {
    width: 90%;
    margin: 0 5%;
  }
}

.short-mailchimp-form #mc_embed_signup h1,
.short-mailchimp-form #mc_embed_signup h2,
.section-coupon-savings #mc_embed_signup h1,
.section-coupon-savings #mc_embed_signup h2,
.section-newsletter #mc_embed_signup h1,
.section-newsletter #mc_embed_signup h2 {
  display: none;
}

.short-mailchimp-form #mc_embed_signup input,
.short-mailchimp-form #mc_embed_signup select#mce-MMERGE6,
.short-mailchimp-form #mc_embed_signup select.birthday,
.section-coupon-savings #mc_embed_signup input,
.section-coupon-savings #mc_embed_signup select#mce-MMERGE6,
.section-coupon-savings #mc_embed_signup select.birthday,
.section-newsletter #mc_embed_signup input,
.section-newsletter #mc_embed_signup select#mce-MMERGE6,
.section-newsletter #mc_embed_signup select.birthday {
  border-radius: 3px;
  border-width: 1px 1px 2px 3px;
  border-color: #d3d7d9;
}

.short-mailchimp-form #mc_embed_signup select.bday,
.section-coupon-savings #mc_embed_signup select.bday,
.section-newsletter #mc_embed_signup select.bday {
  width: 60px;
}

.short-mailchimp-form #mc_embed_signup input:focus,
.short-mailchimp-form #mc_embed_signup select:focus,
.section-coupon-savings #mc_embed_signup input:focus,
.section-coupon-savings #mc_embed_signup select:focus,
.section-newsletter #mc_embed_signup input:focus,
.section-newsletter #mc_embed_signup select:focus {
  border: 2px solid #f55e3b;
}

.short-mailchimp-form #mc_embed_signup .indicates-required,
.section-coupon-savings #mc_embed_signup .indicates-required,
.section-newsletter #mc_embed_signup .indicates-required {
  display: none;
}

.short-mailchimp-form #mc_embed_signup .with-label,
.section-coupon-savings #mc_embed_signup .with-label,
.section-newsletter #mc_embed_signup .with-label {
  margin-top: 3rem;
}

.short-mailchimp-form #mc_embed_signup .with-label > label,
.short-mailchimp-form #mc_embed_signup .with-label > strong,
.section-coupon-savings #mc_embed_signup .with-label > label,
.section-coupon-savings #mc_embed_signup .with-label > strong,
.section-newsletter #mc_embed_signup .with-label > label,
.section-newsletter #mc_embed_signup .with-label > strong {
  color: #003058;
  font-weight: bold;
  display: block;
}

.short-mailchimp-form #mc_embed_signup .with-label ul,
.section-coupon-savings #mc_embed_signup .with-label ul,
.section-newsletter #mc_embed_signup .with-label ul {
  list-style: none;
  margin: 1rem auto 2rem;
  width: 95%;
}

.short-mailchimp-form #mc_embed_signup .with-label ul li,
.section-coupon-savings #mc_embed_signup .with-label ul li,
.section-newsletter #mc_embed_signup .with-label ul li {
  display: block;
  padding: 0;
  width: 49%;
}

@media screen and (min-width: 1000px) {
  .short-mailchimp-form #mc_embed_signup .with-label ul li,
  .section-coupon-savings #mc_embed_signup .with-label ul li,
  .section-newsletter #mc_embed_signup .with-label ul li {
    width: 24%;
  }
}

@media only screen and (min-width: 30em) {
  .short-mailchimp-form #mc_embed_signup .with-label ul li,
  .section-coupon-savings #mc_embed_signup .with-label ul li,
  .section-newsletter #mc_embed_signup .with-label ul li {
    display: inline-block;
  }
}

.short-mailchimp-form #mc_embed_signup .with-label ul li:first-child,
.section-coupon-savings #mc_embed_signup .with-label ul li:first-child,
.section-newsletter #mc_embed_signup .with-label ul li:first-child {
  padding-left: 0;
}

.short-mailchimp-form #mc_embed_signup .with-label #mce-MMERGE6:after,
.section-coupon-savings #mc_embed_signup .with-label #mce-MMERGE6:after,
.section-newsletter #mc_embed_signup .with-label #mce-MMERGE6:after {
  content: " ";
  display: block;
  position: absolute;
  width: 1rem;
  height: 1rem;
  border-radius: 50%;
  border: 1px solid black;
}

.short-mailchimp-form #mc_embed_signup .button,
.section-coupon-savings #mc_embed_signup .button,
.section-newsletter #mc_embed_signup .button {
  margin: 5rem auto 2rem;
  padding: .25rem 1.5rem;
  height: auto;
  display: block;
  background: #f55e3b;
  font-weight: lighter;
  text-transform: uppercase;
}

.short-mailchimp-form #mc_embed_signup .button:hover,
.section-coupon-savings #mc_embed_signup .button:hover,
.section-newsletter #mc_embed_signup .button:hover {
  background: #f55e3b;
}

.short-mailchimp-form #mc_embed_signup .response,
.section-coupon-savings #mc_embed_signup .response,
.section-newsletter #mc_embed_signup .response {
  float: none !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

.short-mailchimp-form #mc_embed_signup_scroll,
.section-coupon-savings #mc_embed_signup_scroll,
.section-newsletter #mc_embed_signup_scroll {
  width: 100%;
  overflow: hidden;
}

.short-mailchimp-form .mailchimp-message,
.section-coupon-savings .mailchimp-message,
.section-newsletter .mailchimp-message {
  font-size: .7rem;
  color: #393939;
  line-height: 1.5rem;
}

.short-mailchimp-form .mc-field-group.product-purchase label,
.section-coupon-savings .mc-field-group.product-purchase label,
.section-newsletter .mc-field-group.product-purchase label {
  color: #003058;
  font-weight: bold;
  display: block;
}

.short-mailchimp-form #mc_embed_signup input,
.short-mailchimp-form #mc_embed_signup select {
  background: #FFFFFF;
  border-radius: 3px;
  border-width: 1px 1px 2px 3px;
  border-color: #d3d7d9;
  width: 100%;
}

.short-mailchimp-form #mc_embed_signup input:focus,
.short-mailchimp-form #mc_embed_signup select:focus {
  border: 2px solid #f55e3b;
}

.short-mailchimp-form #mc_embed_signup .with-label {
  margin-bottom: 3rem;
}

.short-mailchimp-form #mc_embed_signup .with-label ul {
  list-style: none;
  margin: 1rem auto 2rem;
  width: 95%;
}

.short-mailchimp-form #mc_embed_signup .with-label ul li {
  display: block;
  padding: 0;
  width: 49%;
}

@media screen and (min-width: 1000px) {
  .short-mailchimp-form #mc_embed_signup .with-label ul li {
    width: 24%;
  }
}

@media only screen and (min-width: 30em) {
  .short-mailchimp-form #mc_embed_signup .with-label ul li {
    display: inline-block;
  }
}

.short-mailchimp-form #mc_embed_signup .with-label ul li:first-child {
  padding-left: 0;
}

.short-mailchimp-form #mc_embed_signup .clear {
  width: 100%;
  margin: 0 auto;
}

@media only screen and (min-width: 30em) {
  .short-mailchimp-form #mc_embed_signup .clear {
    width: 50%;
  }
}

.short-mailchimp-form #mc_embed_signup #mc-embedded-subscribe.button {
  margin: 5rem auto 2rem;
  padding: .25rem 1.5rem;
  height: auto;
  display: block;
  background: #f55e3b;
  font-weight: lighter;
  text-transform: uppercase;
}

.short-mailchimp-form #mc_embed_signup #mc-embedded-subscribe.button:hover {
  background: #f55e3b;
}

.form-item label {
  display: none;
}

.form-item .form-text {
  float: right;
  border-style: solid gray;
  border-width: 1px 2px 3px;
}

#page-title {
  display: none;
}

.search-advanced {
  width: 20%;
  display: inline-block;
}

.search-advanced .criterion:first-child {
  display: none;
}

.search-results .search-result {
  margin: 0;
  padding: 2rem;
}

.search-results .search-result .title {
  padding: 1rem 0;
}

.search-results .search-result .title a {
  color: #003058;
}

.search-results .search-result .search-snippet-info {
  padding: 0;
}

.search-results .search-result .search-info {
  display: none;
}

.search-results .search-result:nth-child(odd) {
  background: #e1e1e1;
}

.search-main-container {
  margin-bottom: 9%;
}

.search-main-container .pagination-centered {
  margin-top: 3%;
}

.search-main-container .view-footer {
  margin-top: 4%;
}

.view-search-results-container {
  display: none;
  border-bottom: 2px solid #000000;
}

.view-search-results-container p {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.views-widget-filter-search_api_views_fulltext {
  padding: 0;
  float: right;
}

.views-widget-filter-search_api_views_fulltext label {
  display: none;
}

.views-widget-filter-search_api_views_fulltext .form-text.form-autocomplete {
  margin: 0;
  background-image: url("../img/search-input-arrow.png");
  background-position: 98% center;
  padding-right: 29px;
  box-sizing: border-box;
}

.facetapi-facetapi-links {
  list-style: none;
}

.view-search-suggest li {
  list-style: none;
}

.view-search-suggest .views-row-odd {
  background: #EEF0F1;
}

.view-search-suggest .view-empty {
  display: block;
  width: 100%;
  overflow: hidden;
}

.view-search-suggest .no-results {
  margin: 40px 0;
}

.block-views-exp-search-suggest-page--2 {
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.block-views-exp-search-suggest-page--2 button {
  display: none;
}

.search-sidebar {
  padding-left: 0;
}

.search-sidebar .block-title {
  font-family: "proxima-nova", "proxima-soft", sans-serif;
  font-size: 1.2rem;
  text-align: left;
  font-weight: bold;
}

.search-sidebar a {
  color: #000000;
}

.search-sidebar a.search-result-selected-a {
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 6px 6px;
  margin-left: -8px;
}

.search-sidebar ul li {
  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

.search-sidebar ul li.search-result-selected-p {
  margin-left: 0;
}

.search-sidebar li:hover a {
  font-weight: bold;
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 6px 6px;
  margin-left: -8px;
}

.search-sidebar .view-all-search-results-leaf {
  color: #f55e3b;
  cursor: pointer;
}

.search-title-text a {
  color: #00203a;
  display: block;
  font-weight: bold;
  padding: 0 0 10px;
}

.view-search-suggest .views-field-nothing .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}

.view-search-suggest .views-field-nothing .search-title-text {
  margin: auto;
  padding: 15px;
}

@media only screen and (max-width: 30em) {
  .search-main-container {
    margin-bottom: 20%;
  }

  .better-breadcrumbs {
    display: none;
  }

  .view-search-suggest .view-header {
    text-align: center;
  }

  .view-search-suggest .view-header p {
    color: #003058;
    font-size: 18px;
    margin-top: 8%;
  }

  .view-search-suggest .views-widget-filter-search_api_views_fulltext {
    padding: 0 10%;
    width: 100%;
  }

  .view-search-suggest .block-views-exp-search-suggest-page {
    margin-top: 8%;
  }

  .view-search-suggest .search-sidebar .block-title {
    text-align: center;
  }

  .view-search-suggest .views-row {
    padding: 3%;
    margin: 0 auto;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .view-search-suggest .views-row .views-field-nothing-1 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .view-search-suggest .views-row .views-field-nothing {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .view-search-suggest .views-row .field-content {
    font-size: 12px;
  }

  .view-search-suggest .views-row a {
    color: #003058;
    font-size: 18px;
    font-weight: 600;
  }

  .view-search-suggest .views-row img {
    display: block;
    margin: 0 auto;
  }

  .view-search-suggest .view-footer {
    display: none;
  }

  .facetapi-facetapi-links {
    display: none;
  }
}

@media only screen and (min-width: 48em) {
  .view-search-results-container {
    display: block;
    margin: 5% 0;
    padding: 0 2%;
  }

  .view-search-results-container .views-widget-filter-search_api_views_fulltext {
    padding: 0;
    float: right;
  }

  .better-breadcrumbs {
    display: block;
  }

  .view-search-suggest .view-header {
    margin-bottom: 2%;
  }

  .view-search-suggest .view-content {
    border-bottom: 2px solid #000000;
    padding-bottom: 10%;
  }

  .view-search-suggest .search-images.large-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .view-search-suggest .search-images ul {
    margin: 0;
  }

  .view-search-suggest .search-images img {
    padding: 7px 0;
    max-height: 200px;
  }
}

@media only screen and (min-width: 64.0625em) {
  .view-search-results-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .view-search-results-container [class*="column"] {
    padding-left: 0;
    padding-right: 0;
  }
}

@media only screen and (max-width: 64em) {
  .footer-arrow {
    content: "";
    color: white;
    height: 1rem;
    width: 2rem;
    background-color: #FFFFFF;
    position: absolute;
    bottom: 20rem;
    right: 0.5rem;
    height: 1.5rem;
    width: 1.5rem;
    z-index: 50;
    border-radius: 50%;
  }

  .footer-arrow:after {
    content: "";
    position: absolute;
    top: 8px;
    right: 6px;
    width: 12px;
    height: 12px;
    border-top: 1px solid #003058;
    border-right: 1px solid #003058;
    -webkit-transform: rotateZ(-45deg);
    transform: rotateZ(-45deg);
  }
}

@media only screen and (min-width: 48em) {
  .footer-arrow {
    bottom: 11rem;
  }
}

.search-pane {
  height: 0 !important;
  position: relative;
  z-index: 100;
  width: 100%;
  max-width: 77.5rem;
  margin-right: auto;
  margin-left: auto;
}

.search-pane .search-arrow {
  position: relative;
  width: auto;
  padding-left: 1.5rem;
  color: #003058;
  font-weight: 200;
  float: right;
  top: 8px;
  z-index: 101;
}

.search-pane .search-arrow::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #003058;
  transition: all 300ms ease;
  pointer-events: none;
}

.search-pane .search-arrow::after {
  content: "";
  position: absolute;
  top: 5px;
  pointer-events: none;
  right: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #003058;
  border-right: 1px solid #003058;
  transition: all 300ms ease;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.search-pane.is-hidden {
  display: none;
}

.search-pane form * {
  font-family: "proxima-nova", "proxima-soft", sans-serif;
}

.search-pane form:after {
  position: absolute;
  display: block;
  right: 0.6875rem;
  top: 0.5625rem;
  font-size: 0.8125rem;
  color: #003058;
  font-weight: bold;
}

.search-pane form input[name="search_api_views_fulltext"] {
  width: 20rem;
  float: right;
  background-image: none;
  font-weight: bold;
  color: #003058;
  padding-left: 1.1875rem;
  position: absolute;
  right: 0;
  top: 0;
  font-family: "proxima-nova", "proxima-soft", sans-serif;
  z-index: 101;
}

.search-pane form input[type="submit"] {
  position: absolute;
  height: 1px;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px 1px);
}

.search-pane form #autocomplete {
  z-index: 150;
}

.search-pane .views-exposed-widgets {
  margin-bottom: 0;
}

.search-pane .views-exposed-form .views-exposed-widget {
  float: none;
  padding: 0;
}

.search-pane .views-exposed-form .views-submit-button {
  display: none;
}

.search-pane .views-exposed-form label {
  display: none;
}

.search-pane.fixed {
  position: fixed;
  top: 119px;
  left: 0;
  right: 0;
}

.ui-autocomplete.ui-menu {
  position: absolute;
  right: 0;
  left: auto;
  width: 20rem !important;
  min-width: 10rem !important;
}

.ui-autocomplete.ui-menu .ui-menu-item-first {
  border: none;
  padding: .25rem 0;
}

.ui-autocomplete.ui-menu > div {
  font-size: 1rem;
  font-weight: bold;
  color: #003058;
  float: left;
  margin-left: 1.5rem;
  padding: .5rem 0;
}

.ui-autocomplete.ui-menu .ui-autocomplete-fields {
  padding: 0.3125rem 1.25rem;
  color: #848484;
}

.ui-autocomplete.ui-menu .ui-autocomplete-fields > div:nth-child(2) {
  display: none;
}

.form-item label {
  display: none;
}

.form-item .form-text {
  float: right;
  border-style: solid gray;
  border-width: 1px 2px 3px;
}

#page-title {
  display: none;
}

.search-advanced {
  width: 20%;
  display: inline-block;
}

.search-advanced .criterion:first-child {
  display: none;
}

.search-results .search-result {
  margin: 0;
  padding: 2rem;
}

.search-results .search-result .title {
  padding: 1rem 0;
}

.search-results .search-result .title a {
  color: #003058;
}

.search-results .search-result .search-snippet-info {
  padding: 0;
}

.search-results .search-result .search-info {
  display: none;
}

.search-results .search-result:nth-child(odd) {
  background: #e1e1e1;
}

.search-main-container {
  margin-bottom: 9%;
}

.search-main-container .pagination-centered {
  margin-top: 3%;
}

.search-main-container .view-footer {
  margin-top: 4%;
}

.view-search-results-container {
  display: none;
  border-bottom: 2px solid #000000;
}

.view-search-results-container p {
  font-size: 1.4rem;
  margin-bottom: 0;
}

.views-widget-filter-search_api_views_fulltext {
  padding: 0;
  float: right;
}

.views-widget-filter-search_api_views_fulltext label {
  display: none;
}

.views-widget-filter-search_api_views_fulltext .form-text.form-autocomplete {
  margin: 0;
  background-image: url("../img/search-input-arrow.png");
  background-position: 98% center;
  padding-right: 29px;
  box-sizing: border-box;
}

.facetapi-facetapi-links {
  list-style: none;
}

.view-search-suggest li {
  list-style: none;
}

.view-search-suggest .views-row-odd {
  background: #EEF0F1;
}

.view-search-suggest .view-empty {
  display: block;
  width: 100%;
  overflow: hidden;
}

.view-search-suggest .no-results {
  margin: 40px 0;
}

.block-views-exp-search-suggest-page--2 {
  display: inline-block;
  vertical-align: middle;
  float: right;
}

.block-views-exp-search-suggest-page--2 button {
  display: none;
}

.search-sidebar {
  padding-left: 0;
}

.search-sidebar .block-title {
  font-family: "proxima-nova", "proxima-soft", sans-serif;
  font-size: 1.2rem;
  text-align: left;
  font-weight: bold;
}

.search-sidebar a {
  color: #000000;
}

.search-sidebar a.search-result-selected-a {
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 6px 6px;
  margin-left: -8px;
}

.search-sidebar ul li {
  margin-left: 0;
  margin-top: 15px;
  margin-bottom: 15px;
}

.search-sidebar ul li.search-result-selected-p {
  margin-left: 0;
}

.search-sidebar li:hover a {
  font-weight: bold;
  border: 1px solid #000000;
  border-radius: 3px;
  padding: 6px 6px;
  margin-left: -8px;
}

.search-sidebar .view-all-search-results-leaf {
  color: #f55e3b;
  cursor: pointer;
}

.search-title-text a {
  color: #00203a;
  display: block;
  font-weight: bold;
  padding: 0 0 10px;
}

.view-search-suggest .views-field-nothing .field-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: inherit;
}

.view-search-suggest .views-field-nothing .search-title-text {
  margin: auto;
  padding: 15px;
}

@media only screen and (max-width: 30em) {
  .search-main-container {
    margin-bottom: 20%;
  }

  .better-breadcrumbs {
    display: none;
  }

  .view-search-suggest .view-header {
    text-align: center;
  }

  .view-search-suggest .view-header p {
    color: #003058;
    font-size: 18px;
    margin-top: 8%;
  }

  .view-search-suggest .views-widget-filter-search_api_views_fulltext {
    padding: 0 10%;
    width: 100%;
  }

  .view-search-suggest .block-views-exp-search-suggest-page {
    margin-top: 8%;
  }

  .view-search-suggest .search-sidebar .block-title {
    text-align: center;
  }

  .view-search-suggest .views-row {
    padding: 3%;
    margin: 0 auto;
    width: 90%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  .view-search-suggest .views-row .views-field-nothing-1 {
    -webkit-box-ordinal-group: 3;
    -ms-flex-order: 2;
    order: 2;
  }

  .view-search-suggest .views-row .views-field-nothing {
    -webkit-box-ordinal-group: 2;
    -ms-flex-order: 1;
    order: 1;
  }

  .view-search-suggest .views-row .field-content {
    font-size: 12px;
  }

  .view-search-suggest .views-row a {
    color: #003058;
    font-size: 18px;
    font-weight: 600;
  }

  .view-search-suggest .views-row img {
    display: block;
    margin: 0 auto;
  }

  .view-search-suggest .view-footer {
    display: none;
  }

  .facetapi-facetapi-links {
    display: none;
  }
}

@media only screen and (min-width: 48em) {
  .view-search-results-container {
    display: block;
    margin: 5% 0;
    padding: 0 2%;
  }

  .view-search-results-container .views-widget-filter-search_api_views_fulltext {
    padding: 0;
    float: right;
  }

  .better-breadcrumbs {
    display: block;
  }

  .view-search-suggest .view-header {
    margin-bottom: 2%;
  }

  .view-search-suggest .view-content {
    border-bottom: 2px solid #000000;
    padding-bottom: 10%;
  }

  .view-search-suggest .search-images.large-3 {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }

  .view-search-suggest .search-images ul {
    margin: 0;
  }

  .view-search-suggest .search-images img {
    padding: 7px 0;
    max-height: 200px;
  }
}

@media only screen and (min-width: 64.0625em) {
  .view-search-results-container {
    padding-left: 0;
    padding-right: 0;
    margin-left: 0;
    margin-right: 0;
  }

  .view-search-results-container [class*="column"] {
    padding-left: 0;
    padding-right: 0;
  }
}

.page-node-86 .field-collection-view .faq-answer.active {
  display: block;
}

.page-node-86 .field-collection-view .faq-answer {
  display: none;
}

.page-node-86 .field-name-field-paragraph-content > div:last-child {
  background: url("../img/texture.png");
  height: 300px;
}

.page-node-86 .field-name-field-paragraph-content > div:last-child .columns,
.page-node-86 .field-name-field-paragraph-content > div:last-child .no-contributor .field-name-field-inspiration-description,
.no-contributor .page-node-86 .field-name-field-paragraph-content > div:last-child .field-name-field-inspiration-description,
.page-node-86 .field-name-field-paragraph-content > div:last-child .has-contributor .field-name-field-inspiration-description,
.has-contributor .page-node-86 .field-name-field-paragraph-content > div:last-child .field-name-field-inspiration-description,
.page-node-86 .field-name-field-paragraph-content > div:last-child .has-contributor .field-name-field-inspiration-contributor,
.has-contributor .page-node-86 .field-name-field-paragraph-content > div:last-child .field-name-field-inspiration-contributor {
  margin-top: 1rem;
}

.l-header,
.field-name-field-basic-hero-image,
.entity-paragraphs-item:nth-child(1),
.entity-paragraphs-item:nth-child(2) {
  background: #FFFFFF;
}

div[about="/products/sustainability"] .field-name-field-new-content h2 {
  font-family: satisfy;
  color: #003058;
  margin: 3rem 0;
}

@media only screen and (max-width: 48em) {
  div[about="/products/sustainability"] .field-name-field-new-content h2 {
    padding: 0 1rem;
  }
}

div[about="/products/sustainability"] .field-name-field-left-column-content h4 {
  font-size: 1.25rem;
  color: #003058;
}

div[about="/products/sustainability"] .field-collection-container {
  border: none;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection > .label-above {
  color: #003058;
  font-weight: bold;
  margin: 0 1rem;
  padding-bottom: 10px;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection > div {
  border-bottom: 1px solid #d3d7d9;
  padding: 0;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question {
  position: relative;
  width: auto;
  padding-left: 1.5rem;
  color: #003058;
  font-weight: 200;
  color: #003058;
  position: relative;
  padding: .75rem 2rem .75rem 0;
  cursor: pointer;
  font-weight: 400;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #003058;
  transition: all 300ms ease;
  pointer-events: none;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question::after {
  content: "";
  position: absolute;
  top: 5px;
  pointer-events: none;
  right: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #003058;
  border-right: 1px solid #003058;
  transition: all 300ms ease;
  -webkit-transform: rotateZ(-225deg);
  transform: rotateZ(-225deg);
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question:hover::before {
  background: #003058;
  transition: all 300ms ease;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question:hover::after {
  border-color: #fff;
  transition: all 300ms ease;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question:before {
  left: auto;
  right: 10px;
  top: 15px;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question:after {
  left: auto;
  right: 15px;
  top: 19px;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-question.active:after {
  -webkit-transform: rotate(-45deg) translate(-1px, 1px) !important;
  -ms-transform: rotate(-45deg) translate(-1px, 1px) !important;
  transform: rotate(-45deg) translate(-1px, 1px) !important;
}

div[about="/products/sustainability"] .field-name-field-faq-field-collection .faq-answer {
  background: #EFEFEF;
  padding: 1rem 0 1rem 1rem;
  margin-top: .5rem;
  border-top: 1px solid #d3d7d9;
}

div[about="/products/sustainability"] .bg-accent {
  background: #34aebf;
  background: -moz-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: -webkit-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: linear-gradient(to bottom, #34aebf 0%, #2e8b98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34aebf', endColorstr='#2e8b98',GradientType=0 );
}

div[about="/products/sustainability"] .field-name-field-sustainability-header h2,
div[about="/products/sustainability"] .field-name-field-sustainability-header h1 {
  padding: 3rem 0 0;
  margin: 0;
  color: #FFFFFF;
  font-family: satisfy;
}

div[about="/products/sustainability"] .field-name-field-sub-header {
  padding: 2rem 0;
  margin-bottom: 30px;
}

div[about="/products/sustainability"] .field-name-field-sub-header h5 {
  font-family: "proxima-soft", sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #FFFFFF;
  font-size: 1.25rem;
}

div[about="/products/sustainability"] .number {
  padding-bottom: 2rem;
}

div[about="/products/sustainability"] .number span {
  height: 3.5rem;
  width: 2.875rem;
  display: block;
  background-repeat: no-repeat;
  margin: 0 auto;
  text-indent: -999px;
  overflow: hidden;
}

div[about="/products/sustainability"] .number.number-one span {
  background-image: url("../img/circle1.png");
}

div[about="/products/sustainability"] .number.number-two span {
  background-image: url("../img/circle2.png");
}

div[about="/products/sustainability"] .number.number-three span {
  background-image: url("../img/circle3.png");
}

div[about="/products/sustainability"] .number.number-four span {
  background-image: url("../img/circle4.png");
}

div[about="/products/sustainability"] .number h5 {
  color: white;
  font-size: 1.25rem;
}

div[about="/products/sustainability"] .number p {
  font-weight: lighter;
  color: white;
}

div[about="/products/sustainability"] .signup-text {
  margin: 5rem 3rem;
}

@media only screen and (max-width: 30em) {
  div[about="/products/sustainability"] .signup-text {
    margin: 3rem 1.5rem;
  }
}

div[about="/products/sustainability"] .signup-text h3 {
  font-size: 1.25rem;
  color: #003058;
}

div[about="/products/sustainability"] .block-mailchimp-signup input {
  border-radius: 3px;
}

.page-node-86 .form-type-textfield {
  width: 100%;
}

.page-node-86 .form-type-textfield .form-text {
  margin: 0 auto;
  float: none !important;
  border-radius: 3px;
  border-width: 1px 1px 2px 3px;
  border-color: #d3d7d9;
}

.page-node-86 .form-type-textfield .form-text::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  text-align: center;
  color: #d3d7d9;
}

.page-node-86 .form-type-textfield .form-text::-moz-placeholder {
  /* Firefox 19+ */
  text-align: center;
  color: #d3d7d9;
}

.page-node-86 .form-type-textfield .form-text:-ms-input-placeholder {
  /* IE 10+ */
  text-align: center;
  color: #d3d7d9;
}

.page-node-86 .form-type-textfield .form-text:-moz-placeholder {
  /* Firefox 18- */
  text-align: center;
  color: #d3d7d9;
}

.page-node-86 .form-type-textfield .form-text:focus {
  border: 2px solid #f55e3b;
}

.page-node-86 #mailchimp-signup-subscribe-block-sustainability-form {
  width: 100%;
  margin: 5rem 0;
}

@media only screen and (max-width: 30em) {
  .page-node-86 #mailchimp-signup-subscribe-block-sustainability-form {
    margin: 2rem 0 5rem;
  }

  .page-node-86 #mailchimp-signup-subscribe-block-sustainability-form input {
    max-width: 100%;
  }
}

.page-node-86 #mailchimp-signup-subscribe-block-sustainability-form button {
  color: #fff;
  display: inline-block;
  background: #163157;
  border: 2px solid #163157;
  border-radius: 4px;
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2.5rem;
  padding: 0 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms ease, color 250ms ease;
  clear: both;
  display: block;
  margin: 0 auto;
}

.page-node-86 #mailchimp-signup-subscribe-block-sustainability-form button:hover {
  color: #163157;
  background: #fff;
  text-decoration: none;
}

.paragraphs-item-sustainability-2col-faq {
  margin-bottom: 3rem;
}

.field-name-field-sustainability-header {
  margin-bottom: 2rem;
}

#edit-mergevars-email:active,
#edit-mergevars-email:focus {
  border: 1px solid #f55e3b;
}

.tooltip .nub {
  border-color: #003058 transparent transparent transparent;
}

/*
.top-bar {
  height: 119px;
  background: $chinet-blue1;
}

*/

.top-bar .title-area img {
  padding: 0;
  max-width: 10.75rem;
}

.top-bar .name a {
  padding: 0 0.125rem;
  line-height: 7.4375rem;
  font-size: 1.0625rem;
  margin: 0;
}

@media only screen and (max-width: 64em) {
  .top-bar .name a {
    line-height: 0;
  }
}

.front .top-bar .name a {
  padding: 0;
}

.top-bar .title-area {
  z-index: 3;
}

@media only screen and (max-width: 77.5em) {
  .top-bar .title-area {
    margin-left: 0.0625rem;
  }
}

.top-bar-section {
  height: inherit;
}

.top-bar-section.products-open::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 20rem;
  background: #FFFFFF;
}

.top-bar-section > ul {
  margin-top: 35px;
}

.top-bar-section > ul li {
  padding: 0;
}

.top-bar-section > ul li > a {
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
}

.top-bar-section > ul.nav-btns {
  margin-top: 38px;
}

.top-bar-section > ul.nav-btns li {
  margin: 0 8px;
}

.top-bar-section .dropdown {
  margin-top: 0;
}

.top-bar-section ul.secondary {
  display: none;
}

.top-bar-section ul.main-nav li {
  margin: 0 3px;
}

.top-bar-section li:not(.has-form) a:not(.button):hover,
.top-bar-section li:not(.has-form) a:not(.button).active {
  text-decoration: none;
}

.secondary.under-menu {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,eaeaea+100 */
  background: #ffffff;
  background: -moz-linear-gradient(top, #ffffff 50%, #eaeaea 100%);
  background: -webkit-linear-gradient(top, #ffffff 50%, #eaeaea 100%);
  background: linear-gradient(to bottom, #ffffff 50%, #eaeaea 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eaeaea',GradientType=0 );
  height: 3.8125rem;
  opacity: 0;
  position: fixed;
  top: -11.25rem;
  transition: opacity 250ms ease;
  z-index: 98;
}

.secondary.under-menu.is-active {
  opacity: 1;
  top: 7.4375rem;
}

.secondary.under-menu ul {
  list-style: outside none none;
  margin-bottom: 0;
  margin-left: auto;
  margin-right: auto;
  max-width: 77.5rem;
  text-align: center;
}

.secondary.under-menu ul li.sec {
  display: inline-block;
  text-align: center;
  margin: 9px 10px;
}

.secondary.under-menu ul li.sec.first {
  margin-left: 0;
}

.secondary.under-menu ul li.sec.last {
  margin-right: 80px;
}

.secondary.under-menu ul li.sec a {
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #34aebf;
  border: 1px solid transparent;
  display: block;
  font-size: 1.25rem;
  line-height: 2.5rem;
  padding: 0 0.9375rem;
}

.secondary.under-menu ul li.sec a:hover,
.secondary.under-menu ul li.sec a.active {
  color: #34aebf;
  border: 1px solid #34aebf;
  border-radius: 5px;
  padding: 0 0.9375rem;
  line-height: 2.5rem;
  text-decoration: none;
}

.secondary.under-menu ul li.soc {
  display: inline-block;
  margin: 14px 9px;
}

.secondary.under-menu ul li.soc a {
  display: block;
  width: 32px;
  height: 32px;
  background: url(../img/sm-icons.png) transparent;
  background-position: 0 0;
  background-size: 164px auto;
  text-indent: -9999px;
}

.secondary.under-menu ul li.soc a.face {
  background-position: 0 0;
}

.secondary.under-menu ul li.soc a.face:hover {
  background-position: 0 -33px;
}

.secondary.under-menu ul li.soc a.yout {
  background-position: -33px 0;
}

.secondary.under-menu ul li.soc a.yout:hover {
  background-position: -33px -33px;
}

.secondary.under-menu ul li.soc a.inst {
  background-position: -66px 0;
}

.secondary.under-menu ul li.soc a.inst:hover {
  background-position: -66px -33px;
}

.secondary.under-menu ul li.soc a.pint {
  background-position: -99px 0;
}

.secondary.under-menu ul li.soc a.pint:hover {
  background-position: -99px -33px;
}

.secondary.under-menu ul li.soc a.twit {
  background-position: -132px 0;
}

.secondary.under-menu ul li.soc a.twit:hover {
  background-position: -132px -33px;
}

.f-topbar-fixed .secondary.under-menu.fixed.is-active {
  top: 7.4375rem;
}

.admin-menu .secondary.under-menu {
  top: -9.1875rem;
}

.admin-menu .secondary.under-menu.is-active {
  top: 9.1875rem;
}

.admin-menu .secondary.under-menu.is-active.fixed {
  top: inherit;
}

.contain-to-grid .inner-wrap {
  max-width: 77.5rem;
  margin-left: auto;
  margin-right: auto;
}

.c-hamburger {
  display: block;
  position: relative;
  overflow: hidden;
  margin: 0;
  padding: 0;
  width: 38px;
  height: 38px;
  font-size: 0;
  text-indent: -9999px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  box-shadow: none;
  border-radius: none;
  border: none;
  cursor: pointer;
  transition: background 0.25s;
}

.c-hamburger:focus {
  outline: none;
}

.c-hamburger span {
  display: block;
  position: absolute;
  top: 17px;
  left: 4px;
  right: 4px;
  height: 2px;
  background: white;
}

.c-hamburger span::before,
.c-hamburger span::after {
  position: absolute;
  display: block;
  left: 0;
  width: 100%;
  height: 2px;
  background-color: white;
  content: "";
}

.c-hamburger span::before {
  top: -10px;
}

.c-hamburger span::after {
  bottom: -10px;
}

.c-hamburger--htx {
  background-color: transparent;
}

.c-hamburger--htx span {
  transition: background 0s 0.25s;
}

.c-hamburger--htx span::before,
.c-hamburger--htx span::after {
  transition-duration: 0.25s, 0.25s;
  transition-delay: 0.25s, 0s;
}

.c-hamburger--htx span::before {
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
}

.c-hamburger--htx span::after {
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
}

/* active state, i.e. menu open */

.c-hamburger--htx.is-active span {
  background: none;
}

.c-hamburger--htx.is-active span::before {
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.c-hamburger--htx.is-active span::after {
  bottom: 0;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

.c-hamburger--htx.is-active span::before,
.c-hamburger--htx.is-active span::after {
  transition-delay: 0s, 250ms;
}

.mg-wrapper {
  padding: 3px;
  box-sizing: border-box;
  transition: all 250ms ease-in-out;
}

.mg-wrapper *,
.mg-wrapper *:before,
.mg-wrapper *:after {
  transition: inherit;
  box-sizing: inherit;
}

.magnifying-glass {
  display: block;
  width: 30px;
  height: 30px;
  vertical-align: top;
  position: relative;
  cursor: pointer;
}

.magnifying-glass .lens {
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 3px;
  left: 3px;
  border: 2.25px #163157 solid;
  border-radius: 30px;
  background-color: #FFFFFF;
}

.magnifying-glass .handle {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  height: 2.25px;
  width: 10px;
  background-color: #163157;
  position: absolute;
  bottom: 3.5625px;
  right: 3.5625px;
  -webkit-transform-origin: 8.875px 50%;
  -ms-transform-origin: 8.875px 50%;
  transform-origin: 8.875px 50%;
}

.magnifying-glass .mask {
  position: absolute;
  width: 0;
  height: 0;
}

.magnifying-glass .mask.top {
  top: 0;
  left: 50%;
  border-top: 0 solid #002343;
  border-right: 0 solid transparent;
  border-bottom: 0;
  border-left: 0 solid transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.magnifying-glass .mask.bottom {
  bottom: 0;
  left: 50%;
  border-top: 0;
  border-right: 0 solid transparent;
  border-bottom: 0 solid #002343;
  border-left: 0 solid transparent;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}

.magnifying-glass .mask.left {
  top: 50%;
  left: 0;
  border-top: 0 solid transparent;
  border-right: 0;
  border-bottom: 0 solid transparent;
  border-left: 0 solid #002343;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.magnifying-glass .mask.right {
  top: 50%;
  right: 0;
  border-top: 0 solid transparent;
  border-right: 0 solid #002343;
  border-bottom: 0 solid transparent;
  border-left: 0;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.magnifying-glass.is-active {
  z-index: 201;
}

.magnifying-glass.is-active .lens {
  width: 30px;
  height: 30px;
  top: 0;
  left: 0;
  border-width: 15px;
  background-color: #163157;
}

.magnifying-glass.is-active .mask {
  border-width: 14px;
}

.magnifying-glass.is-active .mask.top {
  border-top-color: #fff;
}

.magnifying-glass.is-active .mask.right {
  border-right-color: #fff;
}

.magnifying-glass.is-active .mask.bottom {
  border-bottom-color: #fff;
}

.magnifying-glass.is-active .mask.left {
  border-left-color: #fff;
}

.magnifying-glass.is-active .handle {
  background-color: #163157;
}

.chi-nav .magnifying-glass {
  height: 30px;
  width: 30px;
  padding: 0;
  background: none;
  border: none;
  top: 0;
}

.products-toggle {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  padding: 1rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 100;
  font-family: "proxima-nova", "proxima-soft", sans-serif;
  text-indent: -9999px;
  cursor: pointer;
  z-index: 10;
}

.products-toggle::after,
.products-toggle::before {
  content: "";
  width: 2px;
  height: 30px;
  background: #fff;
  position: absolute;
  right: 0;
  top: 2.5625rem;
}

.products-toggle::after {
  -webkit-transform: translateX(-26px) rotateZ(45deg);
  transform: translateX(-26px) rotateZ(45deg);
}

.products-toggle::before {
  -webkit-transform: translateX(-26px) rotateZ(-45deg);
  transform: translateX(-26px) rotateZ(-45deg);
}

.top-bar-section li:not(.has-form) a:not(.button) {
  color: #003058;
  line-height: 2;
}

.top-bar-section ul li:hover:not(.has-form) > a {
  color: #003058;
}

.top-bar-section li:not(.has-form) a:not(.button):hover {
  background: transparent;
}

.main-top-bar {
  position: relative;
  z-index: 100;
  background: #fff;
}

@media screen and (min-width: 768px) {
  body {
    padding-top: 119px;
  }

  .main-top-bar {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 100;
  }

  .chi-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    max-width: 1240px;
    margin: 0 auto;
    padding: 10px 3rem;
  }

  .chi-nav.top-bar:before,
  .chi-nav.top-bar:after {
    display: none;
  }

  .chi-nav .main-nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    margin-left: 0;
    font-size: 1.25rem;
    font-weight: 100;
  }

  .chi-nav .main-nav:hover > li:not(.nav-active) {
    opacity: .3;
    transition: opacity .2s ease-in-out;
  }

  .chi-nav .main-nav:hover > li:not(.nav-active):hover {
    opacity: 1;
    transition: opacity .2s ease-in-out;
  }

  .chi-nav .main-nav a {
    color: #163157;
  }

  .chi-nav .main-nav > li {
    position: relative;
    opacity: 1;
    transition: opacity .2s ease-in-out;
  }

  .chi-nav .main-nav > li a {
    padding: .25rem .85rem;
  }

  .chi-nav .main-nav > li .dropdown {
    display: none;
  }

  .chi-nav .main-nav > .has-dropdown > a:after {
    display: inline-block;
    color: #163157;
    content: '\203A';
    margin-left: 4px;
    font-size: 24px;
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
  }

  .chi-nav .main-nav > .has-dropdown.nav-active > a:after {
    -webkit-transform: translate(3px, 3px) rotate(90deg);
    -ms-transform: translate(3px, 3px) rotate(90deg);
    transform: translate(3px, 3px) rotate(90deg);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown {
    display: block;
    position: absolute;
    margin-left: 0;
    background: white;
    z-index: 100;
    min-width: 235px;
    text-align: center;
    left: 50%;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    border: 1px solid #b9bfc9;
    font-size: 1.2rem;
    top: calc(100% + 8px);
    opacity: 0;
    transition: opacity .2s ease-in-out;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li {
    position: relative;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li > a {
    padding: 8px;
    display: block;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li:hover {
    background-color: #163157;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li:hover a {
    color: #FFFFFF;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li:hover:after {
    display: none;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li:after {
    content: '';
    position: absolute;
    bottom: 0;
    left: 15px;
    width: calc(100% - 30px);
    border-bottom: 1px solid #b9bfc9;
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown > li:last-child::after {
    display: none;
  }

  .chi-nav .main-nav > .has-dropdown.nav-active > .dropdown {
    opacity: 1;
    transition: opacity .2s ease-in-out;
  }
}

@media screen and (max-width: 767px) {
  .main-menu-wrapper {
    padding: 0 .625rem;
  }

  .chi-nav .mg-wrapper {
    position: absolute;
    right: 50px;
    top: 23px;
    z-index: 900;
    transition: border 250ms ease-in-out;
  }

  .chi-nav .main-nav {
    margin-left: 0;
    font-weight: 100;
  }

  .chi-nav .main-nav a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: 1rem;
    font-size: 1.5rem;
    color: #163157;
    width: 100%;
  }

  .chi-nav .main-nav > li > a {
    border-bottom: 1px solid #b9bfc9;
  }

  .chi-nav .has-dropdown > a:after {
    display: inline-block;
    color: #163157;
    content: '\203A';
    margin-left: 4px;
    font-size: 40px;
    line-height: .75;
    -webkit-transform: translate(0, 0) rotate(0deg);
    -ms-transform: translate(0, 0) rotate(0deg);
    transform: translate(0, 0) rotate(0deg);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
  }

  .chi-nav .has-dropdown.nav-active > a:after {
    -webkit-transform: translate(0px, 0px) rotate(90deg);
    -ms-transform: translate(0px, 0px) rotate(90deg);
    transform: translate(0px, 0px) rotate(90deg);
  }

  .chi-nav .main-nav > .has-dropdown > .dropdown {
    max-height: 0;
    overflow: hidden;
    transition: max-height 200ms ease-in-out;
  }

  .chi-nav .main-nav > .has-dropdown.nav-active > .dropdown {
    max-height: 300px;
    transition: max-height 200ms ease-in-out;
  }

  .nav-open .chi-nav {
    height: auto !important;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    overflow-y: auto;
    background: #FFFFFF;
    z-index: 100;
  }

  .nav-open .chi-nav .mg-wrapper {
    position: absolute;
    z-index: 900;
    transition: none;
  }
}

.views-exposed-widget .views-widget .description {
  display: none;
}

/*
.spot-1,
.spot-2,
.spot-3,
.spot-5,
.spot-6,
.spot-8 {
  .field-name-field-blog-category {
    @include proximanovasoft-reg;
    background: rgba(0, 0, 0, 0.6);
    color: white;
    font-size: rem-calc(18);
    height: rem-calc(40);
    line-height: rem-calc(40);
    max-width: rem-calc(610);
    position: absolute;
    text-align: center;
    text-transform: uppercase;
    top: 0;
    transition: background-color 250ms ease;
    width: 100%;
    z-index: 2;

    @media only screen and (max-width:77.5em) {
      max-width: 100%;
    }
  }
}
*/

.ds-1col.paragraphs-item-whats-new-section {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
}

@media only screen and (min-width: 64.0625em) {
  .ds-1col.paragraphs-item-whats-new-section {
    width: 100%;
    padding: 0 32px;
    max-width: 81.5rem;
  }
}

.ds-1col.paragraphs-item-whats-new-section .whats-new-blog-wrapper {
  margin: 0 auto;
}

.ds-1col.paragraphs-item-whats-new-section .field-name-see-all-stories {
  margin: 0 auto 40px;
  max-width: 38.125rem;
  overflow: hidden;
}

@media only screen and (min-width: 64.0625em) {
  .ds-1col.paragraphs-item-whats-new-section .field-name-see-all-stories {
    margin: 0 0 40px;
    max-width: 100%;
  }
}

.ds-1col.paragraphs-item-whats-new-section .section-title {
  margin-bottom: 2rem;
}

.front .font-satisfy {
  margin-top: 3rem;
}

.whats-new-featured-blog,
.view-whats-new.featured-blog {
  margin: 0 auto 1.25rem auto;
  max-width: 38.125rem;
}

@media only screen and (min-width: 48em) {
  .whats-new-featured-blog,
  .view-whats-new.featured-blog {
    width: 100%;
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-featured-blog,
  .view-whats-new.featured-blog {
    max-width: none;
  }
}

.whats-new-featured-blog .node-blog.view-mode-featured,
.view-whats-new.featured-blog .node-blog.view-mode-featured {
  background-color: #ebebeb;
}

.whats-new-featured-blog .node-blog.view-mode-featured > .row,
.view-whats-new.featured-blog .node-blog.view-mode-featured > .row {
  margin-left: 0;
  margin-right: 0;
}

.whats-new-featured-blog .node-blog.view-mode-featured .group-left,
.view-whats-new.featured-blog .node-blog.view-mode-featured .group-left {
  float: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  width: 100%;
  /*
      @media only screen and (min-width:77.5em) {
        float: left;
        width: 50%;
        height: rem-calc(278);
      }
*/
}

@media only screen and (min-width: 30em) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-left,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-left {
    height: 18.75rem;
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-left,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-left {
    float: left;
    width: 50%;
    height: 17.375rem;
  }
}

.whats-new-featured-blog .node-blog.view-mode-featured .group-left img,
.view-whats-new.featured-blog .node-blog.view-mode-featured .group-left img {
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
}

@media only screen and (min-width: 30em) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-left img,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-left img {
    -webkit-transform: translateY(-15%);
    -ms-transform: translateY(-15%);
    transform: translateY(-15%);
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-left img,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-left img {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
  }
}

.whats-new-featured-blog .node-blog.view-mode-featured .group-left:hover img,
.view-whats-new.featured-blog .node-blog.view-mode-featured .group-left:hover img {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
}

@media only screen and (min-width: 30em) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-left:hover img,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-left:hover img {
    -webkit-transform: scale(1.05) translateY(-15%);
    -ms-transform: scale(1.05) translateY(-15%);
    transform: scale(1.05) translateY(-15%);
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-left:hover img,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-left:hover img {
    -webkit-transform: scale(1.05) translateY(-25%);
    -ms-transform: scale(1.05) translateY(-25%);
    transform: scale(1.05) translateY(-25%);
  }
}

.whats-new-featured-blog .node-blog.view-mode-featured .group-right,
.view-whats-new.featured-blog .node-blog.view-mode-featured .group-right {
  float: none;
  height: auto;
  padding: 1.25rem;
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  /*
      @media only screen and (min-width:77.5em) {
        float: right;
        height: rem-calc(278);
        padding: 0 rem-calc(20);
        width: 50%;
      }
*/
}

@media only screen and (min-width: 48em) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-right,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-right {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-featured-blog .node-blog.view-mode-featured .group-right,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .group-right {
    float: right;
    height: 17.375rem;
    padding: 0 1.25rem;
    width: 50%;
  }
}

.whats-new-featured-blog .node-blog.view-mode-featured .field-name-field-blog-image,
.view-whats-new.featured-blog .node-blog.view-mode-featured .field-name-field-blog-image {
  max-width: 38.125rem;
  overflow: hidden;
}

@media only screen and (max-width: 77.5em) {
  .whats-new-featured-blog .node-blog.view-mode-featured .field-name-field-blog-image,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .field-name-field-blog-image {
    max-width: 100%;
  }

  .whats-new-featured-blog .node-blog.view-mode-featured .field-name-field-blog-image img,
  .view-whats-new.featured-blog .node-blog.view-mode-featured .field-name-field-blog-image img {
    width: 100%;
  }
}

.whats-new-featured-blog .field-name-title h2,
.whats-new-featured-blog .field-name-title h1,
.whats-new-featured-blog .field-name-title h1 a,
.whats-new-featured-blog .field-name-title h2 a,
.view-whats-new.featured-blog .field-name-title h2,
.view-whats-new.featured-blog .field-name-title h1,
.view-whats-new.featured-blog .field-name-title h1 a,
.view-whats-new.featured-blog .field-name-title h2 a {
  color: #003058;
  font-family: "proxima-soft", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
}

.whats-new-featured-blog .field-name-field-blog-body,
.whats-new-featured-blog .blog-body,
.view-whats-new.featured-blog .field-name-field-blog-body,
.view-whats-new.featured-blog .blog-body {
  color: black;
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1rem;
  line-height: 1.25em;
  text-align: center;
}

@media only screen and (min-width: 48em) {
  .whats-new-featured-blog .field-name-field-blog-body,
  .whats-new-featured-blog .blog-body,
  .view-whats-new.featured-blog .field-name-field-blog-body,
  .view-whats-new.featured-blog .blog-body {
    width: 100%;
    text-align: left;
  }
}

.whats-new-featured-blog .read-more a,
.view-whats-new.featured-blog .read-more a {
  color: #fff;
  display: inline-block;
  background: #163157;
  border: 2px solid #163157;
  border-radius: 4px;
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2.5rem;
  padding: 0 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms ease, color 250ms ease;
}

.whats-new-featured-blog .read-more a:hover,
.view-whats-new.featured-blog .read-more a:hover {
  color: #163157;
  background: #fff;
  text-decoration: none;
}

.not-front .card.blog-card {
  position: relative;
  cursor: pointer;
}

.not-front .card.blog-card .field-name-field-blog-category,
.not-front .card.blog-card .whats-new-blog-wrapper .block.spot-6 .instagram-card .instagram-header,
.whats-new-blog-wrapper .block.spot-6 .instagram-card .not-front .card.blog-card .instagram-header {
  z-index: 2;
}

.not-front .card.blog-card .image-wrapper {
  overflow: hidden;
  z-index: 2;
}

.not-front .card.blog-card img {
  transition: all 0.5s ease;
}

.not-front .card.blog-card:hover img {
  -webkit-transform: scale(1.25);
  -ms-transform: scale(1.25);
  transform: scale(1.25);
  transition: all 0.5s ease;
}

.not-front .card.blog-card:hover h4.title {
  font-weight: 600;
}

.not-front .card.blog-card:hover .read-more {
  position: absolute;
  right: 10px;
  bottom: 10px;
}

@media only screen and (min-width: 48em) {
  .not-front .card.blog-card:hover .read-more {
    display: block;
  }
}

.not-front .card.blog-card:hover .read-more a {
  background-color: transparent;
  border-radius: 22px;
  border: 1px solid white;
  color: white;
  display: block;
  font-size: 1.3125rem;
  height: 1.875rem;
  line-height: 1.8125rem;
  transition: background-color 250ms ease, color 250ms ease;
  width: 1.875rem;
  border: 1px solid #002A4E;
}

.not-front .card.blog-card:hover .read-more a:hover {
  text-decoration: none;
}

.not-front .card.blog-card:hover .read-more a::before {
  content: " > ";
  color: #002A4E;
  padding-left: 9px;
}

.not-front .card.blog-card:hover .read-more a:hover {
  background: #002A4E;
}

.not-front .card.blog-card:hover .read-more a:hover::before {
  color: white;
}

.node-blog.node-teaser > .row {
  margin-left: 0;
  margin-right: 0;
}

.node-blog.node-teaser .columns,
.node-blog.node-teaser .no-contributor .field-name-field-inspiration-description,
.no-contributor .node-blog.node-teaser .field-name-field-inspiration-description,
.node-blog.node-teaser .has-contributor .field-name-field-inspiration-description,
.has-contributor .node-blog.node-teaser .field-name-field-inspiration-description,
.node-blog.node-teaser .has-contributor .field-name-field-inspiration-contributor,
.has-contributor .node-blog.node-teaser .field-name-field-inspiration-contributor {
  padding: 0;
}

.whats-new-blog-wrapper {
  margin: 0 auto 1.25rem auto;
  max-width: 77.5rem;
  overflow: hidden;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper {
    width: 100%;
  }
}

@media only screen and (min-width: 64.0625em) {
  .whats-new-blog-wrapper {
    max-width: none;
  }
}

.whats-new-blog-wrapper .background-image.blog-image.background-cover {
  height: 100%;
  overflow: hidden;
  position: absolute;
  width: 100%;
}

.whats-new-blog-wrapper .group-blog-wrapper-left {
  float: none;
  margin: 0 auto;
  max-width: 38.125rem;
  padding: 0;
  /*
    @media only screen and (min-width:77.5em) {
      float: left;
      margin: 0 rem-calc(10) 0 0;
    }
*/
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .group-blog-wrapper-left {
    margin: 0 auto;
    width: 100%;
  }
}

@media only screen and (min-width: 64.0625em) {
  .whats-new-blog-wrapper .group-blog-wrapper-left {
    margin: 0 auto;
    max-width: 38.125rem;
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-blog-wrapper .group-blog-wrapper-left {
    float: left;
    margin: 0 0.625rem 0 0;
  }
}

.whats-new-blog-wrapper .group-blog-wrapper-right,
.whats-new-blog-wrapper .group-blog-wrapper-right.column {
  float: none;
  margin: 0 auto;
  max-width: 38.125rem;
  padding: 0;
  /*
    @media only screen and (min-width:77.5em) {
      float: left;
      margin: 0 0 0 rem-calc(10);
    }
*/
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .group-blog-wrapper-right,
  .whats-new-blog-wrapper .group-blog-wrapper-right.column {
    width: 100%;
  }
}

@media only screen and (min-width: 64.0625em) {
  .whats-new-blog-wrapper .group-blog-wrapper-right,
  .whats-new-blog-wrapper .group-blog-wrapper-right.column {
    max-width: 38.125rem;
  }
}

@media only screen and (min-width: 1320px) {
  .whats-new-blog-wrapper .group-blog-wrapper-right,
  .whats-new-blog-wrapper .group-blog-wrapper-right.column {
    float: left;
    margin: 0 0 0 0.625rem;
  }
}

.whats-new-blog-wrapper .group-overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

.whats-new-blog-wrapper .group-overlay .body-wrapper {
  padding: 0 1.25rem;
  position: relative;
}

.whats-new-blog-wrapper .group-overlay .body-wrapper .field-name-title h4 {
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  font-size: 1.25rem;
  text-align: left;
}

.whats-new-blog-wrapper .group-overlay .body-wrapper .blog-body {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  font-size: 1rem;
  line-height: 1.25em;
}

.whats-new-blog-wrapper .group-overlay .body-wrapper .read-more {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.whats-new-blog-wrapper .block {
  float: none;
  margin-left: auto;
  margin-right: auto;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block {
    float: left;
    height: auto;
    width: 100%;
  }
}

.whats-new-blog-wrapper .block.spot-2,
.whats-new-blog-wrapper .block.spot-3,
.whats-new-blog-wrapper .block.spot-4,
.whats-new-blog-wrapper .block.spot-5,
.whats-new-blog-wrapper .block.spot-6,
.whats-new-blog-wrapper .block.spot-7,
.whats-new-blog-wrapper .block.spot-8 {
  margin: 0 0 20px 0;
  overflow: hidden;
  width: 100%;
  position: relative;
}

.whats-new-blog-wrapper .block.spot-2 {
  height: auto;
  width: 100%;
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f55e3b+0,dc5536+100 */
  background: #f55e3b;
  background: -moz-linear-gradient(top, #f55e3b 0%, #dc5536 100%);
  background: -webkit-linear-gradient(top, #f55e3b 0%, #dc5536 100%);
  background: linear-gradient(to bottom, #f55e3b 0%, #dc5536 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55e3b', endColorstr='#dc5536',GradientType=0 );
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-2 {
    height: 11.5rem;
    width: 38.125rem;
  }
}

.whats-new-blog-wrapper .block.spot-2 .blog-card {
  cursor: pointer;
}

@media only screen and (max-width: 30em) {
  .whats-new-blog-wrapper .block.spot-2 .blog-card img {
    width: 100%;
  }
}

.whats-new-blog-wrapper .block.spot-2 .background-image.blog-image {
  display: none;
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper {
  height: auto;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper {
    height: 11.5rem;
  }
}

.whats-new-blog-wrapper .block.spot-5 {
  /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f55e3b+0,dc5536+100 */
  background: #f55e3b;
  background: -moz-linear-gradient(top, #f55e3b 0%, #dc5536 100%);
  background: -webkit-linear-gradient(top, #f55e3b 0%, #dc5536 100%);
  background: linear-gradient(to bottom, #f55e3b 0%, #dc5536 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f55e3b', endColorstr='#dc5536',GradientType=0 );
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-5 {
    height: 14.0625rem;
    margin: 0 0 0 20px;
    width: 18.4375rem;
  }
}

.whats-new-blog-wrapper .block.spot-5 .background-image.blog-image {
  display: none;
}

.whats-new-blog-wrapper .block.spot-5 .field-name-field-blog-category,
.whats-new-blog-wrapper .block.spot-5 .block.spot-6 .instagram-card .instagram-header,
.whats-new-blog-wrapper .block.spot-6 .instagram-card .block.spot-5 .instagram-header {
  background: #3a3a3a;
  position: relative;
}

.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper {
  height: 14.0625rem;
}

.whats-new-blog-wrapper .block.spot-2 .blog-card,
.whats-new-blog-wrapper .block.spot-5 .blog-card {
  cursor: pointer;
}

.whats-new-blog-wrapper .block.spot-2 .blog-card:hover .group-overlay .body-wrapper .read-more a::before,
.whats-new-blog-wrapper .block.spot-5 .blog-card:hover .group-overlay .body-wrapper .read-more a::before {
  background: #fff;
  transition: all 300ms ease;
}

.whats-new-blog-wrapper .block.spot-2 .blog-card:hover .group-overlay .body-wrapper .read-more a::after,
.whats-new-blog-wrapper .block.spot-5 .blog-card:hover .group-overlay .body-wrapper .read-more a::after {
  border-color: #f55e3b;
  transition: all 300ms ease;
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 3.75rem 1.25rem 1.875rem;
  position: relative;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper,
  .whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper {
    padding: 0 2.5rem 0;
  }
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  opacity: 0;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more,
  .whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more {
    display: block;
    opacity: 1;
  }
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more a,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more a {
  position: relative;
  width: auto;
  padding-left: 1.5rem;
  color: #fff;
  font-weight: 200;
  display: block;
  position: absolute;
  height: 100%;
  width: 100%;
  text-indent: -9999px;
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more a::before,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more a::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 0;
  height: 1rem;
  width: 1rem;
  border-radius: 50%;
  border: 1px solid #fff;
  transition: all 300ms ease;
  pointer-events: none;
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more a::after,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more a::after {
  content: "";
  position: absolute;
  top: 5px;
  pointer-events: none;
  right: 5px;
  width: 6px;
  height: 6px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  transition: all 300ms ease;
  -webkit-transform: rotateZ(45deg);
  transform: rotateZ(45deg);
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more a::before,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more a::before {
  height: 1.5rem;
  width: 1.5rem;
  top: auto;
  bottom: 10px;
  right: 17px;
}

.whats-new-blog-wrapper .block.spot-2 .group-overlay .body-wrapper .read-more a::after,
.whats-new-blog-wrapper .block.spot-5 .group-overlay .body-wrapper .read-more a::after {
  top: auto;
  right: 25px;
  bottom: 17px;
  height: 10px;
  width: 10px;
  border-width: 2px;
}

.whats-new-blog-wrapper .block.spot-3 {
  height: 18.75rem;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-3 {
    height: 29.375rem;
    width: 18.4375rem;
  }
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper {
  height: 18.75rem;
  padding: 3.75rem 1.25rem 0;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper {
    height: 29.375rem;
  }
}

.whats-new-blog-wrapper .block.spot-8 {
  height: 18.75rem;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-8 {
    height: 26.875rem;
    width: 38.125rem;
  }
}

.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper {
  height: 18.75rem;
  padding: 1.25rem;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper {
    height: 26.875rem;
  }
}

.whats-new-blog-wrapper .block.spot-3 .blog-card:hover .field-name-field-blog-category,
.whats-new-blog-wrapper .block.spot-3 .blog-card:hover .block.spot-6 .instagram-card .instagram-header,
.whats-new-blog-wrapper .block.spot-6 .instagram-card .block.spot-3 .blog-card:hover .instagram-header,
.whats-new-blog-wrapper .block.spot-8 .blog-card:hover .field-name-field-blog-category,
.whats-new-blog-wrapper .block.spot-8 .blog-card:hover .block.spot-6 .instagram-card .instagram-header,
.whats-new-blog-wrapper .block.spot-6 .instagram-card .block.spot-8 .blog-card:hover .instagram-header {
  background-color: transparent;
}

.whats-new-blog-wrapper .block.spot-3 .blog-card:hover .group-overlay .body-wrapper,
.whats-new-blog-wrapper .block.spot-8 .blog-card:hover .group-overlay .body-wrapper {
  opacity: 1;
  top: 0;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay,
.whats-new-blog-wrapper .block.spot-8 .group-overlay {
  overflow: hidden;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper,
.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper {
  background-color: rgba(0, 0, 0, 0.58);
  opacity: 0;
  top: -500px;
  left: 0;
  right: 0;
  bottom: 0;
  transition: all 250ms ease;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -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;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper .field-name-title h4,
.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper .field-name-title h4 {
  font-family: "proxima-soft", sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.25rem;
  line-height: 1.375rem;
  max-width: 25rem;
  text-align: center;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper .blog-body,
.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper .blog-body {
  max-width: 25rem;
  text-align: center;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper .read-more,
.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper .read-more {
  bottom: auto;
  position: relative;
  right: auto;
  text-align: center;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper .read-more a,
.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper .read-more a {
  color: #fff;
  display: inline-block;
  background: #163157;
  border: 2px solid #163157;
  border-radius: 4px;
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2.5rem;
  padding: 0 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms ease, color 250ms ease;
  height: auto;
  margin: 2em auto 0;
  width: auto;
}

.whats-new-blog-wrapper .block.spot-3 .group-overlay .body-wrapper .read-more a:hover,
.whats-new-blog-wrapper .block.spot-8 .group-overlay .body-wrapper .read-more a:hover {
  color: #163157;
  background: #fff;
  text-decoration: none;
}

.whats-new-blog-wrapper .block.spot-4 {
  background: #34aebf;
  background: -moz-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: -webkit-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: linear-gradient(to bottom, #34aebf 0%, #2e8b98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34aebf', endColorstr='#2e8b98',GradientType=0 );
  height: 14.0625rem;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-4 {
    margin: 0 0 20px 20px;
    width: 18.4375rem;
  }
}

.whats-new-blog-wrapper .block.spot-4 .view.view-tweets {
  background: url(../img/twitter-logo.png) no-repeat center center transparent;
  background-size: 295px 225px;
  height: 14.0625rem;
}

.whats-new-blog-wrapper .block.spot-4 .view.view-tweets .tweet-message {
  color: white;
}

.whats-new-blog-wrapper .block.spot-4 .view.view-tweets .tweet-message a {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  font-size: 1.125rem;
  line-height: 1.2em;
  display: block;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 14.0625rem;
  padding: 1.25rem 1.875rem;
  text-align: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.whats-new-blog-wrapper .block.spot-4 .view.view-tweets .tweet-message a:hover {
  color: #003058;
}

.whats-new-blog-wrapper .block.spot-4 .view.view-tweets .more-link {
  color: white;
}

.whats-new-blog-wrapper .block.spot-6 {
  height: 14.0625rem;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-6 {
    margin: 0 20px 20px 0;
    width: 18.4375rem;
  }
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card {
  overflow: hidden;
  position: relative;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card:hover .instagram-header {
  background-color: transparent;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card:hover .overlay {
  opacity: 1;
  top: 0;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card .instagram-header {
  transition: opacity 250ms ease;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card > img {
  height: auto;
  width: 100%;
}

@media only screen and (min-width: 30em) {
  .whats-new-blog-wrapper .block.spot-6 .instagram-card > img {
    -webkit-transform: translateY(-25%);
    -ms-transform: translateY(-25%);
    transform: translateY(-25%);
  }
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-6 .instagram-card > img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    width: 18.4375rem;
  }
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card .overlay {
  background-color: rgba(0, 0, 0, 0.58);
  bottom: 0;
  height: 14.0625rem;
  height: auto;
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  text-align: center;
  top: -500px;
  transition: all 250ms ease;
  width: 18.4375rem;
  width: auto;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card .overlay .instagram-logo {
  background: url(../img/instagram-logo.png) center center transparent;
  background-size: 38px 38px;
  height: 2.375rem;
  margin: 5rem auto 0;
  width: 2.375rem;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card .overlay .instagram-link {
  color: white;
  display: inline-block;
  background: transparent;
  border: 2px solid white;
  border-radius: 4px;
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2.5rem;
  padding: 0 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms ease, color 250ms ease;
  margin: 1.25rem auto;
}

.whats-new-blog-wrapper .block.spot-6 .instagram-card .overlay .instagram-link:hover {
  color: white;
  background: #f55e3b;
  border: 2px solid #f55e3b;
  text-decoration: none;
}

.whats-new-blog-wrapper .block.spot-7 {
  background: #34aebf;
  background: -moz-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: -webkit-linear-gradient(top, #34aebf 0%, #2e8b98 100%);
  background: linear-gradient(to bottom, #34aebf 0%, #2e8b98 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#34aebf', endColorstr='#2e8b98',GradientType=0 );
  margin: 0 0 20px 0;
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-wrapper .block.spot-7 {
    height: 14.0625rem;
    width: 18.4375rem;
  }
}

.whats-new-blog-wrapper .block.spot-7:hover .facebook-feed .facebook-feed-message p {
  color: #003058;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed {
  background: url(../img/facebook-logo.png) no-repeat center center transparent;
  background-size: 295px 225px;
  margin: 0;
  padding: 0;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed li {
  margin: 0;
  padding: 0;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed a {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  font-size: 1.125rem;
  line-height: 1.2em;
  text-align: center;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed a:hover {
  color: #003058;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed a:hover p {
  color: #003058;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed a .facebook-feed-message {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 1.25rem 1.875rem;
  height: 14.0625rem;
  width: 18.4375rem;
}

@media only screen and (max-width: 48em) {
  .whats-new-blog-wrapper .block.spot-7 .facebook-feed a .facebook-feed-message {
    width: auto;
  }
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed a .facebook-feed-message p {
  font-family: "proxima-nova", sans-serif;
  font-weight: 400;
  font-style: normal;
  color: white;
  font-size: 1.125rem;
  line-height: 1.2em;
  text-align: center;
}

.whats-new-blog-wrapper .block.spot-7 .facebook-feed .facebook-feed-time {
  display: none;
}

@media only screen and (max-width: 767px) {
  .whats-new-blog-wrapper [class*="spot"] {
    height: 16rem !important;
  }
}

@media only screen and (max-width: 767px) {
  .blog-card {
    height: 16rem;
  }

  .blog-card img {
    height: 100%;
    width: 100%;
    -o-object-fit: cover;
    object-fit: cover;
  }
}

.node-type-page.section-whats-new .whats-new-section.featured-blog {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  max-width: 77.5rem;
  padding: 0 32px;
}

@media only screen and (min-width: 64.0625em) {
  .node-type-page.section-whats-new .whats-new-section.featured-blog {
    padding: 0 32px;
  }

  .node-type-page.section-whats-new .whats-new-section.featured-blog .row {
    padding-left: 0;
    padding-right: 0;
  }
}

.ie10 .facebook-feed-message {
  display: block !important;
  padding-top: 50%;
}

.section-whats-new .field-name-body .block-title {
  margin: 3rem 0 1rem 0;
}

.block-views-whats-new-blog-teaser-block > .block-title,
.block-views-whats-new-block-1 > .block-title {
  text-align: center;
  font-size: 1.25rem;
  text-transform: uppercase;
  font-family: "proxima-nova", "proxima-soft", sans-serif;
  color: #00203a;
  margin: 2rem 0;
}

.block-views-related-posts-block .block-title {
  text-align: center;
  font-size: 1.5rem;
  font-family: satisfy;
  margin: 2rem;
  color: #00203a;
}

.block-views-related-posts-block .views-view-grid {
  border: none;
}

.whats-new-blog-teaser,
.related-posts {
  margin-bottom: 2rem;
}

.whats-new-blog-teaser .image-wrapper img,
.related-posts .image-wrapper img {
  width: 100%;
}

.whats-new-blog-teaser .views-exposed-form .views-exposed-widget,
.related-posts .views-exposed-form .views-exposed-widget {
  width: 100%;
  text-align: center;
}

.whats-new-blog-teaser .views-exposed-form label,
.related-posts .views-exposed-form label {
  display: inline-block;
  font-size: 1rem;
  text-transform: uppercase;
  margin-bottom: 25px;
  font-weight: 500;
}

.whats-new-blog-teaser .views-exposed-form .views-widget,
.related-posts .views-exposed-form .views-widget {
  display: inline-block;
}

.whats-new-blog-teaser .views-exposed-form .views-widget .form-item,
.related-posts .views-exposed-form .views-widget .form-item {
  display: inline-block;
  font-size: 1rem;
  margin: 0 .5rem 1rem;
}

@media only screen and (max-width: 48em) {
  .whats-new-blog-teaser .views-exposed-form .views-widget .form-item,
  .related-posts .views-exposed-form .views-widget .form-item {
    margin: 0 0 1rem;
  }
}

.whats-new-blog-teaser .views-exposed-form .views-widget .form-item a,
.related-posts .views-exposed-form .views-widget .form-item a {
  font-size: 1rem;
  color: #848484;
  padding: .5rem;
}

.whats-new-blog-teaser .views-exposed-form .views-widget .form-item a:hover,
.related-posts .views-exposed-form .views-widget .form-item a:hover {
  font-weight: 600;
}

.whats-new-blog-teaser .views-exposed-form .views-widget .form-item a.active,
.related-posts .views-exposed-form .views-widget .form-item a.active {
  border: 2px solid #575757;
  border-radius: 5px;
  color: #575757;
}

.whats-new-blog-teaser .view-content table,
.related-posts .view-content table {
  border: none;
  width: 100%;
}

.whats-new-blog-teaser .view-content td,
.related-posts .view-content td {
  padding: 0;
  vertical-align: top;
  background-color: #FFFFFF;
  padding: 0 0.625rem 3.5rem;
}

.whats-new-blog-teaser .view-content td > div,
.related-posts .view-content td > div {
  background: #E7E8E9;
}

.whats-new-blog-teaser .view-content td .field-name-field-blog-category,
.whats-new-blog-teaser .view-content td .whats-new-blog-wrapper .block.spot-6 .instagram-card .instagram-header,
.whats-new-blog-wrapper .block.spot-6 .instagram-card .whats-new-blog-teaser .view-content td .instagram-header,
.related-posts .view-content td .field-name-field-blog-category,
.related-posts .view-content td .whats-new-blog-wrapper .block.spot-6 .instagram-card .instagram-header,
.whats-new-blog-wrapper .block.spot-6 .instagram-card
.related-posts .view-content td .instagram-header {
  text-align: center;
  padding: .5rem;
  background: rgba(0, 0, 0, 0.4);
  color: #FFFFFF;
  text-transform: uppercase;
  font-weight: lighter;
  position: absolute;
  right: 0;
  left: 0;
  margin-top: 0;
}

.whats-new-blog-teaser .view-content td .body-wrapper,
.related-posts .view-content td .body-wrapper {
  padding: 1rem;
}

.whats-new-blog-teaser .view-content td .body-wrapper .blog-title,
.related-posts .view-content td .body-wrapper .blog-title {
  font-size: 1rem;
  color: #00203a;
}

.whats-new-blog-teaser {
  margin-bottom: 2rem;
  position: relative;
}

.view-related-posts .body-wrapper {
  min-height: 150px;
}

.not-front .blog-card .outer-read-more {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 200;
  display: block;
}

@media only screen and (max-width: 48em) {
  .not-front .blog-card .group-overlay {
    float: left;
  }
}

.not-front .blog-card .read-more {
  position: absolute;
  bottom: 10px;
  right: 10px;
  z-index: 201;
}

@media only screen and (max-width: 64em) {
  .not-front .blog-card .read-more {
    display: none !important;
  }
}

.whats-new-back-button a::after {
  left: 6px;
}

@media only screen and (max-width: 30em) {
  .whats-new-section .read-more {
    padding-top: 0.5rem !important;
  }

  .whats-new-section .read-more a {
    display: block;
    margin: 0 auto;
    text-align: center;
    margin-top: 0 !important;
  }

  .page-node-93 .whats-new-section .row .group-right {
    padding: 1.5rem;
    text-align: center;
  }
}

@media (max-width: 768px) {
  .section-whats-new .whats-new-blog-teaser img {
    width: 100%;
    max-height: 220px;
  }
}

@media only screen and (min-width: 48em) {
  .whats-new-blog-teaser .view-content .body-wrapper,
  .related-posts .view-content .body-wrapper {
    padding: 1rem 1rem 2rem 1rem !important;
  }
}

#pager-craziness-pagerform > div {
  float: right;
}

#pager-craziness-pagerform > div .pager {
  float: none;
  vertical-align: top;
  padding: 1rem;
  display: inline-block;
}

#pager-craziness-pagerform > div .form-item-pager {
  display: inline-block;
}

#pager-craziness-pagerform > div select#edit-pager {
  width: 3rem;
  float: right;
  display: inline-block;
}

.front .share-buttons-panel.share-buttons {
  display: none;
  position: absolute;
}

@media only screen and (min-width: 64.0625em) {
  .front .share-buttons-panel.share-buttons {
    position: fixed;
  }
}

.share-buttons-panel.share-buttons {
  position: relative;
  top: -90px;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 49;
}

@media only screen and (min-width: 64.0625em) {
  .share-buttons-panel.share-buttons {
    position: fixed;
    left: 0;
    -webkit-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    transform: translateY(-50%);
    top: 50%;
  }

  .share-buttons-panel.share-buttons .share-main-promo .wg-size {
    display: block;
  }
}

.share-buttons-panel.share-buttons .share-main-promo .wg-size .social-icon {
  border-radius: 0 !important;
}

.share-buttons-panel.share-buttons .share-main-promo .wg-size .social-icon.facebook {
  background: #4352a3;
}

.share-buttons-panel.share-buttons .share-main-promo .wg-size .social-icon.twitter {
  background: #25c0e8;
}

.share-buttons-panel.share-buttons .share-main-promo .wg-size .social-icon.linkedin {
  background: #166fb6;
}

.share-buttons-panel.share-buttons .share-main-promo .wg-size .social-icon.google {
  background: #ef3d36;
}

/* need to pull up the club-chinet thing */

@media only screen and (max-width: 64em) {
  .not-front .block-block.club-chinet.promo {
    margin-top: -24px;
  }
}

.contact-form fieldset {
  border: 0;
  padding: 0;
}

.contact-form fieldset legend {
  display: none;
}

.contact-form .webform-submit.button {
  color: #fff;
  display: inline-block;
  background: #163157;
  border: 2px solid #163157;
  border-radius: 4px;
  font-family: "proxima-soft", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.125rem;
  line-height: 2.5rem;
  padding: 0 0.625rem;
  text-align: center;
  text-transform: uppercase;
  transition: background-color 250ms ease, color 250ms ease;
  display: block;
  margin: 0 auto 30px;
}

.contact-form .webform-submit.button:hover {
  color: #163157;
  background: #fff;
  text-decoration: none;
}

.contact-form input:focus::-webkit-input-placeholder,
.contact-form textarea:focus::-webkit-input-placeholder {
  color: transparent;
}

.contact-form input:focus::-moz-placeholder,
.contact-form textarea:focus::-moz-placeholder {
  color: transparent;
}

.contact-form input:focus:-ms-input-placeholder,
.contact-form textarea:focus:-ms-input-placeholder {
  color: transparent;
}

.contact-form input:focus:-moz-placeholder,
.contact-form textarea:focus:-moz-placeholder {
  color: transparent;
}

.section-sitemap h1.title,
.section-sitemap h2.title {
  display: none;
}

.section-sitemap #site-map {
  margin-top: 3rem;
}

.section-sitemap .site-map-menu li a {
  display: block !important;
  color: #008CBA !important;
  padding-left: 0;
  font-weight: normal;
}

.section-sitemap .site-map-menus {
  padding-bottom: 100px;
}

.zoom-img {
  position: relative;
  display: block;
  height: 300px;
  overflow: hidden;
}

.zoom-img:hover img {
  -webkit-transform: scale(1.05) translateY(-25%);
  -ms-transform: scale(1.05) translateY(-25%);
  transform: scale(1.05) translateY(-25%);
}

.zoom-img__tag {
  position: absolute;
  top: 0;
  left: 0;
  background: #163157;
  z-index: 5;
}

.zoom-img__tag .links {
  margin: 0 .5rem;
  color: #fff;
  font-weight: 500;
  font-size: 1.25rem;
}

.zoom-img img {
  -webkit-transform: translateY(-25%);
  -ms-transform: translateY(-25%);
  transform: translateY(-25%);
  transition: -webkit-transform 250ms ease;
  transition: transform 250ms ease;
  min-width: 100%;
}

.blog-pod {
  margin-bottom: 1.5rem;
}

.blog-pod__content {
  position: relative;
  color: #fff;
  background: #163157;
  padding: 2rem 2rem 4.25rem;
}

.blog-pod__content .field-name-field-blog-body {
  text-align: left;
  color: #fff;
}

.blog-pod__content a {
  color: #fff;
}

.blog-pod__title {
  color: #FFFFFF;
  font-size: 1.65rem;
}

.blog-pod .field-name-field-entertaining-description {
  color: #fff;
  text-align: left;
}

.blog-pod .blog-pod__content p {
  color: #fff;
}

@media screen and (min-width: 1320px) {
  .blog-pod {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .blog-pod__content,
  .blog-pod .zoom-img {
    width: 50%;
  }

  .pod-grid__row {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pod-grid__row .blog-pod__content {
    padding: 2rem 1rem 4.25rem;
  }

  .pod-grid__row > div {
    width: 50%;
  }

  .pod-grid__row > div:first-child {
    padding-right: 1rem;
  }

  .pod-grid__row > div:last-child {
    padding-left: 1rem;
  }

  .pod-grid__row .zoom-img img {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    min-width: 125%;
  }

  .pod-grid__row .zoom-img:hover img {
    -webkit-transform: scale(1.05);
    -ms-transform: scale(1.05);
    transform: scale(1.05);
  }
}

.blog-pod.blog-pod--peek {
  overflow: hidden;
}

@media screen and (min-width: 768px) {
  .blog-pod.blog-pod--peek {
    position: relative;
  }

  .blog-pod.blog-pod--peek .blog-pod__content,
  .blog-pod.blog-pod--peek .zoom-img {
    width: 100%;
    height: 300px;
  }

  .blog-pod.blog-pod--peek .zoom-img img {
    width: 100%;
    max-width: 100%;
    min-width: 0;
    height: auto;
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }

  .blog-pod.blog-pod--peek .zoom-img:hover img {
    -webkit-transform: scale(1) translateY(0);
    -ms-transform: scale(1) translateY(0);
    transform: scale(1) translateY(0);
  }

  .blog-pod.blog-pod--peek .blog-pod__content {
    position: relative;
    z-index: 95;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    text-align: center;
    padding-bottom: 2rem;
    -webkit-transform: translateY(-100%);
    -ms-transform: translateY(-100%);
    transform: translateY(-100%);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
    background-color: rgba(0, 0, 0, 0.58);
  }

  .blog-pod.blog-pod--peek .blog-pod__content .field-name-field-blog-body {
    text-align: center;
  }

  .blog-pod.blog-pod--peek:hover .blog-pod__content {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    transition: -webkit-transform .2s ease-in-out;
    transition: transform .2s ease-in-out;
  }

  .blog-pod.blog-pod--peek .read-more-wrap {
    position: static;
    margin-top: 2rem;
  }

  .blog-pod.blog-pod--peek .read-more-btn {
    background-color: transparent;
  }

  .blog-pod.blog-pod--peek .read-more-btn:hover {
    background-color: #fff;
  }

  .blog-pod.blog-pod--peek .zoom-img {
    position: absolute;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
  }
}

.read-more-wrap {
  position: absolute;
  bottom: 2rem;
  right: 2rem;
}

.read-more-btn {
  color: #fff;
  padding: .25rem 1rem;
  border: 2px solid #fff;
  border-radius: 6px;
  transition: all .2s ease-in-out;
  background-color: #163157;
}

.read-more-btn:hover {
  background-color: #fff;
  color: #163157;
  transition: all .2s ease-in-out;
}

.insta-pod {
  position: relative;
  height: 300px;
  width: 100%;
  overflow: hidden;
}

.insta-pod img {
  max-width: 600px;
  -webkit-transform: translateX(-80px);
  -ms-transform: translateX(-80px);
  transform: translateX(-80px);
}

.insta-pod__text {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  color: #fff;
  font-weight: 600;
}

.insta-pod a {
  color: #fff;
}

.insta-pod:hover .insta-overlay {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
  transition: -webkit-transform .2s ease-in-out;
  transition: transform .2s ease-in-out;
}

.insta-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
  transition: -webkit-transform .1s ease-in-out;
  transition: transform .1s ease-in-out;
  background-color: rgba(0, 0, 0, 0.58);
}

.insta-overlay svg {
  width: 40px;
  margin-bottom: 1rem;
}

.insta-overlay .read-more-btn {
  background-color: transparent;
}

.insta-overlay .read-more-btn:hover {
  background-color: #fff;
}

.pod-grid__social > div {
  margin-bottom: 1.5rem;
}

@media screen and (min-width: 600px) {
  .pod-grid__social {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }

  .pod-grid__social > div {
    width: 50%;
  }

  .pod-grid__social > div:first-child {
    margin-right: 1rem;
  }

  .pod-grid__social > div:last-child {
    margin-left: 1rem;
  }

  .insta-pod img {
    max-width: 475px;
  }
}

.field-name-field-block-four,
.field-name-field-block-six {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #163157;
  text-align: center;
  height: 300px;
  padding: 1.5rem;
}

.field-name-field-block-four a,
.field-name-field-block-six a {
  color: #fff;
}

.field-name-field-block-six a {
  font-size: 1.2rem;
  font-weight: 500;
}

.field-name-field-block-four {
  display: block;
  padding: 0;
  overflow: hidden;
}

.paragraphs-item-whats-new-section h2.block-title {
  font-size: 2.5rem;
  font-weight: 600;
  margin-bottom: 2rem;
}

.ideas-intro {
  margin-left: auto;
  margin-right: auto;
  width: 95%;
  margin-top: 2rem;
}

@media only screen and (min-width: 64.0625em) {
  .ideas-intro {
    width: 100%;
    padding: 0 32px;
    max-width: 81.5rem;
  }
}

.ideas-intro h2 {
  font-weight: 600;
  font-size: 2rem;
  color: #163157;
}

.ideas-intro p {
  font-size: 1.25rem;
  color: #163157;
}

.page-link-pods {
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 1rem;
  width: 95%;
}

@media only screen and (min-width: 64.0625em) {
  .page-link-pods {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    width: 100%;
    padding: 0 32px;
    max-width: 81.5rem;
  }
}

.page-link-pod {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 2rem;
}

.page-link-pod .field-wrapper {
  position: relative;
}

@media only screen and (min-width: 64.0625em) {
  .page-link-pod {
    padding: 0 1rem;
  }

  .page-link-pod:first-child {
    padding-left: 0;
  }

  .page-link-pod:last-child {
    padding-right: 0;
  }
}

.page-link-pod__title {
  position: absolute;
  bottom: .5rem;
  left: 1.5rem;
  color: #fff;
  font-weight: 600;
  font-size: 32px;
  display: block;
}

.page-link-pod__overlay {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-color: rgba(22, 49, 87, 0.3);
  opacity: 0;
  transition: opacity .2s ease-in-out;
}

.page-link-pod__link:hover .page-link-pod__overlay {
  opacity: 1;
  transition: opacity .2s ease-in-out;
}

.collection-slider {
  padding: 0 50px;
}

.collection-slider img {
  max-height: 300px;
  width: auto;
  margin: 0 auto;
}

.collection-slider .slick-next,
.collection-slider .slick-prev {
  position: absolute;
  top: 50%;
  overflow: hidden;
  text-indent: 100px;
  padding: 0;
  width: 25px;
  height: 40px;
  background: none;
  background-size: contain;
  background-repeat: no-repeat;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.collection-slider .slick-prev {
  left: -25px;
  background-image: url(data:image/png;base64,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);
}

.collection-slider .slick-next {
  right: -25px;
  background-image: url(data:image/png;base64,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);
}

.product-small-slide {
  padding: 1.25rem;
  text-align: center;
  color: #163157;
}

.product-small-slide__title {
  max-width: 10rem;
  margin: 0 auto;
}

/*! Lity - v3.0.0-dev - 2018-07-09
* http://sorgalla.com/lity/
* Copyright (c) 2015-2018 Jan Sorgalla; Licensed MIT */

.lity-active,
.lity-active body {
  overflow: hidden;
}

.lity {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  white-space: nowrap;
  background: #0b0b0b;
  background: rgba(0, 0, 0, 0.9);
  outline: none !important;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.lity.lity-opened {
  opacity: 1;
}

.lity.lity-closed {
  opacity: 0;
}

.lity * {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.lity-wrap {
  z-index: 9990;
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  text-align: center;
  outline: none !important;
}

.lity-wrap:before {
  content: '';
  display: inline-block;
  height: 100%;
  vertical-align: middle;
  margin-right: -0.25em;
}

.lity-loader {
  z-index: 9991;
  color: #fff;
  position: absolute;
  top: 50%;
  margin-top: -0.8em;
  width: 100%;
  text-align: center;
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  opacity: 0;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}

.lity-loading .lity-loader {
  opacity: 1;
}

.lity-container {
  z-index: 9992;
  position: relative;
  text-align: left;
  vertical-align: middle;
  display: inline-block;
  white-space: normal;
  max-width: 100%;
  max-height: 100%;
  min-height: 555px;
  outline: none !important;
}

.lity-content {
  z-index: 9993;
  width: 100%;
  min-height: 555px;
  height: 100%;
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
  -webkit-transition: -webkit-transform .3s ease;
  transition: -webkit-transform .3s ease;
  -o-transition: -o-transform .3s ease;
  transition: transform .3s ease;
  transition: transform .3s ease, -webkit-transform .3s ease, -o-transform .3s ease;
}

.lity-loading .lity-content,
.lity-closed .lity-content {
  -webkit-transform: scale(0.8);
  -ms-transform: scale(0.8);
  -o-transform: scale(0.8);
  transform: scale(0.8);
}

.lity-content:after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  display: block;
  right: 0;
  width: auto;
  height: auto;
  z-index: -1;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
}

.lity-close,
.lity-close:hover,
.lity-close:focus,
.lity-close:active,
.lity-close:visited {
  z-index: 9994;
  width: 35px;
  height: 35px;
  /* Change to position: absolute to display close button inside content container */
  position: fixed;
  right: 0;
  top: 0;
  -webkit-appearance: none;
  cursor: pointer;
  text-decoration: none;
  text-align: center;
  padding: 0;
  color: #fff;
  font-style: normal;
  font-size: 35px;
  font-family: Arial, Baskerville, monospace;
  line-height: 35px;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
  border: 0;
  background: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

.lity-close::-moz-focus-inner {
  border: 0;
  padding: 0;
}

.lity-close:active {
  top: 1px;
}

/* Image */

.lity-image img {
  max-width: 100%;
  display: block;
  line-height: 0;
  border: 0;
}

/* iFrame */

.lity-iframe .lity-container {
  width: 100%;
  max-width: 900px;
  height: calc(100% - 80px);
}

@media screen and (min-width: 631px) {
  .lity-iframe .lity-container {
    max-height: 555px;
  }
}

.lity-iframe-container {
  width: 100%;
  height: 100%;
  overflow: auto;
  pointer-events: auto;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-overflow-scrolling: touch;
}

.lity-iframe-container iframe {
  display: block;
  width: 100%;
  height: 100%;
  -webkit-box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
  background: #000;
}

@media screen and (min-width: 631px) {
  .lity-iframe-container {
    height: 0;
    padding-top: 90%;
  }

  .lity-iframe-container iframe {
    position: absolute;
    top: 0;
    left: 0;
  }
}

@media screen and (min-width: 900px) {
  .lity-iframe-container {
    height: 0;
    padding-top: 68%;
  }
}

.lity-hide {
  display: none;
}

.yes-tint {
  background: rgba(0, 0, 0, 0.25);
  position: fixed;
  top: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  z-index: 100;
}

.search-pane {
  z-index: 200;
}

.orange-white-background-button > a {
  display: block;
  width: auto;
  max-width: 200px;
  padding: 1rem;
  background: #fff;
  color: #f55e3b;
  font-weight: 100;
  text-align: center;
  border: 2px solid #f55e3b;
  border-radius: 6px;
  text-transform: uppercase;
  transition: all 300ms ease;
}

.orange-white-background-button > a:hover {
  color: #fff;
  background: #f55e3b;
  transition: all 300ms ease;
}

button.orange-white-background-button {
  display: block;
  width: auto;
  max-width: 200px;
  padding: 1rem;
  background: #fff;
  color: #f55e3b;
  font-weight: 100;
  text-align: center;
  border: 2px solid #f55e3b;
  border-radius: 6px;
  text-transform: uppercase;
  transition: all 300ms ease;
}

.ajax-progress .throbber {
  display: block;
  height: 2rem;
  width: 2rem;
  margin-bottom: 3rem;
  background: none;
}

.ajax-progress .throbber::after {
  content: "";
  display: block;
  height: 100%;
  width: 100%;
  border-top: 2px solid transparent;
  border-right: 2px solid #003058;
  border-bottom: 2px solid #003058;
  border-left: 2px solid transparent;
  border-radius: 50%;
  -webkit-animation: rotateSpinner 600ms linear infinite;
  animation: rotateSpinner 600ms linear infinite;
}

@-webkit-keyframes rotateSpinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

@keyframes rotateSpinner {
  0% {
    -webkit-transform: rotateZ(0deg);
    transform: rotateZ(0deg);
  }

  100% {
    -webkit-transform: rotateZ(360deg);
    transform: rotateZ(360deg);
  }
}

.textured-background {
  background: url("../img/texture.png") repeat 0 0;
  padding: 60px 0;
}

#admin-menu .dropdown .admin-menu-toolbar-category > a {
  font-size: 12px;
}

/* DEBUGGING start */

.header-media-query {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: fixed;
  bottom: 0;
  left: 0;
  right: 0;
  background-color: red;
  padding: 0 0.5rem;
  height: auto;
  width: 100%;
  z-index: 1000;
}

.header-media-query::after {
  font-size: 1.25rem;
  color: white;
}

@media only screen {
  .header-media-query::after {
    content: "Small Up (0-480)";
  }
}

@media only screen and (min-width: 30em) {
  .header-media-query::after {
    content: "Medium Up (480-768)";
  }
}

@media only screen and (min-width: 48em) {
  .header-media-query::after {
    content: "Large Up (768-1024)";
  }
}

@media only screen and (min-width: 64.0625em) {
  .header-media-query::after {
    content: "X Large Up (1024-1240)";
  }
}

@media only screen and (min-width: 77.5em) {
  .header-media-query::after {
    content: "XX Large Up (1240+)";
  }
}

/* end DEBUGGING */

.row.full-width {
  max-width: none;
  padding: initial;
}

.row.full-width > .columns,
.no-contributor .row.full-width > .field-name-field-inspiration-description,
.has-contributor .no-contributor .row.full-width > .field-name-field-inspiration-contributor,
.has-contributor .row.full-width > .field-name-field-inspiration-description,
.has-contributor .row.full-width > .field-name-field-inspiration-contributor {
  padding-left: 0;
  padding-right: 0;
}

.row.full-width > .columns .inner-wrap,
.no-contributor .row.full-width > .field-name-field-inspiration-description .inner-wrap,
.has-contributor .no-contributor .row.full-width > .field-name-field-inspiration-contributor .inner-wrap,
.has-contributor .row.full-width > .field-name-field-inspiration-description .inner-wrap,
.has-contributor .row.full-width > .field-name-field-inspiration-contributor .inner-wrap {
  margin-left: auto;
  margin-right: auto;
  max-width: 77.5rem;
}

.no-pad {
  padding-left: 0;
  padding-right: 0;
  padding-top: 0;
  padding-bottom: 0;
}

.no-hpad {
  padding-left: 0;
  padding-right: 0;
}

.no-vpad {
  padding-top: 0;
  padding-bottom: 0;
}

.no-lpad {
  padding-left: 0;
}

.no-rpad {
  padding-right: 0;
}

.no-tpad {
  padding-top: 0;
}

.no-bpad {
  padding-bottom: 0;
}

.v-center {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
}

.form-type-radio label.option {
  -ms-flex-preferred-size: 90%;
  flex-basis: 90%;
}