/*  ======= QUAKUER LOYALTY DASHBOARD ======*/

.brand-section-quaker-loyaly {
  background: #F1E8DB;
  max-width: 1600px;
  margin: auto;
  display: grid;
  grid-template-columns: repeat(8, 1fr);
  grid-gap: 10px;
  align-items: center;
  padding: 10px 20px;
}

.brand-image-con-quaker {
  display: flex;
  justify-content: center;
  position: relative;
}

.brand-image-con-quaker img {
  display: block;
  max-width: 100%;
}

.opens-in-new-tab{
  display: none;
}

.brand-image-con-quaker a:hover .opens-in-new-tab{
  display: block;
  position: absolute;
  bottom: -30px;
  width: max-content;
  background-color: #ffffdd;
  border: 1px solid #b7b7b7;
  color: #000;
  padding: 5px;
  text-align: center;
  text-transform: none;
  font-size: 12px;
  font-weight: normal;
  font-family: 'Open Sans',sans-serif !important;
}


@media only screen and (max-width: 900px) {
  .brand-section-quaker-loyaly {
    grid-template-columns: repeat(4, 1fr);
  }

}


/*=== QUAKER BANNER -========*/

.quaker-loyalty-banner-con {
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  min-height: 560px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 50px 30px 40px 10%;
  color: #FFFFFF;
}

.loggged-out-banner-quaker {
  max-width: 550px;
}

.loggged-out-banner-quaker h1 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 15px;
}

.loggged-out-banner-quaker p {
  color: #FFFFFF;
}

.quaker-loyalty-banner .loyalty-header{
  color: #FEA100 !important;
}

.quaker-logged-in-banner {
  max-width: 400px;
  text-align: center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}

.quaker-login {
  color: #FFFFFF;
  background-color: #C5A785;
  padding: 10px 20px;
  border-radius: 5px;
  display: flex;
  max-width: 150px;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  transition: all 0.3s linear;
}

.quaker-login:hover {
  color: #012955;
  text-decoration: none;
}

.quaker-logged-in-banner h1 {
  color: #FEA100 !important;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
}

.quaker-logged-in-banner .points-section {
  /*max-width: 300px;*/

  padding: 30px 35px;
  margin: 0 auto;
}

.quaker-logged-in-banner .points-con {
  /*margin: 0 0 20px 0;*/
  display: flex;
  align-items: center;
}

