/*
Start sidebarCards.css
*/
section.prizes-sidebar {
  width: 19rem;
}

.sidebar-left, section.prizes-sidebar, .member-sidebar-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  padding: 0 2.25rem 0 1.125rem;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sidebar-left-container, section.prizes-sidebar .sidebar-left-container, .member-sidebar-left .sidebar-left-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-right: 0;
  border-right: 0px solid transparent;
  width: 16rem;
  max-width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.sidebar-left-container > a, .sidebar-left-container > ul.sidebar-follow, section.prizes-sidebar .sidebar-left-container > a, section.prizes-sidebar .sidebar-left-container > ul.sidebar-follow, .member-sidebar-left .sidebar-left-container > a, .member-sidebar-left .sidebar-left-container > ul.sidebar-follow {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.sidebar-left-container .sidebar-item.sidebar-prize, .sidebar-left-container .sidebar-item.sidebar-raffle, .sidebar-left-container .sidebar-promo.sidebar-item, section.prizes-sidebar .sidebar-item.sidebar-prize, section.prizes-sidebar .sidebar-item.sidebar-raffle, section.prizes-sidebar .sidebar-promo.sidebar-item, .member-sidebar-left .sidebar-item.sidebar-prize, .member-sidebar-left .sidebar-item.sidebar-raffle, .member-sidebar-left .sidebar-promo.sidebar-item {
  border-bottom: none !important;
  margin: 0;
  padding: 0;
  width: 100%;
}

.sidebar-left-container .sidebar-item.sidebar-prize .sidebar-item-title, .sidebar-left-container .sidebar-item.sidebar-raffle .sidebar-item-title, .sidebar-left-container .sidebar-promo.sidebar-item .sidebar-item-title, section.prizes-sidebar .sidebar-item.sidebar-prize .sidebar-item-title, section.prizes-sidebar .sidebar-item.sidebar-raffle .sidebar-item-title, section.prizes-sidebar .sidebar-promo.sidebar-item .sidebar-item-title, .member-sidebar-left .sidebar-item.sidebar-prize .sidebar-item-title, .member-sidebar-left .sidebar-item.sidebar-raffle .sidebar-item-title, .member-sidebar-left .sidebar-promo.sidebar-item .sidebar-item-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.sidebar-left-container .sidebar-item.sidebar-prize .sidebar-item-inner, .sidebar-left-container .sidebar-item.sidebar-raffle .sidebar-item-inner, .sidebar-left-container .sidebar-promo.sidebar-item .sidebar-item-inner, section.prizes-sidebar .sidebar-item.sidebar-prize .sidebar-item-inner, section.prizes-sidebar .sidebar-item.sidebar-raffle .sidebar-item-inner, section.prizes-sidebar .sidebar-promo.sidebar-item .sidebar-item-inner, .member-sidebar-left .sidebar-item.sidebar-prize .sidebar-item-inner, .member-sidebar-left .sidebar-item.sidebar-raffle .sidebar-item-inner, .member-sidebar-left .sidebar-promo.sidebar-item .sidebar-item-inner {
  background-color: white;
  border-radius: 6px;
  padding: 1rem !important;
  margin: 0 !important;
  margin-bottom: .3rem !important;
}

.sidebar-left-container > .prize-categories:first-of-type, section.prizes-sidebar > .prize-categories:first-of-type, .member-sidebar-left > .prize-categories:first-of-type {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.sidebar-left-container > .search, section.prizes-sidebar > .search, .member-sidebar-left > .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.sidebar-left-container > .search .input-wrapper, section.prizes-sidebar > .search .input-wrapper, .member-sidebar-left > .search .input-wrapper {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.sidebar-left-container > .search .input-wrapper form, section.prizes-sidebar > .search .input-wrapper form, .member-sidebar-left > .search .input-wrapper form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.sidebar-left-containers > .search .input-wrapper form .search-form, section.prizes-sidebar > .search .input-wrapper form .search-form, .member-sidebar-left > .search .input-wrapper form .search-form {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list {
  margin-bottom: 1rem !important;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item {
  background-color: white;
  padding: 1rem;
  border-radius: 6px;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .sidebar-prize-progress {
  height: 1.5rem;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .sidebar-prize-progress .challengeProgress {
  padding: .1rem .5rem;
  height: 100%;
  background-color: teal;
  color: white;
  font-weight: 700;
  width: auto;
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  position: relative;
  z-index: 1;
  min-width: 40px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .sidebar-prize-progress .sidebar-prize-progress-bar {
  height: 100%;
  padding-left: 3rem;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .sidebar-prize-progress .sidebar-prize-progress-border {
  height: 100%;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .sidebar-item-title {
  margin-bottom: 0;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .current-offers-item-badge {
  top: -1rem;
  padding-top: 1rem;
  padding-bottom: 4rem;
  background-color: #008081;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item .current-offers-item-badge:after {
  content: "";
  position: absolute;
  left: 0;
  width: 0;
  height: 0;
  border-bottom: 0px solid transparent;
  border-left: 2rem solid;
  border-right: 2rem solid;
  border-top: 0px solid transparent;
  border-width: 10px 1.65rem !important;
  bottom: -10px !important;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item button {
  background-color: #3dbf4a;
  -webkit-transition: background-color 200ms ease-in-out;
  transition: background-color 200ms ease-in-out;
  width: 90% !important;
  color: #fff !important;
  font-size: 1rem;
  font-weight: 600 !important;
  border: none !important;
  cursor: pointer;
  padding: 0.25rem !important;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list .sidebar-mission-item button:hover {
  background-color: #1e8f29;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission ul.sidebar-mission-list li.sidebar-mission-item div.current-offers-item-badge {
  height: 4.25rem !important;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission .sidebar-mission-list:nth-of-type(2) .sidebar-mission-item .current-offers-item-badge {
  background-color: #e0ca3c;
}

div.challengeTabs div.sidebar-tabs-content--item div.sidebar-mission .sidebar-mission-list:nth-of-type(2) .sidebar-mission-item .challengeProgress {
  background-color: #e0ca3c !important;
}

.sidebar-item-inner {
    padding: 0 !important;
}

.wideSidebarLeft {
    width: 69% !important;
}

.wideSidebarLeft .gift-card {
    width: 12.75rem;
}

@media screen and (max-width: 1020px){
    .wideSidebarLeft {
        width: 100% !important;
    }
}

@media screen and (max-width: 621px){
    .current-offers-item-badge {
        text-align: center;
        color: #fff;
    }
}