/*
 * 1pRewards brand tokens only.
 * No geometry, spacing, borders, shadows, alignment or component styling.
 */

@import url("https://fonts.googleapis.com/css2?family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
@import url("https://fonts.cdnfonts.com/css/berlin-sans-fb");

body[class~="1pmobile"] {
  --onep-green: #73b62a;
  --onep-green-dark: #53960a;
  --onep-text: #404040;
  --onep-white: #ffffff;
  --onep-light: #f3f3f3;
  --background-color: var(--onep-white);
  --default-color: var(--onep-text);
  --heading-color: var(--onep-green);
  --accent-color: var(--onep-green);
  --surface-color: var(--onep-white);
  --contrast-color: var(--onep-white);
  --nav-color: var(--onep-white);
  --nav-hover-color: var(--onep-white);
  --nav-mobile-background-color: var(--onep-green-dark);
  --nav-dropdown-background-color: var(--onep-white);
  --nav-dropdown-color: var(--onep-text);
  --nav-dropdown-hover-color: var(--onep-green);
  color: var(--onep-text);
  background-color: var(--onep-white);
   font-family: roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

body[class~="1pmobile"] p,
body[class~="1pmobile"] li,
body[class~="1pmobile"] label,
body[class~="1pmobile"] input,
body[class~="1pmobile"] select,
body[class~="1pmobile"] textarea,
body[class~="1pmobile"] button,
body[class~="1pmobile"] a,
body[class~="1pmobile"] .navmenu a {
      font-family: roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

body[class~="1pmobile"] hero h1
{
	font-family: "Berlin Sans FB", Roboto, "Arial Black", "Helvetica Neue", Helvetica, Arial, sans-serif !important;
}

body[class~="1pmobile"] h1,
body[class~="1pmobile"] h2,
body[class~="1pmobile"] h3,
body[class~="1pmobile"] h4,
body[class~="1pmobile"] h5,
body[class~="1pmobile"] h6 {
  color: var(--onep-green);
   font-family: roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 300;
}

body[class~="1pmobile"] .hero h1,
body[class~="1pmobile"] .hero .small-head h6,
body[class~="1pmobile"] .works_head h3,
body[class~="1pmobile"] .section-title h2 {
  font-family: roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500;
}

body[class~="1pmobile"] a {
  color: var(--onep-green);
}

body[class~="1pmobile"] a:hover,
body[class~="1pmobile"] a:focus {
  color: var(--onep-green-dark);
}

body[class~="1pmobile"] .header,
body[class~="1pmobile"] #header,
body[class~="1pmobile"] .header.rafflehouse,
body[class~="1pmobile"] .hidden-menu .list_text {
  color: var(--onep-white);
  background-color: var(--onep-green-dark) ;
}
body[class~="1pmobile"] .header,
body[class~="1pmobile"] #header , .all_brands ,.back_site
{
	background: linear-gradient(90deg, #53960a 0%, #73b62a 25%, #73b62a 75%, #53960a 100%) !important;
}
.desktop-img
{
	right: 0;
}

body[class~="1pmobile"] .navmenu a,
body[class~="1pmobile"] .navmenu a:focus,
body[class~="1pmobile"] .navmenu li:hover > a,
body[class~="1pmobile"] .navmenu .active,
body[class~="1pmobile"] .profile-name,
body[class~="1pmobile"] .wallet-amount,
body[class~="1pmobile"] .hidden-menu a {
  color: var(--onep-white);
}

body[class~="1pmobile"] .display_top_bar {
  color: var(--onep-text);
  background-color: var(--onep-white);
}

body[class~="1pmobile"] .display_top_bar p,
body[class~="1pmobile"] .display_top_bar a {
  color: var(--onep-text);
}

body[class~="1pmobile"] .micon .tmenu,
body[class~="1pmobile"] .micon .tmenu::before,
body[class~="1pmobile"] .micon .tmenu::after {
  background-color: var(--onep-white);
}

.sc_sec
{
	padding-left: 0;
    padding-right: 0;
}

body[class~="1pmobile"] .btn-getstarted,
body[class~="1pmobile"] .btn-get-started,
body[class~="1pmobile"] .search-button,
body[class~="1pmobile"] .view_all,
body[class~="1pmobile"] .btn-view-all,
body[class~="1pmobile"] button[type="submit"]:not(.btn-close) {
  color: var(--onep-white);
  background-color: var(--onep-green);
   font-family: roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
  font-weight: 500 !important;
}

body[class~="1pmobile"] .btn-getstarted:hover,
body[class~="1pmobile"] .btn-get-started:hover,
body[class~="1pmobile"] .search-button:hover,
body[class~="1pmobile"] .view_all:hover,
body[class~="1pmobile"] .btn-view-all:hover,
body[class~="1pmobile"] button[type="submit"]:not(.btn-close):hover {
  color: var(--onep-white);
  background-color: var(--onep-green-dark);
}

body[class~="1pmobile"] #hero,
body[class~="1pmobile"] .hero {
  color: var(--onep-white);
  background: linear-gradient(90deg, #53960a 0%, #73b62a 25%, #73b62a 75%, #53960a 100%);
}

body[class~="1pmobile"] .hero h1,
body[class~="1pmobile"] .hero h2,
body[class~="1pmobile"] .hero h3,
body[class~="1pmobile"] .hero h4,
body[class~="1pmobile"] .hero h5,
body[class~="1pmobile"] .hero h6,
body[class~="1pmobile"] .hero p,
body[class~="1pmobile"] .hero li,
body[class~="1pmobile"] .hero strong {
  color: var(--onep-white) ;
}
body[class~="1pmobile"] .hero h1
{
	font-family: "Berlin Sans FB", Roboto, "Arial Black", "Helvetica Neue", Arial, sans-serif !important
}
body[class~="1pmobile"]  .btn-custom-yellow  , body[class~="1pmobile"]  .btn-custom-yellow b
{
	    font-weight: normal !important;
}
body[class~="1pmobile"]  .t1_text p.mb-0:last-of-type 
{
	    font-weight: normal !important;
}
body[class~="1pmobile"] .hero .small-head svg path {
  fill: var(--onep-white);
}

body[class~="1pmobile"] .search-container,
body[class~="1pmobile"] .form-control,
body[class~="1pmobile"] .form-select,
body[class~="1pmobile"] input,
body[class~="1pmobile"] select,
body[class~="1pmobile"] textarea {
  color: var(--onep-text);
  background-color: var(--onep-white);
}

body[class~="1pmobile"] .how_we_works,
body[class~="1pmobile"] .how_works,
body[class~="1pmobile"] .hows_works,
body[class~="1pmobile"] .gift_cards,
body[class~="1pmobile"] #gift_cards,
body[class~="1pmobile"] #terms_page,
body[class~="1pmobile"] #privacy_page,
body[class~="1pmobile"] #legal_page,
body[class~="1pmobile"] #help_page {
  color: var(--onep-text);
}

body[class~="1pmobile"] .shop_now,
body[class~="1pmobile"] #shop_now,
body[class~="1pmobile"] .rangeslider,
body[class~="1pmobile"] .brands-section,
body[class~="1pmobile"] #fav_stores {
  color: var(--onep-text);
}

body[class~="1pmobile"] .works_head h3,
body[class~="1pmobile"] .get_started h2,
body[class~="1pmobile"] .section-title h2 {
  color: var(--onep-green);
}

body[class~="1pmobile"] .works_head p,
body[class~="1pmobile"] .get_started p,
body[class~="1pmobile"] .ins_start h3,
body[class~="1pmobile"] .ins_start p,
body[class~="1pmobile"] .section-title p {
  color: var(--onep-text) ;
      font-family: roboto, "Helvetica Neue", Arial, Helvetica, sans-serif;
}

body[class~="1pmobile"] .stores_card,
body[class~="1pmobile"] .step-card,
body[class~="1pmobile"] .card-custom,
body[class~="1pmobile"] .payment-option-card,
body[class~="1pmobile"] .categories-widget,
body[class~="1pmobile"] .card_details,
body[class~="1pmobile"] .box_gift_cards,
body[class~="1pmobile"] .white-sec,
body[class~="1pmobile"] .pannel-imgs,
body[class~="1pmobile"] .modal-content {
  color: var(--onep-text);
  background-color: var(--onep-white);
}

body[class~="1pmobile"] .badge,
body[class~="1pmobile"] .step-number,
body[class~="1pmobile"] .timeline-badge,
body[class~="1pmobile"] input[type="checkbox"]:checked,
body[class~="1pmobile"] input[type="radio"]:checked,
body[class~="1pmobile"] .swiper-pagination-bullet-active {
  color: var(--onep-white);
  background-color: var(--onep-green);
}

body[class~="1pmobile"] .footer,
body[class~="1pmobile"] #footer {
  color: var(--onep-white);
  background-color: var(--onep-green-dark);
}

body[class~="1pmobile"] .footer p,
body[class~="1pmobile"] .footer li,
body[class~="1pmobile"] .footer a,
body[class~="1pmobile"] .footer .copyright,
body[class~="1pmobile"] .footer .copyright a {
  color: var(--onep-white);
}