.quaker-logged-in-banner .points-section h2 {
  color: #022955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.quaker-logged-in-banner .points-con span {
  color: #022955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

@media only screen and (max-width: 975px) {
  .quaker-loyalty-banner-con {
    justify-content: flex-start;
    min-height: 600px;
    padding: 50px 20px;
    text-align: center;
  }

  .loggged-out-banner-quaker{
    margin: 0 auto;
  }

  .quaker-logged-in-banner {
    max-width: 100%;
  }

  .quaker-loyalty-banner-con h1 {
    font-size: 30px;
  }

  .loggged-out-banner-quaker .quaker-login {
    margin: 30px auto 0 auto;
  }

  .quaker-logged-in-banner h1 {
    text-align: center;
  }
}

/*=== BITE INTO BANNER====*/

.quaker-bite-into-tr {
  padding: 50px 20px 40px 20px;
}

.quaker-bite-into-tr h2 {
  color: #012955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: center;
  margin-bottom: 20px;
}

.quaker-bite-into-tr p {
  color: #012955;
  text-align: center;
}

.quaker-bite-into-tr-icons-section {
  max-width: 1100px;
  margin: 40px auto;
  display: flex;
  justify-content: space-around;
}

.bite-into-tr-icon-con {
  display: flex;
  flex-direction: column;
  align-items: center;
  margin-bottom: 30px;
}

.bite-into-tr-icon-con img {
  display: block;
  max-width: 100%;
  margin-bottom: 20px;
}

.bite-into-tr-icon-con span {
  color: #012955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-align: center;
  line-height: normal;
  text-transform: capitalize;
}

@media only screen and (max-width: 800px) {
  .quaker-bite-into-tr-icons-section {
    flex-direction: column;
    align-items: center;
  }
}


/*JOIN BANNER 1 QUAKER*/

.join-quaker-loyalty-banner-1 {
  color: #FFFFFF;
  background-color: #022955;
  display: flex;
  padding: 20px 10%;
  justify-content: center;
  max-width: 1400px;
  margin: 0 auto;
  background-image: url(/themes/tastytheme/src/images/loyalty/quaker/bg-image-quaker-left.png), url(/themes/tastytheme/src/images/loyalty/quaker/bg-image-quaker-right.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center, right center;
}

.join-quaker-right-side-1 {
  max-width: 600px;
}

.join-quaker-right-side-1 img {
  width: 100%;
  display: block;
}

.join-quaker-left-side-1 {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 15px;
}

.join-quaker-left-side-1 .quaker-login.jsModalSignUp {
  color: #FFFFFF;
  background-color: #C5A785;
  padding: 15px 20px;
  border-radius: 5px;
  display: flex;
  max-width: 240px;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  transition: all 0.3s linear;
  text-transform: uppercase;
}

.join-quaker-left-side-1 h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
  color: #FFFFFF;
  text-align: left;
}

.join-quaker-left-side-1 p {
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}

@media only screen and (max-width: 920px) {
  .join-quaker-loyalty-banner-1 {
    background-image: none;
    flex-direction: column;
    align-items: center;
  }

  .join-quaker-left-side-1{
    padding-right: 0;
  }

  .join-quaker-left-side-1 h2,.join-quaker-left-side-1 p{
    text-align: center;
  }

  .join-quaker-left-side-1 .quaker-login.jsModalSignUp {
    margin: 20px auto 40px auto;
    text-align: center;
  }
}

/*  QUAKER STEPS TO GET REWARDED */
.quaker-steps-get-rewarded {
  background-color: #F1E8DB;
  padding: 50px 10%;
  text-align: center;
  color: #012955;
  background-image: url(/themes/tastytheme/src/images/loyalty/quaker/bg-image-quaker-left.png);
  background-repeat: no-repeat;
  background-size: contain;
  background-position: left center;
  position: relative;
}

.quaker-steps-get-rewarded h3 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
}

.quaker-steps-get-rewarded p {
  color: #012955;
}

.steps-items-con-quaker {
  display: flex;
  justify-content: space-around;
  max-width: 1300px;
  align-items: center;
  margin: 40px auto 0 auto;
}

.steps-con-quaker {
  max-width: 350px;
  margin-bottom: 40px;
  padding: 0 10px;
}


p.quaker-steps-text {
  margin: 10px 0 20px 0;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 22px;
}

hr.steps-divider-quaker {
  border-top: 6px solid #C5A785;
  width: 100px;
  margin: 0 auto 15px auto;
}

img.apple-image-quaker {
  display: block;
  position: absolute;
  top: 2%;
  right: 0;
  max-width: 100px;
}

img.oats-image-quaker {
  display: block;
  position: absolute;
  bottom: -70px;
  right: 0;
  max-width: 120px;
}

@media only screen and (max-width: 850px) {
  .quaker-steps-get-rewarded {
    background-image: none;
  }

  .steps-items-con-quaker {
    flex-direction: column;
  }

  img.apple-image-quaker {
    max-width: 50px;
  }

  img.oats-image-quaker {
    bottom: -30px;
    max-width: 70px;
  }
}


/*JOIN BANNER 2 QUAKER*/

.join-quaker-loyalty-banner-2 {
  color: #FFFFFF;
  background-color: #022955;
  display: flex;
  padding: 20px;
  justify-content: center;
  margin: 0 auto;
}

.join-quaker-right-side-2 {
  max-width: 750px;
}

