#footer-bar2 {
  background-color: #ffffff !important;
  height: 0.5px;
  border: 0px; }

html body {
  background-color: #ffffff !important; }

#footer-bar {
  border: 0px !important; }

#header-logo2 {
  display: none; }

#footer-terms {
  display: none !important;
  text-decoration: underline !important; }

#header-bar2 {
  display: none; }

#header-tgcslogo {
  padding-top: 20px !important;
  padding-left: 500px; }

section#giftPin {
  height: 600px;
  padding-top: 10px;
  padding-bottom: 10px; }

.error-warning {
  color: #cc0000;
  font-size: 1.3em;
  font-weight: bold;
  margin-top: 25px; }

#no-login-text {
  color: #666666;
  font-family: "Open Sans", Arial, sans-serif;
  font-weight: bold !important;
  font-size: 13px; }

.content-padding {
  height: 400px; }

label.required:before {
  content: " *";
  color: red; }

a.footer-menu-link {
  font-weight: normal; }

html ul.menu > li {
  padding-right: 25px; }

button#j_idt59 {
  background-color: #ffffff;
  color: #000000; }

#top-bar {
  background-color: #fff !important;
  height: 73px !important; }

p.copy {
  padding-left: 480px;
  font-size: 13px; }

p.copy1 {
  padding-left: 490px;
  font-size: 13px;
  margin-top: -10px; }

footer {
  background-color: #ffffff; }

html body {
  background-color: #fff; }

html body #footer-section div {
  padding-top: 0px !important; }

section.content-container {
  padding: 0 22px 0 22px; }

html body #footer-section {
  color: #000000 !important;
  padding: 0px !important; }

a.header-menu-link {
  color: #29AAE1 !important; }

html a:hover {
  color: #000000 !important;
  text-decoration: underline !important; }

span.ui-button-text.ui-c {
  font-size: 15px;
  font-weight: bold;
  letter-spacing: 0.1em;
  font-family: "Open Sans", Arial, sans-serif; }

.order-item-status {
  font-size: 14px; }

div#modal-message {
  font-weight: bold;
  color: #22376e;
  text-align: left;
  padding-left: 10px; }

.ui-button {
  outline: 0 !important;
  border: unset !important;
  color: white !important;
  display: inline-block !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0.1em !important;
  line-height: 16px !important;
  min-width: 100px !important;
  padding: 1px 2px !important;
  text-decoration: none !important;
  text-shadow: 1px 1px #444444 !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: #cccccc !important;
  background: #cccccc !important; }

.ui-button:hover {
  color: #white !important;
  text-decoration: underline !important;
  text-decoration-color: white !important;
  background-color: #0C7DC3 !important;
  background: #0C7DC3 !important; }

html .ctaButton {
  outline: 0 !important;
  border: solid 1px #666666 !important;
  color: white !important;
  display: inline-block !important;
  font-size: 1em !important;
  font-weight: bold !important;
  letter-spacing: 0.1em !important;
  line-height: 16px !important;
  min-width: 100px !important;
  padding: 1px 2px !important;
  text-decoration: none !important;
  text-shadow: 1px 1px #444444 !important;
  -webkit-border-radius: 4px !important;
  -moz-border-radius: 4px !important;
  border-radius: 4px !important;
  background-color: #0C7DC3 !important; }

.ctaButton:hover {
  color: #white !important;
  text-decoration: underline !important;
  text-decoration-color: white !important;
  background-color: #0C7DC3 !important; }

html .ctaButton:hover .ui-button-text {
  color: #white !important; }

button#j_idt60 {
  border: solid 1px #21386F !important; }

div#order-detail {
  font-size: 15px; }

@media only print, only screen and (max-width: 1024px) {
  #header-bar {
    display: none; }
  #header-tgcslogo {
    display: none; }
  #header-bar2 {
    background-color: #ffffff !important;
    color: #222222;
    height: 0.5px;
    display: block; }
  #header-logo2 {
    max-height: 80px !important;
    display: block;
    padding-top: 20px;
    padding-left: 40px; }
  html body #footer-section a {
    color: #000000 !important;
    text-decoration: underline !important;
    font-weight: bold; }
  section#giftPin {
    height: auto; }
  #top-bar {
    display: block !important;
    background-color: #fff !important;
    height: 73px !important; }
  #footer-logo {
    box-sizing: border-box;
    height: 65px !important;
    width: 260px !important;
    display: block; }
  p.copy {
    padding-left: 100px; }
  p.copy1 {
    padding-left: 110px; }
  html a {
    color: #29AAE1;
    text-decoration: underline; }
  hr#footer-bar {
    margin-bottom: 10px; }
  section.content-container {
    padding: 0 20px 0 20px; }
  html a:hover {
    color: #000000 !important; } }

@media only print, only screen and (min-width: 768px) and (max-width: 911px) {
  p.copy1 {
    padding-left: 280px; }
  p.copy {
    padding-left: 270px; }
  #header-logo2 {
    margin-left: 260px !important; } }

