/* ==========================================================================
     Article component generic styles
   ========================================================================== */
.article {
  /* Tablet and Up Modifications
       ========================================================================== */
}
.article header h2 {
  text-transform: inherit;
}
.article footer .tags-display {
  display: inline-block;
}
.article .image {
  margin-left: auto;
  margin-right: auto;
}
.article .image img {
  max-width: 100%;
}
@media (min-width: 768px) {
  .article aside .favorites-button,
  .article aside .share-this {
    float: left;
    width: 50%;
  }
}

/* ==========================================================================
     Article Sidebar component generic styles
   ========================================================================== */
.article-sidebar .image {
  display: inline-block;
}
.article-sidebar img {
  max-width: 100%;
}
/* Give Images layout in Authoring Modes
   ========================================================================= */
.aem-AuthorLayer-Design .article-sidebar .image,
.aem-AuthorLayer-Edit .article-sidebar .image,
.aem-AuthorLayer-Layouting .article-sidebar .image {
  width: 100%;
}

/* ==========================================================================
     Authentication Form Component generic styles
   ========================================================================== */
.authentication-form {
  display: flex;
  flex-direction: column;
}
.authentication-form__image {
  margin: 3rem 0;
}
.authentication-form__container {
  display: flex;
  flex-wrap: wrap;
  margin: auto;
  max-width: 350px;
  text-align: center;
}
.authentication-form__container > * {
  flex: 1 1 100%;
}
.authentication-form__form {
  display: flex;
  flex-wrap: wrap;
}
.authentication-form__form .form-field {
  flex: 1 1 100%;
}
.authentication-form__form button {
  flex: 1 1 100%;
  margin-top: 1rem;
}
.authentication-form__message p {
  margin: 0;
}
.authentication-form__message p:first-child {
  margin-top: 1rem;
}

@media screen and (max-width: 1024px) {
  .bac-page-nav-v2 {
    display: none;
  }
}

/* ==========================================================================
     Content Navigation component generic styles
   ========================================================================== */

.content-tile-container {
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  width: 100%;
}
.content-tile-container .content-tile {
  -moz-flex: 0 1 32%;
  -ms-flex: 0 1 32%;
  -webkit-flex: 0 1 32%;
  flex: 0 1 32%;
  margin: 0 0.5%;
}
.content-tile-container .content-tile__content-text {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding: 5px;
}
.content-tile-container .content-tile__main-content {
  height: 200px;
  position: relative;
}
.content-tile-container h2 {
  -moz-flex: 1 0 100%;
  -ms-flex: 1 0 100%;
  -webkit-flex: 1 0 100%;
  flex: 1 0 100%;
  margin-bottom: 15px;
  text-align: center;
}
.content-tile-container .video-container__cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 200px;
  display: block;
}
.content-tile-container .video-container__cover img {
  display: none;
}
@media all and (min-width: 1280px) {
  .content-tile-container .content-tile__content-text {
    padding: 5px 45px;
  }
}
@media all and (max-width: 767px) {
  .content-tile-container .content-tile {
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
    margin: 2% 0.5%;
  }
}

/* ==========================================================================
     Customer Type Selector component generic styles
   ========================================================================== */
.customer-type-selector .customer-type-selector__buttons--desktop {
  display: grid;
}
.customer-type-selector .customer-type-selector__buttons--mobile {
  display: none;
}
@media all and (max-width: 1024px) {
  .customer-type-selector .customer-type-selector__buttons--desktop,
  .customer-type-selector .customer-type-selector__start-desktop {
    display: none;
  }
  .customer-type-selector .customer-type-selector__buttons--mobile {
    display: block;
  }
}

/* ==========================================================================
     Customer Type Selector component generic styles
   ========================================================================== */
.customer-type-selector-v2__content .customer-type-selector__buttons--desktop {
  display: grid;
}
.customer-type-selector-v2__content .customer-type-selector__buttons--mobile {
  display: none;
}
@media all and (max-width: 1024px) {
  .customer-type-selector-v2__content .customer-type-selector__buttons--desktop,
  .customer-type-selector-v2__content .customer-type-selector__start-desktop {
    display: none;
  }
  .customer-type-selector-v2__content .customer-type-selector__buttons--mobile {
    display: block;
  }
}


/* ==========================================================================
     Footer component generic styles
   ========================================================================== */