.join-quaker-right-side-2 img {
  width: 100%;
  display: block;
}

.join-quaker-left-side-2 {
  max-width: 400px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding-right: 15px;
}

.join-quaker-left-side-2 .quaker-login.jsModalSignUp {
  color: #FFFFFF;
  background-color: #C5A785;
  padding: 15px 20px;
  border-radius: 5px;
  display: flex;
  max-width: 240px;
  align-items: center;
  justify-content: center;
  margin-top: 25px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  transition: all 0.3s linear;
  text-transform: uppercase;
}

.join-quaker-left-side-2 h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  font-size: 40px;
  margin-bottom: 10px;
  color: #FFFFFF;
  text-align: left;
}

.join-quaker-left-side-2 p {
  font-weight: 600;
  color: #FFFFFF;
  text-align: left;
}

@media only screen and (max-width: 850px) {
  .join-quaker-loyalty-banner-2 {
    flex-direction: column;
    align-items: center;
  }

  .join-quaker-left-side-2{
    padding-right: 0;
  }

  .join-quaker-left-side-2, .join-quaker-left-side-2 h2 ,.join-quaker-left-side-2 p{
    text-align: center;
  }

  .join-quaker-left-side-2 .quaker-login.jsModalSignUp {
    margin: 20px auto 40px auto;
  }
}


/*====== SWEEPSTAKES SECTION ===========*/
.quaker-loyalty-cta-container .loyalty-buttons-container .loyalty-button {
  color: #C5A785;
  border-bottom: solid 3px #E5E5E5;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  text-decoration: none;
  text-align: center;
}

.quaker-loyalty-cta-container .loyalty-buttons-container .loyalty-button:hover {
  color: #022955;
  border-bottom: solid 3px #022955;
  text-decoration: none;
}

.quaker-header-paragraph h2 {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  margin-bottom: 10px;
  color: #012955 !important;
}

.quaker-header-paragraph p {
  color: #012955 !important;
}

.quaker-ctas-sweepstakes-con .tab-sweepstakes-us {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  background-color: #C5A785;
  border-radius: 5px;
}

.quaker-ctas-sweepstakes-con .tab-sweepstakes-us.active {
  background-color: #022955;
}

.quaker-sweepstakes-us .us-red-btn {
  background-color: #C5A785;
  border-radius: 5px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.quaker-sweepstakes-us .contest-sweepstakes-item-body {
  padding: 30px 20px;
  text-align: left;
}

.quaker-sweepstakes-us .contest-sweepstakes-item-body p {
  color: #022955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: left;
}


.quaker-brandcontest-con .contest-sweepstakes-item-body {
  text-align: left;
  padding: 30px 20px;
}

.quaker-brandcontest-con .us-red-btn {
  background-color: #C5A785;
  border-radius: 5px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.quaker-brandcontest-con .contest-sweepstakes-item-body p {
  color: #022955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
  text-align: left;
}





/*==== ACTIVITIES =======*/
.quaker-activities-con {
  background-color: transparent !important;
}

.quaker-activities-loggedout .activity-item-body h4 {
  color: #022955;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}

.quaker-activities-loggedout .my-activities-container p {
  color: red;
}

.quaker-activities-loggedout .activity-item-body p {
  color: #022955;
}

.quaker-activities-loggedout .activity-item-body {
  background-color: #FFFFFF;
  border-bottom: solid 1px #E5E5E5;
  border-right: solid 1px #E5E5E5;
  border-left: solid 1px #E5E5E5;
}

.quaker-activities-loggedout .activity-item-body .us-red-btn {
  background-color: #022955;
  border-radius: 5px;
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 700;
}
/*========HISTORY=======*/

.quaker-ctas-history-con .cta-history {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 600;
  color: #FFFFFF;
  background-color: #C5A785;
  border-radius: 5px;
}

.quaker-ctas-history-con .cta-history.active {
  background-color: #022955;
}