@media only print, only screen and (min-width: 1024px) and (max-width: 1024px) {
  p.copy1 {
    padding-left: 430px; }
  p.copy {
    padding-left: 420px; }
  #header-logo2 {
    margin-left: 400px !important; } }

@media only print, only screen and (min-width: 912px) and (max-width: 1023px) {
  p.copy1 {
    padding-left: 360px; }
  p.copy {
    padding-left: 340px; }
  #header-logo2 {
    margin-left: 350px !important; } }

.footer-copy {
  padding-bottom: 20px !important;
  font-size: 13px !important;
  line-height: 21px !important; }

#redemption-page .order-item-title {
  color: #555555 !important; }

#header-logo {
  box-sizing: border-box;
  max-height: unset !important;
  padding: 5px; }

#footer-logo {
  box-sizing: border-box;
  height: 65px !important;
  width: 260px !important; }

.footer-menu {
  display: flex;
  flex-direction: row;
  gap: 16px;
  list-style: none;
  font-weight: 700;
  margin: 0;
  padding: 0; }

@media (max-width: 767px) {
  #footer-terms {
    display: block !important;
    text-decoration: underline !important; }
  .footer-menu {
    flex-direction: column;
    align-items: flex-start;
    gap: 8px; }
  .footer-menu li {
    width: 100%; }
  .footer-menu a {
    display: inline-block;
    text-decoration: underline;
    white-space: nowrap;
    word-break: keep-all;
    overflow-wrap: normal; } }

#header-section {
  margin-bottom: unset !important; }

.footer-menu {
  padding-bottom: 20px !important; }

.order-summary {
  padding-top: 20px !important; }

/*

@font-face {
  font-family: "Brandon Grotesque";
  src: url('../../../fonts/BrandonGrotesque-Regular.woff2') format('woff2'), url('../../../fonts/BrandonGrotesque-Regular.woff') format('woff');
  font-weight:normal;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url('../../../fonts/BrandonGrotesque-RegularItalic.woff2') format('woff2'), url('../../../fonts/BrandonGrotesque-RegularItalic.woff') format('woff');
  font-weight:normal;
  font-style:italic;
  font-display:swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url('../../../fonts/BrandonGrotesque-Bold.woff2') format('woff2'), url('../../../fonts/BrandonGrotesque-Bold.woff') format('woff');
  font-weight:bold;
  font-style:normal;
  font-display:swap;
}

@font-face {
  font-family: "Brandon Grotesque";
  src: url('../../../fonts/BrandonGrotesque-BoldItalic.woff2') format('woff2'), url('.../../../fonts/BrandonGrotesque-BoldItalic.woff') format('woff');
  font-weight:bold;
  font-style:italic;
  font-display:swap;
} */
.ui-button-text {
  padding: 8px 24px !important; }

.ui-button {
  width: auto !important; }

/* THIS TURNS OFF THE GREEN GLOW WE INHERIT FROM PRIMEFACES */
.ui-state-focus {
  box-shadow: none !important; }

.ui-state-focus {
  box-shadow: none !important; }

body .ui-inputfield.ui-state-focus {
  border: 1px solid #ced4da !important; }

.langSwitch {
  padding: 20px;
  float: right; }

#headerPipe {
  padding: 15px; }

.headerText {
  font-size: 36px;
  vertical-align: top;
  line-height: 150%; }

.order-item-actions li {
  display: inline-block;
  list-style-type: none; }

#order-detail p {
  font-weight: bold;
  text-align: left; }

/* FINAL BITS FROM MOBILE HACK */
body {
  /* strange 8px margin on body for local copy but not on qa- override needed? */
  margin: 0px; }

.grid50 {
  width: 50%;
  float: left; }

#header-section {
  margin-bottom: 40px; }

#footer-section a {
  font-size: 14px !important; }