.usf-footer-wrapper .page-footerlinks-par {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.usf-footer-wrapper .page-footerlinks-par .link {
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  -webkit-flex: 0 1 auto;
  flex: 0 1 auto;
}
.usf-footer-wrapper .footer__copyright {
  width: 100%;
}
@media all and (max-width: 767px) {
  .usf-footer-wrapper .page-footerlinks-par {
    display: block;
  }
}

/* ==========================================================================
     Grid Container component generic styles
   ========================================================================== */
.grid-container .grid-lede-tile {
  margin: 0 2% 2% 0;
}
.grid-container .grid-container__view-all {
  margin: 25px 0;
}
.grid-container .grid-container__view-all a {
  display: block;
}
@media all and (min-width: 480px) {
  .grid-container .grid-lede-tile {
    display: inline-block;
    float: left;
    width: 47.5%;
  }
  .grid-container .grid-lede-tile .lede-tile {
    padding-bottom: 100%;
    width: 100%;
  }
}
@media all and (min-width: 768px) {
  .grid-container .grid-lede-tile {
    width: 32.5%;
    margin: 0 0.75% 0.75% 0;
  }
  .grid-container .grid-lede-tile .lede-tile {
    margin: 0;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured {
    width: 65.75%;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured .lede-tile {
    padding-bottom: 101%;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured .lede-tile .lede-tile-contents {
    width: 52%;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured .lede-tile .lede-tile-contents .lede-tile-title {
    font-size: 2.60869565em;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured + .grid-lede-tile.lede-tile-5,
  .grid-container .grid-lede-tile.grid-lede-tile__featured ~ .grid-lede-tile.lede-tile-6 {
    width: 32.5%;
    margin-right: 0;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured ~ .grid-lede-tile.lede-tile-6 {
    margin-bottom: 0;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured ~ .grid-lede-tile.lede-tile-6 .lede-tile {
    padding-bottom: 102%;
  }
  .grid-container .grid-lede-tile.grid-lede-tile__featured ~ .grid-lede-tile.lede-tile-7 {
    clear: both;
  }
  .grid-container .grid-container__view-all {
    width: 32.5%;
    margin: 25px auto;
  }
}

/* ==========================================================================
     Google Map component generic styles
   ========================================================================== */
.google-map {
  height: 700px;
  width: 100%;
}
.google-map #map {
  height: 100%;
}
.google-map #markerHtml {
  display: none;
}
.google-map .marker-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.google-map .gm-style .gm-style-iw-c {
  top: 1px !important;
}
.google-map .gm-style-iw {
  border-radius: 0;
}
.google-map .gm-style-iw #markerHtml {
  display: block;
}
.google-map .marker-address {
  font-size: 1.2em;
  text-align: left;
  padding-bottom: 1.25rem;
  padding-right: 12px;
}
.google-map .marker-address h3 {
  margin: 0 0 8px 0;
}
.google-map .marker-address ~ a > button {
  font-size: 1em;
  min-width: 105px;
  padding: 5px 15px;
  text-transform: uppercase;
  text-decoration: none;
}
.google-map .marker-address .name {
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.google-map .marker-address .name div {
  display: inline;
  margin: 1px 0 0 8px;
}
.google-map .marker-address .tags {
  margin: 0 0 8px 0;
  font-size: 14px;
}
.google-map .marker-address .tags li {
  list-style: none;
  display: inline;
  margin: 0;
  text-transform: uppercase;
}
.google-map .marker-address .tags li:after {
  content: " \2022";
  padding-right: 4px;
  font-size: 16px;
}
.google-map .marker-address .tags li:last-child:after {
  content: none;
}
.google-map .marker-address .address {
  margin: 0 0 8px 0;
  display: block;
  text-decoration: none;
}
.google-map .marker-address .store-meta {
  margin: 0 0 8px 0;
}
.google-map .marker-address .store-meta .location {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media all and (max-width: 767px) {
  .google-map .marker-address .store-meta .location {
    display: block;
  }
}
.google-map .marker-address .store-meta .phone {
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}
.google-map .marker-address .store-meta .fax {
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}
.google-map .marker-address .store-meta .hours {
  margin: .5rem 0;
  display: inline-block;
  width: 100%;
}
.google-map .marker-address .store-meta .hours span {
  display: block;
}
.google-map .see-store-details {
  display: flex;
  justify-content: center;
  margin-bottom: .5rem;
  text-decoration: none;
}
.google-map .gm-style-iw-d {
  overflow: hidden !important;
}

/* ==========================================================================
     Hero component generic styles
   ========================================================================== */
.hero {
  /* Quote Headline Modifications
       ========================================================================== */
}
.hero > div {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
.hero .hero__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: flex-end;
  -moz-box-pack: flex-end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  justify-content: flex-end;
}
.hero .hero__container.slim {
  height: 175px;
  padding-top: 16px;
  padding-bottom: 16px;
}
.hero .hero__head {
  margin: 0;
}
.hero .hero__container--has-quote {
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.hero .hero__container--has-quote .hero__head {
  text-align: center;
}
.hero .hero__container--has-quote .hero__subhead,
.hero .hero__container--has-quote .hero__subhead2,
.hero .hero__container--has-quote .hero__additional {
  text-align: center;
}

.iframe-container {
  position: relative;
  height: 0;
  overflow: hidden;
}
.iframe-container iframe {
  border: none;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

/* ==========================================================================
     Interactive Google Map component generic styles
   ========================================================================== */
.interactive-google-map .google-map {
  height: auto;
  position: relative;
}
.interactive-google-map .google-map #map {
  height: 462px;
}
.interactive-google-map .google-map .gm-style-iw {
  border: none;
  left: 1px !important;
  right: 1px !important;
  top: 9px !important;
  width: auto !important;
}
.interactive-google-map .google-map .gm-style-iw .marker-image {
  background-position: left;
  height: 40px;
  width: auto;
}
.interactive-google-map .google-map .gm-style-iw a {
  margin: 0 3px;
}
.interactive-google-map .google-map .interactive-map-legend {
  position: absolute;
  top: 10%;
  right: 2%;
  max-width: 320px;
  padding: 20px;
  z-index: 2;
}
@media all and (max-width: 767px) {
  .interactive-google-map .google-map .interactive-map-legend {
    height: auto;
    left: 0;
    max-width: 100%;
    position: relative;
    right: 0;
    top: 0;
  }
}
.interactive-google-map .google-map .interactive-map-legend__search {
  position: relative;
}
.interactive-google-map .google-map .interactive-map-legend__search .icon-search {
  position: absolute;
  top: 11px;
  font-size: 18px;
  left: 10px;
  z-index: 2;
}
.interactive-google-map .google-map .interactive-map-legend__messages h5 {
  margin-top: 0;
}
.interactive-google-map .google-map .interactive-map-legend__messages p {
  margin-bottom: 0;
}

/* ==========================================================================
     Item List component generic styles
   ========================================================================== */
.item-list {
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.item-list__observer {
  visibility: hidden;
}
.item-list .item-list-tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.item-list .item-list-tile img {
  width: 100%;
}
.item-list .item-list-tile .item-list-tile-content {
  -moz-flex: 0 1 60%;
  -ms-flex: 0 1 60%;
  -webkit-flex: 0 1 60%;
  flex: 0 1 60%;
}
.item-list .item-list-tile a {
  text-decoration: none !important;
}
@media all and (min-width: 768px) {
  .item-list .item-list-tile-grid {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list .item-list-tile {
    -moz-flex: 0 1 50%;
    -ms-flex: 0 1 50%;
    -webkit-flex: 0 1 50%;
    flex: 0 1 50%;
  }
  .item-list .item-list-tile img {
    max-height: 220px;
  }
  .item-list .item-list-tile .item-list-tile-image {
    -moz-flex: 1 0 40%;
    -ms-flex: 1 0 40%;
    -webkit-flex: 1 0 40%;
    flex: 1 0 40%;
  }
}
@media all and (max-width: 767px) {
  .item-list .item-list-tile img {
    max-height: 175px;
  }
  .item-list .item-list-tile .item-list-tile-image {
    -moz-flex: 0 1 175px;
    -ms-flex: 0 1 175px;
    -webkit-flex: 0 1 175px;
    flex: 0 1 175px;
  }
}
/* Item List Filters
   ========================================================================== */
.item-list-filter-any {
  display: block;
}
.item-list-filter-any .item-list-filter-bar {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: justify;
}
/* Item List Filters (with modal options)
   ========================================================================== */
.item-list-filter {
  /* Tablet and Down Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.item-list-filter .item-list-filter-selection .item-list-filter-selection__header {
  display: block;
  text-transform: uppercase;
}
.item-list-filter .item-list-filter-selection .item-list-filter-selection__list,
.item-list-filter .item-list-filter-selection .item-list-filter-selection__button {
  display: block;
}
.item-list-filter .item-list-filter-modal .item-list-filter-selection .item-list-filter-selection__button {
  display: none;
}
.item-list-filter .item-list-filter-modal .item-list-filter-options {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.item-list-filter .item-list-filter-modal .item-list-filter-options > div {
  -moz-flex: 0 0 33%;
  -ms-flex: 0 0 33%;
  -webkit-flex: 0 0 33%;
  flex: 0 0 33%;
}
@media all and (max-width: 1024px) {
  .item-list-filter .item-list-filter-modal .item-list-filter-options > div {
    -moz-flex: 0 0 50%;
    -ms-flex: 0 0 50%;
    -webkit-flex: 0 0 50%;
    flex: 0 0 50%;
  }
}
@media all and (max-width: 767px) {
  .item-list-filter .item-list-filter-modal .item-list-filter-selection .item-list-filter-selection__button {
    display: block;
  }
  .item-list-filter .item-list-filter-modal .item-list-filter-options > div {
    -moz-flex: 0 0 100%;
    -ms-flex: 0 0 100%;
    -webkit-flex: 0 0 100%;
    flex: 0 0 100%;
  }
  .item-list-filter .item-list-filter-modal .item-list-filter-buttons .button-secondary {
    display: none;
  }
}
/* Item List Filter Search
   ========================================================================== */
.item-list-filter-search {
  /* Mobile Modifications
       ========================================================================== */
}
.item-list-filter-search .form-field__input {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  margin: 0 0 0 10px;
}
.item-list-filter-search .form-field__input input {
  padding-bottom: 0;
  padding-top: 0;
}
@media all and (max-width: 767px) {
  .item-list-filter-search .item-list-filter-bar {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .item-list-filter-search .form-field__input {
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    margin: 10px 0;
  }
  .item-list-filter-search .form-field__select {
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 5px;
  }
}
/* Location Item List Overrides
   ========================================================================== */
@media all and (min-width: 768px) {
  .location-item-list.item-list .item-list-tile-grid .item-list-tile {
    -moz-flex: 0 1 33%;
    -ms-flex: 0 1 33%;
    -webkit-flex: 0 1 33%;
    flex: 0 1 33%;
  }
}
.location-item-list.item-list .item-list-tile-grid .item-list-tile .item-list-tile-content {
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
}
.location-item-list.item-list .item-list-tile-grid .item-list-tile .item-list-tile-content h5.link-primary {
  margin-top: 0;
}
.location-item-list.item-list .item-list-tile-grid .item-list-tile .item-list-tile-details {
  margin-bottom: 1rem;
}
.location-item-list.item-list .item-list-tile-grid .item-list-tile .item-list-tile-details p:first-child {
  margin-top: 0;
}
@media all and (max-width: 767px) {
  .location-item-list.item-list .item-list-tile-grid .item-list-tile .item-list-tile-details {
    margin-bottom: 0;
  }
}
.location-item-list.item-list .item-list-tile-grid .item-list-tile .see-store-details {
  text-decoration: none;
  width: 100%;
}
.location-item-list.item-list .item-list-tile-grid .item-list-tile .see-store-details button {
  text-transform: uppercase;
  min-width: 100%;
}
@media all and (min-width: 768px) {
  .location-item-list.item-list .item-list-tile-grid .item-list-tile .see-store-details {
    width: auto;
  }
  .location-item-list.item-list .item-list-tile-grid .item-list-tile .see-store-details button {
    min-width: auto;
  }
}
.location-item-list.item-list .address,
.location-item-list.item-list .general-info {
  margin: .5rem 0;
  display: inline-block;
  width: 100%;
}
.location-item-list.item-list .general-info p {
  line-height: 1.5rem;
}
.location-item-list.item-list .location-phone,
.location-item-list.item-list .location-fax {
  display: inline-block;
}
.location-item-list.item-list .location-phone {
  padding-right: 1rem;
}
.tags {
  margin: .5rem 0 8px 0;
  font-size: 14px;
}
.tags li {
  list-style: none;
  display: inline;
  margin: 0;
  text-transform: uppercase;
}
.tags li:after {
  content: " \2022";
  padding-right: 4px;
  font-size: 16px;
}
.tags li:last-child:after {
  content: none;
}

/* ==========================================================================
     Lede Tile component generic styles
   ========================================================================== */
.lede-tile {
  display: inline-block;
  float: left;
  font-size: 0;
  height: 0;
  margin: 0;
  padding-bottom: 100%;
  position: relative;
  width: 100%;
  /* Product Lede Tile Modifications
       ========================================================================== */
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Only Modifications
       ========================================================================== */
}
.lede-tile .lede-tile-overlay {
  background-color: #000;
  opacity: 0.3;
  height: 100%;
}
.lede-tile .video-container img {
  display: none;
}
.lede-tile > a,
.lede-tile .alert-info,
.lede-tile .video-container__cover {
  background-position: center;
  background-size: cover;
  font-size: 1rem;
  height: 100%;
  left: 0;
  position: absolute;
  text-decoration: none;
  top: 0;
  width: 100%;
}
.lede-tile > a .lede-tile-contents .lede-tile-headline,
.lede-tile .alert-info .lede-tile-contents .lede-tile-headline,
.lede-tile .video-container__cover .lede-tile-contents .lede-tile-headline,
.lede-tile > a .lede-tile-contents .lede-tile-title,
.lede-tile .alert-info .lede-tile-contents .lede-tile-title,
.lede-tile .video-container__cover .lede-tile-contents .lede-tile-title {
  margin-top: 0;
}
.lede-tile > a .lede-tile-contents .lede-tile-contents-image img,
.lede-tile .alert-info .lede-tile-contents .lede-tile-contents-image img,
.lede-tile .video-container__cover .lede-tile-contents .lede-tile-contents-image img {
  width: 75px;
  height: 75px;
}
.lede-tile a.product .lede-tile-contents {
  display: inline-block;
  height: initial;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline {
  line-height: 1;
}
@media (min-width: 768px) {
  .lede-tile {
    padding-bottom: 32%;
    width: 32.5%;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .lede-tile {
    padding-bottom: 49%;
    width: 49%;
  }
}
/**
 * Many components contain a set of Lede Tiles including the Related Content and Grid Container components, these components
 * should use the shared container class .lede-tile-container for proper margin control.
 */
.lede-tile-container {
  display: block;
  overflow: auto;
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Only Modifications
       ========================================================================== */
}
@media (min-width: 768px) {
  .lede-tile-container .lede-tile {
    margin: 0 0.75% 0.5% 0;
  }
  .lede-tile-container > :nth-child(3n) {
    margin-right: 0;
  }
}
@media (min-width: 480px) and (max-width: 767px) {
  .lede-tile-container .lede-tile {
    margin: 0 2% 2% 0;
  }
  .lede-tile-container > :nth-child(2n) {
    margin-right: 0;
  }
}

/* ==========================================================================
     Location Search Map component generic styles
   ========================================================================== */
.your-location__container {
  display: none;
}
.your-location__container.edit-mode {
  display: block;
}
.location-search-map .google-map {
  height: auto;
  position: relative;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
@media all and (max-width: 767px) {
  .location-search-map .google-map {
    display: block;
  }
}
.location-search-map .google-map #map {
  height: 600px;
  flex: 70%;
}
@media all and (max-width: 767px) {
  .location-search-map .google-map #map {
    flex: 0 0 100%;
  }
}
.location-search-map .google-map .marker-address {
  font-size: 1.2em;
  text-align: left;
  padding-bottom: 1.25rem;
  padding-right: 12px;
}
.location-search-map .google-map .marker-address .location-page {
  text-decoration: none;
}
.location-search-map .google-map .marker-address h3 {
  margin: 0 0 8px 0;
}
.location-search-map .google-map .marker-address ~ a > button {
  font-size: 1em;
  min-width: 105px;
  padding: 5px 15px;
  text-transform: uppercase;
}
.location-search-map .google-map .marker-address .name {
  font-weight: 800;
  text-transform: uppercase;
  margin: 0 0 8px 0;
}
.location-search-map .google-map .marker-address .name div {
  display: inline;
  margin: 1px 0 0 8px;
}
.location-search-map .google-map .marker-address .tags {
  margin: 0 0 8px 0;
  font-size: 14px;
}
.location-search-map .google-map .marker-address .tags li {
  list-style: none;
  display: inline;
  margin: 0;
  text-transform: uppercase;
}
.location-search-map .google-map .marker-address .tags li:after {
  content: " \2022";
  padding-right: 4px;
  font-size: 16px;
}
.location-search-map .google-map .marker-address .tags li:last-child:after {
  content: none;
}
.location-search-map .google-map .marker-address .address {
  margin: 0 0 8px 0;
  display: block;
  text-decoration: none;
}
.location-search-map .google-map .marker-address .store-meta {
  margin: 0 0 8px 0;
}
.location-search-map .google-map .marker-address .store-meta .location {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: nowrap;
  -moz-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}
@media all and (max-width: 767px) {
  .location-search-map .google-map .marker-address .store-meta .location {
    display: block;
  }
}
.location-search-map .google-map .marker-address .store-meta .phone {
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}
.location-search-map .google-map .marker-address .store-meta .fax {
  -moz-flex: 0 0 50%;
  -ms-flex: 0 0 50%;
  -webkit-flex: 0 0 50%;
  flex: 0 0 50%;
}
.location-search-map .google-map .marker-address .store-meta .hours span {
  display: block;
}
.location-search-map .google-map .marker-address .store-meta .hours p {
  line-height: 1.5rem;
}
.location-search-map .google-map .see-store-details {
  display: flex;
  justify-content: center;
  margin-bottom: .5rem;
  text-decoration: none;
}
.location-search-map .google-map .gm-style-iw .marker-image {
  background-position: center;
  height: 40px;
  width: auto;
  margin-bottom: 10px;
  max-width: 40px;
}
.location-search-map .google-map .interactive-map-legend {
  padding: 0;
  flex: 33%;
}
.location-search-map .google-map .location-search-map__update-location p:hover {
  text-decoration: underline;
}
.location-search-map .google-map .interactive-map-legend__search {
  position: relative;
}
.location-search-map .google-map .interactive-map-legend__search .icon-search {
  position: absolute;
  top: 11px;
  font-size: 18px;
  left: 10px;
  z-index: 2;
}
.location-search-map .google-map .interactive-map-legend__messages h5 {
  margin-top: 0;
}
.location-search-map .google-map .interactive-map-legend__messages p {
  margin-bottom: 0;
}
.location-search-map .google-map .gm-style-iw-d {
  overflow: hidden !important;
}

/* ==========================================================================
     Login State Container Styles
   ========================================================================== */

/* ==========================================================================
     My Support Team component generic styles
   ========================================================================== */
.my-support-team {
  text-align: center;
}
.my-support-team > a {
  display: table;
  margin: 1em auto 0 auto;
}
.my-support-team .button-primary {
  text-transform: uppercase;
}
.my-support-team .my-support-team__update-location {
  margin: 1rem 0;
  text-decoration: underline;
}
.my-support-team .my-support-team__update-location:hover {
  cursor: pointer;
}
.optimize .my-support-team .button-primary {
  color: #ffffff;
  background-color: #cf4520;
  text-transform: uppercase;
  border-color: #cf4520;
}
.optimize .my-support-team .button-primary:hover {
  background-color: #e4673b;
  border-color: #e4673b;
  color: #ffffff;
}

/* ==========================================================================
     Page Header component generic styles
   ========================================================================== */
.page-header {
  position: relative;
}
.page-header .page-header__container {
  left: 220px;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 2000;
}
.page-header .page-header__content {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 40px;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media all and (min-width: 1025px) {
  .page-header .page-header__container {
    left: 0;
    margin: 0 auto;
    max-width: 1380px;
    padding-left: 240px;
    padding-right: 0.666rem;
    width: 100%;
  }
}
@media all and (max-width: 1024px) {
  .page-header .page-header__container {
    left: 0;
  }
}
.page-header a {
  cursor: pointer;
}
.page-header__profile {
  display: none;
  cursor: pointer;
}
@media all and (max-width: 1024px) {
  .page-header__profile {
    display: block;
  }
}

/* ==========================================================================
     Page Navigation component generic styles
   ========================================================================== */
.page-navigation a {
  text-decoration: none;
}
.page-navigation .page-navigation__top-links {
  display: none;
}
@media (max-width: 1024px) {
  .page-navigation .page-navigation__logo {
    display: none;
  }
  .page-navigation .page-navigation__top-links {
    display: block;
  }
  .page-navigation .page-navigation__top-links a {
    padding: 15px 20px;
  }
}
.profile-navigation {
  display: none;
}
@media (max-width: 1024px) {
  .profile-navigation.active {
    bottom: 0px;
    display: block;
    left: 0;
    overflow-y: auto;
    padding-top: 0;
    position: fixed;
    right: 0;
    top: 40px;
    transition: all 0.3s ease-in-out;
    z-index: 2001;
  }
}
.profile-navigation .customer-dropdown {
  display: block;
  padding: 0;
}
.profile-navigation .customer-dropdown .menu {
  position: relative;
}
.profile-navigation .customer-dropdown__wrapper {
  padding: 20px 30px;
}

/* ==========================================================================
     Page Slideshow component generic styles
   ========================================================================== */
.slide-container .usf-full-page-slideshow {
  overflow: auto;
  /* Video slides */
  /* Tablet Only Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.slide-container .usf-full-page-slideshow .slide {
  height: 100%;
}
.slide-container .usf-full-page-slideshow .slide__wrapper {
  background-position: center;
  background-size: cover;
  height: 100%;
  position: relative;
  width: 100%;
}
.slide-container .usf-full-page-slideshow .slide__wrapper .favorites-slide-btn-group {
  text-align: left;
}
.slide-container .usf-full-page-slideshow .slide__wrapper .favorites-slide-btn-group .slide__cta,
.slide-container .usf-full-page-slideshow .slide__wrapper .favorites-slide-btn-group .favorites-button {
  display: inline-block;
}
.slide-container .usf-full-page-slideshow .slide__wrapper .favorites-slide-btn-group .favorites-button {
  margin-left: 20px;
}
.slide-container .usf-full-page-slideshow .slide__content-container {
  -webkit-box-align: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  -webkit-align-items: stretch;
  align-items: stretch;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  padding: 6em 3em 8em 3em;
  width: 100%;
}
.slide-container .usf-full-page-slideshow .slide__content {
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
  width: 100%;
}
.slide-container .usf-full-page-slideshow .slide__content a {
  text-decoration: none;
}
.slide-container .usf-full-page-slideshow .slide__buttons {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
}
.slide-container .usf-full-page-slideshow .slide__cta {
  margin: 1em 2em 0 2em;
}
.slide-container .usf-full-page-slideshow .slide__next-label {
  position: absolute;
  bottom: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
}
.slide-container .usf-full-page-slideshow .video-container__cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
}
.slide-container .usf-full-page-slideshow .video-container__cover img {
  display: none;
}
.slide-container .usf-full-page-slideshow .overlay__content .slide__content-container {
  padding: 0 3em;
}
.slide-container .usf-full-page-slideshow .overlay__content .slide__next-label {
  display: none;
}
@media (max-width: 1024px) {
  .slide-container .usf-full-page-slideshow .slide .slide__content-container {
    min-height: 82vh;
  }
}
@media (max-width: 767px) {
  .slide-container .usf-full-page-slideshow .slide .slide__content-container {
    padding: 6em 2em;
  }
  .slide-container .usf-full-page-slideshow .slide .slide__content-container .slide__content {
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
  }
  .slide-container .usf-full-page-slideshow .slide .overlay__content .slide__content-container {
    padding: 7em 2em 0em 2em;
  }
  .slide-container .usf-full-page-slideshow .slide .overlay__content .slide__content-container .slide__content {
    -moz-align-self: center;
    -ms-align-self: center;
    -webkit-align-self: center;
    align-self: center;
  }
  .slide-container .usf-full-page-slideshow .slide .overlay__content .slide__content-container .slide__content h1,
  .slide-container .usf-full-page-slideshow .slide .overlay__content .slide__content-container .slide__content p,
  .slide-container .usf-full-page-slideshow .slide .overlay__content .slide__content-container .slide__content .section-border-bottom:after {
    margin-top: 0;
    margin-bottom: 0;
  }
  .slide-container .usf-full-page-slideshow .slide__wrapper .favorites-slide-btn-group {
    text-align: center;
  }
  .slide-container .usf-full-page-slideshow .slide__wrapper .favorites-slide-btn-group .favorites-button {
    margin-top: 15px;
    margin-left: 0;
  }
  .slide-container .usf-full-page-slideshow .slide__buttons {
    display: block;
  }
}
/* Edit Mode Modifications
   ========================================================================== */
@media (max-width: 1024px) {
  .aem-AuthorLayer-Design .slide-container .usf-full-page-slideshow .slide .slide__content-container,
  .aem-AuthorLayer-Edit .slide-container .usf-full-page-slideshow .slide .slide__content-container,
  .aem-AuthorLayer-Layouting .slide-container .usf-full-page-slideshow .slide .slide__content-container,
  .aem-AuthorLayer-Preview .slide-container .usf-full-page-slideshow .slide .slide__content-container {
    min-height: auto;
  }
}

/* =======================================================
    Power Reviews Styles for 3rd Party Form General Styles
   ======================================================= */
#pr-write .pr-war {
  margin: 0 auto;
}
.pr-btn-review {
  background-color: #56821f !important;
}
.power-reviews__container .p-w-r {
  font-family: "Oswald", sans-serif;
}
.power-reviews__container .p-w-r .thank-you-page .subtitle {
  text-transform: none;
  margin-top: 30px;
}
.power-reviews__container .thank-you-page .header h5 {
  margin: 45px 0;
  font-family: "Oswald", sans-serif;
}
.power-reviews__container .thank-you-page .header h5 a {
  color: #fff;
  text-decoration: none;
  background-color: #56821f;
  padding: 10px 20px;
}
.power-reviews__container .thank-you-page .header h5 a:hover {
  color: #fff;
  text-decoration: none;
}
.power-reviews__container .p-w-r .pr-accessible-btn {
  background-color: #56821f;
  border: none;
  font-weight: 400;
  min-width: initial;
  padding: 15px 20px;
  text-transform: uppercase;
  -webkit-appearance: none;
}
.power-reviews__container .p-w-r .pr-accessible-btn:hover {
  color: #fff;
}
.power-reviews__container .p-w-r .pr-btn.active {
  background-color: #56821f;
}
.power-reviews__container button.pr-clear-all-radios {
  color: #000;
  display: none;
}
.power-reviews__container button.pr-clear-all-radios:hover {
  background-color: inherit;
  border-color: inherit;
  color: #000;
}
.power-reviews__container .p-w-r a {
  color: #000;
}
.power-reviews__container .p-w-r a:hover {
  color: #000;
}
.power-reviews__container .p-w-r .thank-you-page .title {
  text-transform: none;
}
.power-reviews__container .pr-location-form-group {
  display: none;
}
.power-reviews__container .pr-star-v4.pr-star-v4-0-filled {
  background-image: url("../../../content/dam/dce/images/ratings-and-reviews/outline-star.png");
}
.power-reviews__container .pr-star-v4.pr-star-v4-100-filled {
  background-image: url("../../../content/dam/dce/images/ratings-and-reviews/filled-star.png");
}
.power-reviews__container .p-w-r .pr-header-title {
  text-transform: none;
}
.power-reviews__container .pr-header-product-name:after {
  color: #000;
  content: "\e904";
  display: inline;
  font-family: "dce-icons";
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.power-reviews__container .pr-header-required {
  margin-bottom: 24px;
}
.power-reviews__container .p-w-r h3 {
  font-size: 28px;
}
.power-reviews__container .p-w-r h5 {
  font-size: 24px;
}
.power-reviews__container .p-w-r .thank-you-page .headline {
  font-size: 26px;
}
.power-reviews__container .p-w-r .thank-you-page .pr-text {
  font-size: 16px;
}

/* =================================================
    Print Button Styles for PDP pages.
   ================================================= */
.product-header .print-button {
  display: inline-block;
  margin-left: 20px;
}
@media screen and (max-width: 1224px) {
  .product-header .print-button {
    display: block;
    margin-top: 20px;
    margin-left: 0;
  }
  .product-header .print-button > button {
    width: 100%;
  }
}

.print-header {
  display: none;
}

@media screen and (max-width: 767px) {
  .add-to-order-bar__container .modal-container,
  .add-to-order-bar__container .mobile_unauth {
    position: fixed;
    bottom: 0;
    left: 0;
    width: 100%;
    z-index: 1;
  }
  .add-to-order-bar__container .modal-container .usf-modal,
  .add-to-order-bar__container .mobile_unauth .usf-modal {
    position: relative;
    margin-bottom: -70px;
  }
  .add-to-order-bar__container .modal-container .usf-modal .usf-modal__container,
  .add-to-order-bar__container .mobile_unauth .usf-modal .usf-modal__container {
    box-shadow: none;
  }
  .add-to-order-bar__container .modal-container .usf-modal .usf-modal__body,
  .add-to-order-bar__container .mobile_unauth .usf-modal .usf-modal__body {
    padding-top: 0;
  }
  .add-to-order-bar__container > .add_to_order_bar hr {
    display: none;
  }
  .add-to-order-bar__container > .add_to_order_bar .priceInfo__container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .add-to-order-bar__container > .add_to_order_bar .priceInfo__container h4 {
    font-weight: 400;
    margin: 0;
  }
}
@media screen and (min-width: 768px) {
  .add-to-order-bar__container > .add_to_order_bar {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 20px;
  }
  .add-to-order-bar__container > .add_to_order_bar p,
  .add-to-order-bar__container > .add_to_order_bar h4,
  .add-to-order-bar__container > .add_to_order_bar h6,
  .add-to-order-bar__container > .add_to_order_bar h2 {
    margin: 0;
    text-transform: none;
  }
  .add-to-order-bar__container > .add_to_order_bar hr {
    margin: 10px 0;
  }
  .add-to-order-bar__container > .add_to_order_bar .modal-container {
    max-width: 170px;
    width: 100%;
  }
  .add-to-order-bar__container > .add_to_order_bar .button-primary,
  .add-to-order-bar__container > .add_to_order_bar .button-secondary {
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    -webkit-flex: 1 0 auto;
    flex: 1 0 auto;
    min-width: 0;
    max-width: 170px;
    padding: 10px;
  }
  .add-to-order-bar__container > .add_to_order_bar .priceInfo__container + .button-primary,
  .add-to-order-bar__container > .add_to_order_bar .priceInfo__container + .modal-container {
    margin-left: 30px;
  }
  .add-to-order-bar__container > .add_to_order_bar .copyArea {
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .add-to-order-bar__container > .add_to_order_bar .copyArea.unauthMessageCopy {
    margin-left: 20px;
  }
  .add-to-order-bar__container > .add_to_order_bar .copyArea p {
    margin: 0;
  }
}
.add-to-order-bar__container .add_order_button {
  width: 100%;
  padding: 20px 50px;
}
@media screen and (max-width: 767px) {
  .add-to-order-bar__container .add_to_order_modal .product_info_line,
  .add-to-order-bar__container .add_to_order_modal .product_name_line,
  .add-to-order-bar__container .add_to_order_modal .product_total_line,
  .add-to-order-bar__container .add_to_order_modal .modal__product_headline {
    padding: 10px 20px;
  }
  .add-to-order-bar__container .add_to_order_modal .product_info_line {
    padding: 0;
    margin: 0 20px 10px 20px;
    border-bottom: 1px solid #000;
  }
  .add-to-order-bar__container .add_to_order_modal .product_info_line .product_info {
    flex: 1 1 33%;
    text-align: center;
    line-height: 1em;
  }
  .add-to-order-bar__container .add_to_order_modal .product_info_line .product_info h6,
  .add-to-order-bar__container .add_to_order_modal .product_info_line .product_info p {
    font-size: .8em;
  }
  .add-to-order-bar__container .add_to_order_modal .product_total_line {
    padding: 0;
  }
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container {
    padding: 10px 20px;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container .product_quantity {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding: 5px 0;
  }
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container .product_quantity p {
    margin: 0;
    margin-right: 20px;
    min-width: 45px;
  }
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container .product_quantity button {
    border: 1px solid grey;
    background-color: #fff;
    padding-bottom: 3px;
    font-size: 1.5em;
  }
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container .product_quantity input {
    height: 31px;
    border: 1px solid grey;
  }
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container .product_quantity .case-unit,
  .add-to-order-bar__container .add_to_order_modal .product_quantity__container .product_quantity .each-unit {
    display: -ms-inline-flexbox;
    display: -webkit-inline-flex;
    display: inline-flex;
  }
  .add-to-order-bar__container .add_to_order_modal .product_deliver_date {
    padding: 10px 20px;
  }
  .add-to-order-bar__container .add_to_order_modal .product_deliver_date span {
    float: right;
  }
  .add-to-order-bar__container .add_to_order_modal .order_buttons {
    width: 100%;
  }
  .add-to-order-bar__container .add_to_order_modal .order_buttons button {
    width: 100%;
    padding: 20px 50px;
  }
  .add-to-order-bar__container .add_to_order_modal .total_price_mobile {
    text-align: right;
  }
  .add-to-order-bar__container .add_to_order_modal .total_price_mobile h6 {
    margin: 0;
  }
}
.add-to-order-bar__container .add_to_order_modal .modal__product_headline {
  margin-top: 30px;
}
.add-to-order-bar__container .add_to_order_modal .product_name_line {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  flex-wrap: wrap;
}
.add-to-order-bar__container .add_to_order_modal .product_name_line .product_quantity {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.add-to-order-bar__container .add_to_order_modal .product_name_line .product_quantity p {
  padding-right: 20px;
}
.add-to-order-bar__container .add_to_order_modal .product_name_line .product_quantity > div {
  flex: 1 1 auto;
  text-align: right;
}
.add-to-order-bar__container .add_to_order_modal .product_name_line .product_quantity.case_unit {
  margin-bottom: 10px;
}
@media screen and (min-width: 767px) {
  .add-to-order-bar__container .add_to_order_modal .product_name_line h4 {
    max-width: 550px;
  }
}
@media screen and (max-width: 767px) {
  .add-to-order-bar__container .add_to_order_modal .product_name_line h4 {
    flex: 1 1 100%;
    margin: 0;
  }
}
.add-to-order-bar__container .add_to_order_modal .product_info_line {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: baseline;
  -moz-box-align: baseline;
  -ms-flex-align: baseline;
  -webkit-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.add-to-order-bar__container .add_to_order_modal .product_info_line .product_info__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.add-to-order-bar__container .add_to_order_modal .product_info_line .product_info__container .product_info {
  text-align: center;
  border-right: 1px solid grey;
  padding: 0 20px;
  margin: 10px 0;
}
.add-to-order-bar__container .add_to_order_modal .product_info_line .product_info__container .product_info:last-child {
  border-right: none;
}
.add-to-order-bar__container .add_to_order_modal .product_info_line .product_info__container .product_info:first-child {
  padding-left: 0;
}
.add-to-order-bar__container .add_to_order_modal .product_total_line {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
@media screen and (min-width: 768px) {
  .add-to-order-bar__container .add_to_order_modal .product_info_line,
  .add-to-order-bar__container .add_to_order_modal .product_name_line,
  .add-to-order-bar__container .add_to_order_modal .product_total_line,
  .add-to-order-bar__container .add_to_order_modal .modal__product_headline {
    padding: 10px 50px;
  }
  .add-to-order-bar__container .add_to_order_modal .product_total_line {
    padding: 30px 50px;
  }
  .add-to-order-bar__container .add_to_order_modal .button-primary {
    margin-right: 25px;
  }
}
.add-to-order-bar__container .add_to_order_modal .modal__product_error_message {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
  cursor: pointer;
}
.add-to-order-bar__container .add_to_order_modal input[type=number]::-webkit-inner-spin-button,
.add-to-order-bar__container .add_to_order_modal input[type=number]::-webkit-outer-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.add-to-order-bar__container .add_to_order_modal input[type=number] {
  -moz-appearance: textfield;
  width: 40px;
  margin: 0 10px;
  text-align: center;
}
.add-to-order-bar__container .usf-modal .usf-modal__container {
  width: 100%;
  max-width: 880px;
}
.add-to-order-bar__container .usf-modal .usf-modal__body {
  padding: 10px 0 0;
  outline: none;
}
.add-to-order-bar__container .usf-modal .usf-modal__close-button {
  top: .25em;
  right: .5em;
}


/* ==========================================================================
     Product Features component generic styles
   ========================================================================== */
.product-features {
  /* Tablet and Up Modifications
       ========================================================================== */
}
@media (min-width: 768px) {
  .product-features .product-features__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
  }
  .product-features .product-features__list > li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
}

/* ==========================================================================
     Product Header component generic styles
   ========================================================================== */
/**
 * Additional generic styles @ /etc/clientlibs/usfoods-base/libs/main/source/less/components/detail-header.less
 * Those styles are shared with the Recipe Detail Header, consolidated to a shared stylesheet.
 */
.product-header .detail-header__logo {
  max-height: 90px;
}
.product-header .detail-header__logo img {
  max-height: 100%;
}
/* =================================================
    Product Header with print and favorites button
   ================================================= */
.product-header .detail-header__details .favorites-button {
  display: inline-block;
}
@media screen and (max-width: 1224px) {
  .product-header .detail-header__details .favorites-button {
    display: block;
  }
  .product-header .detail-header__details .favorites-button > button {
    width: 100%;
  }
}

/* ==========================================================================
     Product Ideas component generic styles
   ========================================================================== */
@media screen and (max-width: 767px) {
  .product-ideas .pdp_list {
    margin-bottom: 0;
  }
}

/* ==========================================================================
     Product Menu Types component generic styles
   ========================================================================== */
.product-menu-types .product-menu-types__label,
.product-menu-types .product-menu-types__list {
  display: inline;
  font-size: inherit;
}
.product-menu-types .product-menu-types__label {
  text-transform: none;
}
.product-menu-types .product-menu-types__list {
  text-transform: uppercase;
}

/* ==========================================================================
     Product Preperation component generic styles
   ========================================================================== */
@media screen and (max-width: 767px) {
  .product-prep .pdp_list {
    margin-bottom: 0;
  }
}
.product-prep .pdp-preperation li {
  max-width: 75%;
}
@media (max-width: 767px) {
  .product-prep .pdp-preperation li {
    max-width: inherit;
  }
}

/* ==========================================================================
     Product Specs component generic styles
   ========================================================================== */
.product-specs {
  -webkit-column-count: 2;
  -moz-column-count: 2;
  column-count: 2;
}
.product-specs .product-specs-item {
  -webkit-column-break-inside: avoid;
  page-break-inside: avoid;
  break-inside: avoid;
  min-height: 100px;
}
.product-specs .product-specs-item__label {
  text-transform: uppercase;
}
.product-specs .product-specs-item__value {
  pointer-events: none;
  text-transform: uppercase;
  /* iOS was auto-linking as a phone number for the Product IDs */
}
.product-specs .product-specs-item__value > a {
  color: inherit;
  text-decoration: none;
}

/* ==========================================================================
     Product Toolkit component generic styles
   ========================================================================== */
.product-toolkit {
  /* Mobile & Down Modifications
       ========================================================================== */
}
.product-toolkit h2 {
  text-align: center;
}
@media (max-width: 767px) {
  .product-toolkit {
    overflow: auto;
    /* Mobile modifications necessary for the lede tile content to display properly in a Slick carousel */
  }
  .product-toolkit .lede-tile-container {
    overflow: visible;
  }
  .product-toolkit .lede-tile {
    height: auto;
    margin: 0;
    padding: 0;
  }
  .product-toolkit .lede-tile a {
    display: block;
    height: 0;
    max-width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
}

/* ==========================================================================
     Promotion Category component generic styles
   ========================================================================== */
.promotion-category {
  padding: 0 5%;
  position: relative;
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.promotion-category img {
  height: auto;
  width: 100%;
}
.promotion-category__container {
  display: flex;
  justify-content: space-between;
}
.promotion-category__image {
  flex: 0 0 16.66666667%;
}
.promotion-category__description {
  flex: 1;
}
.promotion-category__description p {
  margin: 0;
}
.promotion-category__promos {
  display: flex;
  flex: 0 0 50%;
  justify-content: space-between;
}
@media all and (min-width: 767px) {
  .promotion-category__link {
    position: absolute;
    right: 0;
    top: 25px;
  }
}
@media all and (max-width: 767px) {
  .promotion-category h2 {
    text-align: center;
  }
  .promotion-category .promotion-category__container {
    align-items: center;
    flex-flow: column wrap;
    max-height: none;
    overflow: auto;
  }
  .promotion-category .promotion-category__promos {
    flex-flow: row nowrap;
    overflow-x: scroll;
  }
  .promotion-category .promotion-category__promos > div {
    flex: 0 0 300px;
  }
  .promotion-category .promotion-category__promos img {
    padding: 0;
  }
  .promotion-category .promotion-category__link {
    width: 100%;
  }
  .promotion-category img {
    max-width: 300px;
  }
}

/* ==========================================================================
     Recipe Ingredients component generic styles
   ========================================================================== */
.recipe-ingredients > ul {
  display: table;
  list-style-type: none;
}
.recipe-ingredients .recipe-ingredients__ingredient {
  display: table-row;
}
.recipe-ingredients .recipe-ingredients__ingredient .amount-measurement,
.recipe-ingredients .recipe-ingredients__ingredient .ingredient {
  display: table-cell;
}
.recipe-ingredients .recipe-ingredients__ingredient .amount-measurement {
  text-align: right;
  white-space: nowrap;
}

/* ==========================================================================
     Related Content component generic styles
   ========================================================================== */
.related-content {
  /* Mobile & Down Modifications
       ========================================================================== */
}
.related-content h2 {
  text-align: center;
}
@media (max-width: 767px) {
  .related-content {
    overflow: auto;
    /* Mobile modifications necessary for the lede tile content to display properly in a Slick carousel */
  }
  .related-content .lede-tile-container {
    overflow: visible;
  }
  .related-content .lede-tile {
    height: auto;
    margin: 0;
    padding: 0;
  }
  .related-content .lede-tile a {
    display: block;
    height: 0;
    max-width: 100%;
    padding-bottom: 100%;
    position: relative;
  }
}

/*======================================
Review Item List Component Base Styling
========================================*/
.reviews-item-list__container {
  padding: 2em 1em;
}
.reviews-item-list__container h2 {
  margin-bottom: 1em;
  text-transform: none;
}
.reviews-item-list__item {
  -webkit-box-shadow: 0 0 0.2em;
  box-shadow: 0 0 0.2em;
  border-radius: 0.2em;
  background-clip: padding-box;
  margin-bottom: 1em;
}
.reviews-item-list__item img {
  width: 100%;
}
.reviews-item-list__item .button-primary {
  width: 100%;
}
@media screen and (min-width: 768px) {
  .reviews-item-list__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    max-height: 100px;
  }
  .reviews-item-list__item-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
  .reviews-item-list__item-container img {
    max-height: 100px;
    width: auto;
    border-radius: 0.2em 0 0 0.2em;
    background-clip: padding-box;
  }
  .reviews-item-list__item .button-primary {
    margin-right: 1em;
    width: auto;
  }
}
.reviews-item-list__title-container {
  padding-left: .5em;
}
@media screen and (min-width: 768px) {
  .reviews-item-list__title-container {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    padding-left: 2em;
  }
  .reviews-item-list__title-container h3 {
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .reviews-item-list__title-container p {
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}

/* ==========================================================================
     Social Outreach components generic styles
   ========================================================================== */
.social-outreach {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
/* Shared styles between the Newsletter and Promo components */
.social-outreach-newsletter,
.social-outreach-promo {
  text-align: center;
}
/* Tablet and Up Modifications
   =================================================================== */
@media all and (min-width: 768px) {
  .social-outreach {
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .social-outreach .social-outreach-newsletter,
  .social-outreach .social-outreach-promo {
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  .social-outreach {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

/* ====================================== 
    Tout Container general styles
   ====================================== */
.tout-container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.tout-container > div {
  text-align: center;
}
/* Tablet and Up Modifications
   =================================================================== */
@media all and (min-width: 768px) {
  .tout-container {
    -webkit-box-align: flex-start;
    -moz-box-align: flex-start;
    -ms-flex-align: flex-start;
    -webkit-align-items: flex-start;
    align-items: flex-start;
  }
  .tout-container > div {
    -moz-flex: 1 1 50%;
    -ms-flex: 1 1 50%;
    -webkit-flex: 1 1 50%;
    flex: 1 1 50%;
  }
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  .tout-container {
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
  }
  .tout-container > div {
    order: 1;
  }
  .tout-container > div.tout {
    order: 2;
  }
}

/* ==========================================================================
     Video component generic styles
   ========================================================================== */
.usf-video {
  /* =====================================
        Mobile Modal style
       ===================================== */
}
.usf-video .video-container__cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.usf-video .video-container__cover img {
  width: 100%;
  height: auto;
}
.usf-video .video__head {
  margin: 0;
}
.usf-video .usf-modal__container .inside-modal-video .video-js.vjs-16-9 {
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .usf-video .usf-modal .usf-modal__body {
    padding: 2rem;
  }
  .usf-video .usf-modal .usf-modal__close-button {
    font-size: 0.8rem;
  }
}
/* =============================================
    Style for inside Lede Tile & Search Result
   ============================================= */
.lede-tile,
.search-results__result {
  /* =====================================
        Mobile Modal style
       ===================================== */
}
.lede-tile .usf-modal__container .video-js.vjs-16-9,
.search-results__result .usf-modal__container .video-js.vjs-16-9 {
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .lede-tile .usf-modal .usf-modal__body,
  .search-results__result .usf-modal .usf-modal__body {
    padding: 2rem;
  }
  .lede-tile .usf-modal .usf-modal__close-button,
  .search-results__result .usf-modal .usf-modal__close-button {
    font-size: 0.8rem;
  }
}
/* =============================================
    Style for inside Content Tile
   ============================================= */
.content-tile__main-content {
  /* =====================================
        Mobile Modal style
       ===================================== */
}
.content-tile__main-content .usf-modal__container .video-js.vjs-16-9 {
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .content-tile__main-content .usf-modal .usf-modal__body {
    padding: 2rem;
  }
  .content-tile__main-content .usf-modal .usf-modal__close-button {
    font-size: 0.8rem;
  }
}
/* =============================================
    Style for inside Expandable Item
   ============================================= */
.expandable-item__content {
  /* =====================================
        Mobile Modal style
       ===================================== */
}
.expandable-item__content .video-container__cover {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  display: block;
  position: relative;
}
.expandable-item__content .video-container__cover img {
  width: 100%;
  height: auto;
}
.expandable-item__content .video__head {
  margin: 0;
}
.expandable-item__content .usf-modal__container .video-js.vjs-16-9 {
  width: 1000px;
}
@media screen and (max-width: 767px) {
  .expandable-item__content .usf-modal .usf-modal__body {
    padding: 2rem;
  }
  .expandable-item__content .usf-modal .usf-modal__close-button {
    font-size: 0.8rem;
  }
}

/* ==========================================================================
     Update My Location component generic styles
   ========================================================================== */
.update-my-location {
  text-align: center;
}
.update-my-location a {
  display: table;
  margin: 1em auto 0 auto;
}
.update-my-location .update-my-location__error-message {
  margin-top: 1rem;
}
.update-my-location .update-my-location__instructions {
  margin-top: 1.25rem;
}
.update-my-location .button-secondary {
  text-transform: uppercase;
}
.update-my-location .form-wrapper {
  display: inline-block;
}
.update-my-location .form-field-wrapper {
  display: block;
}
.update-my-location .form-field-wrapper .form-field {
  margin-bottom: 1.5rem;
  text-align: left;
}
.update-my-location .button-secondary {
  margin: auto;
}

/* ==========================================================================
   Sitewide Variables
   ========================================================================== */
/* Grid Specific Variables
   ========================================================================== */
/* maximum width for site content */
/* Style Specific Variables
   ========================================================================== */
/* VISIBILITY */
/* COLORS */
/* FONTS */
/**
 * BASE SIZING
 *
 * This default font size determines the relative size of special content in components and should be derived from
 * the default paragraph font size
 */

/* ==========================================================================
   Mixins
   ========================================================================== */
/* Down Arrow */
.down-arrow {
  border: 2px solid #f3ba16;
  border-width: 0 0 2px 2px;
  font-size: 0;
  height: 10px;
  line-height: 0;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
}
/* Image Caption */
.image-caption {
  color: #b2b2b2;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.86666667em;
  font-style: italic;
  font-weight: normal;
}
/* Load More */
.load-more-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0.95652174em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
}
.load-more-button:before,
.load-more-button:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 49.5%;
  position: absolute;
  width: 0;
}
.load-more-button:before {
  border-top: 5px solid #cf4520;
  bottom: -9px;
}
.load-more-button:after {
  bottom: -7px;
  border-top: 5px solid #fff;
}
.load-more-button:focus {
  outline: none;
}
/* Typography Section Borders
   ========================================================================== */
.section-border-bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.section-border-bottom:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.section-border-bottom--center:after {
  margin-left: auto;
  margin-right: auto;
}
.section-border-bottom--small:after {
  height: 3px;
  width: 40px;
}
.inspire .section-border-bottom:after {
  background: #cf4520;
}
.attract .section-border-bottom:after {
  background: #56821f;
}
.optimize .section-border-bottom:after {
  background: #c08b0b;
}

/* ==========================================================================
     Style Guide Specific

     Please append `style-guide-` to all classes to keep them contained to the style guide pages
   ========================================================================== */
.style-guide-article-sidebar {
  float: right !important;
}
.style-guide-blockquote {
  border-left: 5px solid #cf4520;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  padding: 0.66666667rem 1.33333333rem;
}
.style-guide-code {
  color: #008000;
  font-family: monospace !important;
  font-size: 12px !important;
}
.style-guide-page-navigation,
.style-guide-page-navigation .page-navigation-container {
  position: relative;
}
.style-guide-vertical-rhythm-grid {
  background: transparent linear-gradient(to bottom, rgba(0, 118, 178, 0.2) 1px, transparent 1px) repeat scroll left 8px / 25px 25px;
}
/**
 * Because many of the style guide pages contain headlines for illustrative purposes, we needed a way to break up
 * the page sections in a unique way
 */
.style-guide-headline {
  background-color: #f2f2f2;
  border-bottom: 2px solid #d7d7d7;
  font-size: 26px;
  margin-bottom: 1em;
  padding: 0.5em;
}
.style-guide-headline:before {
  color: #999;
  content: '\f013';
  font-family: 'FontAwesome';
  padding-right: 10px;
  vertical-align: bottom;
}
.style-guide-menu ul {
  margin-left: 0;
  padding-left: 0;
  text-align: center;
  width: 100%;
}
.style-guide-menu li {
  list-style: none;
  margin: 0;
  padding: 0.5em 1em;
}
.style-guide-menu li p {
  margin: 0;
  padding: 0;
}
/* Colors
   ========================================================================== */
.style-guide-swatch {
  box-shadow: 0 2px 5px 2px rgba(128, 128, 128, 0.4);
  display: inline-block;
  height: 130px;
  margin: 30px 5px;
  position: relative;
  width: 130px;
}
.style-guide-swatch:after {
  color: #008000;
  font-family: monospace !important;
  font-size: 12px !important;
  left: 0;
  padding-top: 0.5em;
  position: absolute;
  text-align: center;
  top: 100%;
  width: 100%;
}
.style-guide-swatch:before {
  display: block;
  padding-top: 0.5em;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 4px #fff, 0 0 8px #fff, 0 0 12px #fff, 0 0 12px #fff, 0 0 12px #fff;
  width: 100%;
}
.style-guide-swatch-primary-orange {
  background-color: #cf4520;
}
.style-guide-swatch-primary-orange:after {
  content: "c-primary-orange";
}
.style-guide-swatch-primary-orange:before {
  content: "c-primary-orange";
}
.style-guide-swatch-primary-green {
  background-color: #56821f;
}
.style-guide-swatch-primary-green:after {
  content: "c-primary-green";
}
.style-guide-swatch-primary-green:before {
  content: "c-primary-green";
}
.style-guide-swatch-primary-gold {
  background-color: #c08b0b;
}
.style-guide-swatch-primary-gold:after {
  content: "c-primary-gold";
}
.style-guide-swatch-primary-gold:before {
  content: "c-primary-gold";
}
.style-guide-swatch-secondary-orange {
  background-color: #9f2200;
}
.style-guide-swatch-secondary-orange:after {
  content: "c-secondary-orange";
}
.style-guide-swatch-secondary-orange:before {
  content: "c-secondary-orange";
}
.style-guide-swatch-secondary-green {
  background-color: #3a5e0b;
}
.style-guide-swatch-secondary-green:after {
  content: "c-secondary-green";
}
.style-guide-swatch-secondary-green:before {
  content: "c-secondary-green";
}
.style-guide-swatch-secondary-gold {
  background-color: #996d05;
}
.style-guide-swatch-secondary-gold:after {
  content: "c-secondary-gold";
}
.style-guide-swatch-secondary-gold:before {
  content: "c-secondary-gold";
}
.style-guide-swatch-tertiary-orange {
  background-color: #e4673b;
}
.style-guide-swatch-tertiary-orange:after {
  content: "c-tertiary-orange";
}
.style-guide-swatch-tertiary-orange:before {
  content: "c-tertiary-orange";
}
.style-guide-swatch-tertiary-green {
  background-color: #7aa33d;
}
.style-guide-swatch-tertiary-green:after {
  content: "c-tertiary-green";
}
.style-guide-swatch-tertiary-green:before {
  content: "c-tertiary-green";
}
.style-guide-swatch-tertiary-gold {
  background-color: #f3ba16;
}
.style-guide-swatch-tertiary-gold:after {
  content: "c-tertiary-gold";
}
.style-guide-swatch-tertiary-gold:before {
  content: "c-tertiary-gold";
}
.style-guide-swatch-grey-text {
  background-color: #1f1f1f;
}
.style-guide-swatch-grey-text:after {
  content: "c-grey-text";
}
.style-guide-swatch-grey-text:before {
  content: "c-grey-text";
}
.style-guide-swatch-grey-dark {
  background-color: #2f2f2f;
}
.style-guide-swatch-grey-dark:after {
  content: "c-grey-dark";
}
.style-guide-swatch-grey-dark:before {
  content: "c-grey-dark";
}
.style-guide-swatch-grey-mid {
  background-color: #4f4f4f;
}
.style-guide-swatch-grey-mid:after {
  content: "c-grey-mid";
}
.style-guide-swatch-grey-mid:before {
  content: "c-grey-mid";
}
.style-guide-swatch-grey {
  background-color: #b2b2b2;
}
.style-guide-swatch-grey:after {
  content: "c-grey";
}
.style-guide-swatch-grey:before {
  content: "c-grey";
}
.style-guide-swatch-grey-light {
  background-color: #d7d7d7;
}
.style-guide-swatch-grey-light:after {
  content: "c-grey-light";
}
.style-guide-swatch-grey-light:before {
  content: "c-grey-light";
}
.style-guide-swatch-grey-x-light {
  background-color: #f2f2f2;
}
.style-guide-swatch-grey-x-light:after {
  content: "c-grey-x-light";
}
.style-guide-swatch-grey-x-light:before {
  content: "c-grey-x-light";
}
.style-guide-swatch-black {
  background-color: #000000;
}
.style-guide-swatch-black:after {
  content: "c-black";
}
.style-guide-swatch-black:before {
  content: "c-black";
}
.style-guide-swatch-error {
  background-color: #cf4520;
}
.style-guide-swatch-error:after {
  content: "c-error";
}
.style-guide-swatch-error:before {
  content: "c-error";
}
.style-guide-swatch-white {
  background-color: #ffffff;
}
.style-guide-swatch-white:after {
  content: "c-white";
}
.style-guide-swatch-white:before {
  content: "c-white";
}
/* Fonts
   ========================================================================== */
.style-guide-font {
  display: block;
  font-size: 1.2em;
  padding: 1em 0 1.5em 0;
  position: relative;
}
.style-guide-font:after {
  content: "The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font:before {
  color: #008000;
  font-family: monospace !important;
  font-size: 12px !important;
  left: 0;
  position: absolute;
  top: 0;
}
/* Primary */
.style-guide-font-primary-regular {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.style-guide-font-primary-regular:after {
  content: "Open Sans Regular (400) - The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font-primary-regular:before {
  content: ".ff-primary-regular";
}
.style-guide-font-primary-italic {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
}
.style-guide-font-primary-italic:after {
  content: "Open Sans Semibold Italic (600) - The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font-primary-italic:before {
  content: ".ff-primary-italic";
}
.style-guide-font-primary-bold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.style-guide-font-primary-bold:after {
  content: "Open Sans Bold (700) - The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font-primary-bold:before {
  content: ".ff-primary-bold";
}
/* Secondary */
.style-guide-font-secondary-regular {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.style-guide-font-secondary-regular:after {
  content: "Oswald Regular (400) - The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font-secondary-regular:before {
  content: ".ff-secondary-regular";
}
.style-guide-font-secondary-medium {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.style-guide-font-secondary-medium:after {
  content: "Oswald Medium (500) - The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font-secondary-medium:before {
  content: ".ff-secondary-medium";
}
.style-guide-font-secondary-bold {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.style-guide-font-secondary-bold:after {
  content: "Oswald Bold (700) - The quick brown fox jumps over the lazy dog. Grumpy wizards make toxic brew for the evil queen and jack.";
}
.style-guide-font-secondary-bold:before {
  content: ".ff-secondary-bold";
}
/* Tablet Modifications
   ========================================================================== */
@media (max-width: 1024px) {
  .style-guide-menu {
    position: relative;
  }
  .style-guide-menu li {
    display: inline-block;
  }
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  .style-guide-vertical-rhythm-grid {
    background: transparent linear-gradient(to bottom, rgba(0, 118, 178, 0.2) 1px, transparent 1px) repeat scroll left 9px / 24px 24px;
  }
}

@font-face {
  font-family: 'dce-icons';
  src:  url('clientlib-site/source/fonts/dce-icons/fonts/dce-icons.eot?gl5zfz');
  src:  url('clientlib-site/source/fonts/dce-icons/fonts/dce-icons.eot?gl5zfz#iefix') format('embedded-opentype'),
    url('clientlib-site/source/fonts/dce-icons/fonts/dce-icons.ttf?gl5zfz') format('truetype'),
    url('clientlib-site/source/fonts/dce-icons/fonts/dce-icons.woff?gl5zfz') format('woff'),
    url('clientlib-site/source/fonts/dce-icons/fonts/dce-icons.svg?gl5zfz#dce-icons') format('svg');
  font-weight: normal;
  font-style: normal;
  font-display: block;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'dce-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-login:before {
  content: "\e922";
}
.icon-dropdown-location:before {
  content: "\e91f";
}
.icon-logout:before {
  content: "\e920";
}
.icon-user-account:before {
  content: "\e921";
}
.icon-USF-logo:before {
  content: "\e91e";
}
.icon-heart:before {
  content: "\e900";
}
.icon-heart-o:before {
  content: "\e901";
}
.icon-join:before {
  content: "\e902";
}
.icon-quotes:before {
  content: "\e903";
}
.icon-arrow-circle-o:before {
  content: "\e904";
}
.icon-plus-circle-o:before {
  content: "\e905";
}
.icon-minus-circle-o:before {
  content: "\e906";
}
.icon-search:before {
  content: "\e907";
}
.icon-play-circle-o:before {
  content: "\e908";
}
.icon-calendar:before {
  content: "\e909";
}
.icon-location:before {
  content: "\e90a";
}
.icon-contact:before {
  content: "\e90b";
}
.icon-events:before {
  content: "\e90c";
}
.icon-photo-set:before {
  content: "\e90d";
}
.icon-favorites:before {
  content: "\e90e";
}
.icon-team:before {
  content: "\e919";
}
.icon-optimize .path1:before {
  content: "\e90f";
  color: rgb(243, 186, 22);
}
.icon-optimize .path2:before {
  content: "\e910";
  margin-left: -1em;
  color: rgb(192, 139, 11);
}
.icon-optimize .path3:before {
  content: "\e911";
  margin-left: -1em;
  color: rgb(192, 139, 11);
}
.icon-optimize .path4:before {
  content: "\e912";
  margin-left: -1em;
  color: rgb(243, 186, 22);
}
.icon-inspire .path1:before {
  content: "\e913";
  color: rgb(228, 103, 59);
}
.icon-inspire .path2:before {
  content: "\e914";
  margin-left: -0.609375em;
  color: rgb(228, 103, 59);
}
.icon-inspire .path3:before {
  content: "\e915";
  margin-left: -0.609375em;
  color: rgb(228, 103, 59);
}
.icon-inspire .path4:before {
  content: "\e916";
  margin-left: -0.609375em;
  color: rgb(207, 69, 32);
}
.icon-inspire .path5:before {
  content: "\e917";
  margin-left: -0.609375em;
  color: rgb(159, 34, 0);
}
.icon-inspire .path6:before {
  content: "\e918";
  margin-left: -0.609375em;
  color: rgb(159, 34, 0);
}
.icon-inspire .path7:before {
  content: "\e91a";
  margin-left: -0.609375em;
  color: rgb(159, 34, 0);
}
.icon-inspire .path8:before {
  content: "\e91b";
  margin-left: -0.609375em;
  color: rgb(159, 34, 0);
}
.icon-inspire .path9:before {
  content: "\e91c";
  margin-left: -0.609375em;
  color: rgb(159, 34, 0);
}
.icon-attract:before {
  content: "\e91d";
  color: #7aa33d;
}

/* ==========================================================================
   US Foods Base Styles
   ========================================================================== */
/**
 * Coding rules : https://github.com/necolas/idiomatic-css
 *
 * This main.less file is intentionally left lean and is only used to import base
 * variables, mixins, and prefixing in other stylesheets.
 */
/**
 * Folder Structure
 * -----------------
 * abstracts/
 *    Variables, Mixins, and other reference-only abstractions that do not relate
 *    to the structure and styling of the site.
 *
 * base/
 *    Base rules are the defaults. They are almost exclusively single element
 *    selectors but it could include attribute selectors, pseudo-class
 *    selectors, child selectors or sibling selectors. Essentially, a base
 *    style says that wherever this element is on the page, it should look
 *    like _this_.
 *
 * components/
 *    Components are the reusable, modular parts of our design that correspond
 *    with an AEM component.
 *
 * layout/
 *    Layout rules divide the page into sections. Layouts hold one or
 *    more components together.
 */
/* Shared Imports
   ========================================================================== */

/* ==========================================================================
     Base Elements
   ========================================================================== */
html,
body {
  font-size: 15px;
  line-height: 1.66666667em;
}
body {
  color: #1f1f1f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: auto;
  max-width: 1380px;
  /* Required for the Full Bleed Background Layout in ../layout/fullbleed.less */
  overflow-x: hidden;
}
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  html,
  body {
    font-size: 15px;
    line-height: 1.6em;
  }
}

/* ==========================================================================
   Alert Elements
   ========================================================================== */
.alert {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  padding: 1.33333333rem;
  border: 5px solid #f2f2f2;
  text-align: center;
}
.alert.alert-success {
  color: #56821f;
  background-color: #c7e89f;
  border-color: #3b5915;
}
.alert.alert-info {
  color: #31708f;
  background-color: #bddae8;
  border-color: #245269;
}
.alert.alert-warning {
  color: #8a6d3b;
  background-color: #e6dac5;
  border-color: #66512c;
}
.alert.alert-danger,
.alert.alert-error {
  color: #cf4520;
  background-color: #f9e1db;
  border-color: #a33619;
}

/* ==========================================================================
     Default Typography
   ========================================================================== */
a,
a:visited {
  color: #1f1f1f;
  transition: all 0.3s ease 0s;
}
a:focus {
  outline: 1px dotted #e4673b;
}
a:hover {
  color: #cf4520;
}
em,
i {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: #1f1f1f;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
small,
sub,
sup {
  font-size: 0.8em;
}
sub,
sup {
  line-height: 1;
  position: relative;
  vertical-align: baseline;
}
sub {
  top: 0.4em;
}
sup {
  top: -0.4em;
}
strong,
b {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.error {
  color: #cf4520;
}
.extra-large {
  display: block;
}
.support {
  font-size: 0.86666667em;
  line-height: 1.53846154em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
/* Dark Background Modifications
   ========================================================================== */
.has-bg-dark {
  color: #ffffff;
}
.has-bg-dark a,
.has-bg-dark a:visited,
.has-bg-dark body,
.has-bg-dark h1,
.has-bg-dark h2,
.has-bg-dark h3,
.has-bg-dark h4,
.has-bg-dark h5,
.has-bg-dark h6 {
  color: #ffffff;
}
/* Section Color Modifications
   ========================================================================== */
body.inspire a:hover,
.c-group-inspire {
  color: #cf4520;
}
body.attract a:hover,
.c-group-attract {
  color: #56821f;
}
body.optimize a:hover,
.c-group-optimize {
  color: #c08b0b;
}

/* ==========================================================================
     Button and Link Elements
   ========================================================================== */
.button-primary,
.button-secondary {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #cf4520;
  border-radius: 0;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.06666667em;
  line-height: 1.625em;
  min-width: 204px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.button-primary:focus,
.button-secondary:focus {
  outline: 1px dotted #cf4520;
}
.button-primary:hover,
.button-secondary:hover {
  cursor: pointer;
}
.button-primary a,
.button-secondary a {
  text-decoration: none;
}
.button-add-favorite {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #cf4520;
  border-radius: 0;
  display: inline-block;
  min-width: 204px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  background-color: #cf4520;
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.06666667em;
  line-height: 1.625em;
}
.button-add-favorite:focus {
  outline: 1px dotted #cf4520;
}
.button-add-favorite:hover {
  cursor: pointer;
}
.button-add-favorite a {
  text-decoration: none;
}
.button-add-favorite[disabled],
.button-add-favorite[disabled]:hover,
.button-add-favorite.disabled {
  background-color: #d7d7d7 !important;
  border-color: #d7d7d7 !important;
  color: #ffffff !important;
  cursor: default;
}
.button-add-favorite a {
  color: #ffffff;
}
.button-add-favorite a:visited {
  color: #ffffff;
}
.button-add-favorite:before {
  content: '+';
  display: inline-block;
  font-family: 'dce-icons';
  font-size: 1.66666667em;
  font-weight: bold;
  line-height: 0.6em;
  margin-right: 10px;
}
.button-primary {
  background-color: #cf4520;
  color: #ffffff;
}
.button-primary[disabled],
.button-primary[disabled]:hover,
.button-primary.disabled {
  background-color: #d7d7d7 !important;
  border-color: #d7d7d7 !important;
  color: #ffffff !important;
  cursor: default;
}
.button-primary a {
  color: #ffffff;
}
.button-primary a:visited {
  color: #ffffff;
}
.button-secondary {
  background-color: #ffffff;
  color: #1f1f1f;
}
.button-secondary[disabled],
.button-secondary[disabled]:hover,
.button-secondary.disabled {
  background-color: #ffffff !important;
  border-color: #d7d7d7 !important;
  color: #4f4f4f !important;
  cursor: default;
}
.button-primary:hover,
.button-secondary:hover {
  background-color: #e4673b;
  border-color: #e4673b;
  color: #ffffff;
}
.button-primary:hover a:hover,
.button-secondary:hover a:hover {
  color: #ffffff;
}
.link-primary {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.06666667em;
  line-height: 1.5625em;
  text-decoration: none;
  text-transform: uppercase;
}
.link-primary a {
  text-decoration: none;
}
.link-primary:after {
  color: #cf4520;
  content: '\e904';
  display: inline-block;
  font-family: 'dce-icons';
  font-size: 0.875em;
  font-weight: normal;
  line-height: 1.78571429em;
  margin-left: 7px;
  vertical-align: bottom;
}
/* Section Color Modifications
   ========================================================================== */
.inspire .button-primary,
.inspire .button-secondary {
  border-color: #cf4520;
}
.inspire .button-primary.button-add-favorite:before,
.inspire .button-secondary.button-add-favorite:before {
  color: #cf4520;
}
.inspire .button-primary:focus,
.inspire .button-secondary:focus {
  outline: 1px dotted #cf4520;
}
.inspire .button-primary:hover,
.inspire .button-secondary:hover {
  background-color: #e4673b;
  border-color: #e4673b;
}
.inspire .button-primary {
  background-color: #cf4520;
}
.inspire .link-primary:after {
  color: #cf4520;
}
.button-primary.c-group-inspire,
.button-secondary.c-group-inspire {
  border-color: #cf4520 !important;
}
.button-primary.c-group-inspire:focus,
.button-secondary.c-group-inspire:focus {
  outline: 1px dotted #cf4520 !important;
}
.button-primary.c-group-inspire:hover,
.button-secondary.c-group-inspire:hover {
  background-color: #e4673b !important;
  border-color: #e4673b !important;
}
.button-primary.c-group-inspire {
  background-color: #cf4520 !important;
}
.attract .button-primary,
.attract .button-secondary {
  border-color: #56821f;
}
.attract .button-primary.button-add-favorite:before,
.attract .button-secondary.button-add-favorite:before {
  color: #56821f;
}
.attract .button-primary:focus,
.attract .button-secondary:focus {
  outline: 1px dotted #56821f;
}
.attract .button-primary:hover,
.attract .button-secondary:hover {
  background-color: #7aa33d;
  border-color: #7aa33d;
}
.attract .button-primary {
  background-color: #56821f;
}
.attract .link-primary:after {
  color: #56821f;
}
.button-primary.c-group-attract,
.button-secondary.c-group-attract {
  border-color: #56821f !important;
}
.button-primary.c-group-attract:focus,
.button-secondary.c-group-attract:focus {
  outline: 1px dotted #56821f !important;
}
.button-primary.c-group-attract:hover,
.button-secondary.c-group-attract:hover {
  background-color: #7aa33d !important;
  border-color: #7aa33d !important;
}
.button-primary.c-group-attract {
  background-color: #56821f !important;
}
.optimize .button-primary,
.optimize .button-secondary {
  border-color: #c08b0b;
}
.optimize .button-primary.button-add-favorite:before,
.optimize .button-secondary.button-add-favorite:before {
  color: #c08b0b;
}
.optimize .button-primary:focus,
.optimize .button-secondary:focus {
  outline: 1px dotted #c08b0b;
}
.optimize .button-primary:hover,
.optimize .button-secondary:hover {
  background-color: #f3ba16;
  border-color: #f3ba16;
}
.optimize .button-primary {
  background-color: #c08b0b;
}
.optimize .link-primary:after {
  color: #c08b0b;
}
.button-primary.c-group-optimize,
.button-secondary.c-group-optimize {
  border-color: #c08b0b !important;
}
.button-primary.c-group-optimize:focus,
.button-secondary.c-group-optimize:focus {
  outline: 1px dotted #c08b0b !important;
}
.button-primary.c-group-optimize:hover,
.button-secondary.c-group-optimize:hover {
  background-color: #f3ba16 !important;
  border-color: #f3ba16 !important;
}
.button-primary.c-group-optimize {
  background-color: #c08b0b !important;
}
/* Dark Background Modifications
   ========================================================================== */
.has-bg-dark .button-secondary {
  background-color: transparent;
}

/* ==========================================================================
     US Foods DCE Fonts
   ========================================================================== */
.ff-primary-regular {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ff-primary-italic {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
}
.ff-primary-bold {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.ff-secondary-regular {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.ff-secondary-medium {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.ff-secondary-bold {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}

/* ==========================================================================
   US Foods DCE Form Elements
   ========================================================================== */
/* Shared Variables */
/* All Form Fields Shared Styles
   ========================================================================== */
.form-field {
  margin-bottom: 9px;
  position: relative;
  transition: all 0.3s ease 0s;
}
.form-field ::-webkit-input-placeholder {
  color: #b2b2b2;
}
.form-field ::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.form-field :-moz-placeholder {
  color: #b2b2b2;
}
.form-field :-ms-input-placeholder {
  color: #b2b2b2;
}
.form-field.form-field__input label,
.form-field.form-field__select label,
.form-field.form-field__textarea label {
  color: #2f2f2f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  position: absolute;
  top: 5px;
  left: 13px;
  line-height: 1;
  z-index: 0;
}
.form-field.form-field__disable input {
  color: #b2b2b2;
}
.form-field.form-field--error label {
  color: #cf4520;
}
.form-field.form-field--error .form-field__error {
  color: #cf4520;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 11px;
  text-align: right;
}
.cmp-form .cmp {
  margin-bottom: 1rem;
}
.cmp-form-field label {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 1.66666667em;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
/* Checkbox and Radio Styles
   ========================================================================== */
.form-field__checkbox,
.form-field__radio {
  position: relative;
}
.form-field__checkbox.form-field--error .form-field__error,
.form-field__radio.form-field--error .form-field__error {
  padding: 0 0 0 30px;
  text-align: left;
}
.form-field__checkbox input,
.form-field__radio input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  height: 20px;
  margin: 0;
  opacity: 0;
  padding: 0;
  position: absolute;
  width: 20px;
  z-index: 1;
}
.form-field__checkbox input[disabled] + label,
.form-field__radio input[disabled] + label {
  color: #d7d7d7;
}
.form-field__checkbox input[disabled] + label span,
.form-field__radio input[disabled] + label span {
  border-color: #d7d7d7;
}
.form-field__checkbox input:focus + label span,
.form-field__radio input:focus + label span {
  outline: 1px dotted #cf4520;
}
.form-field__checkbox label,
.form-field__radio label {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 30px;
  position: relative;
}
.form-field__checkbox label:hover span,
.form-field__radio label:hover span {
  border: 1px solid #c08b0b;
}
.form-field__checkbox label:after,
.form-field__radio label:after {
  content: "";
  display: inline-block;
  position: absolute;
  transition: all 0.3s ease 0s;
}
.form-field__checkbox label span,
.form-field__radio label span {
  border: 1px solid #1f1f1f;
  height: 20px;
  left: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 20px;
  display: block;
  z-index: 1;
}
.form-field__checkbox label:after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  height: 12px;
  left: 6px;
  top: 1px;
  width: 6px;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
}
.form-field__checkbox input[type=checkbox]:checked + label:after {
  border-color: #c08b0b;
  height: 12px;
  left: 6px;
  top: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
}
.form-field__radio label span {
  border-radius: 100%;
}
.form-field__radio label:after {
  background: #ffffff;
  border-radius: 100%;
  height: 2px;
  left: 8px;
  top: 8px;
  width: 2px;
}
.form-field__radio input[type=radio]:checked + label:after {
  background: #c08b0b;
  height: 14px;
  left: 3px;
  top: 3px;
  width: 14px;
}
legend {
  padding: 1rem 0;
}
.checkbox-item {
  cursor: pointer;
  display: block;
  font-size: 14px;
  line-height: 20px;
  padding: 0 0 0 30px;
  position: relative;
  margin-bottom: 1rem;
}
.checkbox-item label {
  font-size: 14px;
  line-height: 18px;
}
.checkbox-item input {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #1f1f1f;
  height: 20px;
  left: 0;
  position: absolute;
  transition: all 0.3s ease 0s;
  width: 20px;
  display: block;
}
.checkbox-item input[type=checkbox]::after {
  border: solid #ffffff;
  border-width: 0 2px 2px 0;
  height: 12px;
  left: 6px;
  top: 1px;
  width: 6px;
  -webkit-transform: rotate(25deg);
  -ms-transform: rotate(25deg);
  transform: rotate(25deg);
  content: "";
  display: inline-block;
  position: absolute;
  transition: all 0.3s ease 0s;
}
.checkbox-item input[type=checkbox]:checked::after {
  border-color: #c08b0b;
  height: 12px;
  left: 6px;
  top: 1px;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 6px;
  position: relative;
}
/* Input and Textarea Styles
   ========================================================================== */
.form-field__input input,
.form-field__textarea input,
.cmp-form-field input,
.form-field__input textarea,
.form-field__textarea textarea,
.cmp-form-field textarea {
  border: 2px solid #b2b2b2;
  border-radius: 0;
  color: #1f1f1f;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 14px;
  outline: none;
  padding: 17px 39px 3px 13px;
  -webkit-appearance: none;
  width: 100%;
}
.form-field__input input[disabled],
.form-field__textarea input[disabled],
.cmp-form-field input[disabled],
.form-field__input textarea[disabled],
.form-field__textarea textarea[disabled],
.cmp-form-field textarea[disabled] {
  border-color: #d7d7d7;
}
.form-field__input input:focus,
.form-field__textarea input:focus,
.cmp-form-field input:focus,
.form-field__input textarea:focus,
.form-field__textarea textarea:focus,
.cmp-form-field textarea:focus {
  border-color: #1f1f1f;
  box-shadow: 0 0 2px 0 #b2b2b2;
}
/* Select Styles
   ========================================================================== */
.form-field__select,
.form-group.drop-down {
  display: block;
  position: relative;
  /* Custom arrow sits on top of the select */
  /* This is the native select, we're making everything but the text invisible so we can see the button styles in the wrapper */
}
.form-field__select::after,
.form-group.drop-down::after {
  border-bottom: 2px solid #c08b0b;
  border-right: 2px solid #c08b0b;
  content: " ";
  height: 8px;
  position: absolute;
  right: 1em;
  top: 20px;
  -webkit-transform: rotate(45deg) translate(-25%, -75%);
  -ms-transform: rotate(45deg) translate(-25%, -75%);
  transform: rotate(45deg) translate(-25%, -75%);
  width: 8px;
  z-index: 2;
  /* These hacks make the select behind the arrow clickable in some browsers */
  display: none;
  pointer-events: none;
}
.form-field__select select,
.form-group.drop-down select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border-radius: 0;
  border: 2px solid #b2b2b2;
  color: #1f1f1f;
  font-size: 14px;
  margin: 0;
  outline: none;
  padding: 17px 39px 3px 13px;
  width: 100%;
  /* Firefox focus has odd artifacts around the text, this kills that. See https://developer.mozilla.org/en-US/docs/Web/CSS/:-moz-focusring */
}
.form-field__select select[disabled],
.form-group.drop-down select[disabled] {
  border-color: #d7d7d7;
}
.form-field__select select:focus,
.form-group.drop-down select:focus {
  border-color: #1f1f1f;
  box-shadow: 0 0 2px 0 #b2b2b2;
}
.form-field__select select:-moz-focusring,
.form-group.drop-down select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #000;
}
.form-group.drop-down label {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 15px;
  line-height: 1.66666667em;
}
.form-group.drop-down::after {
  display: block;
  top: 46px;
}
/* Firefox Support*/
@supports (-webkit-appearance: none) or (appearance: none) or ((-moz-appearance: none) and (mask-type: alpha)) {
  /* Firefox <= 34 has a false positive on @supports( -moz-appearance: none ) @supports ( mask-type: alpha ) is Firefox 35+ */
  .form-field__select::after {
    display: block;
  }
  .form-field__select select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: none;
    padding: 17px 39px 3px 13px;
  }
  .form-field__select select:focus {
    color: #1f1f1f;
  }
}
@-moz-document url-prefix() {
  /* Adds Firefox < 35 support - Show only the native arrow */
  .form-field__select {
    overflow: hidden;
  }
  .form-field__select::after {
    display: block;
  }
  .form-field__select select {
    background: none;
    overflow: -moz-hidden-unscrollable;
    padding-right: .4em;
    /* Firefox < 4 */
    min-width: 6em;
    width: 130%;
    /* Firefox 4-15 */
    min-width: -moz-calc(0em);
    width: -moz-calc(102.4%);
    /* Firefox 16+ */
    min-width: calc(0em);
    width: calc(102.4%);
  }
  /* Firefox 35+ that supports hiding the native select can have a proper 100% width, no need for the overflow clip trick */
  @supports ( mask-type: alpha ) {
    .form-field__select {
      overflow: visible;
    }
    .form-field__select select {
      -moz-appearance: none;
      padding: 17px 39px 3px 13px;
      width: 100%;
    }
  }
}
/**
 * IE 10/11+ Support
 *
 * This hides native dropdown button arrow so it will have the custom appearance. Targeting media query hack via
 * http://browserhacks.com/#hack-28f493d247a12ab654f6c3637f6978d5
 *
 * The second rule removes the odd blue bg color behind the text in the select button in IE 10/11 and sets the text
 * color to match the focus style's - fix via http://stackoverflow.com/questions/17553300/change-ie-background-color-on-unopened-focused-select-box
 */
@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
  .form-field__select::after {
    display: block;
  }
  .form-field__select select {
    background: none;
    border: 2px solid #b2b2b2;
    padding: 17px 39px 3px 13px;
  }
  .form-field__select select::-ms-expand {
    display: none;
  }
  .form-field__select select:focus {
    border-color: #1f1f1f;
  }
  .form-field__select select:focus::-ms-value {
    background: transparent;
    color: #1f1f1f;
  }
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  .form-field__checkbox label,
  .form-field__radio label {
    font-size: 16px;
  }
  .form-field__input input,
  .form-field__textarea input,
  .form-field__input textarea,
  .form-field__textarea textarea {
    font-size: 16px;
  }
  .form-field__select select {
    font-size: 14px;
  }
  input,
  input[type="text"],
  input[type="number"],
  input[type="email"],
  select,
  textarea {
    font-size: 16px;
  }
  input:focus,
  input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="email"]:focus,
  select:focus,
  textarea:focus {
    font-size: 16px;
  }
}

/* ==========================================================================
     Modal Base Styles
   ========================================================================== */
.usf-modal {
  background-color: rgba(47, 47, 47, 0.9);
  /* Tablet and Down Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.usf-modal .usf-modal__container {
  background-color: #ffffff;
  box-shadow: 0 0 10px 0 #1f1f1f;
  max-width: 66.66666%;
}
.usf-modal .usf-modal__close-button {
  top: 1.33333333rem;
  right: 1.46666667rem;
  font-size: 1rem;
}
.usf-modal .usf-modal__body {
  padding: 4rem;
}
@media (max-width: 1024px) {
  .usf-modal .usf-modal__container {
    max-width: 85%;
  }
  .usf-modal .usf-modal__close-button {
    top: 0.66666667rem;
    right: 0.66666667rem;
  }
  .usf-modal .usf-modal__body {
    padding: 2.66666667rem;
  }
}
@media (max-width: 767px) {
  .usf-modal .usf-modal__container {
    max-width: 100%;
  }
  .usf-modal .usf-modal__close-button {
    top: 0.33333333rem;
    right: 0.33333333rem;
  }
  .usf-modal .usf-modal__body {
    padding: 1.33333333rem;
  }
}

@-webkit-keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
@keyframes progress-bar-stripes {
  from {
    background-position: 40px 0;
  }
  to {
    background-position: 0 0;
  }
}
.progress {
  background-image: -webkit-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: -o-linear-gradient(top, #ebebeb 0%, #f5f5f5 100%);
  background-image: linear-gradient(to bottom, #ebebeb 0%, #f5f5f5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffebebeb', endColorstr='#fff5f5f5', GradientType=0);
}
.progress-bar {
  background-image: -webkit-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: -o-linear-gradient(top, #337ab7 0%, #286090 100%);
  background-image: linear-gradient(to bottom, #337ab7 0%, #286090 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff337ab7', endColorstr='#ff286090', GradientType=0);
}
.progress-bar-success {
  background-image: -webkit-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: -o-linear-gradient(top, #5cb85c 0%, #449d44 100%);
  background-image: linear-gradient(to bottom, #5cb85c 0%, #449d44 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5cb85c', endColorstr='#ff449d44', GradientType=0);
}
.progress-bar-info {
  background-image: -webkit-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: -o-linear-gradient(top, #5bc0de 0%, #31b0d5 100%);
  background-image: linear-gradient(to bottom, #5bc0de 0%, #31b0d5 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff5bc0de', endColorstr='#ff31b0d5', GradientType=0);
}
.progress-bar-warning {
  background-image: -webkit-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: -o-linear-gradient(top, #f0ad4e 0%, #ec971f 100%);
  background-image: linear-gradient(to bottom, #f0ad4e 0%, #ec971f 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff0ad4e', endColorstr='#ffec971f', GradientType=0);
}
.progress-bar-danger {
  background-image: -webkit-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: -o-linear-gradient(top, #d9534f 0%, #c9302c 100%);
  background-image: linear-gradient(to bottom, #d9534f 0%, #c9302c 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffd9534f', endColorstr='#ffc9302c', GradientType=0);
}
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress {
  overflow: hidden;
  height: 20px;
  margin-bottom: 20px;
  background-color: #f5f5f5;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);
}
.progress-bar {
  float: left;
  width: 0%;
  height: 100%;
  font-size: 12px;
  line-height: 20px;
  color: #ffffff;
  text-align: center;
  background-color: #337ab7;
  -webkit-box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  box-shadow: inset 0 -1px 0 rgba(0, 0, 0, 0.15);
  transition: width 0.6s ease;
}
.progress-striped .progress-bar,
.progress-bar-striped {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-size: 40px 40px;
}
.progress.active .progress-bar,
.progress-bar.active {
  -webkit-animation: progress-bar-stripes 2s linear infinite;
  animation: progress-bar-stripes 2s linear infinite;
}
.progress-bar-success {
  background-color: #5cb85c;
}
.progress-striped .progress-bar-success {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-info {
  background-color: #5bc0de;
}
.progress-striped .progress-bar-info {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-warning {
  background-color: #f0ad4e;
}
.progress-striped .progress-bar-warning {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}
.progress-bar-danger {
  background-color: #d9534f;
}
.progress-striped .progress-bar-danger {
  background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: -o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
  background-image: linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
}

/* ==========================================================================
   US Foods DCE-specific Vendor Styles
   ========================================================================== */
/* Slick JS - usf.base.ui/src/main/content/jcr_root/etc/clientlibs/usfoods-base/external/slick/
   ========================================================================== */
.slick-list {
  margin-bottom: 45px;
}
.slick-dots {
  bottom: -42px;
}
.slick-dots li {
  height: 30px;
  width: 30px;
}
.slick-dots li button {
  height: 30px;
  width: 30px;
}
.slick-dots li button:before {
  color: #d7d7d7;
  font-size: 14px;
  line-height: 25px;
  opacity: 1;
}
.slick-dots li.slick-active button:before {
  color: #cf4520;
  opacity: 1;
}

/* ==========================================================================
     Vertical Rhythm
   ========================================================================== */
/**
 * Establishing a typographic system with modular scale & vertical rhythm.
 *
 * Margin calculations below came from https://www.gridlover.net/try using a Font Size of 15px, Line Height of 1.6 (24px),
 * and Scale Factor of 1.667. Changes to the calculations here will need to be reflected in the font sizes and line
 * heights set in the other base stylesheets, especially the typography.less file.
 */
blockquote,
.blockquote {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 1.66666667em;
}
h1.hero {
  font-size: 4.8rem;
  line-height: 1.04166667em;
  margin-top: 0.34722222em;
  margin-bottom: 0.34722222em;
}
h1 {
  font-size: 3.06666667rem;
  line-height: 1.08695652em;
  margin-top: 0.54347826em;
  margin-bottom: 0.54347826em;
}
h2 {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 0.86206897em;
  margin-bottom: 0em;
}
h3 {
  font-size: 1.53333333rem;
  line-height: 1.08695652em;
  margin-top: 1.08695652em;
  margin-bottom: 0em;
}
h4 {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 1.31578948em;
  margin-bottom: 0em;
}
h5,
h6 {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 0em;
}
p,
ul,
ol,
pre,
table {
  margin-top: 0;
  margin-bottom: 1.66666667em;
}
label {
  font-size: 0.66666667rem;
  line-height: 2.5em;
  margin-top: 0em;
  margin-bottom: 0em;
}
ul ul,
ol ol,
ul ol,
ol ul {
  margin-top: 0;
  margin-bottom: 0;
}
a,
b,
i,
strong,
em,
small,
code {
  line-height: 1;
}
.alert {
  font-size: 1.53333333rem;
  line-height: 1.08695652em;
  margin-top: 1.08695652em;
  margin-bottom: 1.08695652em;
}
.caption {
  font-size: 0.8rem;
  line-height: 2.08333333em;
  margin-top: 2.08333334em;
  margin-bottom: 0em;
}
.extra-large {
  font-size: 9.33333333rem;
  line-height: 1.07142857em;
  margin-top: 0em;
  margin-bottom: 0em;
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  /**
     * Margin calculations below came from https://www.gridlover.net/try using a Font Size of 15px, Line Height of 1.333 (20px),
     * and Scale Factor of 1.2. These values were taken from mobile PSDs
     */
  blockquote,
  .blockquote {
    font-size: 1.06666667rem;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 1.5em;
  }
  h1.hero {
    font-size: 2.46666667rem;
    line-height: 1.2972973em;
    margin-top: 0.64864865em;
    margin-bottom: 0.64864865em;
  }
  h1 {
    font-size: 2.2rem;
    line-height: 1.45454545em;
    margin-top: 0.72727273em;
    margin-bottom: 0em;
  }
  h2 {
    font-size: 1.6rem;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0em;
  }
  h3 {
    font-size: 1.46666667rem;
    line-height: 1.09090909em;
    margin-top: 1.09090909em;
    margin-bottom: 0em;
  }
  h4 {
    font-size: 1.26666667rem;
    line-height: 1.26315789em;
    margin-top: 1.26315789em;
    margin-bottom: 0em;
  }
  h5,
  h6 {
    font-size: 1.06666667rem;
    line-height: 1.5em;
    margin-top: 1.5em;
    margin-bottom: 0em;
  }
  hr,
  p,
  ul,
  ol,
  pre,
  table {
    margin-bottom: 1.6em;
  }
  .alert {
    font-size: 1.13333333rem;
    line-height: 1.41176471em;
    margin-top: 1.41176471em;
    margin-bottom: 1.41176471em;
  }
  .caption {
    font-size: 0.93333333rem;
    line-height: 1.71428571em;
    margin-top: 1.71428571em;
    margin-bottom: 0em;
  }
  .extra-large {
    font-size: 4.8rem;
    line-height: 1.04166667em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}

/* ==========================================================================
   Block Elements
   ========================================================================== */
blockquote,
.blockquote {
  border: 0;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  margin-left: 0;
  margin-right: 0;
  min-height: 50px;
  padding: 0 5.33333333rem;
  position: relative;
}
blockquote:before,
.blockquote:before {
  color: #d7d7d7;
  content: '\e903';
  display: block;
  font-family: 'dce-icons';
  font-size: 50px;
  font-style: normal;
  font-weight: normal;
  left: 0;
  line-height: 1;
  position: absolute;
  top: -7px;
}
hr {
  border: 0;
  border-top: 2px solid #d7d7d7;
  margin: -2px 0 0 0;
}
img {
  width: auto;
}
ol,
ul {
  margin-left: 0;
  padding-left: 0;
}
ol li,
ul li {
  margin-left: 1.2rem;
  /* Remove all padding on a paragraph that's added to a LI */
}
ol li p,
ul li p {
  margin: 0;
}
/* Fix for table component to allow for horizontal scroll when too large */
.aem-GridColumn.table {
  overflow-x: scroll;
}
table {
  border: 0;
  border-collapse: collapse;
  width: 100%;
}
table caption {
  border: 0;
  clip: rect(0, 0, 0, 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  /**
         * The following is to correct a bug in IE10+ where the caption forced a 1px gap between the columns in the first
         * row of the table, especially noticable when that row is a table header with a dark background
         */
  position: relative !important;
}
table tr:nth-child(odd) {
  background-color: #f2f2f2;
}
table th,
table td {
  border: 0;
  border-top: 1px solid transparent;
  padding: 0.8rem;
  /**
         * When pasting a table in the RTE, table cell contents are automatically placed in a paragraph, remove the
         * defaultbottom margin and padding on the last paragraph inside a table cell to maintain existing table padding
         */
}
table th p:last-child,
table td p:last-child {
  margin-bottom: 0;
  padding-bottom: 0;
}
table th {
  background: #1f1f1f;
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 0em;
  margin-bottom: 0em;
}
table td {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 0em;
  margin-bottom: 0em;
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  blockquote,
  .blockquote {
    padding: 0;
  }
  blockquote:before,
  .blockquote:before {
    font-size: 20px;
    position: relative;
    margin-bottom: 5px;
    top: 0;
  }
}

/* ==========================================================================
   Base Layout Elements
   ========================================================================== */
body {
  max-width: 1380px;
}
body.fixed {
  overflow: hidden;
}
body .full-width-header-bar {
  background: #1f1f1f;
  left: 0;
  position: fixed;
  height: 40px;
  width: 100%;
  z-index: 1;
}
/**
 * Body frame contains the main .page-nav and the .page-content areas.
 * Content frame contains the main .page-nav and the .page-content areas.
 */
.body-frame {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
/* Desktop Modifications
   ========================================================================== */
@media (min-width: 1025px) {
  .body-frame {
    margin: 0 0.66666667rem 0 0;
  }
  .body-frame .page-nav {
    -moz-flex: 0 0 220px;
    -ms-flex: 0 0 220px;
    -webkit-flex: 0 0 220px;
    flex: 0 0 220px;
    margin-right: 1.33333333rem;
    z-index: 2;
  }
  .body-frame .page-container {
    -moz-flex: 0 1 1140px;
    -ms-flex: 0 1 1140px;
    -webkit-flex: 0 1 1140px;
    flex: 0 1 1140px;
  }
  /* Article & Detail Layouts */
  .content-frame {
    overflow-y: hidden;
  }
  .content-frame > section,
  .content-frame > .article section,
  .content-frame.content-navigation-tab-container > .article {
    float: left;
    max-width: 68%;
  }
  .content-frame > aside,
  .content-frame > .article-sidebar {
    float: left;
    margin-left: 1.33333333rem;
    width: 28.75%;
  }
  .content-frame > aside .article-sidebar-par div:first-child:not(.vjs-volume-bar),
  .content-frame > .article-sidebar .article-sidebar-par div:first-child:not(.vjs-volume-bar) {
    margin-top: 0;
  }
  .content-frame.content-navigation-tab-container {
    padding: 20px 0;
  }
  .content-frame.content-navigation-tab-container > .article {
    padding-top: 0;
  }
  .content-frame.hide-sidebar > section,
  .content-frame.hide-sidebar > .article section,
  .content-frame.hide-sidebar.content-navigation-tab-container > .article {
    max-width: 100%;
  }
  .content-frame .related-content {
    clear: both;
  }
}
/* Tablet Modifications
   ========================================================================== */
@media (max-width: 1024px) {
  .full-width-header-bar {
    display: none;
  }
  .body-frame {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    margin: 0 0.66666667rem;
  }
  .body-frame .page-nav,
  .body-frame .page-container {
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    -webkit-flex: 0 1 auto;
    flex: 0 1 auto;
  }
  .body-frame .page-content {
    margin-top: 40px;
  }
}
#main:focus {
  outline: none;
}
/* Authoring Mode Modifications
   ========================================================================= */
.aem-AuthorLayer-Design .content-frame > .article section,
.aem-AuthorLayer-Edit .content-frame > .article section,
.aem-AuthorLayer-Layouting .content-frame > .article section,
.aem-AuthorLayer-Design .content-frame > section,
.aem-AuthorLayer-Edit .content-frame > section,
.aem-AuthorLayer-Layouting .content-frame > section,
.aem-AuthorLayer-Design .content-frame.content-navigation-tab-container > .article,
.aem-AuthorLayer-Edit .content-frame.content-navigation-tab-container > .article,
.aem-AuthorLayer-Layouting .content-frame.content-navigation-tab-container > .article {
  min-width: 68%;
}
.aem-AuthorLayer-Design .content-frame .new,
.aem-AuthorLayer-Edit .content-frame .new,
.aem-AuthorLayer-Layouting .content-frame .new {
  clear: both;
}
/* Deprecated Browser Message
   ========================================================================= */
.usf-browser-deprecated {
  display: none;
  position: fixed;
  bottom: 0;
  background-color: #56821f;
  width: 100%;
  left: 0;
  z-index: 9999;
  text-align: center;
  padding: 2rem;
}
.usf-browser-deprecated:hover {
  cursor: pointer;
}
.usf-browser-deprecated p {
  padding: 0;
  margin: 0;
  color: #ffffff;
  text-transform: none;
  font-size: 1.25rem;
  display: inline-block;
}
.usf-browser-deprecated i {
  float: right;
  color: #ffffff;
  font-size: 1.5rem;
}

/* ==========================================================================
     Footer component DCE styles
   ========================================================================== */
.page-footer {
  clear: both;
  margin-top: 40px;
}
.page-template-home-page .page-footer {
  margin-top: 0;
}
.usf-footer-wrapper {
  background: #1f1f1f;
  color: #ffffff;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
  padding: 30px;
  text-align: center;
  text-transform: uppercase;
}
.usf-footer-wrapper .page-footerlinks-par {
  margin-bottom: 10px;
}
.usf-footer-wrapper .page-footerlinks-par .link {
  margin-right: 20px;
}
.usf-footer-wrapper .page-footerlinks-par .link:after {
  content: "|";
  margin-left: 20px;
}
.usf-footer-wrapper .page-footerlinks-par .link:last-child:after {
  content: "";
  margin-left: 0;
}
.usf-footer-wrapper .page-footerlinks-par .link a {
  color: #ffffff;
  text-decoration: none;
}
@media all and (max-width: 767px) {
  .usf-footer-wrapper .page-footerlinks-par .link {
    margin-right: 0;
  }
  .usf-footer-wrapper .page-footerlinks-par .link:after {
    content: "";
    margin-left: 0;
  }
}

/* ==========================================================================
     Page Header component DCE styles
   ========================================================================== */
.page-header {
  /** Profile Menu Styling **/
}
.page-header i {
  color: #c08b0b;
  cursor: pointer;
  font-size: 17px;
  margin-right: 8px;
  vertical-align: middle;
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
}
.page-header .favorites-number {
  margin-left: 5px;
}
.page-header .favorites-number,
.page-header .navlink-label {
  cursor: pointer;
  display: inline-block;
  font-size: 13px;
  line-height: 17px;
  vertical-align: middle;
}
.page-header .page-header__content {
  color: #ffffff;
  line-height: 37px;
  text-transform: uppercase;
}
.page-header .page-header__left .page-header__favorites,
.page-header .page-header__logo,
.page-header .page-header__menu {
  display: none;
}
.page-header .page-header__left a,
.page-header .page-header__right a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8em;
  padding: 0px 20px;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
}
.page-header .page-header__left a.page-header__register,
.page-header .page-header__right a.page-header__register {
  background-color: #56821f;
  padding: 0 20px;
}
.page-header .page-header__left a:hover,
.page-header .page-header__right a:hover {
  color: #ffffff;
}
.page-header .page-header__left > span,
.page-header .page-header__right > span {
  flex: 1 0 auto;
}
.page-header .page-header__left .page-header__favorites,
.page-header .page-header__right .page-header__favorites {
  line-height: inherit;
  flex: 1 0 auto;
}
.page-header .page-header__left .page-header__order,
.page-header .page-header__right .page-header__order {
  background-color: #56821f;
  padding: 0 20px;
}
.page-header .page-header__left .page-header-form__search,
.page-header .page-header__right .page-header-form__search {
  display: flex;
  flex: 1 1 auto;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
}
.page-header .page-header__left .page-header-form__search.search--use-form-false,
.page-header .page-header__right .page-header-form__search.search--use-form-false {
  display: none;
}
@media screen and (max-width: 1024px) {
  .page-header .page-header__left .page-header-form__search,
  .page-header .page-header__right .page-header-form__search {
    display: none;
  }
}
.page-header .page-header__left {
  display: flex;
}
@media screen and (min-width: 1025px) {
  .page-header .page-header__left {
    flex: 1 1 auto;
  }
}
.page-header .page-header__right {
  margin-left: 40px;
  display: flex;
}
.page-header .page-header__right .dropdown-wrapper {
  line-height: inherit;
  flex: 1 0 auto;
}
.page-header .page-header__right > span {
  display: flex;
}
.page-header .page-header__right > span > a {
  line-height: inherit;
}
.page-header .page-header__right > span > a.login-link {
  padding-left: 0;
}
.page-header .page-header__search {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 37px;
  margin-left: 10px;
  margin-right: 10px;
  flex: 0 1 224px;
}
.page-header .page-header__search.search--use-modal-false {
  display: none;
}
.page-header .page-header__search.search--use-modal-true {
  display: inline-block;
}
.page-header .page-header__search .form-field {
  display: flex;
  margin: 0;
  background-color: #56821f;
}
.page-header .page-header__search .form-field ::-webkit-input-placeholder {
  color: #2f2f2f;
}
.page-header .page-header__search .form-field ::-moz-placeholder {
  color: #2f2f2f;
  opacity: 1;
}
.page-header .page-header__search .form-field :-moz-placeholder {
  color: #2f2f2f;
}
.page-header .page-header__search .form-field :-ms-input-placeholder {
  color: #2f2f2f;
}
@media screen and (max-width: 1024px) {
  .page-header .page-header__search .form-field {
    display: none;
  }
}
.page-header .page-header__search .form-field input {
  border: none;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
  color: #2f2f2f;
  box-shadow: none;
  text-transform: uppercase;
  padding: 4px 20px 4px 10px;
  line-height: initial;
  text-overflow: ellipsis;
}
.page-header .page-header__search .form-field button {
  color: #ffffff;
  font-size: 16px;
  padding: 0 7px;
  background: transparent;
  border: 0;
  cursor: pointer;
}
@media all and (max-width: 1024px) {
  .page-header i {
    color: #4f4f4f;
    font-size: 20px;
    margin-right: 3px;
  }
  .page-header i.fa-bars,
  .page-header i.fa-close {
    width: 17px;
  }
  .page-header .navlink-label {
    display: none;
  }
  .page-header .page-header__content {
    background: rgba(225, 225, 225, 0.8);
    color: #2f2f2f;
  }
  .page-header .page-header__left {
    order: 2;
  }
  .page-header .page-header__left a {
    color: #2f2f2f;
  }
  .page-header .page-header__left .page-header__favorites {
    line-height: unset;
  }
  .page-header .page-header__left .page-header__favorites,
  .page-header .page-header__left .page-header__search {
    display: inline-block;
    flex: 1 1 auto;
  }
  .page-header .page-header__logo {
    display: inline-block;
    height: 38px;
    margin-left: 15px;
    margin-right: auto;
    order: 1;
    width: 38px;
  }
  .page-header .page-header__logo img {
    height: auto;
    vertical-align: middle;
    width: 100%;
  }
  .page-header .page-header__menu {
    display: inline-block;
    margin-left: 20px;
    order: 0;
  }
  .page-header .page-header__menu .fa-close {
    display: none;
  }
  .page-header .page-header__menu.open .fa-bars {
    display: none;
  }
  .page-header .page-header__menu.open .fa-close {
    display: inline-block;
    color: #c08b0b;
  }
  .page-header .page-header__right {
    display: none;
  }
  .page-header .page-header__search {
    display: inline-block;
    margin-left: 15px;
    margin-right: 15px;
  }
}
.page-header__profile.open i,
.page-header__profile.open span {
  color: #c08b0b;
}
/* Authoring Mode Modifications
   ========================================================================= */
.aem-AuthorLayer-Design .page-header__container,
.aem-AuthorLayer-Edit .page-header__container,
.aem-AuthorLayer-Layouting .page-header__container {
  position: relative;
  padding: 0;
}

/* ==========================================================================
     Page Navigation component DCE styles
   ========================================================================== */
.page-navigation-container {
  background: #ffffff;
}
.page-navigation a {
  color: #4f4f4f;
  display: block;
  position: relative;
}
.page-navigation a:hover {
  color: #4f4f4f !important;
}
.page-navigation .page-navigation__logo {
  background: #ffffff;
  padding-top: 20px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
.page-navigation .page-navigation__logo .page-navigation__logo-image {
  width: 110px;
  height: 120px;
  margin: 0 auto;
}
.page-navigation .page-navigation__logo .page-navigation__logo-image img {
  width: 100%;
  height: auto;
}
.page-navigation .page-navigation__block-group {
  border-left: 10px solid #d7d7d7;
  position: relative;
}
.page-navigation .page-navigation__block-group [class^="icon-"],
.page-navigation .page-navigation__block-group [class*=" icon-"] {
  color: #b2b2b2;
  margin-top: -6px;
  position: absolute;
  right: -20px;
  top: 50%;
}
.page-navigation .page-navigation__block-group > .page-navigation-child-link:last-child,
.page-navigation .page-navigation__block-group > .page-navigation-other-link:last-child {
  border-bottom: 1px solid #d7d7d7;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link,
.page-navigation .page-navigation__block-group .page-navigation-other-link {
  border-top: 1px solid #d7d7d7;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link:first-child,
.page-navigation .page-navigation__block-group .page-navigation-other-link:first-child {
  border-top: 0;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link a {
  font-size: 1em;
  line-height: 1.53846154em;
  margin-right: 30px;
  padding: 0.66666667rem 0 0.66666667rem 0.66666667rem;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link a.active,
.page-navigation .page-navigation__block-group .page-navigation-other-link a.active,
.page-navigation .page-navigation__block-group .page-navigation-child-link.active,
.page-navigation .page-navigation__block-group .page-navigation-other-link.active {
  color: #2f2f2f;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-other-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-other-link a {
  font-size: 0.93333333em;
  padding-left: 1.33333333rem;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-child-link .page-navigation__step-back,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-child-link .page-navigation__step-back,
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-other-link .page-navigation__step-back,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-other-link .page-navigation__step-back {
  padding-left: 30px;
}
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-child-link .page-navigation__step-back [class^="icon-"],
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-child-link .page-navigation__step-back [class^="icon-"],
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-other-link .page-navigation__step-back [class^="icon-"],
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-other-link .page-navigation__step-back [class^="icon-"],
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-child-link .page-navigation__step-back [class*=" icon-"],
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-child-link .page-navigation__step-back [class*=" icon-"],
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-other-link .page-navigation__step-back [class*=" icon-"],
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-other-link .page-navigation__step-back [class*=" icon-"] {
  left: 0;
  color: #cf4520;
  right: auto !important;
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-child-link .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-child-link .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-other-link .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-other-link .page-navigation-child-link a,
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-child-link .page-navigation-other-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-child-link .page-navigation-other-link a,
.page-navigation .page-navigation__block-group .page-navigation-child-link .page-navigation-other-link .page-navigation-other-link a,
.page-navigation .page-navigation__block-group .page-navigation-other-link .page-navigation-other-link .page-navigation-other-link a {
  font-size: 0.86666667em;
  padding-left: 2rem;
}
.page-navigation .page-navigation__block-main {
  position: relative;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group:nth-child(1) {
  border-color: #cf4520;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group:nth-child(2) {
  border-color: #56821f;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group:nth-child(3) {
  border-color: #c08b0b;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group .page-navigation-header-section {
  padding: 2rem 2rem 2rem 1.33333333rem;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group .page-navigation-header-section [class^="icon-"],
.page-navigation .page-navigation__block-main div.page-navigation__block-group .page-navigation-header-section [class*=" icon-"] {
  right: 10px;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group .section-primary-label {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 0em;
  margin-bottom: 0em;
  letter-spacing: -0.025rem;
  line-height: inherit;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group .section-secondary-label {
  font-size: 0.86956522em;
  line-height: 1.39130435em;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  text-transform: uppercase;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group .section-description {
  font-size: 0.7826087em;
  line-height: 1.30434783em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  padding-top: 15px;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(1) .page-navigation-header-section {
  background-color: #cf4520;
  color: #ffffff;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(1) .page-navigation-header-section [class^="icon-"],
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(1) .page-navigation-header-section [class*=" icon-"] {
  color: #e4673b;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(2) .page-navigation-header-section {
  background-color: #56821f;
  color: #ffffff;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(2) .page-navigation-header-section [class^="icon-"],
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(2) .page-navigation-header-section [class*=" icon-"] {
  color: #7aa33d;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(3) .page-navigation-header-section {
  background-color: #c08b0b;
  color: #ffffff;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(3) .page-navigation-header-section [class^="icon-"],
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active:nth-child(3) .page-navigation-header-section [class*=" icon-"] {
  color: #f3ba16;
}
.page-navigation .page-navigation__block-main div.page-navigation__block-group.active .page-navigation-header-section {
  padding: 1.33333333rem 2rem 1.33333333rem 1.33333333rem;
}
.page-navigation .page-navigation__block-main.page-navigation__pillar-open .page-navigation__block-group .page-navigation-header-section {
  padding: 1.33333333rem 2rem 1.33333333rem 1.33333333rem;
}
.page-navigation .page-navigation__block-other {
  border-left: 10px solid #d7d7d7;
}
@media all and (max-width: 1024px) {
  .page-navigation .page-navigation__block-other {
    border-top: 5px solid #d7d7d7;
  }
}
@media all and (min-width: 1024px) {
  .page-navigation .page-navigation__block-other {
    margin-top: 30px;
  }
}
.page-navigation .page-navigation__block-other div.page-navigation__block-group {
  border-left: none;
}
.page-navigation .page-navigation__block-other .page-navigation-child-link [class^="icon-"],
.page-navigation .page-navigation__block-other .page-navigation-child-link [class*=" icon-"] {
  right: -20px;
}
.page-navigation .page-navigation-header-section {
  position: relative;
  display: inherit;
  padding: 0.66666667rem 0.66666667rem 0.66666667rem 1.33333333rem;
}
.page-navigation .page-navigation__top-links {
  background: #2f2f2f;
  text-align: left;
  text-transform: uppercase;
}
.page-navigation .page-navigation__top-links [class^="icon-"],
.page-navigation .page-navigation__top-links [class*=" icon-"] {
  color: #c08b0b;
  font-size: 1.30434783em;
  vertical-align: middle;
  display: inline-block;
  width: 25px;
}
.page-navigation .page-navigation__top-links a {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-weight: normal;
  font-size: 0.91304348em;
  line-height: 1.47826087em;
}
.page-navigation .page-navigation__top-links a:hover {
  color: #ffffff !important;
}
.page-navigation .page-navigation__top-links a:nth-child(1):after {
  border-right: 1px solid #4f4f4f;
}
.page-navigation .page-navigation__top-links a span {
  vertical-align: middle;
}
@media all and (max-width: 1024px) {
  .page-navigation .page-navigation__block-main {
    margin-left: 0;
  }
  .page-navigation .page-navigation__block-main div.page-navigation__block-group .page-navigation-header-section {
    padding: 0.66666667rem;
  }
  .page-navigation .page-navigation__block-main div.page-navigation__block-group.active .page-navigation-header-section {
    padding: 0.88888889rem;
  }
  .page-navigation .page-navigation__block-main.page-navigation__pillar-open .page-navigation__block-group .page-navigation-header-section {
    padding: 0.88888889rem;
  }
  .page-navigation .page-navigation__block-other {
    border-left: 10px solid #d7d7d7;
  }
  .page-navigation .page-navigation-container {
    display: none;
  }
  .page-navigation .page-navigation-container.active {
    bottom: 0px;
    display: block;
    left: 0;
    overflow-y: scroll;
    padding-top: 0;
    position: fixed;
    right: 0;
    top: 40px;
    transition: all 0.3s ease-in-out;
    z-index: 2001;
    background-color: rgba(255, 255, 255, 0.8);
  }
  .page-navigation .page-navigation-container .page-navigation__block-container {
    background-color: #ffffff;
  }
}
@media all and (min-width: 1025px) {
  .page-navigation .page-navigation-container {
    height: 100%;
    padding-top: 140px;
    position: fixed;
    width: 220px;
    z-index: 2;
  }
  .page-navigation .page-navigation__block-container {
    height: 100%;
    overflow: auto;
    position: relative;
  }
}
/* Authoring Mode Modifications
   ========================================================================= */
.aem-AuthorLayer-Design .page-navigation-container,
.aem-AuthorLayer-Edit .page-navigation-container,
.aem-AuthorLayer-Layouting .page-navigation-container {
  position: relative;
}
.profile-navigation {
  background-color: rgba(255, 255, 255, 0.8);
}
.profile-navigation__container {
  background-color: #1f1f1f;
  font-family: 'Oswald', sans-serif;
}
.profile-navigation__container a {
  padding: 20px 30px;
  color: #ffffff;
}
.profile-navigation__container a:hover {
  color: #ffffff !important;
}
.profile-navigation__container a .favorites-number {
  padding-left: 10px;
}
.profile-navigation__container i {
  color: #c08b0b;
  margin-right: 10px;
  display: inline-block;
  width: 15px;
}
.profile-navigation__container .customer-dropdown {
  font-size: inherit;
  flex: initial;
}
.profile-navigation__container .customer-dropdown .anchor.drop-arrow + .styled-arrow:after {
  border-color: #c08b0b;
}
.profile-navigation__container .customer-dropdown .anchor.drop-arrow.active-menu + .styled-arrow:after {
  border-color: #c08b0b;
  top: 5px;
}

/* ==========================================================================
     Print Layout DCE styles
   ========================================================================== */
@media print {
  .article-sidebar,
  .customer-promo,
  .detail-header__image,
  .detail-header__subtext,
  .favorites-button,
  .print-button,
  .product-menu-types,
  .food-fanatics-sidebar,
  .page-footer,
  .page-header-par,
  .page-nav,
  .product-toolkit,
  .related-content,
  .share-this,
  .social-outreach,
  .full-width-header-bar {
    display: none;
  }
  html,
  body {
    height: 90%;
  }
  .page-template-event-detail .article-sidebar,
  .page-template-location-detail .article-sidebar {
    display: block;
  }
  .content-frame.print-only {
    display: block;
  }
  /* PDP Pages Print layout */
  .body-frame.page-template-product-detail {
    display: block;
    width: 100%;
    height: 100%;
  }
  .page-template-product-detail .content-frame {
    display: none;
  }
  .page-template-product-detail .content-frame.print-only {
    display: block;
  }
  .page-template-product-detail .print-header {
    display: none;
  }
  .page-template-product-detail .product-header {
    display: block;
    align-items: initial;
  }
  .page-template-product-detail .product-header .detail-header__details {
    margin-top: 0px;
    padding-top: 0;
  }
  .page-template-product-detail .product-header .detail-header__details .detail-header__logo {
    max-width: 50px;
  }
  .page-template-product-detail .product-header .detail-header__details .detail-header__logo img {
    width: 100%;
  }
  .page-template-product-detail .product-header .detail-header__details .detail-header__category {
    margin-top: 0;
  }
  .page-template-product-detail .product-header .detail-header__name {
    font-size: 2em;
  }
  .page-template-product-detail .product-detail h2 {
    margin-top: 0;
  }
  .page-template-product-detail .product-features h4 {
    margin-top: 0;
  }
  .page-template-product-detail .product-features__list {
    -webkit-column-count: 2;
    -moz-column-count: 2;
    column-count: 2;
    margin-bottom: 0;
  }
  .page-template-product-detail .product-features__list > li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .page-template-product-detail .pdp-print-header {
    position: absolute;
    right: 0;
    top: 35px;
  }
  .page-template-product-detail .pdp-print-header .print-header {
    display: block;
    max-width: 100px;
  }
  .page-template-product-detail .pdp-print-header .print-header img {
    width: 100%;
    height: auto;
  }
  .page-template-product-detail .print-button,
  .page-template-product-detail .favorites-button {
    display: none !important;
  }
  .page-template-product-detail .detail-header__image {
    display: block;
    float: left;
    width: 20%;
  }
  .page-template-product-detail .detail-header__details {
    float: right;
    width: 78%;
  }
  .page-template-product-detail .content-frame {
    clear: both;
  }
  .page-template-product-detail .content-frame aside {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .page-template-product-detail .content-frame aside .product-specs {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-top: 0;
  }
  .page-template-product-detail .content-frame aside .product-specs .product-specs-item {
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
    min-height: 0;
  }
  .page-template-product-detail .content-frame section {
    float: none;
    max-width: 100%;
  }
  .page-template-product-detail .content-frame section .pdp_additional {
    display: block;
  }
  .page-template-product-detail .content-frame section .product-prep,
  .page-template-product-detail .content-frame section .product-ideas {
    padding-left: 0;
    width: 50%;
    float: left;
  }
  .page-template-product-detail .content-frame section .product-prep:after,
  .page-template-product-detail .content-frame section .product-ideas:after {
    clear: both;
  }
  .user-safari .pdp-print-header {
    top: 0;
  }
}

/* ==========================================================================
     Article component DCE styles
   ========================================================================== */
.article {
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.article aside {
  border-top: 1px solid #d7d7d7;
}
.article footer {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
.article footer .tags-display {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.article .image {
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  max-width: 670px;
  padding: 1.66666667rem 0;
}
.article .image small {
  font-size: 0.8rem;
  line-height: 2.08333333em;
  margin-top: 2.08333334em;
  margin-bottom: 0em;
}
@media (min-width: 768px) {
  .article {
    padding: 1.33333333rem 0;
  }
  .article header .article__byline,
  .article .image small {
    font-size: 1rem;
    line-height: 1.66666667em;
    margin-top: 1.66666667em;
    margin-bottom: 1.66666667em;
  }
  .article header h2 {
    font-size: 1.53333333rem;
    line-height: 1.08695652em;
    margin-top: 1.08695652em;
    margin-bottom: 0em;
  }
  .article aside .favorites-button,
  .article aside .share-this {
    margin: 1.33333333rem 0;
  }
  .article .image small {
    font-size: 0.8rem;
    line-height: 2.08333333em;
    margin-top: 2.08333334em;
    margin-bottom: 0em;
  }
  .article header .article_title {
    text-transform: uppercase;
  }
  .article header .article_title h1,
  .article header .article_title h2,
  .article header .article_title h3,
  .article header .article_title h4,
  .article header .article_title h5,
  .article header .article_title h6,
  .article header .article_title p {
    font-size: 3.06666667rem;
    line-height: 1.08695652em;
    margin-top: 0.54347826em;
    margin-bottom: 0.54347826em;
  }
  .article header .article_title h2 {
    font-size: 2.8rem;
  }
  .article header .article_title h3 {
    font-size: 2.6rem;
  }
  .article header .article_title h4 {
    font-size: 2.4rem;
  }
  .article header .article_title h5 {
    font-size: 2.2rem;
  }
  .article header .article_title h6 {
    font-size: 2rem;
  }
  .article header .article_title p {
    font-size: 1.8rem;
  }
  .article header .article_subheading h1,
  .article header .article_subheading h2,
  .article header .article_subheading h3,
  .article header .article_subheading h4,
  .article header .article_subheading h5,
  .article header .article_subheading h6,
  .article header .article_subheading p {
    text-transform: inherit;
  }
  .article header .article__byline_tags h1,
  .article header .article__byline_tags h2,
  .article header .article__byline_tags h3,
  .article header .article__byline_tags h4,
  .article header .article__byline_tags h5,
  .article header .article__byline_tags h6,
  .article header .article__byline_tags p {
    text-transform: inherit;
  }
}
@media (max-width: 767px) {
  .article header .article__byline,
  .article aside,
  .article .image small {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 1.6em;
  }
  .article header h2 {
    font-size: 1.46666667rem;
    line-height: 1.09090909em;
    margin-top: 1.09090909em;
    margin-bottom: 0em;
  }
  .article aside .favorites-button,
  .article aside .share-this {
    margin-top: 1.33333333rem;
  }
  .article .image small {
    font-size: 0.8rem;
    line-height: 2.08333333em;
    margin-top: 2.08333334em;
    margin-bottom: 0em;
  }
  .article header .article_title {
    text-transform: uppercase;
  }
  .article header .article_title h1,
  .article header .article_title h2,
  .article header .article_title h3,
  .article header .article_title h4,
  .article header .article_title h5,
  .article header .article_title h6,
  .article header .article_title p {
    font-size: 2.2rem;
    line-height: 1.45454545em;
    margin-top: 0.72727273em;
    margin-bottom: 0;
  }
  .article header .article_title h2 {
    font-size: 2rem;
  }
  .article header .article_title h3 {
    font-size: 1.8rem;
  }
  .article header .article_title h4 {
    font-size: 1.6rem;
  }
  .article header .article_title h5 {
    font-size: 1.4rem;
  }
  .article header .article_title h6 {
    font-size: 1.2rem;
  }
  .article header .article_title p {
    font-size: 1rem;
  }
  .article header .article_subheading h1,
  .article header .article_subheading h2,
  .article header .article_subheading h3,
  .article header .article_subheading h4,
  .article header .article_subheading h5,
  .article header .article_subheading h6,
  .article header .article_subheading p {
    text-transform: inherit;
  }
  .article header .article__byline_tags h1,
  .article header .article__byline_tags h2,
  .article header .article__byline_tags h3,
  .article header .article__byline_tags h4,
  .article header .article__byline_tags h5,
  .article header .article__byline_tags h6,
  .article header .article__byline_tags p {
    text-transform: inherit;
  }
}

/* ==========================================================================
     Article Sidebar component DCE styles
   ========================================================================== */
.article-sidebar {
  /* Desktop Modifications 
       ========================================================================== */
  /* Small Desktop Modifications
       ========================================================================== */
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile/Tablet Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.article-sidebar .image small {
  font-size: 0.8rem;
  line-height: 2.08333333em;
  margin-top: 2.08333334em;
  margin-bottom: 0em;
}
.article-sidebar .lede-tile {
  margin: 2% 0;
  padding-bottom: 110%;
  width: 100%;
}
@media (min-width: 1280px) {
  .article-sidebar .lede-tile a.service .lede-tile-contents .lede-tile-title {
    font-size: 2.17391304em;
  }
}
@media (min-width: 1025px) and (max-width: 1279px) {
  .article-sidebar .lede-tile {
    padding-bottom: 125%;
  }
}
@media (min-width: 768px) {
  .article-sidebar .image,
  .article-sidebar .link-image {
    font-size: 1rem;
    line-height: 1.66666667em;
    margin-top: 1.66666667em;
    margin-bottom: 1.66666667em;
  }
  .article-sidebar .lede-tile a.service .lede-tile-contents .lede-tile-title {
    font-size: 2em;
  }
}
@media (min-width: 480px) and (max-width: 1024px) {
  .article-sidebar .lede-tile {
    margin: 1% 0;
    padding-bottom: 49%;
  }
}
@media (max-width: 767px) {
  .article-sidebar .image,
  .article-sidebar .link-image {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 1.6em;
  }
}

/* ==========================================================================
     Authentication Form Component Brand Styles
   ========================================================================== */
.authentication-form__form .button-primary {
  background-color: #56821f;
  border: none;
}
.authentication-form__form .button-primary:active,
.authentication-form__form .button-primary:visited,
.authentication-form__form .button-primary:focus {
  border: none;
}
.authentication-form .error-message {
  color: #cf4520;
}

/* ==========================================================================
     Block Separator component DCE styles
   ========================================================================== */
/* Authoring Mode Modifications
   ========================================================================= */
.aem-AuthorLayer-Design .block-separator,
.aem-AuthorLayer-Edit .block-separator,
.aem-AuthorLayer-Layouting .block-separator {
  padding: 20px 0;
}

/* ==========================================================================
     Button link styles
   ========================================================================== */
.button-link-container {
  margin-bottom: 20px;
}
.button-link-container .button-link-container-anchor {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  align-items: center;
  display: flex;
  font-size: 1.06666667em;
  line-height: 1.5625em;
  text-decoration: none;
  text-transform: uppercase;
}
.button-link-container .button-link-container-anchor a {
  text-decoration: none;
}
.button-link-container .button-link-container-anchor:before {
  color: #56821f;
  content: '\e904';
  transform: rotate(180deg);
  display: inline-flex;
  font-family: 'dce-icons';
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.78571429em;
  margin-right: 7px;
}

/* ===========================================
     Section Wrapper Component DCE styles
   =========================================== */
.cmp-section > div {
  padding-top: 2em;
}
.cmp-section p {
  margin: 0;
}
.cmp-section .background-color__black {
  background-color: #1f1f1f;
}
.cmp-section .background-color__optimize {
  background-color: #c08b0b;
}
.cmp-section .background-color__inspire {
  background-color: #cf4520;
}
.cmp-section .background-color__attract {
  background-color: #56821f;
}
.cmp-section .text-color__white {
  color: #ffffff;
}
.cmp-section .text-color__optimize {
  color: #c08b0b;
}
.cmp-section .text-color__inspire {
  color: #cf4520;
}
.cmp-section .text-color__attract {
  color: #56821f;
}

/* ========================================
     Contact Details Component DCE styles
   ======================================== */
.contact-details {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: #f2f2f2;
  padding: 25px 20px;
}
.contact-details h2 {
  margin: 0 0 10px 0;
}
.contact-details i {
  color: #cf4520;
  margin-right: 20px;
  vertical-align: middle;
  font-size: 2em;
}
.contact-details > div {
  margin-bottom: 15px;
}
.contact-details > div:last-child {
  margin-bottom: 0;
}
.contact-details > div.employee_contact i {
  font-size: 1.4em;
}
.contact-details > div.employee_phone i {
  margin-right: 25px;
}
.contact-details > div > p {
  display: inline-block;
  line-height: 1.4;
  margin: 0;
  vertical-align: text-top;
}

/* ==========================================================================
     Content Tile & Container component generic styles
   ========================================================================== */
.content-tile-container h2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.content-tile-container h2:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.content-tile-container h2:after {
  margin-left: auto;
  margin-right: auto;
}
.content-tile-container h2:after {
  height: 3px;
  width: 40px;
}
.content-tile-container h2:after {
  margin-top: 10px;
}
.content-tile-container .content-tile__content {
  background: #2f2f2f;
  text-align: center;
}
.content-tile-container .content-tile__content-text {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.86666667em;
  line-height: 1.4em;
}
.content-tile-container .content-tile__content-text h1,
.content-tile-container .content-tile__content-text h2,
.content-tile-container .content-tile__content-text h3,
.content-tile-container .content-tile__content-text h4,
.content-tile-container .content-tile__content-text h5,
.content-tile-container .content-tile__content-text h6 {
  color: #ffffff;
  margin: 8px 0;
}
.content-tile-container .content-tile__content-text ol,
.content-tile-container .content-tile__content-text ul {
  text-align: left;
}
.content-tile-container .content-tile__content-image {
  padding: 10px;
  text-align: center;
}
.content-tile-container .content-tile__content-image img {
  height: 50px;
  margin: 0 auto;
  width: 50px;
}
.content-tile-container .content-tile__footer {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  height: 60px;
  padding: 10px 0;
  text-align: center;
}
.content-tile-container .content-tile__footer a {
  text-decoration: none;
}
.content-tile-container .content-tile__footer a:hover {
  text-decoration: none;
}
.content-tile-container .content-tile__footer h5 {
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.86666667em;
  margin-top: 0;
}
.content-tile-container .content-tile__footer h5 i {
  color: #cf4520;
  margin-left: 2px;
}
.content-tile-container .content-tile__footer p {
  color: #ffffff;
  margin-bottom: 0;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.content-tile-container .content-tile-3 .content-tile__content {
  background: #cf4520;
}
.content-tile-container .content-tile-3 .content-tile__footer {
  border-top: 1px solid #4f4f4f;
}
.content-tile-container .content-tile-3 .content-tile__footer h5 i {
  color: #ffffff;
}
@media all and (max-width: 767px) {
  .content-tile-container {
    margin-bottom: 30px;
  }
  .content-tile-container .slick-list {
    margin-bottom: 0;
  }
}
/* Section Color Modifications
    ============================================== */
body.attract .content-tile-3 .content-tile__content {
  background: #56821f;
}
body.attract .content-tile__footer h5 i {
  color: #7aa33d;
}
body.inspire .content-tile-3 .content-tile__content {
  background: #cf4520;
}
body.inspire .content-tile__footer h5 i {
  color: #e4673b;
}
body.optimize .content-tile-3 .content-tile__content {
  background: #c08b0b;
}
body.optimize .content-tile__footer h5 i {
  color: #f3ba16;
}

.customer-dropdown {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  flex: 1 0 auto;
  font-size: 13px;
  padding: 0 20px;
  position: relative;
}
@media (max-width: 1024px) {
  .customer-dropdown {
    display: none;
  }
  .customer-dropdown__wrapper {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
  }
}
.customer-dropdown .anchor {
  position: relative;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  color: #ffffff;
}
.customer-dropdown .anchor.drop-arrow:after {
  border-bottom: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
  content: " ";
  height: 8px;
  position: absolute;
  right: -1.5em;
  top: 8px;
  -webkit-transform: rotate(45deg) translate(-25%, -75%);
  -ms-transform: rotate(45deg) translate(-25%, -75%);
  transform: rotate(45deg) translate(-25%, -75%);
  width: 8px;
  z-index: 2;
}
.customer-dropdown .anchor.drop-arrow.active-menu:after {
  border-bottom: none;
  border-right: none;
  border-top: 2px solid #ffffff;
  border-left: 2px solid #ffffff;
  top: 13px;
}
.customer-dropdown .anchor.drop-arrow.punch-user:after,
.customer-dropdown .anchor.drop-arrow.no-departments:after {
  display: none !important;
}
@media screen and (max-width: 1024px) {
  .customer-dropdown .anchor.drop-arrow:after {
    content: none;
  }
  .customer-dropdown .anchor.drop-arrow + .styled-arrow {
    position: relative;
  }
  .customer-dropdown .anchor.drop-arrow + .styled-arrow:after {
    border-bottom: 2px solid #ffffff;
    border-right: 2px solid #ffffff;
    content: " ";
    height: 8px;
    position: absolute;
    right: -1.5em;
    -webkit-transform: rotate(45deg) translate(-25%, -75%);
    -ms-transform: rotate(45deg) translate(-25%, -75%);
    transform: rotate(45deg) translate(-25%, -75%);
    width: 8px;
    z-index: 2;
  }
  .customer-dropdown .anchor.drop-arrow.active-menu + .styled-arrow:after {
    border-bottom: none;
    border-right: none;
    border-top: 2px solid #ffffff;
    border-left: 2px solid #ffffff;
  }
  .customer-dropdown .anchor.drop-arrow.punch-user + .styled-arrow:after,
  .customer-dropdown .anchor.drop-arrow.no-departments + .styled-arrow:after {
    display: none !important;
  }
}
.customer-dropdown .menu {
  border: 2px solid #b2b2b2;
  background-color: #ffffff;
  background-clip: padding-box;
  font-size: 14px;
  cursor: pointer;
  list-style: none;
  min-width: 330px;
  padding-top: .5rem;
  position: absolute;
  text-align: left;
  width: 100%;
}
.customer-dropdown .menu .form-field__input {
  margin: 0 1rem .5rem;
}
.customer-dropdown .menu .form-field__input input {
  padding: 10px 39px 10px 13px;
}
.customer-dropdown .menu .form-field__input input::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  color: #b2b2b2;
}
.customer-dropdown .menu .form-field__input input::-moz-placeholder {
  /* Firefox 19+ */
  color: #b2b2b2;
}
.customer-dropdown .menu .form-field__input input:-ms-input-placeholder {
  /* IE  */
  color: #b2b2b2;
}
.customer-dropdown .menu .form-field__input input:-moz-placeholder {
  /* Firefox 18- */
  color: #b2b2b2;
}
.customer-dropdown .menu .form-field__input i {
  position: absolute;
  right: 5px;
  top: 12px;
}
.customer-dropdown .menu .results-list {
  max-height: 320px;
  position: relative;
  overflow-y: auto;
}
.customer-dropdown .menu-item,
.customer-dropdown .menu-item-parent {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  color: #1f1f1f;
  cursor: pointer;
  line-height: 17px;
  padding: .25em 1em;
  transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.customer-dropdown .menu-item.no-location-display,
.customer-dropdown .menu-item-parent.no-location-display {
  padding: 1em;
}
.customer-dropdown .menu-item.dept-item,
.customer-dropdown .menu-item-parent.dept-item {
  padding: .5em 0 .5em 2em;
}
.customer-dropdown .menu-item-parent {
  cursor: default;
}
.customer-dropdown .menu-item-parent.no-location-display {
  padding: .25em 1em;
}
.customer-dropdown .menu-item.selected {
  background-color: #3B3B3B;
  color: #ffffff;
}
.customer-dropdown .menu-item.selected.mobile {
  background-color: #56821f;
  color: #ffffff;
}
.customer-dropdown .menu-item.selected.mobile i {
  padding-left: 15px;
}
.customer-dropdown .menu-item:hover {
  background-color: #56821f;
  color: #ffffff;
}
.customer-dropdown.punch-through-user,
.customer-dropdown.wo-departments {
  cursor: default;
}
.customer-dropdown.punch-through-user i,
.customer-dropdown.wo-departments i {
  cursor: default;
}
.customer-dropdown.punch-through-user .navlink-label,
.customer-dropdown.wo-departments .navlink-label {
  cursor: default;
}
.customer-dropdown.mobile .menu-item.dept-item {
  padding: 1em;
}
.customer-dropdown.mobile .menu {
  padding-top: 0;
  min-width: 100%;
}
.customer-dropdown.mobile .menu .results-list {
  max-height: 450px;
  position: relative;
}
.customer-dropdown.mobile .menu .results-list > div {
  border-bottom: 1px solid #1f1f1f;
}
.customer-dropdown.mobile .menu .form-field__input {
  padding: 1rem;
  background-color: #1f1f1f;
  margin: 0;
}
.customer-dropdown.mobile .menu .form-field__input i {
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
}
.page-header__right .customer-dropdown .menu {
  min-width: 280px;
}
.page-header__right .customer-dropdown .menu-item {
  padding: .6em 1em;
}

/* ==========================================================================
     Customer Promo component DCE styles
   ========================================================================== */
.customer-promo {
  margin-bottom: -40px;
  margin-top: 1.33333333rem;
  text-align: center;
  /* Tablet Modifications
       =================================================================== */
  /* Mobile Modifications
       =================================================================== */
}
.customer-promo .container {
  padding: 6.66666667rem;
}
.customer-promo .customer-promo__buttons {
  display: -ms-inline-flexbox;
  display: -webkit-inline-flex;
  display: inline-flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.customer-promo .customer-promo__buttons a {
  margin: 0 1.33333333rem;
}
.customer-promo .customer-promo__buttons a.button-primary {
  color: #ffffff;
}
.customer-promo .customer-promo__buttons a.button-secondary:hover {
  color: #ffffff;
}
.customer-promo .customer-promo__subtext {
  color: #ffffff;
  margin: 1.33333333rem 0;
}
.customer-promo .customer-promo__subtext ol,
.customer-promo .customer-promo__subtext ul {
  margin: 0.66666667rem auto;
  text-align: left;
  width: 50%;
}
.customer-promo h1,
.customer-promo h2,
.customer-promo h3,
.customer-promo h4,
.customer-promo p {
  color: #ffffff;
}
.customer-promo h2,
.customer-promo h3,
.customer-promo h4,
.customer-promo p {
  font-size: 4.5rem;
  line-height: 1.04166667em;
  margin-top: 0.34722222em;
  margin-bottom: 0.34722222em;
}
.customer-promo h3 {
  font-size: 4.2rem;
}
.customer-promo h4 {
  font-size: 4rem;
}
.customer-promo p {
  font-size: 3rem;
}
.customer-promo .has-bg {
  background-size: cover;
}
.customer-promo .section-border-bottom {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.customer-promo .section-border-bottom:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.customer-promo .section-border-bottom:after {
  margin: 2rem auto;
}
@media all and (max-width: 1024px) {
  .customer-promo h1.hero {
    font-size: 3.06666667rem;
    line-height: 1.08695652em;
    margin-top: 0.54347826em;
    margin-bottom: 0.54347826em;
  }
  .customer-promo h2,
  .customer-promo h3,
  .customer-promo h4,
  .customer-promo p {
    font-size: 2.8rem;
    line-height: 1.04166667em;
    margin-top: 0.34722222em;
    margin-bottom: 0.34722222em;
  }
  .customer-promo h3 {
    font-size: 2.5rem;
  }
  .customer-promo h4 {
    font-size: 2.3rem;
  }
  .customer-promo p {
    font-size: 2rem;
  }
}
@media all and (max-width: 767px) {
  .customer-promo .container {
    padding: 1.33333333rem;
  }
  .customer-promo .customer-promo__buttons {
    -webkit-flex-direction: column;
    -moz-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .customer-promo .customer-promo__buttons a {
    display: block;
    margin: 0.66666667rem 0;
  }
  .customer-promo .customer-promo__subtext ol,
  .customer-promo .customer-promo__subtext ul {
    margin: auto;
    width: 100%;
  }
  .customer-promo h1.hero {
    font-size: 1.6rem;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0em;
  }
  .customer-promo h2,
  .customer-promo h3,
  .customer-promo h4,
  .customer-promo p {
    font-size: 1.2rem;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0;
  }
  .customer-promo h3 {
    font-size: 1rem;
  }
  .customer-promo h4 {
    font-size: 0.8rem;
  }
  .customer-promo p {
    font-size: 0.5rem;
  }
  .customer-promo .section-border-bottom:after {
    margin: 0.66666667rem auto;
  }
}

/* ==========================================================================
     Customer Type Selector component generic styles
   ========================================================================== */
.customer-type-selector {
  /* Done / Active */
}
.customer-type-selector .bac-type-selector-wrapper {
  text-align: center;
}
.customer-type-selector .customer-type-selector__content-header {
  padding-bottom: 55px;
}
.customer-type-selector .customer-type-selector__content-header h1 {
  margin: 0;
  font-size: 35px;
}
.customer-type-selector .customer-type-selector__content-header p {
  color: #bcbcbc;
  font-size: 12px;
}
.customer-type-selector .customer-type-selector__buttons--desktop {
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 20px;
  padding: 0 100px 80px;
}
.customer-type-selector .customer-type-selector__buttons--desktop .select-item__desktop {
  min-width: 210px;
}
.customer-type-selector .customer-type-selector__buttons--mobile .select-item__mobile {
  margin: 20px;
}
.customer-type-selector .button-primary {
  background-color: #56821f;
  border: none;
  text-transform: uppercase;
}
.customer-type-selector .button-secondary {
  padding: 20px 0;
  min-width: 100%;
  border: 2px solid #b2b2b2;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 1.5em;
}
.customer-type-selector .button-secondary:hover {
  border-color: #f3ba16;
  background: #ffffff;
  color: #1f1f1f;
}
.customer-type-selector .button-secondary.active {
  border-color: #1f1f1f;
  color: #c08b0b;
}
.customer-type-selector .progress {
  padding: 50px 0 30px;
}
@media screen and (max-width: 1024px) {
  .customer-type-selector .progress {
    padding: 40px 20px;
  }
}
.customer-type-selector .progress .circle {
  display: inline-block;
  background: #ffffff;
  width: 21px;
  height: 21px;
  border-radius: 21px;
  border: 2px solid #d5d5da;
  margin-top: 11px;
  z-index: 100;
}
.customer-type-selector .progress .bar {
  display: inline-block;
  background: #ffffff;
  border-radius: 12px;
  position: relative;
  width: 46px;
  height: 1px;
  margin: 0 -5px 17px -4px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-top: 2px solid #d5d5da;
  top: 21px;
  vertical-align: top;
  z-index: 1;
}
.customer-type-selector .progress .bar.done,
.customer-type-selector .progress .circle.done {
  background: #608031;
  border-color: #608031;
}
.customer-type-selector .progress .bar.active {
  border-color: #608031;
  border-width: 4px;
}
.customer-type-selector .progress .circle.active {
  color: #ffffff;
  border-color: #608031;
}
.customer-type-selector .progress .circle span.indicator {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  background-color: #686868;
  -webkit-transition: all 1s cubic-bezier(0.6, 0.01, 0.43, 1);
  transition: all 1s cubic-bezier(0.6, 0.01, 0.43, 1);
}
.customer-type-selector .progress p {
  font-size: 16px;
  color: #bcbcbc;
  font-weight: normal;
  padding-top: 5px;
  margin: 0;
}

/* ==========================================================================
     Customer Type Selector component generic styles
   ========================================================================== */
.customer-type-selector-v2__content {
  /* Done / Active */
}
.customer-type-selector-v2__content .email__match {
  color: #56821f;
}
.customer-type-selector-v2__content .zip__match {
  color: #cf4520;
}
.customer-type-selector-v2__content .form-wrapper {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.customer-type-selector-v2__content .form-field-wrapper {
  text-align: left;
}
.customer-type-selector-v2__content .form-step-wrapper {
  max-width: 350px;
  margin: 0 auto;
}
.customer-type-selector-v2__content .bac-type-selector-wrapper {
  text-align: center;
}
.customer-type-selector-v2__content .bac-type-selector-wrapper .logo-wrap {
  max-width: 350px;
  margin: 0 auto;
  text-align: left;
  display: none;
}
@media screen and (max-width: 1024px) {
  .customer-type-selector-v2__content .bac-type-selector-wrapper .logo-wrap {
    display: block;
  }
}
.customer-type-selector-v2__content .bac-type-selector-wrapper .logo-wrap img {
  max-width: 75px;
  height: auto;
}
.customer-type-selector-v2__content .button-wrap {
  margin-top: 40px;
  padding-bottom: 40px;
}
.customer-type-selector-v2__content .button-primary {
  background-color: #56821f;
  border: none;
  text-transform: uppercase;
  min-width: auto;
}
.customer-type-selector-v2__content .button-primary.btn-back {
  background-color: transparent;
  color: #1f1f1f;
}
.customer-type-selector-v2__content .button-primary.btn-back .icon-arrow-circle-o {
  display: inline-block;
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.customer-type-selector-v2__content .button-secondary {
  padding: 20px 0;
  min-width: 100%;
  border: 2px solid #b2b2b2;
  background: #ffffff;
  text-transform: uppercase;
  font-size: 1.5em;
}
.customer-type-selector-v2__content .button-secondary:hover {
  border-color: #f3ba16;
  background: #ffffff;
  color: #1f1f1f;
}
.customer-type-selector-v2__content .button-secondary.active {
  border-color: #1f1f1f;
  color: #c08b0b;
}
.customer-type-selector-v2__content .progress-bac {
  padding: 50px 0 30px;
}
@media screen and (max-width: 1024px) {
  .customer-type-selector-v2__content .progress-bac {
    padding: 0 20px 40px 20px;
  }
}
.customer-type-selector-v2__content .progress-bac .circle {
  display: inline-block;
  background: #ffffff;
  width: 21px;
  height: 21px;
  border-radius: 21px;
  border: 2px solid #d5d5da;
  margin-top: 11px;
  z-index: 100;
}
.customer-type-selector-v2__content .progress-bac .bar {
  display: inline-block;
  background: #ffffff;
  border-radius: 12px;
  position: relative;
  width: 46px;
  height: 1px;
  margin: 0 -5px 17px -4px;
  border-left: none;
  border-right: none;
  border-radius: 0;
  border-top: 2px solid #d5d5da;
  top: 21px;
  vertical-align: top;
  z-index: 1;
}
.customer-type-selector-v2__content .progress-bac .bar.done,
.customer-type-selector-v2__content .progress-bac .circle.done {
  background: #608031;
  border-color: #608031;
}
.customer-type-selector-v2__content .progress-bac .bar.active {
  border-color: #608031;
  border-width: 4px;
}
.customer-type-selector-v2__content .progress-bac .circle.active {
  color: #ffffff;
  border-color: #608031;
}
.customer-type-selector-v2__content .progress-bac .circle span.indicator {
  position: absolute;
  top: 4px;
  left: 4px;
  z-index: 2;
  background-color: #686868;
  -webkit-transition: all 1s cubic-bezier(0.6, 0.01, 0.43, 1);
  transition: all 1s cubic-bezier(0.6, 0.01, 0.43, 1);
}
.customer-type-selector-v2__content .progress-bac p {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #000;
}
.customer-type-selector-v2__content .thank-you h2 {
  font-size: 3.06666667rem;
  line-height: 1.08695652em;
  margin-top: 0.54347826em;
  margin-bottom: 0.54347826em;
}
.customer-type-selector-v2__content .thank-you > .lede-tile {
  margin: 0 0.75% 0.75% 0;
  text-align: left;
}
.customer-type-selector-v2__content .option_placeholder {
  color: #b2b2b2;
}
/* ==========================================================================
     Customer Type Selector component Email Capture styles
   ========================================================================== */
.email-capture-form .customer-type-selector__content-header p {
  padding-top: 1.2em;
}
.email-capture-form .customer-type-selector__content-header h1 {
  font-size: 3.06666667rem;
  line-height: 1.08695652em;
  margin-top: 0.54347826em;
  margin-bottom: 0.54347826em;
}

/* ==========================================================================
    Product Detail Header, Recipe Detail Header & Service Detail Header components shared generic styles
   ========================================================================== */
.product-header,
.recipe-header,
.service-header {
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.product-header .detail-header__details .detail-header__category,
.recipe-header .detail-header__details .detail-header__category,
.service-header .detail-header__details .detail-header__category {
  margin-top: 15px;
}
.product-header .detail-header__details .detail-header__name,
.recipe-header .detail-header__details .detail-header__name,
.service-header .detail-header__details .detail-header__name {
  margin-top: 0.66666667rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.product-header .detail-header__details .detail-header__name:after,
.recipe-header .detail-header__details .detail-header__name:after,
.service-header .detail-header__details .detail-header__name:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.product-header .detail-header__details .detail-header__name:after,
.recipe-header .detail-header__details .detail-header__name:after,
.service-header .detail-header__details .detail-header__name:after {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 0em;
}
.product-header .detail-header__details .detail-header__subtext,
.recipe-header .detail-header__details .detail-header__subtext,
.service-header .detail-header__details .detail-header__subtext {
  font-size: 0.93333333em;
  margin-top: 20px;
}
.product-header .detail-header__details .detail-header__subtext b,
.recipe-header .detail-header__details .detail-header__subtext b,
.service-header .detail-header__details .detail-header__subtext b {
  font-weight: 500;
}
@media (min-width: 768px) {
  .product-header .detail-header__details,
  .recipe-header .detail-header__details,
  .service-header .detail-header__details {
    margin-top: 60px;
    padding-left: 1.33333333rem;
  }
}
@media (max-width: 767px) {
  .product-header .detail-header__details,
  .recipe-header .detail-header__details,
  .service-header .detail-header__details {
    padding-top: 1.33333333rem;
  }
  .product-header .detail-header__details .detail-header__name:after,
  .recipe-header .detail-header__details .detail-header__name:after,
  .service-header .detail-header__details .detail-header__name:after {
    font-size: 1rem;
    line-height: 1.66666667em;
    margin-top: 1.66666667em;
    margin-bottom: 1.66666667em;
  }
}
/* ==========================================================================
    Service Detail Header component modifications
   ========================================================================== */
.service-header {
  margin-top: 1.33333333rem;
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications */
}
.service-header .button-add-favorite {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #cf4520;
  border-radius: 0;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.06666667em;
  line-height: 1.625em;
  min-width: 204px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
  background-color: #ffffff;
  color: #1f1f1f;
}
.service-header .button-add-favorite:focus {
  outline: 1px dotted #cf4520;
}
.service-header .button-add-favorite:hover {
  cursor: pointer;
}
.service-header .button-add-favorite a {
  text-decoration: none;
}
.service-header .button-add-favorite[disabled],
.service-header .button-add-favorite[disabled]:hover,
.service-header .button-add-favorite.disabled {
  background-color: #ffffff !important;
  border-color: #d7d7d7 !important;
  color: #4f4f4f !important;
  cursor: default;
}
.service-header .button-add-favorite:before {
  color: #cf4520;
  transition: all 0.3s ease-in-out;
}
.service-header .button-add-favorite:hover {
  background-color: #e4673b;
  border-color: #e4673b;
  color: #ffffff;
}
.service-header .button-add-favorite:hover:before {
  color: #ffffff;
}
.service-header .detail-header__details {
  padding-left: 0;
}
.service-header .service-header__content-blocks {
  -moz-flex: 0 1 100%;
  -ms-flex: 0 1 100%;
  -webkit-flex: 0 1 100%;
  flex: 0 1 100%;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  margin-top: 1.33333333rem;
}
.service-header .service-header__block {
  margin-right: 1.33333333rem;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.service-header .service-header__block-number {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 44px;
  line-height: 54px;
  margin-right: 0.66666667rem;
  vertical-align: text-top;
}
.service-header .service-header__block-text h5 {
  margin-top: 0.33333333rem;
}
.service-header a {
  float: left;
  margin-right: 20px;
}
.service-header a.button-primary {
  color: #ffffff;
}
.service-header a.button-primary:hover {
  color: #ffffff;
}
.service-header a.button-secondary:hover {
  color: #ffffff;
}
@media (max-width: 1024px) {
  .service-header .service-header__content-blocks {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}
@media (max-width: 479px) {
  .service-header a {
    float: none;
    margin-bottom: 10px;
    margin-right: 0px;
    width: 100%;
  }
  .service-header .button-add-favorite {
    width: 100%;
  }
}
/* Section Color Modifications
   ========================================================================== */
body.inspire .product-header .detail-header__details .detail-header__name:after,
body.inspire .recipe-header .detail-header__details .detail-header__name:after,
body.inspire .service-header .detail-header__details .detail-header__name:after {
  background: #cf4520;
}
body.inspire .service-header .button-add-favorite {
  border-color: #cf4520;
}
body.inspire .service-header .button-add-favorite:before {
  color: #cf4520;
}
body.inspire .service-header .button-add-favorite:hover {
  background-color: #e4673b;
  border-color: #e4673b;
}
body.inspire .service-header .button-add-favorite:hover:before {
  color: #ffffff;
}
body.attract .product-header .detail-header__details .detail-header__name:after,
body.attract .recipe-header .detail-header__details .detail-header__name:after,
body.attract .service-header .detail-header__details .detail-header__name:after {
  background: #56821f;
}
body.attract .service-header .button-add-favorite {
  border-color: #56821f;
}
body.attract .service-header .button-add-favorite:before {
  color: #56821f;
}
body.attract .service-header .button-add-favorite:hover {
  background-color: #7aa33d;
  border-color: #7aa33d;
}
body.attract .service-header .button-add-favorite:hover:before {
  color: #ffffff;
}
body.optimize .product-header .detail-header__details .detail-header__name:after,
body.optimize .recipe-header .detail-header__details .detail-header__name:after,
body.optimize .service-header .detail-header__details .detail-header__name:after {
  background: #c08b0b;
}
body.optimize .service-header .button-add-favorite {
  border-color: #c08b0b;
}
body.optimize .service-header .button-add-favorite:before {
  color: #c08b0b;
}
body.optimize .service-header .button-add-favorite:hover {
  background-color: #f3ba16;
  border-color: #f3ba16;
}
body.optimize .service-header .button-add-favorite:hover:before {
  color: #ffffff;
}

/* ==========================================================================
     Event Details component DCE styles
   ========================================================================== */
.event-details {
  background-color: #f2f2f2;
  padding: 25px 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.event-details > div > p {
  display: inline-block;
  vertical-align: top;
  line-height: 1.4;
}
.event-details i {
  color: #cf4520;
  margin-right: 20px;
  float: left;
}
.event-details .general i {
  font-size: 2.2em;
}
.event-details .address i {
  font-size: 2.5em;
  margin-top: 0;
}
.event-details .contact-info .template_wrap {
  display: inline-block;
  margin-bottom: 2em;
}
.event-details .contact-info p {
  margin-bottom: 0;
  line-height: 1.4;
}
.event-details .contact-info p a {
  text-decoration: none;
}
.event-details .contact-info i {
  font-size: 1.4em;
}
.event-details .register-button {
  text-align: center;
}
.event-details .register-button a {
  color: #ffffff;
}
@media screen and (max-width: 1279px) and (min-width: 1025px) {
  .event-details {
    padding: 2vw 1.3vw;
  }
  .event-details i {
    margin-right: 1.2vw;
  }
  .event-details p {
    font-size: 1.15vw;
    line-height: 1.96vw;
  }
  .event-details .general i {
    font-size: 2.6vw;
  }
  .event-details .address i {
    font-size: 3vw;
  }
  .event-details .contact-info i {
    font-size: 1.6vw;
  }
}

/* ==========================================================================
     Expandable Item List component DCE styles
   ========================================================================== */
.expandable-items-list-container h2 {
  text-align: center;
}
.expandable-items-list-container .expandable-item {
  cursor: pointer;
  display: inline-block;
  margin: 0.66666667rem 1%;
  position: relative;
  vertical-align: top;
}
.expandable-items-list-container .expandable-item .expandable-item__image {
  -moz-align-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  overflow: hidden;
}
.expandable-items-list-container .expandable-item .expandable-item__image img {
  display: inline-block;
  -moz-flex: 0 0 100%;
  -ms-flex: 0 0 100%;
  -webkit-flex: 0 0 100%;
  flex: 0 0 100%;
  margin: 0 auto;
  max-width: 100%;
  vertical-align: middle;
}
.expandable-items-list-container .expandable-item h5 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.39130435em;
  line-height: inherit;
  margin-top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.expandable-items-list-container .expandable-item h5:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.expandable-items-list-container .expandable-item h5:after {
  height: 3px;
  width: 40px;
}
.expandable-items-list-container .expandable-item h5:after {
  background: #9f2200;
  margin-top: 5px;
}
.expandable-items-list-container .expandable-item__content {
  overflow: hidden;
  position: relative;
}
.expandable-items-list-container .expandable-item__content .icon-close {
  bottom: 0;
  display: block;
  height: 26px;
  position: absolute;
  right: 0;
  width: 26px;
}
.expandable-items-list-container .expandable-item__content .icon-close:after {
  color: #ffffff;
  content: '\f067';
  font-family: 'FontAwesome';
  font-size: 18px;
  font-weight: bold;
  left: 5px;
  position: absolute;
  text-align: center;
  top: 5px;
  transform-origin: center;
  transition: all 0.2s ease-in-out;
}
.expandable-items-list-container .expandable-item__content.active .icon-close:after {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.expandable-items-list-container .expandable-item__maintext {
  border: 1px solid #d7d7d7;
  color: #2f2f2f;
  cursor: default;
  height: 0;
  position: relative;
  transition: all 0.3s ease-in-out;
}
.expandable-items-list-container .expandable-item__maintext.active {
  display: block !important;
  height: auto;
  margin: 20px 0;
  z-index: 2;
}
.expandable-items-list-container .expandable-item__maintext.active h5.expandable-item__maintext-headline:after {
  display: none;
}
.expandable-items-list-container .expandable-item__maintext.active:after {
  color: #d7d7d7;
  content: "+";
  font-size: 25px;
  font-weight: bold;
  height: 25px;
  position: absolute;
  right: 0;
  text-align: center;
  top: 0;
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  width: 25px;
}
.expandable-items-list-container .expandable-item__maintext.active:before {
  background: #ffffff;
  border: 1px solid #d7d7d7;
  content: "";
  left: 45.5%;
  position: absolute;
  height: 2rem;
  top: -0.6rem;
  transform: rotate(45deg);
  width: 2rem;
  z-index: -1;
}
.expandable-items-list-container .expandable-item__maintext .expandable-item__maintext-container {
  padding: 15px;
  background: white;
  z-index: 2;
}
.expandable-items-list-container .expandable-item__maintext .expandable-item__maintext-container p {
  color: #2f2f2f;
}
.expandable-items-list-container .expandable-item__maintext .icon-close {
  cursor: pointer;
  height: 20px;
  position: absolute;
  right: 0;
  top: 0;
  width: 20px;
  z-index: 1;
}
.expandable-items-list-container .expandable-item-dark .expandable-item__content {
  background: #cf4520;
  color: #ffffff;
  border: 1px solid #d7d7d7;
}
.expandable-items-list-container .expandable-item-dark .expandable-item__maintext h5 {
  color: #2f2f2f;
}
.expandable-items-list-container .expandable-item-dark .expandable-item__subtext p {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.expandable-items-list-container .expandable-item-dark .expandable-item__text {
  padding: 10px 1.33333333rem 10px;
}
.expandable-items-list-container .expandable-item-dark .expandable-item__image {
  background-color: #ffffff;
}
.expandable-items-list-container .expandable-item-dark .expandable-item__image > div {
  width: 100%;
}
.expandable-items-list-container .expandable-item-dark h5 {
  color: #ffffff;
}
.expandable-items-list-container .expandable-item-light .expandable-item__content {
  border: 1px solid #d7d7d7;
}
.expandable-items-list-container .expandable-item-light .expandable-item__content .icon-close {
  background: #cf4520;
}
.expandable-items-list-container .expandable-item-light .expandable-item__content.active .icon-close:after {
  bottom: 3px;
}
.expandable-items-list-container .expandable-item-light .expandable-item__maintext {
  position: relative;
}
.expandable-items-list-container .expandable-item-light .expandable-item__subtext {
  margin-top: 20px;
}
.expandable-items-list-container .expandable-item-light .expandable-item__text {
  padding: 10px;
}
.expandable-items-list-container .expandable-item-light .expandable-item__text h5 {
  color: #2f2f2f;
  font-size: 1.13043478em;
}
.expandable-items-list-container .expandable-item-horizontal .expandable-item__content {
  height: auto;
}
.expandable-items-list-container .expandable-item-horizontal .expandable-item__content .expandable-item__text {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.expandable-items-list-container .expandable-item-horizontal .expandable-item {
  max-width: 100%;
}
.expandable-items-list-container .expandable-item-vertical .expandable-item__content {
  height: auto;
  max-width: 100%;
}
.expandable-items-list-container .expandable-item-vertical .expandable-item {
  display: block;
  max-width: 100%;
  width: auto;
}
.expandable-items-list-container .expandable-item-vertical .expandable-item .expandable-item__image img {
  width: 100%;
}
@media all and (max-width: 767px) {
  .expandable-items-list-container .expandable-item-horizontal .expandable-item {
    width: 100%;
  }
}
@media all and (min-width: 480px) {
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__maintext {
    width: 205%;
    margin-left: -105%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__maintext:before {
    left: 63%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item {
    width: 47.5%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item:nth-child(odd) .expandable-item__maintext {
    margin-left: 0;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item:nth-child(odd) .expandable-item__maintext:before {
    left: 20%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__content .expandable-item__image {
    -moz-align-content: center;
    -ms-align-content: center;
    -webkit-align-content: center;
    align-content: center;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__content .expandable-item__image img {
    -moz-align-self: center;
    -ms-align-self: center;
    -webkit-align-self: center;
    align-self: center;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__maintext {
    width: 205%;
    margin-left: -105%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__maintext:before {
    left: 63%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item {
    display: inline-block;
    width: 47.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(odd) .expandable-item__maintext {
    margin-left: 0;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(odd) .expandable-item__maintext:before {
    left: 20%;
  }
}
@media all and (min-width: 768px) {
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__maintext {
    width: 205%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content {
    height: auto;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-align: center;
    -moz-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content .expandable-item__image {
    -moz-align-self: stretch;
    -ms-align-self: stretch;
    -webkit-align-self: stretch;
    align-self: stretch;
    -moz-flex: 0 0 40.5%;
    -ms-flex: 0 0 40.5%;
    -webkit-flex: 0 0 40.5%;
    flex: 0 0 40.5%;
    margin-right: 10px;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content .expandable-item__text {
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    -webkit-flex: 1 1 auto;
    flex: 1 1 auto;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item .expandable-item__maintext:before {
    left: 25%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item:nth-child(2n+2) .expandable-item__maintext {
    margin-left: -105.5%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item:nth-child(2n+2) .expandable-item__maintext:before {
    left: 73%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__content .expandable-item__image {
    height: auto;
  }
}
@media all and (min-width: 1025px) {
  .expandable-items-list-container {
    padding: 0 60px 40px;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__maintext {
    width: 205%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content {
    height: 150px;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content .expandable-item__image {
    -moz-flex: 0 0 47.5%;
    -ms-flex: 0 0 47.5%;
    -webkit-flex: 0 0 47.5%;
    flex: 0 0 47.5%;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content .expandable-item__text {
    padding: 30px 10px 15px 0;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item {
    width: 47.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__maintext {
    width: 317%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__content {
    height: 350px;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item {
    width: 30.3%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(3n+3) .expandable-item__maintext {
    margin-left: -217%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(3n+3) .expandable-item__maintext:before {
    left: 82%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(3n+2) .expandable-item__maintext {
    margin-left: -108.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(3n+2) .expandable-item__maintext:before {
    left: 47.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(3n+1) .expandable-item__maintext {
    margin-left: -0.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(3n+1) .expandable-item__maintext:before {
    left: 13%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item-light .expandable-item__content .expandable-item__image {
    height: 150px;
  }
}
@media all and (min-width: 1280px) {
  .expandable-items-list-container {
    padding: 0 100px 40px;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item__content {
    height: 200px;
  }
  .expandable-items-list-container .expandable-item-horizontal .expandable-item__list .expandable-item {
    width: 47.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item__maintext {
    width: 432.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item {
    width: 22.5%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+4) .expandable-item__maintext {
    margin-left: -332%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+4) .expandable-item__maintext:before {
    left: 87%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+1) .expandable-item__maintext {
    margin-left: 0;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+1) .expandable-item__maintext:before {
    left: 10%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+2) .expandable-item__maintext {
    margin-left: -111%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+2) .expandable-item__maintext:before {
    left: 36%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+3) .expandable-item__maintext {
    margin-left: -222%;
  }
  .expandable-items-list-container .expandable-item-vertical .expandable-item__list .expandable-item:nth-child(4n+3) .expandable-item__maintext:before {
    left: 61%;
  }
}
/* Authoring Mode Modifications
   ========================================================================= */
.aem-AuthorLayer-Design .expandable-item__maintext,
.aem-AuthorLayer-Edit .expandable-item__maintext,
.aem-AuthorLayer-Layouting .expandable-item__maintext {
  display: none;
}

/* ==========================================================================
     Favorites List component DCE styles
   ========================================================================== */
.email-favorites__content {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.email-favorites__content .email-favorites__text {
  margin-right: 20px;
}
.email-favorites__content p {
  margin-bottom: 0;
}
@media all and (max-width: 767px) {
  .email-favorites__content {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-right: 0;
  }
  .email-favorites__content .email-favorites__text {
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-bottom: 20px;
    margin-right: 0;
  }
}
.email-favorites__content .button-email-favorite {
  background-color: #56821f;
  border: none;
}
.email-favorites__content .button-email-favorite:hover {
  background-color: #7aa33d;
}
.email-favorites-modal {
  width: 600px;
  max-width: 100%;
}
.email-favorites-modal .button-email-send {
  margin-bottom: 0;
  padding-top: 50px;
  text-align: right;
}
@media all and (max-width: 767px) {
  .email-favorites-modal .button-email-send {
    text-align: center;
    padding-top: 30px;
  }
}
.email-favorites-modal .button-email-send .form-field__error {
  text-align: center;
}
.email-favorites-modal .button-email-send .button-primary,
.email-favorites-modal .button-email-send .button-secondary {
  border-color: #c08b0b;
  text-transform: uppercase;
}
@media all and (max-width: 767px) {
  .email-favorites-modal .button-email-send .button-primary,
  .email-favorites-modal .button-email-send .button-secondary {
    width: 100%;
    margin: 5px 0;
  }
}
.email-favorites-modal .button-email-send .button-primary {
  background-color: #c08b0b;
}
.email-favorites-modal .button-email-send .button-secondary {
  margin-right: 20px;
  min-width: 0;
}
.email-favorites-modal .button-email-send .button-secondary:hover {
  background-color: #c08b0b;
}
@media all and (max-width: 767px) {
  .email-favorites-modal {
    padding: 20px;
  }
}
@media screen and (min-width: 1024px) {
  .email-favorites-modal {
    width: 800px;
  }
}
.email-favorites-modal .email-favorites__modal-copy {
  margin-bottom: 20px;
}
.email-favorites-modal .email-favorites__modal-copy h2 {
  margin-bottom: 10px;
}
.email-favorites-modal .email-favorites__modal-copy .email-item-tile {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  padding-bottom: 10px;
}
.email-favorites-modal .email-favorites__modal-copy .email-item-tile .fa-circle {
  font-size: .5rem;
}
.email-favorites-modal .email-favorites__modal-copy .email-item-tile h4 {
  margin: 0;
  padding-left: 10px;
}
.email-favorites-modal .text_input {
  max-width: 400px;
}
.email-favorites-modal .textarea_input {
  max-width: 600px;
}
.st-body-no-scroll [id^="st-el-"],
.st-body-no-scroll [id*=" st-el-"] {
  background: rgba(0, 0, 0, 0.8);
}
.st-body-no-scroll [id^="st-el-"] .st-backdrop,
.st-body-no-scroll [id*=" st-el-"] .st-backdrop {
  background: #ffffff !important;
  height: 450px;
  margin: 0 auto;
  top: 40px !important;
  width: 80%;
}
.st-body-no-scroll [id^="st-el-"] .st-form,
.st-body-no-scroll [id*=" st-el-"] .st-form {
  background: #ffffff;
  margin-bottom: 0 !important;
  margin-top: 50px !important;
  padding: 30px;
  width: 80% !important;
}
.st-body-no-scroll [id^="st-el-"] .st-form > input,
.st-body-no-scroll [id*=" st-el-"] .st-form > input,
.st-body-no-scroll [id^="st-el-"] .st-form > textarea,
.st-body-no-scroll [id*=" st-el-"] .st-form > textarea {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  outline: none;
  border: 2px solid #d7d7d7 !important;
  border-radius: 0 !important;
  margin: 0px 0px 9px !important;
  position: relative;
  transition: all 0.3s ease 0s;
}
.st-body-no-scroll [id^="st-el-"] .st-form > input ::-webkit-input-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > input ::-webkit-input-placeholder,
.st-body-no-scroll [id^="st-el-"] .st-form > textarea ::-webkit-input-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > textarea ::-webkit-input-placeholder {
  color: #b2b2b2;
}
.st-body-no-scroll [id^="st-el-"] .st-form > input ::-moz-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > input ::-moz-placeholder,
.st-body-no-scroll [id^="st-el-"] .st-form > textarea ::-moz-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > textarea ::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.st-body-no-scroll [id^="st-el-"] .st-form > input :-moz-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > input :-moz-placeholder,
.st-body-no-scroll [id^="st-el-"] .st-form > textarea :-moz-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > textarea :-moz-placeholder {
  color: #b2b2b2;
}
.st-body-no-scroll [id^="st-el-"] .st-form > input :-ms-input-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > input :-ms-input-placeholder,
.st-body-no-scroll [id^="st-el-"] .st-form > textarea :-ms-input-placeholder,
.st-body-no-scroll [id*=" st-el-"] .st-form > textarea :-ms-input-placeholder {
  color: #b2b2b2;
}
.st-body-no-scroll [id^="st-el-"] .st-form > label,
.st-body-no-scroll [id*=" st-el-"] .st-form > label {
  color: #2f2f2f !important;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px !important;
  font-weight: normal !important;
  position: relative;
  text-align: left !important;
  vertical-align: top;
  z-index: 0;
}
.st-body-no-scroll [id^="st-el-"] .st-recaptcha,
.st-body-no-scroll [id*=" st-el-"] .st-recaptcha {
  background: #ffffff !important;
  display: block;
  float: left;
  margin-left: 20%;
  width: 40%;
}
.st-body-no-scroll [id^="st-el-"] .st-send,
.st-body-no-scroll [id*=" st-el-"] .st-send {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: white !important;
  border: 2px solid #c08b0b !important;
  border-radius: 0 !important;
  color: #1f1f1f !important;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  float: left;
  font-size: 1.06666667em !important;
  height: auto !important;
  line-height: 1.625em !important;
  min-width: 20% !important;
  padding: 10px 40px !important;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  transition: all 0.3s ease 0s;
}
.st-body-no-scroll [id^="st-el-"] .st-send:focus,
.st-body-no-scroll [id*=" st-el-"] .st-send:focus {
  outline: 1px dotted #f3ba16;
}
.st-body-no-scroll [id^="st-el-"] .st-send:hover,
.st-body-no-scroll [id*=" st-el-"] .st-send:hover {
  cursor: pointer;
  background: #f3ba16 !important;
  border-color: #f3ba16 !important;
  color: #ffffff !important;
}
@media all and (max-width: 1024px) {
  .st-body-no-scroll [id^="st-el-"] .st-backdrop,
  .st-body-no-scroll [id*=" st-el-"] .st-backdrop {
    height: 500px;
  }
  .st-body-no-scroll [id^="st-el-"] .st-form,
  .st-body-no-scroll [id*=" st-el-"] .st-form {
    margin-top: 10px !important;
  }
  .st-body-no-scroll [id^="st-el-"] .st-recaptcha,
  .st-body-no-scroll [id*=" st-el-"] .st-recaptcha {
    float: none;
    margin-left: auto;
    margin-right: auto;
    width: 80%;
  }
  .st-body-no-scroll [id^="st-el-"] .st-send,
  .st-body-no-scroll [id*=" st-el-"] .st-send {
    float: none;
    margin: 40px auto;
    width: 65%;
  }
}
.item-list__favorites .select-items a {
  text-decoration: none;
}
.item-list__favorites .form-field__checkbox input[type=checkbox]:checked + label:after {
  border-color: #56821f;
}
.item-list__favorites .form-field__checkbox label:hover span {
  border-color: #56821f;
}
.item-list__favorites .item-list-container {
  margin-top: 30px;
}
.item-list__favorites .item-list-tile {
  position: relative;
}
.item-list__favorites .item-list-tile .form-field__checkbox {
  -moz-align-self: center;
  -ms-align-self: center;
  -webkit-align-self: center;
  align-self: center;
  margin-top: -1rem;
  z-index: 0;
}
.item-list__favorites .item-list-tile .fa {
  position: relative;
  right: 20px;
  top: -10px;
}
.item-list__favorites .item-list__favorite-removed {
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  background: rgba(255, 255, 255, 0.9);
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  height: 100%;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
  left: 0;
  padding: 20px;
  position: absolute;
  width: 100%;
}
.item-list__favorites .item-list__favorite-text {
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-right: 15px;
}
.item-list__favorites .item-list__favorite-undo {
  color: #cf4520;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media all and (max-width: 767px) {
  .item-list__favorites .item-list-tile .fa {
    right: 0;
  }
}

/* ==========================================================================
     Food Fanatics Article Sidebar component DCE styles
     - For InfoGraphic as a link
     - For InfoGraphic as a modal
   ========================================================================== */
.food-fanatics-article-sidebar h3 {
  margin: 15px 0;
}
.food-fanatics-infographic a > p,
.food-fanatics-infographic .infographic_container > p {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0;
  font-size: 1.1em;
}
.food-fanatics-infographic > a {
  text-decoration: none;
  cursor: pointer;
}
.food-fanatics-infographic > a + a {
  margin: 10px 0;
  display: block;
}
.food-fanatics-infographic > div:not(.infographic_modal_container) * {
  font-size: 0.8rem;
  line-height: 2.08333333em;
  margin-top: 2.08333334em;
  margin-bottom: 0em;
  line-height: 1.5em;
  font-style: normal;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 2em;
}
.food-fanatics-infographic .infographic_container {
  cursor: pointer;
}
.food-fanatics-infographic .infographic_container > p {
  margin: 10px 0;
  line-height: 1;
}
.food-fanatics-infographic .infographic_container div > p {
  font-size: 0.8rem;
  line-height: 2.08333333em;
  margin-top: 2.08333334em;
  margin-bottom: 0em;
  line-height: 1.5em;
  font-style: normal;
  margin-top: 0;
  font-weight: 400;
  margin-bottom: 2em;
}
.food-fanatics-infographic .infographic_container .infographic_image_container {
  line-height: 1;
}
.ff-ad-container p {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 10px 0;
  font-size: 1.2em;
}

/* ==========================================================================
     Grid Container component DCE styles
   ========================================================================== */
.grid-container h2 {
  line-height: 1.5em;
  margin-bottom: 5px;
  text-align: center;
}
.grid-container .grid-lede-tile__featured .lede-tile a.has-description .lede-tile-contents .lede-tile-title:after {
  display: none;
}
.grid-container .grid-lede-tile__featured .lede-tile .lede-tile-contents .lede-tile-subtext {
  display: block;
  margin: 10px 0;
}
.grid-container .grid-container__favorites {
  padding-bottom: 25px;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: block;
}
.grid-container .grid-container__favorites:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.grid-container .grid-container__favorites:after {
  height: 3px;
  width: 40px;
}
.grid-container .grid-container__favorites:after {
  margin-left: auto;
  margin-right: auto;
}
.grid-container .grid-container__favorites:after {
  clear: both;
  margin-bottom: 20px;
  position: relative;
  top: 20px;
}
.grid-container .grid-container__load-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0.95652174em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 30px;
}
.grid-container .grid-container__load-more:before,
.grid-container .grid-container__load-more:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 49.5%;
  position: absolute;
  width: 0;
}
.grid-container .grid-container__load-more:before {
  border-top: 5px solid #cf4520;
  bottom: -9px;
}
.grid-container .grid-container__load-more:after {
  bottom: -7px;
  border-top: 5px solid #fff;
}
.grid-container .grid-container__load-more:focus {
  outline: none;
}

/* ==========================================================================
     Hero component DCE styles
   ========================================================================== */
.hero {
  padding-bottom: 0.66666667rem;
  /* Quote Headline Modifications
       ========================================================================== */
  /* Has Subheadline Modifications
       ========================================================================== */
  /* Quote Headline & Subheadline Modifications
       ========================================================================== */
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
  /* Color Select Overrides
       ========================================================================== */
}
.hero .hero__subhead,
.hero .hero__subhead2,
.hero .hero__additional {
  text-transform: uppercase;
}
.hero .hero__subhead {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.hero .hero__subhead2 {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.hero .hero__container--has-quote .hero__head:before {
  color: #cf4520;
  content: '\e903';
  display: block;
  font-family: 'dce-icons';
  font-weight: normal;
  line-height: 1;
}
.hero .hero__container--has-subhead .hero__head {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  display: block;
}
.hero .hero__container--has-subhead .hero__head:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.hero .hero__container--has-quote.hero__container--has-subhead .hero__head:after {
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 768px) {
  .hero {
    /* Quote Headline Modifications
           ========================================================================== */
    /* Has Subheadline Modifications
           ========================================================================== */
  }
  .hero > div {
    padding: 0 5%;
  }
  .hero .hero__container {
    /**
             * The following is a set height instead of min-height to ensure that the bottom alignment of the text is
             * honored in IE10 & 11. With no height set the flexbox implementation in these browsers doesn't honor the
             * justify-content attribute.
             */
    height: 428px;
    padding: 5% 0;
  }
  .hero .hero__container.hero__container--has-quote {
    height: 458px;
  }
  .hero .hero__subhead {
    font-size: 1.53333333rem;
    line-height: 1.08695652em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-top: 0.66666667rem;
  }
  .hero .hero__subhead2 {
    color: #000000;
    font-size: 1rem;
    line-height: 1.66666667em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .hero .hero__container--has-quote .hero__head {
    font-size: 3.06666667rem;
    line-height: 1.08695652em;
    margin-top: 0.54347826em;
    margin-bottom: 0.54347826em;
    margin-bottom: 0.44444444rem;
  }
  .hero .hero__container--has-quote .hero__head:before {
    font-size: 50px;
    margin-bottom: 0.66666667rem;
  }
  .hero .hero__container--has-subhead .hero__head:after {
    margin-top: 0.66666667rem;
  }
}
@media (max-width: 767px) {
  .hero {
    /* Quote Headline Modifications
           ========================================================================== */
    /* Has Subheadline Modifications
           ========================================================================== */
  }
  .hero .hero__container {
    min-height: 165px;
    padding: 0.66666667rem;
  }
  .hero .hero__subhead {
    font-size: 1.13333333rem;
    line-height: 1.41176471em;
    margin-top: 0em;
    margin-bottom: 0em;
    margin-top: 0.44444444rem;
  }
  .hero .hero__subhead2 {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .hero .hero__container--has-quote .hero__head {
    font-size: 1.26666667rem;
    line-height: 1.26315789em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
  .hero .hero__container--has-quote .hero__head:before {
    font-size: 20px;
    margin-bottom: 0.66666667rem;
  }
  .hero .hero__container--has-subhead .hero__head:after {
    margin-top: 0.33333333rem;
  }
}
.hero .hero__head.hero__black,
.hero .hero__subhead.hero__black,
.hero .hero__subhead2.hero__black {
  color: #000000;
}
.hero .hero__head.hero__white,
.hero .hero__subhead.hero__white,
.hero .hero__subhead2.hero__white {
  color: #ffffff;
}
/* Section Color Modifications
   ========================================================================== */
body.inspire .hero .hero__container--has-quote .hero__head:before {
  color: #cf4520;
}
body.inspire .hero .hero__container--has-subhead .hero__head:after {
  background-color: #cf4520;
}
body.attract .hero .hero__container--has-quote .hero__head:before {
  color: #56821f;
}
body.attract .hero .hero__container--has-subhead .hero__head:after {
  background-color: #56821f;
}
body.optimize .hero .hero__container--has-quote .hero__head:before {
  color: #c08b0b;
}
body.optimize .hero .hero__container--has-subhead .hero__head:after {
  background-color: #c08b0b;
}

/* ==========================================================================
     HTML Snippet component DCE styles
   ========================================================================== */
.html-snippet-button {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #cf4520;
  border: 2px solid #cf4520;
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.625em;
  min-width: 204px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.html-snippet-button[disabled],
.html-snippet-button[disabled]:hover,
.html-snippet-button.disabled {
  background-color: #d7d7d7 !important;
  border-color: #d7d7d7 !important;
  color: #ffffff !important;
  cursor: not-allowed;
}
.html-snippet-button:focus {
  outline: 1px dotted #cf4520;
}
.html-snippet-button:hover {
  background-color: #e4673b;
  border-color: #e4673b;
  color: #ffffff;
  cursor: pointer;
}
.html-snippet-error {
  color: #cf4520;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
.html-snippet {
  margin-top: 50px;
}
.html-snippet button,
.html-snippet [type="button"],
.html-snippet [type="submit"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #cf4520;
  border: 2px solid #cf4520;
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.625em;
  min-width: 204px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.html-snippet button[disabled],
.html-snippet [type="button"][disabled],
.html-snippet [type="submit"][disabled],
.html-snippet button[disabled]:hover,
.html-snippet [type="button"][disabled]:hover,
.html-snippet [type="submit"][disabled]:hover,
.html-snippet button.disabled,
.html-snippet [type="button"].disabled,
.html-snippet [type="submit"].disabled {
  background-color: #d7d7d7 !important;
  border-color: #d7d7d7 !important;
  color: #ffffff !important;
  cursor: not-allowed;
}
.html-snippet button:focus,
.html-snippet [type="button"]:focus,
.html-snippet [type="submit"]:focus {
  outline: 1px dotted #cf4520;
}
.html-snippet button:hover,
.html-snippet [type="button"]:hover,
.html-snippet [type="submit"]:hover {
  background-color: #e4673b;
  border-color: #e4673b;
  color: #ffffff;
  cursor: pointer;
}
.html-snippet form .errMsg,
.html-snippet .wForm .errMsg {
  color: #cf4520;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
.html-snippet form h1,
.html-snippet .wForm h1 {
  font-size: 3.06666667rem;
  line-height: 1.08695652em;
  margin-top: 0.54347826em;
  margin-bottom: 0.54347826em;
}
.html-snippet form h2,
.html-snippet .wForm h2 {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 0.86206897em;
  margin-bottom: 0em;
}
.html-snippet form h3,
.html-snippet .wForm h3 {
  font-size: 1.53333333rem;
  line-height: 1.08695652em;
  margin-top: 1.08695652em;
  margin-bottom: 0em;
}
.html-snippet form h4,
.html-snippet .wForm h4 {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 1.31578948em;
  margin-bottom: 0em;
}
.html-snippet form h5,
.html-snippet .wForm h5,
.html-snippet form h6,
.html-snippet .wForm h6 {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 0em;
}
.html-snippet form label,
.html-snippet .wForm label {
  color: #2f2f2f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
  line-height: 1;
  position: relative;
  top: 2px;
  vertical-align: top;
  z-index: 0;
}
.html-snippet form input,
.html-snippet .wForm input,
.html-snippet form select,
.html-snippet .wForm select,
.html-snippet form textarea,
.html-snippet .wForm textarea {
  border: 2px solid #d7d7d7;
  border-radius: 0 !important;
  margin: 0px 5px 9px;
  position: relative;
  transition: all 0.3s ease 0s;
}
.html-snippet form input ::-webkit-input-placeholder,
.html-snippet .wForm input ::-webkit-input-placeholder,
.html-snippet form select ::-webkit-input-placeholder,
.html-snippet .wForm select ::-webkit-input-placeholder,
.html-snippet form textarea ::-webkit-input-placeholder,
.html-snippet .wForm textarea ::-webkit-input-placeholder {
  color: #b2b2b2;
}
.html-snippet form input ::-moz-placeholder,
.html-snippet .wForm input ::-moz-placeholder,
.html-snippet form select ::-moz-placeholder,
.html-snippet .wForm select ::-moz-placeholder,
.html-snippet form textarea ::-moz-placeholder,
.html-snippet .wForm textarea ::-moz-placeholder {
  color: #b2b2b2;
  opacity: 1;
}
.html-snippet form input :-moz-placeholder,
.html-snippet .wForm input :-moz-placeholder,
.html-snippet form select :-moz-placeholder,
.html-snippet .wForm select :-moz-placeholder,
.html-snippet form textarea :-moz-placeholder,
.html-snippet .wForm textarea :-moz-placeholder {
  color: #b2b2b2;
}
.html-snippet form input :-ms-input-placeholder,
.html-snippet .wForm input :-ms-input-placeholder,
.html-snippet form select :-ms-input-placeholder,
.html-snippet .wForm select :-ms-input-placeholder,
.html-snippet form textarea :-ms-input-placeholder,
.html-snippet .wForm textarea :-ms-input-placeholder {
  color: #b2b2b2;
}
.html-snippet form input[type="checkbox"],
.html-snippet .wForm input[type="checkbox"],
.html-snippet form select[type="checkbox"],
.html-snippet .wForm select[type="checkbox"],
.html-snippet form textarea[type="checkbox"],
.html-snippet .wForm textarea[type="checkbox"],
.html-snippet form input[type="radio"],
.html-snippet .wForm input[type="radio"],
.html-snippet form select[type="radio"],
.html-snippet .wForm select[type="radio"],
.html-snippet form textarea[type="radio"],
.html-snippet .wForm textarea[type="radio"] {
  margin-bottom: 0;
  cursor: pointer;
  height: 20px;
  margin: 0;
  padding: 0;
  position: relative;
  width: 20px;
  z-index: 1;
}
.html-snippet form input[type="checkbox"] ~ label,
.html-snippet .wForm input[type="checkbox"] ~ label,
.html-snippet form select[type="checkbox"] ~ label,
.html-snippet .wForm select[type="checkbox"] ~ label,
.html-snippet form textarea[type="checkbox"] ~ label,
.html-snippet .wForm textarea[type="checkbox"] ~ label,
.html-snippet form input[type="radio"] ~ label,
.html-snippet .wForm input[type="radio"] ~ label,
.html-snippet form select[type="radio"] ~ label,
.html-snippet .wForm select[type="radio"] ~ label,
.html-snippet form textarea[type="radio"] ~ label,
.html-snippet .wForm textarea[type="radio"] ~ label {
  color: #2f2f2f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 13px;
}
.html-snippet form input[type="submit"],
.html-snippet .wForm input[type="submit"],
.html-snippet form select[type="submit"],
.html-snippet .wForm select[type="submit"],
.html-snippet form textarea[type="submit"],
.html-snippet .wForm textarea[type="submit"],
.html-snippet form input[type="button"],
.html-snippet .wForm input[type="button"],
.html-snippet form select[type="button"],
.html-snippet .wForm select[type="button"],
.html-snippet form textarea[type="button"],
.html-snippet .wForm textarea[type="button"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: #cf4520;
  border: 2px solid #cf4520;
  border-radius: 0;
  color: #ffffff;
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 1.2em;
  line-height: 1.625em;
  min-width: 204px;
  padding: 10px 40px;
  text-align: center;
  text-decoration: none;
  transition: all 0.3s ease 0s;
}
.html-snippet form input[type="submit"][disabled],
.html-snippet .wForm input[type="submit"][disabled],
.html-snippet form select[type="submit"][disabled],
.html-snippet .wForm select[type="submit"][disabled],
.html-snippet form textarea[type="submit"][disabled],
.html-snippet .wForm textarea[type="submit"][disabled],
.html-snippet form input[type="button"][disabled],
.html-snippet .wForm input[type="button"][disabled],
.html-snippet form select[type="button"][disabled],
.html-snippet .wForm select[type="button"][disabled],
.html-snippet form textarea[type="button"][disabled],
.html-snippet .wForm textarea[type="button"][disabled],
.html-snippet form input[type="submit"][disabled]:hover,
.html-snippet .wForm input[type="submit"][disabled]:hover,
.html-snippet form select[type="submit"][disabled]:hover,
.html-snippet .wForm select[type="submit"][disabled]:hover,
.html-snippet form textarea[type="submit"][disabled]:hover,
.html-snippet .wForm textarea[type="submit"][disabled]:hover,
.html-snippet form input[type="button"][disabled]:hover,
.html-snippet .wForm input[type="button"][disabled]:hover,
.html-snippet form select[type="button"][disabled]:hover,
.html-snippet .wForm select[type="button"][disabled]:hover,
.html-snippet form textarea[type="button"][disabled]:hover,
.html-snippet .wForm textarea[type="button"][disabled]:hover,
.html-snippet form input[type="submit"].disabled,
.html-snippet .wForm input[type="submit"].disabled,
.html-snippet form select[type="submit"].disabled,
.html-snippet .wForm select[type="submit"].disabled,
.html-snippet form textarea[type="submit"].disabled,
.html-snippet .wForm textarea[type="submit"].disabled,
.html-snippet form input[type="button"].disabled,
.html-snippet .wForm input[type="button"].disabled,
.html-snippet form select[type="button"].disabled,
.html-snippet .wForm select[type="button"].disabled,
.html-snippet form textarea[type="button"].disabled,
.html-snippet .wForm textarea[type="button"].disabled {
  background-color: #d7d7d7 !important;
  border-color: #d7d7d7 !important;
  color: #ffffff !important;
  cursor: not-allowed;
}
.html-snippet form input[type="submit"]:focus,
.html-snippet .wForm input[type="submit"]:focus,
.html-snippet form select[type="submit"]:focus,
.html-snippet .wForm select[type="submit"]:focus,
.html-snippet form textarea[type="submit"]:focus,
.html-snippet .wForm textarea[type="submit"]:focus,
.html-snippet form input[type="button"]:focus,
.html-snippet .wForm input[type="button"]:focus,
.html-snippet form select[type="button"]:focus,
.html-snippet .wForm select[type="button"]:focus,
.html-snippet form textarea[type="button"]:focus,
.html-snippet .wForm textarea[type="button"]:focus {
  outline: 1px dotted #cf4520;
}
.html-snippet form input[type="submit"]:hover,
.html-snippet .wForm input[type="submit"]:hover,
.html-snippet form select[type="submit"]:hover,
.html-snippet .wForm select[type="submit"]:hover,
.html-snippet form textarea[type="submit"]:hover,
.html-snippet .wForm textarea[type="submit"]:hover,
.html-snippet form input[type="button"]:hover,
.html-snippet .wForm input[type="button"]:hover,
.html-snippet form select[type="button"]:hover,
.html-snippet .wForm select[type="button"]:hover,
.html-snippet form textarea[type="button"]:hover,
.html-snippet .wForm textarea[type="button"]:hover {
  background-color: #e4673b;
  border-color: #e4673b;
  color: #ffffff;
  cursor: pointer;
}
.html-snippet form input[disabled],
.html-snippet .wForm input[disabled],
.html-snippet form select[disabled],
.html-snippet .wForm select[disabled],
.html-snippet form textarea[disabled],
.html-snippet .wForm textarea[disabled] {
  cursor: not-allowed;
}
.html-snippet form input[disabled] + label,
.html-snippet .wForm input[disabled] + label,
.html-snippet form select[disabled] + label,
.html-snippet .wForm select[disabled] + label,
.html-snippet form textarea[disabled] + label,
.html-snippet .wForm textarea[disabled] + label {
  color: #d7d7d7;
}
.html-snippet form input:focus + label,
.html-snippet .wForm input:focus + label,
.html-snippet form select:focus + label,
.html-snippet .wForm select:focus + label,
.html-snippet form textarea:focus + label,
.html-snippet .wForm textarea:focus + label {
  outline: 1px dotted #cf4520;
}
.html-snippet form input[type="email"],
.html-snippet .wForm input[type="email"],
.html-snippet form input[type="file"],
.html-snippet .wForm input[type="file"],
.html-snippet form input[type="text"],
.html-snippet .wForm input[type="text"],
.html-snippet form input[type="password"],
.html-snippet .wForm input[type="password"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 2px solid #d7d7d7;
  padding: 8px;
}
.html-snippet form input[type="email"]:focus,
.html-snippet .wForm input[type="email"]:focus,
.html-snippet form input[type="file"]:focus,
.html-snippet .wForm input[type="file"]:focus,
.html-snippet form input[type="text"]:focus,
.html-snippet .wForm input[type="text"]:focus,
.html-snippet form input[type="password"]:focus,
.html-snippet .wForm input[type="password"]:focus {
  border-color: #2f2f2f;
  outline: none;
}
.html-snippet form .inputWrapper,
.html-snippet .wForm .inputWrapper {
  width: 100%;
}
.html-snippet form .oneField input,
.html-snippet .wForm .oneField input {
  background: #ffffff;
}
.html-snippet form .primaryAction,
.html-snippet .wForm .primaryAction,
.html-snippet form .secondaryAction,
.html-snippet .wForm .secondaryAction,
.html-snippet form .wfPagePreviousButton,
.html-snippet .wForm .wfPagePreviousButton,
.html-snippet form .wfPageNextButton,
.html-snippet .wForm .wfPageNextButton {
  background-image: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}
.html-snippet form .label.reqMark:after,
.html-snippet .wForm .label.reqMark:after,
.html-snippet form .reqMark:after,
.html-snippet .wForm .reqMark:after {
  color: #cf4520;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
.html-snippet form select,
.html-snippet .wForm select {
  height: 31px;
}
.html-snippet form table,
.html-snippet .wForm table {
  border: 1px solid #f2f2f2;
}
.html-snippet form table .alternate-0,
.html-snippet .wForm table .alternate-0 {
  background-color: #ffffff;
}
.html-snippet form table .oneField,
.html-snippet .wForm table .oneField {
  border: 1px solid #f2f2f2;
}
.html-snippet form table td,
.html-snippet .wForm table td {
  border: 1px solid #f2f2f2;
}
.html-snippet form table td input[type="checkbox"],
.html-snippet .wForm table td input[type="checkbox"],
.html-snippet form table td input[type="radio"],
.html-snippet .wForm table td input[type="radio"] {
  top: 3px;
}
.html-snippet form table th,
.html-snippet .wForm table th {
  background: transparent;
  border: 1px solid #f2f2f2;
  color: #2f2f2f;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8666667rem;
  line-height: 2.1666667rem;
}
.html-snippet form table th label,
.html-snippet .wForm table th label {
  color: #2f2f2f;
}
.html-snippet form table tr:nth-child(even),
.html-snippet .wForm table tr:nth-child(even) {
  background-color: #f2f2f2;
}
.html-snippet form table thead,
.html-snippet .wForm table thead {
  background-color: #b2b2b2;
}
.html-snippet form textarea,
.html-snippet .wForm textarea {
  min-height: 200px;
  width: 100%;
}
.html-snippet .wFormContainer {
  -webkit-box-shadow: none;
  box-shadow: none;
  border: none;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 12px;
}
.html-snippet .wFormContainer a {
  color: #cf4520;
}
.html-snippet .wFormContainer .errMsg {
  color: #cf4520;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-style: italic;
}
.html-snippet .wFormTitle {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: inherit;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .html-snippet {
    margin-top: 0px;
  }
  .html-snippet form input[type="email"],
  .html-snippet .wForm input[type="email"],
  .html-snippet form input[type="file"],
  .html-snippet .wForm input[type="file"],
  .html-snippet form input[type="password"],
  .html-snippet .wForm input[type="password"],
  .html-snippet form input[type="text"],
  .html-snippet .wForm input[type="text"],
  .html-snippet form select,
  .html-snippet .wForm select,
  .html-snippet form textarea,
  .html-snippet .wForm textarea {
    margin: 9px 0;
    width: 100% !important;
  }
  .html-snippet form .inputWrapper,
  .html-snippet .wForm .inputWrapper,
  .html-snippet form .oneField,
  .html-snippet .wForm .oneField,
  .html-snippet form .preField,
  .html-snippet .wForm .preField {
    width: 100%;
  }
  .html-snippet form .matrixLayout tr.headerRow th,
  .html-snippet .wForm .matrixLayout tr.headerRow th {
    min-width: 50px;
  }
  .html-snippet form th.headerCol,
  .html-snippet .wForm th.headerCol {
    padding: 10px 0;
  }
}

/* ==========================================================================
     Image component DCE styles
   ========================================================================== */
.image small {
  color: #b2b2b2;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.86666667em;
  font-style: italic;
  font-weight: normal;
}
.image img {
  width: 100%;
}

/* ==========================================================================
     Interactive Google Map component DCE styles
   ========================================================================== */
.interactive-google-map .google-map .interactive-map-legend {
  background-color: #ffffff;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.4);
  color: #4f4f4f;
}
.interactive-google-map .google-map .interactive-map-legend h4 {
  color: #4f4f4f;
  margin-top: 0;
}
.interactive-google-map .google-map .interactive-map-legend .interactive-map-legend__filters {
  margin-top: 15px;
}
.interactive-google-map .google-map .interactive-map-legend .interactive-map-legend__search {
  margin-top: 15px;
}
.interactive-google-map .google-map .interactive-map-legend .interactive-map-legend__search .form-field {
  float: none;
}
.interactive-google-map .google-map .interactive-map-legend .interactive-map-legend__search .icon-search {
  color: #4f4f4f;
}
.interactive-google-map .google-map .interactive-map-legend .interactive-map-legend__search input {
  color: #4f4f4f;
  padding: 12px 13px 10px 36px;
}
.interactive-google-map .google-map .interactive-map-legend .interactive-map-legend__messages {
  border-top: 1px solid #2f2f2f;
  clear: both;
  padding-top: 15px;
}
.interactive-google-map .google-map .interactive-map-legend .form-field {
  float: left;
  margin-right: 15px;
}
@media all and (max-width: 767px) {
  .interactive-google-map .google-map .interactive-map-legend .form-field {
    float: none;
  }
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label:after {
  z-index: 2;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label span.label-text {
  position: relative;
  left: auto;
  width: auto;
  border-width: 0 0 3px 0;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label[for=interactive-google-map-legend-corporate] span.label-text {
  border-color: #56821F;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label[for=interactive-google-map-legend-chef-store] span.label-text {
  border-color: #CF4520;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label[for=interactive-google-map-legend-culinary-equipment-and-supplies-store] span.label-text {
  border-color: #F3BA16;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label[for=interactive-google-map-legend-distribution-center] span.label-text {
  border-color: #C08B0B;
}
.interactive-google-map .google-map .interactive-map-legend .form-field__checkbox label[for=interactive-google-map-legend-stockyards] span.label-text {
  border-color: #7AA33D;
}

/* ==========================================================================
     Item List component shared styles
   ========================================================================== */
.item-list {
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.item-list .item-list-tile-grid .item-list-tile h5 {
  margin-top: 0;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-content {
  margin: 0 1.33333333rem;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-content .link-primary {
  display: block;
  font-size: 0.91304348em;
  margin-top: 1.33333333rem;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-details p {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
  margin: 0;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-details p:first-child {
  margin-top: 1em;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-details .general-info p {
  line-height: 1.5rem;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-image {
  position: relative;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-image .item-list-tile-badge {
  background: rgba(0, 0, 0, 0.7);
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.65em;
  line-height: 13px;
  height: 60px;
  padding: 0 10px 5px;
  position: absolute;
  text-transform: uppercase;
  text-align: center;
  width: 60px;
}
.item-list .item-list-tile-grid .item-list-tile .item-list-tile-image .item-list-tile-badge .highlight {
  display: block;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 26px;
  line-height: 32px;
}
.item-list .item-list-tile-grid .item-list-tile .tags {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.item-list .item-list-load-more {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  background-color: transparent;
  border: none;
  cursor: pointer;
  font-size: 0.95652174em;
  position: relative;
  text-align: center;
  text-decoration: none;
  text-transform: uppercase;
  width: 100%;
  margin-bottom: 30px;
}
.item-list .item-list-load-more:before,
.item-list .item-list-load-more:after {
  border-left: 5px solid transparent;
  border-right: 5px solid transparent;
  content: "";
  display: block;
  height: 0;
  left: 49.5%;
  position: absolute;
  width: 0;
}
.item-list .item-list-load-more:before {
  border-top: 5px solid #cf4520;
  bottom: -9px;
}
.item-list .item-list-load-more:after {
  bottom: -7px;
  border-top: 5px solid #fff;
}
.item-list .item-list-load-more:focus {
  outline: none;
}
.item-list .item-list-result-text {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-style: italic;
  padding: 4rem;
  text-align: center;
  width: 100%;
}
.item-list .list-break {
  line-height: 0;
  margin-bottom: 2rem;
  margin-top: 0;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
  width: 100%;
}
.item-list .list-break:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.item-list .list-break:after {
  margin-left: auto;
  margin-right: auto;
}
.item-list .list-break:after {
  margin-top: 20px;
}
.item-list .list-break-text {
  margin-bottom: 30px;
  text-align: center;
  width: 100%;
}
@media all and (min-width: 768px) {
  .item-list .item-list-tile-grid .item-list-tile {
    border-bottom: 1px solid #d7d7d7;
    margin-bottom: 1.33333333rem;
    padding-bottom: 1rem;
  }
  .item-list .item-list-tile-grid .item-list-tile h2 {
    font-size: 1.53333333rem;
    line-height: 1.08695652em;
    margin-top: 1.08695652em;
    margin-bottom: 0em;
    margin-top: 0.66666667rem;
  }
}
@media all and (max-width: 767px) {
  .item-list .item-list-tile-grid .item-list-tile {
    margin: 1.33333333rem 0;
  }
  .item-list .item-list-tile-grid .item-list-tile .item-list-tile-content {
    margin-left: 0.66666667rem;
  }
  .item-list .item-list-tile-grid .item-list-tile .item-list-tile-content h2 {
    font-size: 1.2rem;
    line-height: 1.33333333em;
    margin-top: 1.33333333em;
    margin-bottom: 0em;
    margin-top: 0.44444444rem;
  }
  .item-list .item-list-tile-grid .item-list-tile .item-list-tile-content .link-primary {
    font-size: 0.91304348em;
  }
  .item-list .item-list-load-more:after,
  .item-list .item-list-load-more:before {
    left: 48.5%;
  }
}
/* Location Item List Modifications
   ========================================================================== */
@media all and (max-width: 767px) {
  .location-item-list .item-list-tile-grid .item-list-tile {
    border-bottom: 1px solid #d7d7d7;
    padding-bottom: 1rem;
  }
}
/* Item List Filters
   ========================================================================== */
.item-list-filter-any {
  /* Tablet and Down Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.item-list-filter-any .item-list-filter-bar {
  background: #4f4f4f;
  border-top: 10px solid #1f1f1f;
  margin-bottom: 1.33333333rem;
  padding: 1rem 2rem;
}
@media (max-width: 1024px) {
  .item-list-filter-any .item-list-filter-bar {
    padding: 0.66666667rem 1.33333333rem;
  }
}
@media (max-width: 767px) {
  .item-list-filter-any .item-list-filter-bar {
    padding: 0.33333333rem 0.66666667rem;
  }
}
/* Item List Filters (with modal options)
   ========================================================================== */
.item-list-filter {
  /* Tablet and Down Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.item-list-filter .item-list-filter-bar .item-list-filter-bar__button {
  font-size: 14px;
  min-width: 0;
  padding: 0.3rem 1.33333333rem;
  text-transform: uppercase;
}
.item-list-filter .item-list-filter-bar .item-list-filter-bar__count {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  color: #ffffff;
  font-size: 1.2em;
}
.item-list-filter .item-list-filter-selection {
  margin: 1.33333333rem 2rem;
}
.item-list-filter .item-list-filter-selection .item-list-filter-selection__item {
  padding-right: 1.33333333rem;
}
.item-list-filter .item-list-filter-selection .item-list-filter-selection__list,
.item-list-filter .item-list-filter-selection .item-list-filter-selection__button {
  margin-top: 0.66666667rem;
}
.item-list-filter .item-list-filter-modal h2 {
  margin-top: 0;
}
.item-list-filter .item-list-filter-modal .item-list-filter-selection {
  margin: 1.33333333rem 0;
}
.item-list-filter .item-list-filter-modal .item-list-filter-options {
  border-top: 2px solid #d7d7d7;
  margin-top: 1.33333333rem;
  padding-top: 1.33333333rem;
}
.item-list-filter .item-list-filter-modal .item-list-filter-options .form-field__checkbox {
  margin: 0 0 1.33333333rem 0;
}
.item-list-filter .item-list-filter-modal .item-list-filter-options .form-field__checkbox label {
  line-height: 18px;
  padding: 0 10px 0 26px;
}
.item-list-filter .item-list-filter-modal .item-list-filter-buttons {
  text-align: right;
}
.item-list-filter .item-list-filter-modal .item-list-filter-buttons .item-list-filter-buttons__clear {
  float: left;
  margin-right: 2em;
}
@media (max-width: 1024px) {
  .item-list-filter .item-list-filter-selection {
    margin: 0.66666667rem 1.33333333rem;
  }
  .item-list-filter .item-list-filter-buttons .button-primary,
  .item-list-filter .item-list-filter-buttons .button-secondary {
    min-width: 110px;
    padding: 10px 25px;
  }
}
@media (max-width: 767px) {
  .item-list-filter .item-list-filter-buttons {
    text-align: right;
  }
}
/* Simple Item List Filters (with select options)
   ========================================================================== */
.item-list-filter-simple .item-list-filter-bar > h3 {
  color: #ffffff;
  margin: 0;
}
.item-list-filter-simple .item-list-filter-bar .form-field__select {
  background-color: #1f1f1f;
  color: #ffffff;
  margin: 0;
}
@media (max-width: 767px) {
  .item-list-filter-simple .item-list-filter-bar .form-field__select {
    margin: .5rem 0 .5rem 0;
  }
}
.item-list-filter-simple .item-list-filter-bar .form-field__select select {
  background-color: #1f1f1f;
  border: 0;
  color: #ffffff;
  cursor: pointer;
}
.item-list-filter-simple .item-list-filter-bar .form-field__select label {
  color: #ffffff;
}
/* Item List Filters (with search)
   ========================================================================== */
.item-list-filter-search .form-field__input input {
  border-color: #2f2f2f;
  height: 37px;
  line-height: 35px;
}
/* Event Item List Filter Modification
   ========================================================================== */
.event-item-list .item-list-filter-simple .item-list-filter-bar > h3 {
  font-size: 0.9em;
}
.event-item-list .item-list-filter-simple .item-list-filter-bar .form-field__select {
  -moz-flex: 0 1 30%;
  -ms-flex: 0 1 30%;
  -webkit-flex: 0 1 30%;
  flex: 0 1 30%;
}
@media (max-width: 767px) {
  .event-item-list .item-list-filter-simple .item-list-filter-bar {
    display: block;
  }
  .event-item-list .item-list-filter-simple .item-list-filter-bar .form-field__select {
    margin: 10px 0;
  }
}

/* ==========================================================================
     Lede Tile component DCE styles
   ========================================================================== */
/* Mixins
      ======================================================================= */
.tile-contents-container {
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
}
.tile-contents-container .lede-tile-headline,
.tile-contents-container .lede-tile-title,
.tile-contents-container .lede-tile-subtext {
  color: #ffffff;
}
.tile-contents-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.tile-contents-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.tile-contents-headline:after {
  height: 3px;
  width: 40px;
}
.tile-contents-headline:after {
  margin: 0.66666667rem 0;
}
.tile-contents-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
/*  External Link Lede
================================================ */
body.inspire .lede-tile > a {
  background-color: #cf4520;
}
body.attract .lede-tile > a {
  background-color: #56821f;
}
body.optimize .lede-tile > a {
  background-color: #c08b0b;
}
/* Lede Tile Variants
======================================================================= */
.lede-tile {
  background-color: #cf4520;
  /* Article, Event, Generic Lede Tile Modifications
       ========================================================================== */
  /* Product Lede Tile Modifications
       ========================================================================== */
  /* Recipe Lede Tile Modifications
       ========================================================================== */
  /* Services Lede Tile Modifications
       ========================================================================== */
  /* Video Lede Tile Modifications
       ========================================================================== */
  /* Download Lede Tile Modifications
       ========================================================================== */
  /* Location Lede Tile Modifications
       ========================================================================== */
  /* Chef Store Lede Tile Modifications
       ========================================================================== */
  /* Section Color Modifications
       ========================================================================== */
  /* Desktop Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
  /* Small Mobile Modifications
       ========================================================================== */
}
.lede-tile a {
  transition: none;
}
.lede-tile .lede-tile-contents {
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
  /* Default if page properties meta description authored */
}
.lede-tile .lede-tile-contents .lede-tile-headline,
.lede-tile .lede-tile-contents .lede-tile-title,
.lede-tile .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile .lede-tile-contents .lede-tile-subtext {
  display: none;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8rem;
}
.lede-tile .lede-tile-contents .lede-tile-subtext:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile .lede-tile-contents .lede-tile-subtext.enable-subheading {
  display: block;
  font-size: 14px;
  line-height: 21px;
  margin-bottom: 0;
  padding-top: 12px;
}
.lede-tile .lede-tile-contents .lede-tile-subtext.enable-subheading:after {
  display: none;
}
.lede-tile .lede-tile-contents .lede-tile-subtext:after {
  vertical-align: middle;
  font-size: 1em;
}
.lede-tile .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.article:hover,
.lede-tile a.event:hover,
.lede-tile a.generic:hover {
  color: #ffffff;
}
.lede-tile a.article .lede-tile-contents,
.lede-tile a.event .lede-tile-contents,
.lede-tile a.generic .lede-tile-contents {
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
  background: rgba(207, 69, 32, 0.9);
}
.lede-tile a.article .lede-tile-contents .lede-tile-headline,
.lede-tile a.event .lede-tile-contents .lede-tile-headline,
.lede-tile a.generic .lede-tile-contents .lede-tile-headline,
.lede-tile a.article .lede-tile-contents .lede-tile-title,
.lede-tile a.event .lede-tile-contents .lede-tile-title,
.lede-tile a.generic .lede-tile-contents .lede-tile-title,
.lede-tile a.article .lede-tile-contents .lede-tile-subtext,
.lede-tile a.event .lede-tile-contents .lede-tile-subtext,
.lede-tile a.generic .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.article .lede-tile-contents .lede-tile-headline,
.lede-tile a.event .lede-tile-contents .lede-tile-headline,
.lede-tile a.generic .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.article .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.event .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.generic .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.article .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.event .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.generic .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.article .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.event .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.generic .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.article .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.event .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.generic .lede-tile-contents .lede-tile-headline:after {
  background: #9f2200;
}
.lede-tile a.article .lede-tile-contents .lede-tile-title:after,
.lede-tile a.event .lede-tile-contents .lede-tile-title:after,
.lede-tile a.generic .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.product:hover,
.lede-tile a.video-container__cover:hover {
  color: #ffffff;
}
.lede-tile a.product .lede-tile-contents,
.lede-tile a.video-container__cover .lede-tile-contents {
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
  background: rgba(31, 31, 31, 0.9);
  border-top: 7px solid #cf4520;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline,
.lede-tile a.product .lede-tile-contents .lede-tile-title,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-title,
.lede-tile a.product .lede-tile-contents .lede-tile-subtext,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.product .lede-tile-contents .lede-tile-headline:after,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline:after {
  background: #4f4f4f;
}
.lede-tile a.product .lede-tile-contents .lede-tile-title:after,
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.video-container__cover .lede-tile-contents {
  border-top: none;
}
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
}
.lede-tile a.video-container__cover .lede-tile-contents .lede-tile-title:after {
  display: none;
}
.lede-tile a.recipe:hover {
  color: #1f1f1f;
}
.lede-tile a.recipe .lede-tile-contents {
  background: rgba(242, 242, 242, 0.9);
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline,
.lede-tile a.recipe .lede-tile-contents .lede-tile-title,
.lede-tile a.recipe .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline,
.lede-tile a.recipe .lede-tile-contents .lede-tile-title,
.lede-tile a.recipe .lede-tile-contents .lede-tile-subtext {
  color: #1f1f1f;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-title:after {
  color: #cf4520;
}
.lede-tile a.recipe .lede-tile-contents .lede-tile-subtext:after {
  color: #cf4520;
}
.lede-tile a.service:hover {
  color: #ffffff;
}
.lede-tile a.service .lede-tile-banner {
  background: #000000;
  position: absolute;
  top: 0;
  width: 100%;
}
.lede-tile a.service .lede-tile-banner .lede-tile-banner-title {
  color: #ffffff;
  font-weight: normal;
  margin-top: 0;
  padding: 5px 0;
  text-align: center;
}
.lede-tile a.service .lede-tile-banner .lede-tile-banner-title:before {
  border-right: 1px solid #ffffff;
  color: #ffffff;
  content: '\e91e';
  display: inline-block;
  font-family: 'dce-icons';
  font-size: 1.56521739em;
  font-weight: normal;
  line-height: 1.125em;
  margin: 0 8px;
  padding-right: 8px;
  vertical-align: middle;
}
.lede-tile a.service .lede-tile-contents {
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
  bottom: 5%;
  width: 95%;
}
.lede-tile a.service .lede-tile-contents .lede-tile-headline,
.lede-tile a.service .lede-tile-contents .lede-tile-title,
.lede-tile a.service .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.service .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.service .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.service .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.service .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.service .lede-tile-contents .lede-tile-headline:after {
  background: #c08b0b;
}
.lede-tile a.service .lede-tile-contents .lede-tile-title {
  font-size: 2.08695652em;
}
.lede-tile a.service .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.service .lede-tile-contents .lede-tile-title:after {
  font-size: 0.43478261em;
  vertical-align: middle;
}
.lede-tile a.video:hover {
  color: #ffffff;
}
.lede-tile a.video .lede-tile-contents {
  background: #000000;
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline,
.lede-tile a.video .lede-tile-contents .lede-tile-title,
.lede-tile a.video .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline,
.lede-tile a.video .lede-tile-contents .lede-tile-title,
.lede-tile a.video .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.video .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
}
.lede-tile a.video .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.video .lede-tile-contents .lede-tile-title:after {
  display: none;
}
.lede-tile a.download:hover {
  color: #ffffff;
}
.lede-tile a.download .lede-tile-contents-image {
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
  bottom: 45%;
}
.lede-tile a.download .lede-tile-contents-image .lede-tile-headline,
.lede-tile a.download .lede-tile-contents-image .lede-tile-title,
.lede-tile a.download .lede-tile-contents-image .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.download .lede-tile-contents-image img {
  width: 100%;
  height: auto;
}
.lede-tile a.download .lede-tile-contents {
  background: transparent;
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
  bottom: 5%;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline,
.lede-tile a.download .lede-tile-contents .lede-tile-title,
.lede-tile a.download .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.download .lede-tile-contents .lede-tile-contents-text {
  padding-bottom: 55px;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline,
.lede-tile a.download .lede-tile-contents .lede-tile-title,
.lede-tile a.download .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.download .lede-tile-contents .lede-tile-headline:after {
  background: #9f2200;
}
.lede-tile a.download .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.download.inspire:hover {
  color: #9f2200;
}
.lede-tile a.download.inspire .lede-tile-contents .lede-tile-contents-text {
  color: #9f2200;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.lede-tile a.download.inspire .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.download.inspire .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.download.inspire .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.download.inspire .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.download.inspire .lede-tile-contents .lede-tile-headline:after {
  background: #9f2200;
}
.lede-tile a.download.optimize:hover {
  color: #996d05;
}
.lede-tile a.download.optimize .lede-tile-contents .lede-tile-contents-text {
  color: #996d05;
}
.lede-tile a.download.optimize .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.download.optimize .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.download.optimize .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.download.optimize .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.download.optimize .lede-tile-contents .lede-tile-headline:after {
  background: #996d05;
}
.lede-tile a.download.attract:hover {
  color: #3a5e0b;
}
.lede-tile a.download.attract .lede-tile-contents .lede-tile-contents-text {
  color: #3a5e0b;
}
.lede-tile a.download.attract .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.download.attract .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.download.attract .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.download.attract .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.download.attract .lede-tile-contents .lede-tile-headline:after {
  background: #3a5e0b;
}
.lede-tile a.download.trend {
  background-color: #1f1f1f;
}
.lede-tile a.download.trend .lede-tile-contents-image img {
  max-width: 100%;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-contents-text {
  color: #c08b0b;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-headline:after {
  background: #c08b0b;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-subheadline {
  margin-top: 0;
  color: #ffffff;
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-subheadline:before {
  content: "\f019";
  color: #c08b0b;
  margin-right: 5px;
  font-family: "FontAwesome";
}
.lede-tile a.download.trend .lede-tile-contents .lede-tile-title:after {
  display: none;
}
.lede-tile a.location .lede-tile-contents {
  background: rgba(192, 139, 11, 0.9);
  bottom: 10%;
  padding: 0.66666667rem 1.33333333rem;
  position: absolute;
  width: 82%;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline,
.lede-tile a.location .lede-tile-contents .lede-tile-title,
.lede-tile a.location .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline,
.lede-tile a.location .lede-tile-contents .lede-tile-title,
.lede-tile a.location .lede-tile-contents .lede-tile-subtext {
  color: #ffffff;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline:after {
  height: 3px;
  width: 40px;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline:after {
  margin: 0.66666667rem 0;
}
.lede-tile a.location .lede-tile-contents .lede-tile-headline:after {
  background: #996d05;
}
.lede-tile a.location .lede-tile-contents .lede-tile-title:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.lede-tile a.chef-store-tile.active-location {
  text-align: center;
  padding-top: 10%;
  padding: 10% 1rem 0 1rem;
}
.lede-tile a.chef-store-tile.active-location h2,
.lede-tile a.chef-store-tile.active-location h3,
.lede-tile a.chef-store-tile.active-location p {
  color: #ffffff;
  display: inline-block;
  width: 100%;
  margin-top: 0;
  margin-bottom: 1.25rem;
}
.lede-tile a.chef-store-tile.active-location h2:hover,
.lede-tile a.chef-store-tile.active-location h3:hover,
.lede-tile a.chef-store-tile.active-location p:hover {
  color: inherit;
}
.lede-tile a.chef-store-tile.active-location p {
  line-height: 1.25rem;
}
.lede-tile a.chef-store-tile.active-location h2 {
  margin-bottom: .25rem;
}
.lede-tile a.inspire {
  background-color: #cf4520;
}
.lede-tile a.attract {
  background-color: #56821f;
}
.lede-tile a.optimize {
  background-color: #c08b0b;
}
@media all and (min-width: 1280px) {
  .lede-tile {
    /* Services Lede Tile Modifications
        ================================= */
    /* Download Lede Tile Modifications
        ================================= */
  }
  .lede-tile a.service .lede-tile-contents {
    bottom: 10%;
    position: absolute;
    width: 85%;
  }
  .lede-tile a.service .lede-tile-contents .lede-tile-title {
    font-size: 2.7826087em;
  }
  .lede-tile a.download .lede-tile-contents-text {
    padding-bottom: 80px;
    font-size: 2em;
  }
}
@media all and (min-width: 480px) and (max-width: 767px) {
  .lede-tile {
    /* Services Lede Tile Modifications
        ================================= */
  }
  .lede-tile a.service .lede-tile-banner .lede-tile-banner-title:before {
    font-size: 1.04347826em;
  }
  .lede-tile a.service .lede-tile-contents {
    width: 100%;
  }
  .lede-tile a.service .lede-tile-contents .lede-tile-title {
    font-size: 1.73913043em;
  }
}
@media (max-width: 479px) {
  .lede-tile {
    margin: 0 0 0.66666667rem 0;
    /* Services Lede Tile Modifications
        ================================= */
    /* Download Lede Tile Modifications
        ================================= */
  }
  .lede-tile a.service .lede-tile-contents {
    bottom: 10%;
    position: absolute;
    width: 82%;
  }
  .lede-tile a.service .lede-tile-contents .lede-tile-title {
    font-size: 2.7826087em;
  }
  .lede-tile a.download .lede-tile-contents .lede-tile-contents-text {
    padding-bottom: 100px;
    font-size: 2em;
  }
}
/* Manual Override for markup structure
    ================================= */
.customer-type-selector-v2__content .thank-you a.chef-store-tile.active-location h2 {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
}
.customer-type-selector-v2__content .thank-you a.chef-store-tile.active-location .button-secondary {
  min-width: 204px;
  padding: 10px 40px;
  font-size: 1.06666667em;
  margin-top: 20px;
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
}

/* ==========================================================================
     Location Search Map component DCE styles
   ========================================================================== */
.location-search-map .google-map .interactive-map-legend {
  background-color: #ffffff;
  color: #4f4f4f;
  margin-left: 1.33333333rem;
}
@media all and (max-width: 767px) {
  .location-search-map .google-map .interactive-map-legend {
    margin-left: 0;
    margin-top: 1.33333333rem;
  }
}
.location-search-map .google-map .interactive-map-legend p {
  text-decoration: underline;
  cursor: pointer;
  font-size: 16px;
}
.location-search-map .google-map .interactive-map-legend h4 {
  color: #4f4f4f;
  margin-top: 0;
  margin-bottom: 1rem;
}
.location-search-map .google-map .interactive-map-legend .interactive-map-legend__filters {
  margin-top: 15px;
}
.location-search-map .google-map .interactive-map-legend .interactive-map-legend__search {
  margin-top: 15px;
}
.location-search-map .google-map .interactive-map-legend .interactive-map-legend__search .form-field {
  float: none;
}
.location-search-map .google-map .interactive-map-legend .interactive-map-legend__search .icon-search {
  color: #4f4f4f;
}
.location-search-map .google-map .interactive-map-legend .interactive-map-legend__search input {
  color: #4f4f4f;
  padding: 12px 13px 10px 36px;
}
.location-search-map .google-map .interactive-map-legend .interactive-map-legend__messages {
  border-top: 1px solid #2f2f2f;
  clear: both;
  padding-top: 15px;
}
.location-search-map .google-map .interactive-map-legend .location-search-map__filter .form-field {
  float: left;
  margin-right: 15px;
  width: 100%;
  margin-bottom: .75rem;
}
@media all and (max-width: 767px) {
  .location-search-map .google-map .interactive-map-legend .location-search-map__filter .form-field {
    float: none;
  }
}
.location-search-map .google-map .interactive-map-legend .form-field__checkbox {
  display: block;
  width: 100%;
}
@media all and (max-width: 767px) {
  .location-search-map .google-map .interactive-map-legend .form-field__checkbox {
    width: 45%;
    display: inline-block;
  }
}
.location-search-map .google-map .interactive-map-legend .form-field__checkbox label {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  text-transform: uppercase;
}
.location-search-map .google-map .interactive-map-legend .form-field__checkbox label:after {
  z-index: 0;
}
.location-search-map .google-map .interactive-map-legend .form-field__checkbox label span.label-text {
  position: relative;
  left: auto;
  width: auto;
  border: 0;
}
.marker-address {
  min-width: 300px;
}
.marker-address .name {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.marker-address .name div {
  color: #c08b0b;
}
.marker-address .tags li {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.marker-address .address,
.marker-address .hours,
.marker-address .location {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
}

/* ==========================================================================
     Location Details component DCE styles
   ========================================================================== */
.location-details {
  background-color: #f2f2f2;
  padding: 25px 20px;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.location-details > div > p {
  display: inline-block;
  vertical-align: top;
  line-height: 1.4;
}
.location-details i {
  color: #cf4520;
  margin-right: 20px;
  float: left;
}
.location-details .schedule-consultation i {
  font-size: 1.9em;
}
.location-details .general i {
  font-size: 2.2em;
}
.location-details .address i {
  font-size: 2.5em;
  margin-top: 0;
}
.location-details .contact-info p {
  margin-bottom: 0;
}
.location-details .contact-info i {
  font-size: 1.4em;
}
@media screen and (max-width: 1279px) and (min-width: 1025px) {
  .location-details {
    padding: 2vw 1.3vw;
  }
  .location-details i {
    margin-right: 1.2vw;
  }
  .location-details p {
    font-size: 1.15vw;
    line-height: 1.96vw;
  }
  .location-details .schedule-consultation i {
    font-size: 1.9vw;
  }
  .location-details .general i {
    font-size: 2.6vw;
  }
  .location-details .address i {
    font-size: 3vw;
  }
  .location-details .contact-info i {
    font-size: 1.6vw;
  }
}

/* ==========================================================================
     Google Map (Event/Location Details) component DCE styles
   ========================================================================== */
.google-map {
  height: 485px;
  margin: 20px 0;
}
.google-map #markerHtml .marker-image {
  background-size: contain;
  height: 135px;
  width: 240px;
}
.google-map #markerHtml .marker-address {
  font-size: 1.2em;
  margin: 0 0 15px;
  text-align: left;
}

/* --------------------------------------------
    Multimedia Feature component DCE styles
   -------------------------------------------- */
.multimedia-container {
  margin-top: 40px;
}
.multimedia-container .video-image-container img {
  width: 100%;
  height: auto;
}
@media screen and (min-width: 1025px) {
  .multimedia-container {
    -moz-align-self: flex-start;
    -ms-align-self: flex-start;
    -webkit-align-self: flex-start;
    align-self: flex-start;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-box-pack: space-between;
    -moz-box-pack: space-between;
    -ms-flex-pack: space-between;
    -webkit-justify-content: space-between;
    justify-content: space-between;
  }
  .multimedia-container .multimedia-title {
    margin-top: 0;
  }
  .multimedia-container .sidearea-container {
    -moz-flex: 0 1 38%;
    -ms-flex: 0 1 38%;
    -webkit-flex: 0 1 38%;
    flex: 0 1 38%;
    margin-left: 20px;
  }
  .multimedia-container .video-image-container {
    -moz-flex: 0 1 60%;
    -ms-flex: 0 1 60%;
    -webkit-flex: 0 1 60%;
    flex: 0 1 60%;
  }
}

/* ==========================================================================
     Page Slideshow Component DCE styles
   ========================================================================== */
.slide-container .usf-full-page-slideshow {
  /**
     * Video slides should still take full height to maintain the full page takeover of each slide, video also needs to
     * fill the slide container even if that requires some of it getting cut off on the sides.
     */
  /* Small Desktop Modifications
       ========================================================================== */
  /* Tablet and Down Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.slide-container .usf-full-page-slideshow img {
  height: auto;
}
.slide-container .usf-full-page-slideshow .slide h1 {
  font-size: 3.8rem;
  line-height: 1.31578947em;
  margin-top: 0.43859649em;
  margin-bottom: 0.43859649em;
}
.slide-container .usf-full-page-slideshow .slide h2 {
  font-size: 2.46666667rem;
  line-height: 1.35135135em;
  margin-top: 0.67567568em;
  margin-bottom: 0em;
}
.slide-container .usf-full-page-slideshow .slide h2,
.slide-container .usf-full-page-slideshow .slide h3 {
  font-weight: normal;
  text-transform: none;
}
.slide-container .usf-full-page-slideshow .slide__content {
  text-align: center;
}
.slide-container .usf-full-page-slideshow .slide__cta {
  margin-top: 2.66666667rem;
  text-transform: uppercase;
}
.slide-container .usf-full-page-slideshow .slide__nested-content {
  -webkit-box-align: flex-start;
  -moz-box-align: flex-start;
  -ms-flex-align: flex-start;
  -webkit-align-items: flex-start;
  align-items: flex-start;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
}
.slide-container .usf-full-page-slideshow .slide__nested-content .slide__nested-image {
  -moz-flex: 0 1 20%;
  -ms-flex: 0 1 20%;
  -webkit-flex: 0 1 20%;
  flex: 0 1 20%;
  margin: 0 6.6667%;
}
.slide-container .usf-full-page-slideshow .slide__nested-content .slide__nested-image h3 {
  line-height: 1.4em;
  margin-top: 0.9em;
}
.slide-container .usf-full-page-slideshow .slide__nested-content .slide__nested-image h3:after {
  color: #ffffff;
  content: '\e904';
  display: inline;
  font-family: 'dce-icons';
  font-size: 0.69565217em;
  font-weight: normal;
  line-height: 1.4375em;
  margin-left: 7px;
  vertical-align: bottom;
}
.slide-container .usf-full-page-slideshow .slide__nested-content .slide__nested-image img {
  height: auto;
  width: 100%;
}
.slide-container .usf-full-page-slideshow .slide__next-label {
  border: 4px solid #2f2f2f;
  border-bottom: none;
  border-color: #4f4f4f;
  cursor: pointer;
  padding: 10px 30px 20px;
}
.slide-container .usf-full-page-slideshow .slide__next-label h4 {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  margin: 0;
}
.slide-container .usf-full-page-slideshow .slide__next-label p {
  border: 2px solid #f3ba16;
  border-width: 0 0 2px 2px;
  font-size: 0;
  height: 10px;
  line-height: 0;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
  left: 48%;
  bottom: 10px;
}
.slide-container .usf-full-page-slideshow .video-js {
  height: 100%;
}
.slide-container .usf-full-page-slideshow .video-js .vjs-tech {
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  width: 100%;
  height: auto;
  transform: translateX(-50%);
}
.slide-container .usf-full-page-slideshow .video-js.video-stretch .vjs-tech {
  width: auto;
}
.slide-container .usf-full-page-slideshow .video-js.video-controls-audioOnly .vjs-control-bar > .vjs-control,
.slide-container .usf-full-page-slideshow .video-js.video-controls-audioOnly .vjs-control-bar .vjs-time-divider {
  display: none;
}
.slide-container .usf-full-page-slideshow .video-js.video-controls-audioOnly .vjs-control-bar > .vjs-control.vjs-volume-panel,
.slide-container .usf-full-page-slideshow .video-js.video-controls-audioOnly .vjs-control-bar .vjs-time-divider.vjs-volume-panel {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.slide-container .usf-full-page-slideshow .vimeo-slide {
  height: 100%;
  padding-top: 56.25%;
  width: 100%;
  max-width: 100%;
  position: relative;
  overflow: hidden;
}
.fp-enabled .slide-container .usf-full-page-slideshow .vimeo-slide {
  height: 100vh;
}
.slide-container .usf-full-page-slideshow .vimeo-slide .vimeo-tech {
  left: 50%;
  min-width: 100%;
  min-height: 100%;
  height: auto;
  transform: translateX(-50%);
  width: 100%;
  position: absolute;
  top: 0;
  display: inline-block;
}
.slide-container .usf-full-page-slideshow .vimeo-slide.video-stretch .vimeo-tech {
  width: auto;
}
.slide-container .usf-full-page-slideshow .overlay__content {
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
}
.slide-container .usf-full-page-slideshow .section-border-bottom:after {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 0em;
}
@media all and (max-width: 1279px) {
  .slide-container .usf-full-page-slideshow .slide__nested-content .slide__nested-image {
    -moz-flex: 0 1 24%;
    -ms-flex: 0 1 24%;
    -webkit-flex: 0 1 24%;
    flex: 0 1 24%;
    margin: 0 30px;
  }
}
@media all and (max-width: 1024px) {
  .slide-container .usf-full-page-slideshow .slide__next-label {
    cursor: default;
    padding: 10px 10px 20px;
  }
  .slide-container .usf-full-page-slideshow .slide__next-label h4 {
    font-size: 1rem;
    text-align: center;
  }
  .slide-container .usf-full-page-slideshow .video-js {
    min-height: 82vh;
  }
  .slide-container .usf-full-page-slideshow .vimeo-slide {
    min-height: 82vh;
  }
  .slide-container .usf-full-page-slideshow .vimeo-slide .vimeo-tech {
    height: 19vh;
  }
  .slide-container .usf-full-page-slideshow .vimeo-slide.video-stretch .vimeo-slide {
    width: 100%;
  }
  .slide-container .usf-full-page-slideshow .overlay__content {
    top: 40%;
  }
  .slide-container .usf-full-page-slideshow .video-js .vjs-control {
    width: 3em;
  }
  .slide-container .usf-full-page-slideshow .video-js .vjs-time-control {
    padding-right: 0;
  }
  .slide-container .usf-full-page-slideshow .video-js .vjs-time-control.vjs-current-time {
    margin-left: 0 !important;
  }
  .slide-container .usf-full-page-slideshow .vjs-control-bar {
    -webkit-transform: none !important;
    -ms-transform: none !important;
    transform: none !important;
  }
  .slide-container .usf-full-page-slideshow .vjs-volume-panel {
    display: inline-block !important;
  }
  .slide-container .usf-full-page-slideshow .vjs-volume-panel > .vjs-control {
    display: inline-block !important;
    padding-bottom: 0;
  }
}
@media (max-width: 767px) {
  .slide-container .usf-full-page-slideshow .slide h1 {
    font-size: 1.93333333rem;
    line-height: 1.65517241em;
    margin-top: 0.82758621em;
    margin-bottom: 0.82758621em;
  }
  .slide-container .usf-full-page-slideshow .slide h2 {
    font-size: 1.4rem;
    line-height: 1.14285714em;
    margin-top: 1.14285714em;
    margin-bottom: 0em;
  }
  .slide-container .usf-full-page-slideshow .slide h3 {
    font-size: 1.26666667rem;
    line-height: 1.26315789em;
    margin-top: 1.26315789em;
    margin-bottom: 0em;
  }
  .slide-container .usf-full-page-slideshow .slide .vimeo-slide ~ .overlay__content .slide__content-container {
    padding-top: 1em;
    min-height: 38vh;
  }
  .slide-container .usf-full-page-slideshow .section-border-bottom:after {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 0em;
  }
  .slide-container .usf-full-page-slideshow .slide__nested-content {
    display: block;
  }
  .slide-container .usf-full-page-slideshow .slide__nested-content .slide__content {
    margin: 30px auto;
    width: 220px;
  }
  .slide-container .usf-full-page-slideshow .slide__nested-content .slide__content img {
    margin: 0 auto;
    width: 80%;
  }
}
/* Pagination for fullPage slideshow
   ========================================================================== */
#fp-nav ul li a span {
  width: 10px;
  height: 10px;
  margin: -5px 0 0 -5px;
}
#fp-nav ul li a.active span {
  background-color: #ffffff;
  height: 13px;
  width: 13px;
  margin: -5px 0 0 -7px;
}
#fp-nav ul li a.active span:after {
  border: 2px solid #f3ba16;
  border-width: 0 0 2px 2px;
  font-size: 0;
  height: 10px;
  line-height: 0;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  width: 10px;
  content: '';
  display: block;
  width: 3px;
  height: 3px;
  left: 4px;
  top: 3px;
}

@media screen and (max-width: 767px) {
  .add-to-order-bar__container .modal-container .modal__product_headline {
    background-color: #f2f2f2;
    margin: 0;
    text-align: center;
    text-transform: none;
    font-size: 1rem;
    font-weight: 400;
    padding: 13px 0;
  }
}
.add-to-order-bar__container > .add_to_order_bar .button-primary {
  background-color: #56821f;
  color: #ffffff;
  text-transform: uppercase;
}
.add-to-order-bar__container > .add_to_order_bar .button-primary:hover {
  background-color: #7aa33d;
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .add-to-order-bar__container > .add_to_order_bar .button-primary.mobile_unauth {
    padding: 20px 50px;
  }
}
.add-to-order-bar__container > .add_to_order_bar .button-secondary {
  color: #56821f;
  text-transform: uppercase;
}
.add-to-order-bar__container > .add_to_order_bar .button-secondary:hover {
  color: #ffffff;
}
.add-to-order-bar__container .product_total_line {
  background-color: #f2f2f2;
}
.add-to-order-bar__container .total_price {
  color: #cf4520;
}
.add-to-order-bar__container .product_deliver_date {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.add-to-order-bar__container .product_deliver_date span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.add-to-order-bar__container .product_quantity {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
.add-to-order-bar__container .add_to_order_bar__unavailable {
  color: #cf4520;
}

/* ==========================================================================
     Product Detail component generic styles
   ========================================================================== */
.content-frame.print-only {
  display: none;
}
.product-detail {
  /* Mobile Modifications
       ========================================================================== */
}
.product-detail h2 {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 1.29310345em;
  margin-bottom: 0.43103448em;
}
.product-detail .product-detail__description {
  transition: all 0.3s ease 0s;
}
.product-detail .product-detail__showmore {
  color: #cf4520;
  text-decoration: none;
  text-transform: uppercase;
}
@media (max-width: 767px) {
  .product-detail h2 {
    font-size: 1.2rem;
    line-height: 1.33333333em;
    margin-top: 2em;
    margin-bottom: 0.66666667em;
  }
}

/* ==========================================================================
     Product Features component DCE styles
   ========================================================================== */
.product-features {
  margin-top: 1.33333333rem;
}
.product-features h4 {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 1.97368421em;
  margin-bottom: 0.65789474em;
}

/* ==========================================================================
     Product Ideas component DCE styles
   ========================================================================== */
.product-ideas h4 {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 1.97368421em;
  margin-bottom: 0.65789474em;
}
@media screen and (min-width: 768px) {
  .product-ideas {
    display: inline-block;
  }
}

/* ==========================================================================
     Product Menu Types component DCE styles
   ========================================================================== */
.product-menu-types {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 0em;
  margin-top: 1.33333333rem;
  /* Mobile Modifications
       ========================================================================== */
}
.product-menu-types .product-menu-types__label {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.product-menu-types .product-menu-types__list {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (max-width: 767px) {
  .product-menu-types {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 0em;
  }
}

/* ==========================================================================
     Product Preperation component DCE styles
   ========================================================================== */
.product-prep h4 {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 1.97368421em;
  margin-bottom: 0.65789474em;
}
@media screen and (min-width: 768px) {
  .user-safari .product-prep {
    display: inline-block;
  }
}

/* ==========================================================================
     Product Specs component DCE styles
   ========================================================================== */
.product-specs {
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.product-specs .product-specs-item {
  border-top: 5px solid #f2f2f2;
  margin-right: 1.6666667rem;
  padding: 0.66666667rem 0;
}
.product-specs .product-specs-item__label {
  font-size: 0.86666667em;
  line-height: 1.53846154em;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
}
.product-specs .product-specs-item__value {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 0em;
  margin-bottom: 0em;
  color: #1f1f1f;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
}
@media (min-width: 768px) {
  .product-specs {
    margin-top: 7.33333333rem;
  }
}
@media (max-width: 767px) {
  .product-specs {
    margin-top: 2rem;
  }
}

/* ==========================================================================
    Product Toolkit component DCE styles
   ========================================================================== */
.product-toolkit {
  /* Mobile Modifications
       ========================================================================== */
}
.product-toolkit h2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: center;
}
.product-toolkit h2:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.product-toolkit h2:after {
  margin-left: auto;
  margin-right: auto;
}
.product-toolkit h2:after {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 0.83333334em;
  margin-bottom: 2.5em;
}
@media (max-width: 767px) {
  .product-toolkit h2:after {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 1.6em;
  }
}

/* ==========================================================================
     Promotion Category component generic styles
   ========================================================================== */
.promotion-category {
  margin-bottom: 2rem;
  /* Tablet and Up Modifications
       ========================================================================== */
  /* Mobile Modifications
       ========================================================================== */
}
.promotion-category__container {
  margin-top: 1.33333333rem;
}
.promotion-category__image img {
  padding-right: 1.33333333rem;
}
.promotion-category__promos img {
  padding-left: 1.33333333rem;
}
.promotion-category__link {
  border: none;
}
.promotion-category__link:hover {
  background: none;
  color: #56821f;
}
.promotion-category__link:hover a,
.promotion-category__link:hover a:hover {
  color: #56821f;
}
.promotion-category__link a::after {
  color: #56821f;
}
@media all and (min-width: 767px) {
  .promotion-category h2 {
    padding-right: 100px;
  }
}
@media all and (max-width: 767px) {
  .promotion-category {
    padding: 0 0.66666667rem;
  }
  .promotion-category h2 {
    margin-bottom: 2rem;
  }
  .promotion-category__image {
    margin-bottom: 2rem;
  }
  .promotion-category__image img {
    padding: 0;
  }
  .promotion-category__description {
    margin-bottom: 2rem;
  }
  .promotion-category__promos {
    margin-bottom: 1.33333333rem;
  }
  .promotion-category__promos > div {
    margin-right: 2rem;
  }
  .promotion-category__link {
    border: 2px solid #56821f;
  }
  .promotion-category__link:hover {
    background: #56821f;
    border-color: #56821f;
    color: #ffffff;
  }
  .promotion-category__link:hover a,
  .promotion-category__link:hover a:hover {
    color: #ffffff;
  }
  .promotion-category__link a {
    color: #56821f;
  }
  .promotion-category__link a::after {
    display: none;
  }
}

/* ==========================================================================
     Recipe Ingredients component DCE styles
   ========================================================================== */
.recipe-ingredients {
  /* Mobile Modifications
       ========================================================================== */
}
.recipe-ingredients .recipe-ingredients__label {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 0.86206897em;
  margin-bottom: 0em;
}
.recipe-ingredients > ul {
  margin-left: 4%;
}
.recipe-ingredients .recipe-ingredients__ingredient .amount-measurement,
.recipe-ingredients .recipe-ingredients__ingredient .ingredient {
  font-size: 1.26666667rem;
  line-height: 1.31578947em;
  margin-top: 0em;
  margin-bottom: 0em;
  padding: 0.33333333rem 1.33333333rem 0.33333333rem 0;
}
@media (max-width: 767px) {
  .recipe-ingredients .recipe-ingredients__label {
    font-size: 1.6rem;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 0em;
  }
  .recipe-ingredients .recipe-ingredients__ingredient .amount-measurement,
  .recipe-ingredients .recipe-ingredients__ingredient .ingredient {
    font-size: 1.06666667rem;
    line-height: 1.5em;
    margin-top: 0em;
    margin-bottom: 0em;
  }
}

/* ==========================================================================
     Recommended Category (Service) component DCE styles
   ========================================================================== */
.service-recommended-categories {
  clear: both;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  margin-top: 0.66666667rem;
}
.service-recommended-categories .tags-display {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
  vertical-align: text-top;
}

/* ==========================================================================
     Related Content component DCE styles
   ========================================================================== */
.related-content {
  /* Mobile Modifications
       ========================================================================== */
}
.related-content h2 {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-direction: column;
  -moz-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
}
.related-content h2:after {
  background: #cf4520;
  content: "";
  display: block;
  height: 4px;
  width: 50px;
}
.related-content h2:after {
  margin-left: auto;
  margin-right: auto;
}
.related-content h2:after {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 0.83333334em;
  margin-bottom: 2.5em;
}
@media (max-width: 767px) {
  .related-content h2:after {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 1.6em;
  }
}

/*======================================
Review Item List Component DCE Styling
========================================*/
.reviews-item-list__item .button-primary {
  background-color: #56821f;
  border-color: #56821f;
  color: #ffffff;
}
.reviews-item-list__item .button-primary:hover {
  background-color: #7aa33d;
  border-color: #7aa33d;
  color: #ffffff;
}
.reviews-item-list__title-container h3 {
  text-transform: none;
}
.reviews-item-list__title-container p {
  text-transform: uppercase;
}

/* ==========================================================================
     Search Navigation component DCE styles
   ========================================================================== */
.search-navigation .search-navigation-container {
  background-color: rgba(255, 255, 255, 0.9);
  bottom: 0;
  left: 0;
  position: fixed;
  right: 0;
  top: 0;
  z-index: 3000;
}
.search-navigation .search-navigation__content {
  margin: 0 auto;
  position: relative;
  top: 25%;
  width: 50%;
}
.search-navigation .search-navigation__close-button {
  color: #2f2f2f;
  cursor: pointer;
  font-size: 1.5em;
  height: 20px;
  position: absolute;
  right: -70px;
  top: -40px;
  width: 20px;
}
.search-navigation .search-navigation__search-form {
  border-bottom: 2px solid #b2b2b2;
  margin-bottom: 20px;
  padding-bottom: 10px;
}
.search-navigation .search-navigation__search-form .button-search {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  min-width: auto;
  padding: 7px 35px;
  text-transform: uppercase;
}
.search-navigation .search-navigation__search-form form {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: flex-end;
  -moz-box-align: flex-end;
  -ms-flex-align: flex-end;
  -webkit-align-items: flex-end;
  align-items: flex-end;
}
.search-navigation .search-navigation__search-form form .icon-search {
  line-height: 1.7em;
}
.search-navigation .search-navigation__search-form form input {
  background: transparent;
  border: none;
  caret-color: #2f2f2f;
  color: #4f4f4f;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 1.3em;
  margin: 0 8px;
  width: 90%;
}
.search-navigation .search-navigation__search-form form input:focus {
  outline: none;
}
.search-navigation .search-navigation__search-form .search-navigation__form-input {
  -moz-flex: 1 1 auto;
  -ms-flex: 1 1 auto;
  -webkit-flex: 1 1 auto;
  flex: 1 1 auto;
}
.search-navigation .search-navigation__quick-links a {
  font-family: 'Open Sans', sans-serif;
  font-weight: 600;
  font-style: italic;
  font-size: 0.975em;
  font-style: normal;
  line-height: 1.2em;
  margin-left: 5px;
}
.search-navigation .search-navigation__quick-link--label {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase;
}
@media all and (max-width: 1024px) {
  .search-navigation .search-navigation__container {
    background-color: #ffffff;
  }
  .search-navigation .search-navigation__close-button {
    top: 0;
    right: 0;
  }
  .search-navigation .search-navigation__content {
    padding: 100px 0;
    top: 75px;
    width: 90%;
  }
  .search-navigation .search-navigation__search-form {
    border-bottom: none;
  }
  .search-navigation .search-navigation__search-form .button-search {
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
    margin-top: 10px;
  }
  .search-navigation .search-navigation__search-form form {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .search-navigation .search-navigation__search-form form input {
    line-height: 2.2em;
    width: 80%;
  }
  .search-navigation .search-navigation__search-form .search-navigation__form-input {
    border-bottom: 2px solid #b2b2b2;
    margin-bottom: 10px;
  }
}

/* ==========================================================================
     Search Results component DCE styles
   ========================================================================== */
.search-results .search-results__result-bar {
  background: #4f4f4f;
  border-top: 10px solid #1f1f1f;
  color: #ffffff;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.1em;
  line-height: 1.5em;
  padding: 1.33333333rem 2rem;
}
.search-results .search-results__result-excerpt {
  margin-top: 10px;
}
.search-results .search-results__categories {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  overflow-x: auto;
}
.search-results .search-results__categories h5 {
  margin-top: 0;
  padding: 0;
}
.search-results .search-results__categories h5 > * {
  display: inline-block;
  min-width: 120px;
  padding: 10px 15px;
  text-align: center;
  text-decoration: none;
}
.search-results .search-results__categories h5:not(:last-child) > * {
  border-right: 1px solid #b2b2b2;
}
.search-results .search-results__categories h5.search-results__categories-selected {
  border-bottom: 3px solid #c08b0b;
}
.search-results .search-results__result {
  border-top: 1px solid #d7d7d7;
  margin: 20px 0;
  padding: 20px 0 0;
}
.search-results .search-results__result:first-child {
  border-top: none;
}
.search-results .search-results__result:nth-child(2) {
  margin-top: 0;
}
.search-results .search-results__result-more {
  display: block;
  margin-top: 15px;
}
.search-results .search-results__result-title {
  text-decoration: none;
}
.search-results .search-results__result-title h3 {
  margin-top: 0;
}
.search-results .search-results__result-type {
  color: #4f4f4f;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.8em;
  line-height: 2.5em;
  text-transform: uppercase;
}
.search-results .search-results__no-results {
  text-align: center;
}

/* ==========================================================================
     Secondary Navigation component DCE styles
   ========================================================================== */
.content-navigation-container .second-nav {
  background-color: #4f4f4f;
  border-top: 10px solid #2f2f2f;
}
.content-navigation-container .second-nav ul {
  margin: 0;
  padding: 0 40px;
}
.content-navigation-container .second-nav ul li {
  display: inline-block;
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  cursor: pointer;
  list-style: none;
  padding: 20px;
  color: #ffffff;
  position: relative;
  margin: 0;
}
.content-navigation-container .second-nav ul li.active:after {
  width: 0;
  height: 0;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 10px solid #ffffff;
  -webkit-transform: translate(0, -15px) rotate(180deg);
  -ms-transform: translate(0, -15px) rotate(180deg);
  transform: translate(0, -15px) rotate(180deg);
  content: " ";
  position: absolute;
  bottom: -15px;
  left: 40.5%;
}
.content-navigation-container .second-nav a {
  color: #ffffff;
  text-decoration: none;
}
.content-navigation-container .second-nav-mobile {
  display: none;
  background-color: #4f4f4f;
  border-top: 10px solid #2f2f2f;
  text-align: center;
}
.content-navigation-container .second-nav-mobile .form-field__select:after {
  right: 2em;
  top: 35px;
}
.content-navigation-container .second-nav-mobile select {
  color: #ffffff;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #1f1f1f;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
  border-radius: initial;
  text-transform: uppercase;
  margin: 15px 0;
  width: 95%;
  border: none;
  padding: 13px 20px;
}
.content-navigation-container .second-nav-mobile a {
  color: #ffffff;
  text-decoration: none;
}
@media screen and (max-width: 767px) {
  .content-navigation-container .second-nav {
    display: none;
  }
  .content-navigation-container .second-nav-mobile {
    display: block;
  }
}

/* ==========================================================================
     Service Benefits component DCE styles
   ========================================================================== */
.service-benefits {
  -moz-align-content: center;
  -ms-align-content: center;
  -webkit-align-content: center;
  align-content: center;
  border-width: 5px 0 5px 0;
  border-style: solid;
  border-color: #f2f2f2;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: space-evenly;
  -moz-box-pack: space-evenly;
  -ms-flex-pack: space-evenly;
  -webkit-justify-content: space-evenly;
  justify-content: space-evenly;
  margin: 15px 0;
  padding: 0 2rem 1.5rem 2rem;
}
.service-benefits .service-benefits__block {
  text-align: center;
  width: 33%;
}
.service-benefits .service-benefits__block h2 {
  margin-top: 0;
  text-transform: none;
}
.service-benefits .service-benefits__block .service-benefits__image {
  height: 65px;
  margin: 17px auto;
}
.service-benefits .service-benefits__block .service-benefits__image img {
  height: auto;
  max-height: 100%;
  width: auto;
}
@media all and (max-width: 767px) {
  .service-benefits {
    display: block;
  }
  .service-benefits .service-benefits__block {
    margin: 15px 0;
    width: 100%;
  }
}

/* -----------------------------------
	Share This Component DCE Styles
   ----------------------------------- */
.share-this {
  margin: 20px 0;
}
.share-this .share-this-heading {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  display: inline-block;
  text-transform: uppercase;
  vertical-align: middle;
}
.share-this .st-inline-share-buttons,
.share-this .st-mimic {
  display: inline-block !important;
  vertical-align: middle;
}
.share-this .st-inline-share-buttons .st-btn,
.share-this .st-mimic .st-btn {
  background-color: #4f4f4f !important;
  height: 30px;
  line-height: 30px;
  padding: 0 5px;
  margin-right: 10px;
}
.share-this .st-inline-share-buttons .st-btn[data-network],
.share-this .st-mimic .st-btn[data-network] {
  display: inline-block !important;
}
.share-this .st-inline-share-buttons .st-btn > svg,
.share-this .st-mimic .st-btn > svg {
  top: 4px;
}
.share-this .st-inline-share-buttons .st-btn:first-child,
.share-this .st-mimic .st-btn:first-child {
  margin-left: 5px;
}
.share-this .st-mimic .favorites-button .st-btn {
  margin-left: 0;
}
.share-this .st-mimic .print-button,
.share-this .st-mimic .favorites-button {
  margin: 0;
}
.share-this .st-mimic .print-button .st-btn,
.share-this .st-mimic .favorites-button .st-btn {
  border: none;
  width: 40px;
}
.share-this .st-mimic .st-btn {
  cursor: pointer;
  transition: all 0.2s ease-in;
  height: 40px;
  width: 40px;
  color: #ffffff;
  margin-right: 0;
  line-height: 40px;
  padding: 0 10px;
  position: relative;
}
.share-this .st-mimic .st-btn:hover {
  top: -4px;
  opacity: 0.8;
}
.share-this .st-mimic .st-btn > svg {
  height: 20px;
  width: 20px;
  top: 10px;
  position: relative;
  vertical-align: top;
}
.share-this .st-mimic .st-btn.share-favorited {
  background-color: #cf4520 !important;
}

/* ==========================================================================
     Social Outreach components DCE styles
   ========================================================================== */
.social-outreach {
  background-color: #1f1f1f;
}
/* Shared styles between the Newsletter and Promo components */
.social-outreach-newsletter,
.social-outreach-promo {
  background-color: #1f1f1f;
  padding: 2rem;
  padding-top: 1.33333333rem;
}
.social-outreach-newsletter h2,
.social-outreach-promo h2 {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 0.86206897em;
  margin-bottom: 0.86206897em;
  padding-bottom: 0;
}
.social-outreach-newsletter .button-secondary,
.social-outreach-promo .button-secondary {
  text-transform: uppercase;
  background: transparent;
}
.social-outreach-newsletter .button-secondary:hover,
.social-outreach-promo .button-secondary:hover {
  color: #ffffff;
}
/* Promo only social media icon buttons */
.social-outreach-promo .button-secondary {
  margin: 4px;
  min-height: 50px;
  min-width: 50px;
  padding: 9px 0 0 0;
}
.social-outreach-promo .button-secondary i.fa {
  font-size: 22px;
}
/* Tablet and Up Modifications
   =================================================================== */
@media all and (min-width: 768px) {
  .social-outreach .social-outreach-newsletter,
  .social-outreach .social-outreach-promo {
    margin-bottom: 2rem;
    margin-top: 2.66666667rem;
    padding-bottom: 0;
    padding-top: 0;
  }
  .social-outreach .social-outreach-newsletter h2,
  .social-outreach .social-outreach-promo h2 {
    font-size: 1.93333333rem;
    line-height: 1.72413793em;
    margin-top: 0em;
    margin-bottom: 0.86206897em;
    padding: 0 1.33333333rem;
  }
  .social-outreach .social-outreach-newsletter {
    border-right: 1px solid #d7d7d7;
  }
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  .social-outreach-newsletter h2,
  .social-outreach-promo h2 {
    font-size: 1.6rem;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
  }
  .social-outreach .social-outreach-newsletter,
  .social-outreach .social-outreach-promo {
    margin: 1.33333333rem;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 1.33333333rem;
  }
  .social-outreach .social-outreach-newsletter {
    border-bottom: 1px solid #d7d7d7;
  }
}

/* ==========================================================================
     Tout Container components DCE styles
   ========================================================================== */
.tout-container {
  background-color: #f2f2f2;
  margin: 20px 0;
  /* Shared styles between the Tout Item and Promo components */
  /* Promo only social media icon buttons inside tout-container */
}
.tout-container > div {
  background-color: #f2f2f2;
  padding: 2rem;
  padding-top: 1.33333333rem;
  position: relative;
}
.tout-container > div h2 {
  font-size: 1.93333333rem;
  line-height: 1.72413793em;
  margin-top: 0.86206897em;
  margin-bottom: 0.86206897em;
  margin: 0;
  color: #1f1f1f;
}
.tout-container > div h2:after {
  content: "";
  display: block;
  height: 4px;
  width: 50px;
  margin: 10px auto 15px;
  position: relative;
  background-color: #1f1f1f;
}
.tout-container > div p {
  color: #1f1f1f;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  font-style: normal;
}
.tout-container > div .button-secondary {
  text-transform: uppercase;
  background-color: transparent;
}
.tout-container > div .button-secondary:hover {
  background-color: #e4673b;
}
.tout-container > div .has-bg-dark .button-secondary {
  border: none;
  background-color: #cf4520;
}
.tout-container > div .has-bg-dark .button-secondary:hover {
  background-color: #e4673b !important;
}
.tout-container > div.tout:after {
  content: '';
  height: 90%;
  width: 1px;
  position: absolute;
  right: -1px;
  top: 50%;
  background: #b2b2b2;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tout-container > div.tout:after {
    display: none;
  }
}
.tout-container > div.tout:before {
  display: none;
  content: '';
  height: 1px;
  width: 40%;
  position: absolute;
  top: 15px;
  background: #b2b2b2;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (max-width: 767px) {
  .tout-container > div.tout:before {
    display: block;
  }
}
.tout-container .social-outreach-promo .button-secondary {
  margin: 4px;
  min-height: 50px;
  min-width: 50px;
  padding: 13px 0 0 0;
}
.tout-container .social-outreach-promo .button-secondary i.fa {
  font-size: 22px;
}
.tout-container .social-outreach-promo .support:before {
  display: none;
}
/* Tablet and Up Modifications
   =================================================================== */
@media all and (min-width: 768px) {
  .tout-container {
    margin: 40px 0;
  }
  .tout-container > div {
    margin-bottom: 2rem;
    margin-top: 2.66666667rem;
    padding-bottom: 0;
    padding-top: 0;
  }
  .tout-container > div h2 {
    font-size: 1.93333333rem;
    line-height: 1.72413793em;
    margin-top: 0em;
    margin-bottom: 0.86206897em;
    margin: 0;
    padding: 1.33333333rem;
    padding-top: 0;
    padding-bottom: 0;
  }
}
/* Mobile Modifications
   ========================================================================== */
@media (max-width: 767px) {
  .tout-item-container h2,
  .social-outreach-promo h2 {
    font-size: 1.6rem;
    line-height: 1em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin: 0;
  }
  .tout-container .tout-item-container,
  .tout-container .social-outreach-promo {
    margin: 1.33333333rem;
    margin-bottom: 0;
    padding: 0;
    padding-bottom: 1.33333333rem;
  }
}

/* ==========================================================================
     USF Text component DCE styles
   ========================================================================== */
.usf-text {
  /* Two Wide RTE Plugin styles */
  /* Mobile Modifications
       ========================================================================== */
}
.usf-text span.image-caption {
  color: #b2b2b2;
  font-family: 'Open Sans', sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 0.86666667em;
  font-style: italic;
  font-weight: normal;
}
.usf-text span.section-border-bottom:after {
  font-size: 1rem;
  line-height: 1.66666667em;
  margin-top: 1.66666667em;
  margin-bottom: 0em;
}
.usf-text .rte-two-wide__column {
  padding-right: 0.66666667rem;
}
.usf-text .rte-two-wide__column + .rte-two-wide__column {
  padding-left: 0.66666667rem;
  padding-right: 0;
}
.usf-text .rte-two-wide__column img {
  max-width: 100%;
}
@media (max-width: 767px) {
  .usf-text {
    /* Two Wide RTE Plugin styles */
  }
  .usf-text span.section-border-bottom:after {
    font-size: 1rem;
    line-height: 1.6em;
    margin-top: 1.6em;
    margin-bottom: 0em;
  }
  .usf-text .rte-two-wide__column {
    padding: 0;
  }
  .usf-text .rte-two-wide__column ul {
    /* To handle a very specific mobile case where a list is placed in both columns and needs to stack vertically with proper spacing */
    margin-bottom: 0;
  }
  .usf-text .rte-two-wide__column + .rte-two-wide__column {
    padding: 0;
  }
}

/* ==========================================================================
     Video component generic styles
   ========================================================================== */
.video-container__cover {
  text-decoration: none;
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 1.06666667em;
  text-transform: uppercase;
}
.video-container__cover:after {
  color: #ffffff;
  content: "\e908";
  font-family: 'dce-icons' !important;
  font-size: 70px;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  display: block;
  left: 0;
  right: 0;
  text-align: center;
  cursor: pointer;
}
.video-container__cover.text_link:after {
  display: none;
}
.video-container__cover > i {
  color: #cf4520;
}
.video-container__cover.play_dark:after {
  color: #1f1f1f;
}
.usf-full-page-slideshow .video-js + .video-container__cover {
  display: none;
}
/* =======================================
   Reskin for video player
   ======================================= */
.bc-player-default_default .vjs-volume-level,
.bc-player-default_default .vjs-play-progress {
  background-color: #cf4520;
}
.bc-player-default_default .vjs-big-play-button {
  display: none;
}

/* ==========================================================================
     Your Location component generic styles
   ========================================================================== */
.your-location .your-location__container {
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  -webkit-box-pack: space-between;
  -moz-box-pack: space-between;
  -ms-flex-pack: space-between;
  -webkit-justify-content: space-between;
  justify-content: space-between;
}
.your-location .your-location__address,
.your-location .your-location__map.google-map {
  -moz-flex: 0 1 48.5%;
  -ms-flex: 0 1 48.5%;
  -webkit-flex: 0 1 48.5%;
  flex: 0 1 48.5%;
}
.your-location .your-location__address > div {
  font-family: 'Oswald', sans-serif;
  font-weight: 400;
  font-style: normal;
  line-height: 1.2em;
}
.your-location .your-location__address h2 {
  margin-top: 0;
}
.your-location .your-location__address .link-primary {
  display: block;
  margin-top: 15px;
}
.your-location .your-location__map.google-map {
  height: 320px;
}
@media all and (max-width: 767px) {
  .your-location .your-location__address,
  .your-location .your-location__map.google-map {
    -moz-flex: 1 0 100%;
    -ms-flex: 1 0 100%;
    -webkit-flex: 1 0 100%;
    flex: 1 0 100%;
  }
  .your-location .your-location__address {
    order: 1;
  }
  .your-location .your-location__address h2 {
    margin-bottom: 20px;
  }
  .your-location .your-location__map.google-map {
    height: 400px;
    order: 2;
  }
}

/* ==========================================================================
     Menu Request Dashboard Styles
   ========================================================================== */
.menu-request-dashboard__headings {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  margin: 35px 0;
}
.menu-request-dashboard__headings > h2 {
  font-size: 34px;
  font-weight: 500;
  margin: 0;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__headings > h2 {
    text-align: center;
  }
}
.menu-request-dashboard__headings--ctas > button {
  text-transform: uppercase;
}
.menu-request-dashboard__headings--ctas > button:last-child {
  margin-left: 15px;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__headings--ctas > button:last-child {
    margin-left: 0;
    margin-top: 15px;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__headings--ctas > button {
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__headings--ctas {
    align-items: center;
    display: flex;
    flex-direction: column;
    margin-top: 30px;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__headings {
    flex-direction: column;
  }
}
.menu-request-dashboard__table--headings {
  align-items: center;
  background-color: #f2f2f2;
  border-bottom: 1px solid #d7d7d7;
  border-top: 1px solid #d7d7d7;
  display: flex;
  flex-direction: row;
}
.menu-request-dashboard__table--headings_col {
  align-items: center;
  display: flex;
  flex-direction: row;
  justify-content: center;
}
.menu-request-dashboard__table--headings_col > div {
  align-items: center;
  display: flex;
  justify-content: center;
}
.menu-request-dashboard__table--headings_col > div > h4 {
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 26px;
  margin: 10px 0;
  width: auto;
}
.menu-request-dashboard__table--headings_col.col-1 {
  margin-right: 25px;
  width: 15%;
}
.menu-request-dashboard__table--headings_col.col-1 > div {
  width: 100%;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--headings_col.col-1 {
    margin-right: 0;
    width: 20%;
  }
}
.menu-request-dashboard__table--headings_col.col-2 {
  width: 80%;
}
.menu-request-dashboard__table--headings_col.col-2 > div {
  display: flex;
  justify-content: center;
  width: 25%;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--headings_col.col-2 > div {
    width: 100%;
  }
}
.menu-request-dashboard__table--headings_col.col-2 > div:first-child {
  justify-content: start;
  width: 50%;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--headings_col.col-2 > div:first-child {
    justify-content: center;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--headings_col {
    flex-direction: column;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--headings {
    display: none;
  }
}
.menu-request-dashboard__table--content {
  display: flex;
  flex-direction: column;
}
.menu-request-dashboard__table--content.empty {
  align-items: center;
  border-bottom: 1px solid #d7d7d7;
  justify-content: center;
  min-height: 150px;
}
.menu-request-dashboard__table--content-error {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 4em 0;
}
.menu-request-dashboard__table--content-error > h4 {
  color: #cf4520;
  font-size: 26px;
  line-height: 39px;
  margin: 0;
}
.menu-request-dashboard__table--content-error > div {
  color: #2f2f2f;
  font-size: 16px;
  margin-bottom: 3em;
  margin-top: 1em;
}
.menu-request-dashboard__table--content-error > button.button-secondary.error {
  border-color: #cf4520;
  font-size: 16px;
}
.menu-request-dashboard__table--content-error > button.button-secondary.error:hover {
  background-color: #cf4520;
}
.menu-request-dashboard__table--content_rows {
  display: flex;
}
.menu-request-dashboard__table--content_rows-row {
  border-bottom: 1px solid #d7d7d7;
  display: flex;
  font-size: 16px;
  padding: 30px 0;
  width: 100%;
}
.menu-request-dashboard__table--content_rows-row_col {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col {
    align-items: baseline;
    justify-content: flex-start;
  }
}
.menu-request-dashboard__table--content_rows-row_col.col-1 {
  margin-right: 25px;
  width: 15%;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col.col-1 {
    align-items: baseline;
    justify-content: flex-start;
    margin-right: 0;
    width: 30%;
  }
}
.menu-request-dashboard__table--content_rows-row_col.col-2 {
  width: 80%;
}
.menu-request-dashboard__table--content_rows-row_col.col-2 > div {
  width: 25%;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col.col-2 > div {
    margin-top: 15px;
    text-align: left;
    width: 100%;
  }
}
.menu-request-dashboard__table--content_rows-row_col.col-2 > div:first-child {
  width: 50%;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col.col-2 > div:first-child {
    margin-top: 0;
    width: 100%;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col.col-2 {
    flex-direction: column;
    width: 70%;
  }
}
.menu-request-dashboard__table--content_rows-row_col-status {
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  text-transform: uppercase;
}
.menu-request-dashboard__table--content_rows-row_col-status.draft {
  color: #cf4520;
}
.menu-request-dashboard__table--content_rows-row_col-status.shipped,
.menu-request-dashboard__table--content_rows-row_col-status.completed {
  color: #56821f;
}
.menu-request-dashboard__table--content_rows-row_col-status.in-progress {
  color: #c08b0b;
}
.menu-request-dashboard__table--content_rows-row_col-name--main {
  color: #2f2f2f;
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
}
.menu-request-dashboard__table--content_rows-row_col-name--type {
  color: #b2b2b2;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 15px;
  text-transform: capitalize;
}
.menu-request-dashboard__table--content_rows-row_col-name--shipping {
  color: #56821f;
  font-family: 'Open Sans', sans-serif;
  font-size: 13px;
  line-height: 15px;
}
.menu-request-dashboard__table--content_rows-row_col-name--shipping > a {
  color: #56821f;
}
.menu-request-dashboard__table--content_rows-row_col-date {
  align-items: center;
  color: #2f2f2f;
  display: flex;
  font-family: 'Oswald', sans-serif;
  justify-content: center;
}
.menu-request-dashboard__table--content_rows-row_col-date span:first-child {
  display: none;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col-date span:first-child {
    display: block;
    padding-right: 5px;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col-date {
    align-items: baseline;
    justify-content: flex-start;
  }
}
.menu-request-dashboard__table--content_rows-row_col-actions {
  align-items: center;
  display: flex;
  justify-content: center;
}
.menu-request-dashboard__table--content_rows-row_col-actions > div {
  padding-right: 20px;
}
.menu-request-dashboard__table--content_rows-row_col-actions > div > svg {
  color: #f2f2f2;
}
.menu-request-dashboard__table--content_rows-row_col-actions > div > a {
  color: #56821f;
}
.menu-request-dashboard__table--content_rows-row_col-actions > div:last-child {
  padding: 0;
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row_col-actions {
    align-items: baseline;
    justify-content: flex-start;
  }
}
@media all and (max-width: 767px) {
  .menu-request-dashboard__table--content_rows-row:first-child {
    border-top: 1px solid #d7d7d7;
  }
}
.menu-request-dashboard .action-tooltip {
  align-items: center;
  cursor: pointer;
  display: flex;
  justify-content: center;
  position: relative;
}
.menu-request-dashboard .action-tooltip--text {
  background-color: #f2f2f2;
  border: 1px solid #b2b2b2;
  color: #1f1f1f;
  font-size: 14px;
  height: auto;
  line-height: 16px;
  padding: 5px 15px;
  position: absolute;
  text-transform: uppercase;
  top: -30px;
  visibility: hidden;
  width: auto;
  z-index: 1;
}
.menu-request-dashboard .action-tooltip:hover > .action-tooltip--text {
  visibility: visible;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body {
  padding: 2rem 3rem;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body__slot--title {
  font-family: 'Oswald', sans-serif;
  font-size: 36px;
  margin: 0;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body__slot--content {
  display: flex;
  flex-direction: column;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body__slot--content_info {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  margin-top: 1em;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body__slot--content_cta {
  display: flex;
  justify-content: flex-end;
  margin: 4rem 0 0 3rem;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body__slot--content_cta > button {
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  min-width: 150px;
  text-transform: uppercase;
}
.menu-request-dashboard .usf-modal__container .usf-modal__body__slot--content_cta > button:first-child {
  margin-right: 20px;
}

/* ==========================================================================
     Menu Request Form Styles
   ========================================================================== */
.menu-request-form h3 {
  color: #2f2f2f;
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  line-height: 39px;
  margin: 25px 0;
  text-transform: uppercase;
}
.menu-request-form--contact {
  display: flex;
  flex-direction: row;
}
.menu-request-form--contact > .menu-request-form--input {
  margin: 35px 40px 35px 0;
}
@media all and (max-width: 767px) {
  .menu-request-form--contact > .menu-request-form--input {
    margin: 15px 0;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--contact {
    flex-direction: column;
  }
}
.menu-request-form--cust-no--info {
  display: flex;
  flex-direction: row;
}
.menu-request-form--cust-no--info > div {
  color: #2f2f2f;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  flex-grow: 1;
  flex-shrink: 1;
  font-weight: 600;
  line-height: 19px;
}
.menu-request-form--cust-no--info > div > span {
  font-family: 'Open Sans', sans-serif;
  font-weight: 200;
}
@media all and (max-width: 767px) {
  .menu-request-form--cust-no--info > div:first-child {
    font-weight: 500;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--cust-no--info {
    flex-direction: column;
  }
}
.menu-request-form--files-info {
  color: #2f2f2f;
  font-size: 16px;
  line-height: 22px;
}
.menu-request-form--files-info ul {
  list-style: none;
  list-style-position: inside;
}
.menu-request-form--files-info ul li {
  text-indent: -5px;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-info ul li {
    margin-left: 0;
  }
}
.menu-request-form--files-info ul li::before {
  content: "-";
  padding-right: 5px;
  text-indent: -5px;
}
.menu-request-form--files-upload--wrapper {
  margin-right: 40px;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload--wrapper {
    margin-right: 0;
  }
}
.menu-request-form--files-upload--input {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  width: 0.1px;
  z-index: -1;
}
.menu-request-form--files-upload--input:focus + .menu-request-form--files-upload--view {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}
.menu-request-form--files-upload--view {
  align-items: center;
  border: 2px dashed #d7d7d7;
  cursor: pointer;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin-bottom: 35px;
  padding: 50px 0;
  transition: 0.3s border-color ease-in-out;
  width: 100%;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload--view {
    align-items: flex-start;
  }
}
.menu-request-form--files-upload--view:hover {
  border-color: #b2b2b2;
}
.menu-request-form--files-upload--view:hover label {
  background-color: #56821f;
}
.menu-request-form--files-upload--view:hover > span {
  color: #b2b2b2;
}
.menu-request-form--files-upload--view.dragOver {
  border-color: #b2b2b2;
}
.menu-request-form--files-upload--view.dragOver label {
  background-color: #56821f;
}
.menu-request-form--files-upload--view.dragOver > span {
  color: #b2b2b2;
}
.menu-request-form--files-upload--view label {
  color: #ffffff;
  cursor: pointer;
  background-color: #7aa33d;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  line-height: 24px;
  margin: 20px 0;
  padding: 15px 65px;
  pointer-events: none;
  text-transform: uppercase;
  transition: 0.3s background-color ease-in-out;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload--view label {
    text-align: center;
    width: 100%;
  }
}
.menu-request-form--files-upload--view-title {
  color: #d7d7d7;
  font-size: 20px;
  font-family: 'Oswald', sans-serif;
  line-height: 24px;
  transition: 0.3s color ease-in-out;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload--view-title {
    display: none;
  }
}
.menu-request-form--files-upload--view-size,
.menu-request-form--files-upload--view-formats {
  color: #d7d7d7;
  font-size: 16px;
  line-height: 19px;
  transition: 0.3s color ease-in-out;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload--view-size,
  .menu-request-form--files-upload--view-formats {
    color: #b2b2b2;
    text-align: left;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload--view {
    align-self: flex-start;
    border: none;
    padding: 0;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--files-upload {
    margin-right: 0;
  }
}
.menu-request-form--files-attached {
  margin-bottom: 40px;
}
.menu-request-form--files-attached .alert-info {
  align-items: center;
  background-color: rgba(189, 218, 232, 0.2);
  border: none;
  color: #0489B5;
  display: flex;
  justify-content: space-around;
  font-size: 16px;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  flex-direction: row;
  line-height: 19px;
}
.menu-request-form--files-attached .alert-info .bi-exclamation-circle {
  fill: #0489B5;
}
.menu-request-form--files-attached .alert-info > div {
  align-items: center;
  display: flex;
  justify-content: center;
}
.menu-request-form--files-attached--file {
  border-bottom: 2px solid #d7d7d7;
  position: relative;
}
.menu-request-form--files-attached--file .bi {
  position: absolute;
}
.menu-request-form--files-attached--file .file-name {
  color: #2f2f2f;
  font-size: 16px;
  line-height: 19px;
  padding: 10px 60px 10px 45px;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-attached--file .file-name {
    padding: 10px 60px 10px 50px;
  }
}
.menu-request-form--files-attached--file .file-size {
  padding-left: 10px;
  color: #aaaaaa;
}
.menu-request-form--files-attached--file .progress {
  max-width: 90%;
  margin-left: 45px;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-attached--file .progress {
    max-width: 80%;
    margin-left: 50px;
  }
}
.menu-request-form--files-attached--file .progress .progress-bar-success {
  background-color: #56821f;
  background-image: linear-gradient(to bottom, #7aa33d 0%, #56821f 100%);
}
.menu-request-form--files-attached--file .bi-paperclip {
  color: #c08b0b;
  fill: #c08b0b;
  left: 0;
  top: 10px;
  margin-left: 10px;
  width: 20px;
}
@media all and (max-width: 767px) {
  .menu-request-form--files-attached--file .bi-paperclip {
    width: 30px;
  }
}
.menu-request-form--files-attached--file .bi-x {
  color: #2f2f2f;
  fill: #2f2f2f;
  cursor: pointer;
  top: 0;
  right: 0;
  margin-top: 4px;
}
.menu-request-form--files-attached--file:first-child {
  border-top: 2px solid #d7d7d7;
}
.menu-request-form--input,
.menu-request-form--textarea,
.menu-request-form--dropdown {
  position: relative;
}
.menu-request-form--input .error-state,
.menu-request-form--textarea .error-state,
.menu-request-form--dropdown .error-state {
  bottom: -25px;
  color: #cf4520;
  display: none;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 19px;
  position: absolute;
  right: 5px;
}
.menu-request-form--input .not-valid ~ .error-state,
.menu-request-form--textarea .not-valid ~ .error-state,
.menu-request-form--dropdown .not-valid ~ .error-state {
  display: flex;
}
.menu-request-form--input select.not-valid ~ .error-state,
.menu-request-form--textarea select.not-valid ~ .error-state,
.menu-request-form--dropdown select.not-valid ~ .error-state {
  right: 50px;
}
@media all and (max-width: 767px) {
  .menu-request-form--input select.not-valid ~ .error-state,
  .menu-request-form--textarea select.not-valid ~ .error-state,
  .menu-request-form--dropdown select.not-valid ~ .error-state {
    right: 5px;
  }
}
.menu-request-form div.split .menu-request-form--dropdown .menu-request-form--dropdown-wrapper select.not-valid ~ .error-state {
  right: 5px;
}
.menu-request-form--input,
.menu-request-form--textarea {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 35px;
}
.menu-request-form--input > label,
.menu-request-form--textarea > label {
  color: #2f2f2f;
  font-family: 'Oswald', sans-serif;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 1em;
}
.menu-request-form--input > input,
.menu-request-form--textarea > input,
.menu-request-form--input > textarea,
.menu-request-form--textarea > textarea {
  color: #1f1f1f;
  border: 2px solid #d7d7d7;
  font-size: 18px;
  line-height: 20px;
  padding: 10px 16px;
}
.menu-request-form--input > input:read-only,
.menu-request-form--textarea > input:read-only,
.menu-request-form--input > textarea:read-only,
.menu-request-form--textarea > textarea:read-only {
  background-color: #f2f2f2;
}
.menu-request-form--input > textarea,
.menu-request-form--textarea > textarea {
  resize: vertical;
}
@media all and (max-width: 767px) {
  .menu-request-form--input > textarea,
  .menu-request-form--textarea > textarea {
    height: 150px;
  }
}
.menu-request-form--textarea {
  margin-right: 40px;
}
@media all and (max-width: 767px) {
  .menu-request-form--textarea {
    margin-right: 0;
  }
}
.menu-request-form--dropdown {
  display: flex;
  flex-direction: column;
  flex-grow: 1;
  flex-shrink: 1;
  margin-bottom: 35px;
}
.menu-request-form--dropdown > label {
  color: #2f2f2f;
  font-family: 'Oswald', sans-serif;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  margin-bottom: 1em;
}
.menu-request-form--dropdown-wrapper {
  align-items: center;
  display: flex;
  position: relative;
  padding-right: 45px;
  width: 50%;
}
.menu-request-form--dropdown-wrapper > select {
  appearance: none;
  border: 2px solid #d7d7d7;
  color: #AAAAAA;
  font-size: 16px;
  line-height: 20px;
  padding: 10px 16px;
  width: 100%;
}
.menu-request-form--dropdown-wrapper > select.selected {
  color: #2f2f2f;
}
.menu-request-form--dropdown-wrapper > select::-ms-expand {
  display: none;
}
.menu-request-form--dropdown-wrapper > select:disabled {
  background-color: #f2f2f2;
  color: #1f1f1f;
}
.menu-request-form--dropdown-wrapper > i {
  color: #c08b0b;
  pointer-events: none;
  position: absolute;
  right: 57px;
  top: 16%;
}
@media all and (max-width: 767px) {
  .menu-request-form--dropdown-wrapper > i {
    right: 12px;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--dropdown-wrapper {
    padding-right: 0;
    width: 100%;
  }
}
.menu-request-form-container--info {
  color: #2f2f2f;
  font-size: 16px;
  line-height: 19px;
  margin-right: 40px;
}
@media all and (max-width: 767px) {
  .menu-request-form-container--info {
    margin-right: 0;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form-container--info span {
    display: block;
  }
}
.menu-request-form--additional,
.menu-request-form--dependents,
.menu-request-form--dependents-type,
.menu-request-form--printing,
.menu-request-form--shipping {
  display: flex;
  flex-direction: column;
}
.menu-request-form--additional div.split,
.menu-request-form--dependents div.split,
.menu-request-form--dependents-type div.split,
.menu-request-form--printing div.split,
.menu-request-form--shipping div.split {
  display: flex;
  flex-direction: row;
}
.menu-request-form--additional div.split > div,
.menu-request-form--dependents div.split > div,
.menu-request-form--dependents-type div.split > div,
.menu-request-form--printing div.split > div,
.menu-request-form--shipping div.split > div {
  width: 50%;
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.split > div,
  .menu-request-form--dependents div.split > div,
  .menu-request-form--dependents-type div.split > div,
  .menu-request-form--printing div.split > div,
  .menu-request-form--shipping div.split > div {
    width: 100%;
  }
}
.menu-request-form--additional div.split > .menu-request-form--input,
.menu-request-form--dependents div.split > .menu-request-form--input,
.menu-request-form--dependents-type div.split > .menu-request-form--input,
.menu-request-form--printing div.split > .menu-request-form--input,
.menu-request-form--shipping div.split > .menu-request-form--input {
  margin-right: 40px;
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.split > .menu-request-form--input,
  .menu-request-form--dependents div.split > .menu-request-form--input,
  .menu-request-form--dependents-type div.split > .menu-request-form--input,
  .menu-request-form--printing div.split > .menu-request-form--input,
  .menu-request-form--shipping div.split > .menu-request-form--input {
    margin-right: 0;
  }
}
.menu-request-form--additional div.split > .menu-request-form--dropdown,
.menu-request-form--dependents div.split > .menu-request-form--dropdown,
.menu-request-form--dependents-type div.split > .menu-request-form--dropdown,
.menu-request-form--printing div.split > .menu-request-form--dropdown,
.menu-request-form--shipping div.split > .menu-request-form--dropdown {
  margin-right: 45px;
}
.menu-request-form--additional div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper,
.menu-request-form--dependents div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper,
.menu-request-form--dependents-type div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper,
.menu-request-form--printing div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper,
.menu-request-form--shipping div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper {
  padding-right: 0;
  width: 100%;
}
.menu-request-form--additional div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper > i,
.menu-request-form--dependents div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper > i,
.menu-request-form--dependents-type div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper > i,
.menu-request-form--printing div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper > i,
.menu-request-form--shipping div.split > .menu-request-form--dropdown .menu-request-form--dropdown-wrapper > i {
  right: 12px;
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.split > .menu-request-form--dropdown,
  .menu-request-form--dependents div.split > .menu-request-form--dropdown,
  .menu-request-form--dependents-type div.split > .menu-request-form--dropdown,
  .menu-request-form--printing div.split > .menu-request-form--dropdown,
  .menu-request-form--shipping div.split > .menu-request-form--dropdown {
    margin-right: 0;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.split,
  .menu-request-form--dependents div.split,
  .menu-request-form--dependents-type div.split,
  .menu-request-form--printing div.split,
  .menu-request-form--shipping div.split {
    flex-direction: column;
  }
}
.menu-request-form--additional div.half-size,
.menu-request-form--dependents div.half-size,
.menu-request-form--dependents-type div.half-size,
.menu-request-form--printing div.half-size,
.menu-request-form--shipping div.half-size {
  width: 50%;
}
.menu-request-form--additional div.half-size > .menu-request-form--input,
.menu-request-form--dependents div.half-size > .menu-request-form--input,
.menu-request-form--dependents-type div.half-size > .menu-request-form--input,
.menu-request-form--printing div.half-size > .menu-request-form--input,
.menu-request-form--shipping div.half-size > .menu-request-form--input {
  margin-right: 40px;
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.half-size > .menu-request-form--input,
  .menu-request-form--dependents div.half-size > .menu-request-form--input,
  .menu-request-form--dependents-type div.half-size > .menu-request-form--input,
  .menu-request-form--printing div.half-size > .menu-request-form--input,
  .menu-request-form--shipping div.half-size > .menu-request-form--input {
    margin-right: 0;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.half-size,
  .menu-request-form--dependents div.half-size,
  .menu-request-form--dependents-type div.half-size,
  .menu-request-form--printing div.half-size,
  .menu-request-form--shipping div.half-size {
    width: 100%;
  }
}
.menu-request-form--additional div.full-size .menu-request-form--input,
.menu-request-form--dependents div.full-size .menu-request-form--input,
.menu-request-form--dependents-type div.full-size .menu-request-form--input,
.menu-request-form--printing div.full-size .menu-request-form--input,
.menu-request-form--shipping div.full-size .menu-request-form--input {
  margin-right: 40px;
}
@media all and (max-width: 767px) {
  .menu-request-form--additional div.full-size .menu-request-form--input,
  .menu-request-form--dependents div.full-size .menu-request-form--input,
  .menu-request-form--dependents-type div.full-size .menu-request-form--input,
  .menu-request-form--printing div.full-size .menu-request-form--input,
  .menu-request-form--shipping div.full-size .menu-request-form--input {
    margin-right: 0;
  }
}
.menu-request-form--ctas {
  display: flex;
  margin: 45px 0;
}
.menu-request-form--ctas .button-primary,
.menu-request-form--ctas .button-secondary {
  margin-right: 15px;
  text-transform: uppercase;
}
.menu-request-form--ctas .button-primary.saved,
.menu-request-form--ctas .button-secondary.saved {
  background-color: #7aa33d;
  border-color: #7aa33d;
  color: #ffffff;
  cursor: default;
  pointer-events: none;
}
@media all and (max-width: 767px) {
  .menu-request-form--ctas .button-primary,
  .menu-request-form--ctas .button-secondary {
    margin: 5px 0;
    padding: 10px 20px;
    min-width: 175px;
  }
}
@media all and (max-width: 767px) {
  .menu-request-form--ctas {
    flex-direction: column;
  }
}
.menu-request-form--step-one,
.menu-request-form--step-two {
  display: none;
}
.menu-request-form--step-one.active,
.menu-request-form--step-two.active {
  display: flex;
  flex-direction: column;
}
.menu-request-form--step-two {
  align-items: center;
  justify-content: center;
  padding: 50px 30px;
}
.menu-request-form--step-two_name {
  color: #b2b2b2;
  font-family: 'Oswald', sans-serif;
  font-size: 26px;
  line-height: 55px;
  text-transform: uppercase;
}
.menu-request-form--step-two_price {
  color: #2f2f2f;
  font-size: 42px;
  font-family: 'Oswald', sans-serif;
  font-weight: 500;
  line-height: 62px;
  margin-top: 10px;
  text-transform: uppercase;
}
.menu-request-form--step-two_price--range {
  color: #56821f;
  font-weight: 700;
}
.menu-request-form--step-two_split {
  color: #2f2f2f;
  font-size: 16px;
  line-height: 19px;
  margin-top: 20px;
}
.menu-request-form--step-two_info {
  color: #2f2f2f;
  font-size: 18px;
  font-weight: 700;
  line-height: 21px;
  margin-top: 20px;
  text-align: center;
  width: 100%;
}
.menu-request-form--step-two_ctas {
  margin: 40px 0 25px;
}
.menu-request-form--step-two_ctas button {
  margin-bottom: 15px;
  margin-right: 15px;
  padding: 15px 40px;
}
.menu-request-form--step-two_ctas button.saved {
  background-color: #7aa33d;
  border-color: #7aa33d;
  color: #ffffff;
  cursor: default;
  pointer-events: none;
}
.menu-request-form--step-two_disclaimer {
  color: #2f2f2f;
  font-size: 16px;
  line-height: 19px;
  text-align: center;
  width: 100%;
}
.menu-request-form .notApplicable {
  visibility: hidden;
}
@media all and (max-width: 767px) {
  .menu-request-form .notApplicable {
    display: none;
  }
}
.menu-request-form .usf-modal__container {
  max-width: 40%;
}
.menu-request-form .usf-modal__container .usf-modal__body {
  padding: 2rem 3rem;
}
.menu-request-form .usf-modal__container .usf-modal__body__slot--title {
  font-family: 'Oswald', sans-serif;
  font-size: 36px;
  margin: 0;
}
.menu-request-form .usf-modal__container .usf-modal__body__slot--content {
  display: flex;
  flex-direction: column;
}
.menu-request-form .usf-modal__container .usf-modal__body__slot--content_info {
  display: flex;
  flex-direction: column;
  font-size: 22px;
  margin-top: 1em;
}
.menu-request-form .usf-modal__container .usf-modal__body__slot--content_cta {
  display: flex;
  justify-content: flex-end;
  margin: 4rem 0 0 3rem;
}
.menu-request-form .usf-modal__container .usf-modal__body__slot--content_cta > button {
  font-family: 'Oswald', sans-serif;
  font-size: 22px;
  min-width: 150px;
  text-transform: uppercase;
}
.menu-request-form .usf-modal__container .usf-modal__body__slot--content_cta > button:first-child {
  margin-right: 20px;
}

/* ==========================================================================
     Article page template DCE styles
   ========================================================================== */
.page-template-article {
  /**
     * Default Article padding is a bit too much when included into this template
     */
}
.page-template-article .article {
  padding: 0.33333333rem 0 0;
}

/* ==========================================================================
     Become a Customer page template DCE styles
   ========================================================================== */
.page-template-become-a-customer-page .bac-content .link {
  padding: 20px;
  padding-bottom: 0;
  text-align: right;
}
.page-template-become-a-customer-page .bac-content .link a {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #b2b2b2;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.page-template-become-a-customer-page.body-frame .page-nav {
  flex: 0 0 450px;
  text-align: center;
}
.page-template-become-a-customer-page .left-rail {
  background-size: cover;
  padding-bottom: 80px;
  min-height: 100vh;
}
@media screen and (min-width: 1024px) {
  .page-template-become-a-customer-page .left-rail {
    position: fixed;
    width: 450px;
    height: 100%;
  }
}
.page-template-become-a-customer-page .left-rail img {
  width: 100%;
  max-width: 380px;
}
.page-template-become-a-customer-page .left-rail .bac-left-content {
  height: 100%;
  position: relative;
}
.page-template-become-a-customer-page .left-rail .button-primary {
  display: none;
  background-color: #56821f;
  border: none;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .page-template-become-a-customer-page .left-rail .button-primary {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-become-a-customer-page .bac-container {
    display: none;
  }
  .page-template-become-a-customer-page .bac-container.activated {
    display: block;
  }
  .page-template-become-a-customer-page .bac-page-nav.hidden {
    display: none;
  }
}

/* ==========================================================================
     Become a Customer page template DCE styles
   ========================================================================== */
.page-template-become-a-customer-page-v2 .bac-content .link {
  padding: 20px;
  padding-bottom: 0;
  text-align: right;
}
.page-template-become-a-customer-page-v2 .bac-content .link a {
  font-family: 'Oswald', sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #b2b2b2;
  font-size: 18px;
  font-weight: 500;
  text-decoration: none;
}
.page-template-become-a-customer-page-v2.body-frame .page-nav {
  flex: 0 0 450px;
  text-align: center;
}
.page-template-become-a-customer-page-v2 .left-rail {
  background-size: cover;
  padding-bottom: 80px;
  min-height: 100vh;
}
@media screen and (min-width: 1024px) {
  .page-template-become-a-customer-page-v2 .left-rail {
    position: fixed;
    width: 450px;
    height: 100%;
  }
}
.page-template-become-a-customer-page-v2 .left-rail .bgReplace {
  background-size: cover;
  padding-bottom: 80px;
  min-height: 100vh;
  z-index: -1;
}
@media screen and (min-width: 1024px) {
  .page-template-become-a-customer-page-v2 .left-rail .bgReplace {
    position: fixed;
    width: 450px;
    height: 100%;
  }
}
.page-template-become-a-customer-page-v2 .left-rail img {
  width: 100%;
  max-width: 380px;
}
.page-template-become-a-customer-page-v2 .left-rail .bac-left-content {
  height: 100%;
  position: relative;
  z-index: 10;
}
.page-template-become-a-customer-page-v2 .left-rail .button-primary {
  display: none;
  background-color: #56821f;
  border: none;
  text-transform: uppercase;
}
@media screen and (max-width: 1024px) {
  .page-template-become-a-customer-page-v2 .left-rail .button-primary {
    display: block;
    margin: 0 auto;
  }
}
@media screen and (max-width: 1024px) {
  .page-template-become-a-customer-page-v2 .bac-container {
    display: block;
  }
  .page-template-become-a-customer-page-v2 .bac-page-nav-v2.hidden {
    display: block;
  }
}

/* ==========================================================================
     Free From page template DCE styles
   ========================================================================== */
@media screen and (min-width: 1024px) {
  .page-template-freeform .page-container {
    padding-top: 40px;
  }
}

/* ==========================================================================
Product Details page template DCE styles
========================================================================== */
/**
*  Wrapper area for Menu Ideas and Prep Instructions
*/
@media screen and (min-width: 768px) {
  .pdp_additional li {
    -webkit-column-break-inside: avoid;
    page-break-inside: avoid;
    break-inside: avoid;
  }
  .pdp_additional > div {
    width: 45%;
    display: inline-block;
    vertical-align: top;
  }
}
.pdp_additional .product_features_wrap {
  display: inline-block;
}

/* ==========================================================================
     Recipe Detail page template DCE styles
   ========================================================================== */
.page-template-recipe-detail {
  /**
     * Default Article padding is a bit too much when included into this template
     */
}
.page-template-recipe-detail .article {
  padding: 0;
}

/* ==========================================================================
     Location Details page template DCE styles
   ========================================================================== */
@media (max-width: 767px) {
  .page-template-location-detail .content-frame {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .page-template-location-detail .content-frame > .article {
    order: 2;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
  .page-template-location-detail .content-frame > .article-sidebar {
    order: 1;
    -moz-flex: 1 1 100%;
    -ms-flex: 1 1 100%;
    -webkit-flex: 1 1 100%;
    flex: 1 1 100%;
  }
}