/* EDITED 5/26/2021 RK - #searchResults */

/* G ADS */

div.gpt-google-ad {
  background: #f3f1ef;
  padding: 40px 0;
  margin:0;
}

body#home .gpt-google-ad {
  padding-top: 60px;
}

/* //END GOOGLE ADS */

/* TEMPORARY STYLES
--------------------
capitalize HTG in Shop menu
change dept landing background
home contentArea4 background
*/

/* -- Capitalize HTG -- */

.main-nav-menu-level-1 #main-nav-node01-02 a {
  text-transform: capitalize
}

/* -- Dept Landing Header -- */

body.departments .dept-header.background-image-container {
  background: none !important;
}

body.departments h1.header-2-alt {
  color: #fff !important;
}

/* home contentArea4 background */
body#home #contentArea4 {
  background-color: #f3f1ef;
}

/* //END TEMPORARY STYLES */

/* -- RECIPE HEADERS -- */

@media only screen and (min-width: 1024px) {
  body.recipe .header-title-recipe {
    font-family: "Trend Slab One";
  }

  body.recipe .cat-header.background-image-container {
    background-size: auto 223px;
  }
}

body.recipeLanding .cat-header.background-image-container,
body.recipe.search .cat-header.background-image-container,
body.prod-ens.recipe .cat-header.background-image-container {
  margin-bottom: 20px;
}

body.recipe .header-title-recipe {
  font-family: "Trend Slab One";
  color: #6f625a;
}

body.recipe .breadcrumb-wrapper .crumb-list .crumb a,
body.recipe .breadcrumb-wrapper .crumb-list .crumb a:visited,
body.recipe .breadcrumb-wrapper .crumb-list .crumb a:hover,
body.recipe .breadcrumb-wrapper .crumb-list .crumb a:active,
body.recipe .breadcrumb-wrapper .crumb-list .crumb a:focus-within {
  color: #6f625a;
}

/*ADDED 9/16/2019 my MK DEPT HEADER */

#thumbnail.catalog .cat-header h1.header-title, .cat-header h1.header-2-alt {
  font-family: "Trend Slab One";
  font-size: 22px;
  line-height: 23px;
  letter-spacing: -2.25px;
  width: 65%;
  text-align: center;
  padding-bottom: 0 !important;
}

@media only screen and (min-width: 600px) {
  #thumbnail.catalog .cat-header.background-image-container {
    background-size: cover;
    padding: 20px 0;
  }

  #thumbnail.catalog .cat-header h1.header-title, .cat-header h1.header-2-alt {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -3.5px;
    width: 81%;
  }
}

@media only screen and (min-width: 1024px) {
  #thumbnail.catalog .cat-header h1.header-title, .cat-header h1.header-2-alt {
    width: 55%;
  }

  #section.catalog .cat-header h1.header-title, .cat-header h1.header-2-alt {
    font-family: "Trend Slab One";
    font-size: 22px;
    line-height: 23px;
    letter-spacing: -2.25px;
    width: 65%;
    text-align: center;
    padding-bottom: 0 !important;
  }
}

@media only screen and (min-width: 600px) {
  #section.catalog .cat-header.background-image-container {
    background-size: cover;
    padding: 20px 0;
  }

  #section.catalog .cat-header h1.header-title, .cat-header h1.header-2-alt {
    font-size: 35px;
    line-height: 35px;
    letter-spacing: -3.5px;
    width: 81%;
  }
}

@media only screen and (min-width: 1024px) {
  #section.catalog .cat-header h1.header-title, .cat-header h1.header-2-alt {
    width: 55%;
  }
}


/* MODALS */

#gm_modal.modal.titled.button-bottom > .modal-inner .modal-button-group {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 71px;
  margin: 0 -20px;
  padding: 10px 20px 0 20px;
  background-color: #f3f1ef;
  border-top: 1px solid #e4e0db;
  text-align: center;
}

#gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-inner {
  height: calc(100% - 131px) !important;
  margin-bottom: 71px !important;
}

#gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-inner .modal-button-group {
  height: 71px !important;
}

@media only screen and (max-width: 1023px) {
  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-inner .modal-button-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}

@media only screen and (max-width: 599px) {
  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-inner {
    height: calc(100% - 71px) !important;
    margin-bottom: 71px !important;
  }
}



/* MODAL-BODY FIX */

#gm_modal.modal > .modal-body {
  box-sizing: border-box;
  /*padding: 50px 30px 15px 30px;*/
  /*height: 100%;*/
  /*overflow-y: auto*/
}

#gm_modal.modal.titled > .modal-body {
  padding: 15px 20px;
  margin-top: 60px;
  /*height: calc(100% - 60px);*/
  overflow-y: auto
}

#gm_modal.modal.titled.button-bottom > .modal-body {
  height: calc(100% - 131px);
  margin-bottom: 71px
}

#gm_modal.modal.titled.button-bottom > .modal-body .modal-button-group {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 71px;
  margin: 0 -20px;
  padding: 10px 20px 0 20px;
  background-color: #f3f1ef;
  border-top: 1px solid #e4e0db;
  text-align: center
}

@media only screen and (min-width: 1024px) {
  #gm_modal.modal.titled.button-bottom > .modal-body {
    height: calc(100% - 121px);
    margin-bottom: 61px
  }

  #gm_modal.modal.titled.button-bottom > .modal-body .modal-button-group {
    height: 61px
  }
}

#gm_modal.modal.titled.full-bleed > .modal-body {
  padding: 0
}

@media only screen and (min-width: 1024px) {
  #gm_modal.modal.titled > .modal-body {
    padding-left: 30px;
    padding-right: 30px
  }

  #gm_modal.modal.titled.button-bottom > .modal-body .modal-button-group {
    margin-left: -30px;
    margin-right: -30px
  }

}

@media only screen and (max-width: 599px) {
  #gm_modal.modal.time-select-modal > .modal-body {
    height: calc(100% - 70px) !important;
    margin-bottom: 70px !important
  }

  #gm_modal.modal.time-select-modal > .modal-body .modal-button-group {
    height: 70px !important;
    margin-left: -20px !important;
    margin-right: -20px !important
  }

  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body {
    height: calc(100% - 116px) !important;
    margin-bottom: 116px !important
  }

  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body .modal-button-group {
    height: 116px !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
  }
}


@media only screen and (min-width: 600px) {
  #gm_modal.modal.time-select-modal > .modal-body {
    height: calc(100% - 60px) !important;
    margin-bottom: 0 !important
  }

  #gm_modal.modal.time-select-modal > .modal-body .modal-button-group {
    display: none
  }

  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body {
    height: calc(100% - 121px) !important;
    margin-bottom: 61px !important
  }

  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body .modal-button-group {
    height: 61px !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap
  }

  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body .modal-button-group .sm-only {
    display: none !important
  }
}


#gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body {
  height: calc(100% - 131px) !important;
  margin-bottom: 71px !important;
}

#gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body .modal-button-group {
  height: 71px !important;
}

@media only screen and (max-width: 1023px) {
  #gm_modal.modal.time-select-modal.isFromReserveTimeWidget > .modal-body .modal-button-group {
    margin-left: 0 !important;
    margin-right: 0 !important;
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
}


/* PRESS + RECALLS PAGES */
#recalls #main-content .pr-details {
  margin-top: 0;
}

#recalls #main-content .pr-details .pr-container h1.press-release-t,
#recalls #main-content .pr-details .pr-container .h1.press-release-t {
  padding: 0;
}

.reg_superscript {
  font-size: .8em;
  vertical-align: super;
}

.collection-hero-wrapper .mainHead .reg_superscript {
  font-size: .5em !important;
}

/* SEARCH REDIRECT DEFAULT */

#searchResults .redirect-container .info-section a {
  color:#b32317;
}

#searchResults .redirect-container .info-section .description a {
  font-size:inherit;
  font-weight: inherit;
}