html body {
  background-color: #f6f6f6;
  color: #000000 !important;
  font-family: "Open Sans", Arial, sans-serif !important;
  font-size: 13px;
  min-width: 320px; }
  html body #top-bar {
    background-color: transparent;
    color: #222222;
    height: 0px; }
  html body #header-section,
  html body #layout-header,
  html body #layout-contentContainer {
    background-color: #f6f6f6;
    color: #333333; }
    html body #header-section a,
    html body #layout-header a,
    html body #layout-contentContainer a {
      color: #0a4abf;
      text-decoration: underline; }
      html body #header-section a:hover,
      html body #layout-header a:hover,
      html body #layout-contentContainer a:hover {
        color: #0079dd; }
  html body #content-section {
    background-color: #f6f6f6;
    color: #000000 !important;
    text-align: center; }
  html body #print-content-section {
    background-color: #f6f6f6;
    color: #000000 !important;
    text-align: center;
    padding: 10px; }
  html body #footer-bar {
    background-color: #ffffff !important;
    color: #222222;
    height: 0.5px; }
  html body #footer-section {
    background-color: #ffffff;
    box-sizing: border-box;
    color: #555555;
    font-size: 13px;
    padding: 10px;
    text-align: left; }
    html body #footer-section a {
      color: #000000;
      text-decoration: none;
      font-size: 14px !important; }
      html body #footer-section a:hover {
        color: #0079dd; }
    html body #footer-section div {
      box-sizing: border-box;
      padding-top: 15px; }
      html body #footer-section div:first-child {
        padding-top: 0; }

html #header-logo {
  box-sizing: border-box;
  max-height: 60px;
  padding: 5px; }

html a {
  color: #000000;
  text-decoration: underline; }
  html a:hover {
    color: #1a1a1a; }

html .ui-button-text {
  padding: 8px 24px; }

html .ui-button:hover .ui-button-text {
  color: #FFFFFF; }

html .ctaButton:hover .ui-button-text {
  color: #FFFFFF; }

html .ui-button,
html .button {
  background-color: #FFFFFF;
  border: solid 2px #0C7DC3;
  color: #FFFFFF;
  border-radius: 5px; }
  html .ui-button:hover,
  html .button:hover {
    background-color: #FFFFFF;
    border: solid 2px #0C7DC3;
    color: #FFFFFF; }
  html .ui-button:active,
  html .button:active {
    background-color: #FFFFFF;
    border: solid 2px unset;
    color: unset; }
  html .ui-button.invert,
  html .button.invert {
    background-color: #FFFFFF;
    color: #FFFFFF; }
    html .ui-button.invert:hover,
    html .button.invert:hover {
      background-color: #FFFFFF;
      border: solid 2px #0C7DC3;
      color: #FFFFFF; }

html .ctaButton {
  background-color: #0C7DC3;
  border: solid 2px #0C7DC3;
  color: #FFFFFF;
  border-radius: 5px; }
  html .ctaButton:hover {
    background-color: #0C7DC3;
    border: solid 2px #0C7DC3; }
  html .ctaButton:active {
    background-color: #0C7DC3;
    border: solid 2px unset;
    color: unset; }
  html .ctaButton.invert {
    background-color: #FFFFFF;
    color: #FFFFFF; }
    html .ctaButton.invert:hover {
      background-color: #FFFFFF;
      border: solid 2px #0C7DC3; }

html ul.menu {
  box-sizing: border-box;
  list-style-type: none;
  margin: 0;
  padding: 0; }
  html ul.menu > li {
    display: inline-block;
    margin-left: 10px; }
    html ul.menu > li:first-child {
      margin-left: 0; }

html .content-container {
  margin: 0 auto;
  max-width: 1200px; }

html .header-content-container {
  margin: 0 auto;
  max-width: 1200px;
  color: #333333; }

html .content-padding {
  box-sizing: border-box;
  padding: 6px; }

html .header-grid, html .header-grid div {
  background-color: #f6f6f6 !important; }

html .header-grid-lang {
  text-align: center; }

@media only print, only screen and (min-width: 1024px) {
  #archived-email-form #archivedOrderemail {
    width: 70%; } }

.customDivider {
  width: 100%;
  height: 2px;
  background-color: black;
  opacity: 0.7; }

.customDivider:last-of-type {
  display: none; }

#loader-container {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  min-height: 60vh;
  /* vertical centering */
  padding-top: 10vh;
  /* adjust loader placement */
  text-align: center; }

#loader-icon {
  font-size: 3rem;
  /* bigger spinner */
  color: #555555;
  /* golden yellow */
  margin-bottom: 1rem;
  animation: spin 1s linear infinite; }

#loader-message {
  font-size: 1.5rem;
  font-weight: bold;
  color: #555555;
  text-align: center;
  margin-top: 0.5rem; }

@keyframes spin {
  from {
    transform: rotate(0deg); }
  to {
    transform: rotate(360deg); } }

#login-image {
  display: none; }
  @media screen and (min-width: 1024px) {
    #login-image {
      display: inline-block;
      vertical-align: top;
      margin-left: 50px; } }
  #login-image img {
    width: 100%; }

#login-form {
  display: block;
  vertical-align: top; }
  @media screen and (min-width: 1024px) {
    #login-form {
      display: inline-block; } }
  #login-form form {
    margin: 0 auto;
    max-width: 400px;
    min-width: 300px;
    width: 100%; }
  #login-form .ui-panelgrid-cell {
    color: #222222 !important; }

#redemption-page #order-detail {
  padding-left: 10px; }

