html #header-logo {
  max-height: 130px !important; }

.ui-button-text {
  font-weight: bold; }

.footerCopy {
  box-sizing: border-box;
  padding-top: 63px !important; }

#login-image img {
  width: 340px !important; }

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

button#j_idt60 {
  background-color: #cccccc;
  color: #ffffff;
  border: solid 2px #cccccc; }

a.footer-menu-link {
  text-decoration: none !important; }

html body #footer-section a:hover {
  text-decoration: underline !important;
  color: #CC3300 !important; }

.charleft.originalDisplayInfo {
  font-size: 0.8em; }

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

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

#redemption-page .order-item-details {
  color: #555555 !important;
  margin-top: -20px !important; }

.order-item-status {
  margin-top: 40px;
  color: #1C2B39 !important; }

@media only print, only screen and (max-width: 1024px) {
  html body #footer-section a {
    text-decoration: underline !important; }
  #top-bar {
    display: block !important;
    height: 70px !important; }
  #header-logomobile {
    display: block !important;
    width: auto;
    margin-top: -80px;
    margin-left: 10px; }
  #header-logo {
    display: none !important; }
  a.footer-menu-link {
    font-weight: bold !important; }
  label#productDescr {
    font-size: 28px !important;
    line-height: 36px !important; }
  #header-section {
    margin-bottom: 0px !important; }
  #redemption-page .order-item-details {
    margin-top: -40px !important; }
  #redemption-page .order-item-title {
    text-align: center !important; }
  .order-item-status {
    text-align: center !important;
    color: #1C2B39 !important; } }

.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: #ffffff;
  color: #1C2B39;
  font-family: "Helvetica Neue", Helvetica Neue, Helvetica, Arial, sans-serif !important;
  font-size: 13px;
  min-width: 320px; }
  html body #top-bar {
    background-color: #D42114;
    color: #222222;
    height: 50px; }
  html body #header-section,
  html body #layout-header,
  html body #layout-contentContainer {
    background-color: #ffffff;
    color: #1C2B39; }
    html body #header-section a,
    html body #layout-header a,
    html body #layout-contentContainer a {
      color: #CC3300;
      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: #ffffff;
    color: #1C2B39;
    text-align: center; }
  html body #print-content-section {
    background-color: #ffffff;
    color: #1C2B39;
    text-align: center;
    padding: 10px; }
  html body #footer-bar {
    background-color: #D42114;
    color: #222222;
    height: 5px; }
  html body #footer-section {
    background-color: #ffffff;
    box-sizing: border-box;
    color: #041E42;
    font-size: 13px;
    padding: 10px;
    text-align: left; }
    html body #footer-section a {
      color: #CC3300;
      text-decoration: underline;
      font-size: 13px; }
      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: #CC3300;
  text-decoration: underline; }
  html a:hover {
    color: #ff4000; }

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: #D42114;
  border: solid 2px #D42114;
  color: #FFFFFF;
  border-radius: 5px; }
  html .ui-button:hover,
  html .button:hover {
    background-color: #A30028 !important;
    border: solid 2px #A30028 !important;
    color: #FFFFFF; }
  html .ui-button.invert,
  html .button.invert {
    background-color: #A30028 !important;
    color: #A30028 !important; }
    html .ui-button.invert:hover,
    html .button.invert:hover {
      background-color: #A30028 !important;
      border: solid 2px #D42114;
      color: #A30028 !important; }

html .ctaButton {
  background-color: #D42114;
  border: solid 2px #D42114;
  color: #FFFFFF;
  border-radius: 5px; }
  html .ctaButton:hover {
    background-color: #A30028 !important;
    border: solid 2px #A30028 !important; }
  html .ctaButton.invert {
    background-color: #FFFFFF;
    color: #FFFFFF; }
    html .ctaButton.invert:hover {
      background-color: #FFFFFF;
      border: solid 2px #D42114; }

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: #1C2B39; }

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

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

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

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

#archived-email-form .ui-panelgrid-cell {
  color: #003896 !important; }

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

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

@font-face {
  font-family: 'Barlow';
  src: url("../../../fonts/barlow-regular.ttf") format("truetype");
  font-weight: normal;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Barlow';
  src: url("../../../fonts/barlow-semibold.ttf") format("truetype");
  font-weight: 600;
  font-style: normal;
  font-display: swap; }

@font-face {
  font-family: 'Barlow';
  src: url("../../../fonts/barlow-extrabolditalic.ttf") format("truetype");
  font-weight: 800;
  font-style: italic;
  font-display: swap; }

@font-face {
  font-family: 'Barlow';
  src: url("../../../fonts/barlow-extra-bold.ttf") format("truetype");
  font-weight: 800;
  font-style: normal;
  font-display: swap; }

#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 .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: #CC3300; }
  #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/bjs/css/merchant.css.map */