#redemption-page .order-item-title {
  font-size: 18px;
  font-weight: bold; }

#redemption-page .mobile-scroll-hint {
  display: block; }
  @media screen and (min-width: 1024px) {
    #redemption-page .mobile-scroll-hint {
      display: none; } }

#redemption-page .order-item-image img {
  margin: 20px;
  max-width: 300px !important;
  width: 300px; }

@media screen and (min-width: 1024px) {
  #redemption-page .order-item-image {
    display: inline-block;
    vertical-align: top; } }

#redemption-page .order-item-details {
  text-align: left !important;
  /* END ORDER ITEM ACTIONS */ }
  @media screen and (min-width: 1024px) {
    #redemption-page .order-item-details {
      display: inline-block;
      vertical-align: top;
      width: 800px; }
      #redemption-page .order-item-details .order-item-actions {
        width: 800px; } }
  #redemption-page .order-item-details .order-item-actions .web-delivery-how {
    font-size: 10px;
    font-weight: bold;
    margin: 10px 0; }
  #redemption-page .order-item-details .order-item-actions ul {
    list-style: none;
    margin: 0;
    padding: 0; }
    #redemption-page .order-item-details .order-item-actions ul li {
      box-sizing: border-box;
      padding-top: 10px; }
      @media screen and (min-width: 1024px) {
        #redemption-page .order-item-details .order-item-actions ul li {
          display: inline-block; } }
      #redemption-page .order-item-details .order-item-actions ul li:first-child {
        padding-top: 0; }
      #redemption-page .order-item-details .order-item-actions ul li button {
        height: 40px;
        width: 100%; }
        @media screen and (min-width: 1024px) {
          #redemption-page .order-item-details .order-item-actions ul li button {
            height: auto;
            width: auto; } }

#giftPin #alreadySentFlag {
  font-style: italic; }

#giftPin .giftField {
  padding: 1.25rem;
  text-align: left;
  font-weight: 600; }

#giftPin .giftField input {
  width: 100%; }

#giftPin .giftField textArea {
  width: 100%; }

#giftPin .ui-panelgrid.giftPin-grid .ui-grid-responsive .ui-panelgrid-cell {
  text-align: left; }

div#deliveryDate_panel td {
  padding: 0.3rem !important; }

/* WRAP EVERYTHING IN #faqPage like #giftPin */
/* --------------------------------------------------------------------------- */
#faqPage {
  /* MOBILE FAQ ADJUSTMENTS */
  /*--------------------------------------------------------------- */ }
  #faqPage .accordion--item {
    background-color: #ffffff;
    border-bottom: solid 1px #666666;
    margin-top: 15px; }
  #faqPage .accordion--item summary {
    cursor: pointer;
    font-size: 1.2em;
    font-weight: normal;
    margin: 0;
    padding: 15px 5px;
    text-decoration: none;
    color: #000000; }
  #faqPage .accordion--item summary:hover {
    color: #1a75cf; }
  #faqPage .accordion--item summary + blockquote {
    display: none;
    font-style: italic;
    margin: 10px 5px 30px; }
  #faqPage .accordion--item:first-child {
    margin-top: 0; }
  #faqPage .accordion.qa > .accordion--item > summary:before {
    content: 'Q: ';
    font-size: 1em;
    font-weight: bold; }
  #faqPage .accordion.qa > .accordion--item > blockquote:before {
    content: 'A: '; }
  #faqPage faqList {
    margin: 0;
    padding: 0; }
  #faqPage .layout-outline {
    margin: 0 0 30px 0;
    padding: 0;
    background-color: #ffffff !important;
    border: none !important; }
  #faqPage .layout-marginBottom30 {
    margin-bottom: 30px; }
  #faqPage .outlineHeader {
    font-size: 1.2em;
    font-weight: bold;
    margin-top: 50px;
    margin-bottom: 10px;
    text-decoration: underline;
    padding-left: 5px; }
  #faqPage .outlineHeader:first-child {
    margin-top: 0; }
  #faqPage .questions {
    text-align: left; }
  #faqPage .questions ul {
    list-style: none !important; }
  #faqPage .showHideFAQ {
    text-align: right; }
  @media screen and (min-width: 768px) {
    #faqPage .accordion--item {
      background-color: transparent;
      border-top: none;
      border-bottom: none;
      margin: 5px 0; }
    #faqPage .accordion--item summary {
      padding: 0; }
    #faqPage .accordion--item summary + blockquote {
      margin-left: 20px; }
    #faqPage .layout-outline {
      background-color: #FFFFFF;
      border: none;
      margin-bottom: 20px;
      padding: 20px; }
    #faqPage .outlineHeader {
      padding-left: 0; } }

#restricted-page {
  margin-top: 100px;
  margin-bottom: 100px; }
  #restricted-page p {
    padding-left: 10px;
    padding-right: 10px; }
  #restricted-page .resend-text {
    font-size: 1.3em;
    margin-top: 15px; }
  #restricted-page .resend-tip {
    font-size: 1em;
    margin-top: 15px;
    font-style: italic; }
  #restricted-page .bold-text {
    font-weight: bold; }
  #restricted-page .resend-box {
    border-top: 1px solid #cccccc; }

#error-page {
  margin-top: 100px;
  margin-bottom: 100px; }
  #error-page .error-text {
    font-size: 1.3em;
    margin-top: 15px;
    color: red; }
  #error-page .bold-text {
    font-weight: bold; }

/* TODO - ACTUAL MOBILE STYLES ARE BELOW  */
/* --------------------------------------------------------------------------- */
@media only print, only screen and (max-width: 1024px) {
  #login-image {
    display: none; }
  #login-form .ui-button {
    width: 100% !important; }
  footer ul.menu li {
    display: block;
    margin-bottom: 20px;
    margin-left: 0px !important; }
  #order-detail {
    padding-left: 10px; }
  /* HEADER STUFF */
  .header-content-container {
    margin: 0 auto; }
  #headerPipe {
    display: none; }
  .headerText {
    display: none; }
  #top-bar {
    display: none; }
  .headerText {
    font-size: 24px; }
  .langSwitch {
    text-align: right;
    vertical-align: 100%; }
  /* STRANGE BORDERS ON SEND GIFT MOBILE */
  .ui-panelgrid .ui-grid-responsive .ui-grid-row {
    border: none !important; }
  /* THE NEXT TWO ITEMS ARE FOR MOBILE BUTTON DISPLAY LIKE WALMART US */
  .order-item-actions li {
    display: block !important;
    padding-top: 10px; }
  .order-item-actions .ui-button {
    width: 100% !important; }
  .order-item-actions ul {
    padding-inline-start: 0 !important;
    padding-left: 1.25rem; }
  .grid50 {
    width: 100%;
    float: none; }
  .grid50 .ui-button {
    width: 90% !important; } }

#archive-login-image {
  display: none; }
  @media screen and (min-width: 1024px) {
    #archive-login-image {
      display: inline-block;
      vertical-align: top;
      margin-left: 50px; } }
  #archive-login-image img {
    width: 100%; }

#archived-order-form {
  display: inline-block;
  vertical-align: top; }
  #archived-order-form form {
    margin: 0 auto;
    max-width: 400px;
    min-width: 300px;
    width: 100%; }
  #archived-order-form .ui-panelgrid-cell {
    color: #222222 !important; }
  #archived-order-form p {
    padding-left: 10px;
    padding-right: 10px; }
  #archived-order-form .modal-message {
    font-size: 1.3em;
    margin-top: 15px; }
  #archived-order-form .modal-message2 {
    font-size: 1.3em;
    margin-top: 15px; }
  #archived-order-form div#archive-message {
    margin-top: 100px; }
  #archived-order-form div#archive-tip {
    margin-bottom: 150px; }
  #archived-order-form .message-tip {
    font-size: 1em;
    margin-top: 15px;
    font-style: italic; }
  #archived-order-form .modal-message-error-site {
    font-size: 2.5em; }
  #archived-order-form .modal-message-error {
    font-size: 2.5em;
    color: red; }
  #archived-order-form div#archive-error {
    margin-top: 150px;
    margin-bottom: 200px; }

/*# sourceMappingURL=../../../../merchants/heb/css/merchant.css.map */