/* Rise Rewards */
/* Definitions for Diagonal common re-styling scheme for MembershipWorks content diag-mw-common.css */

:root
{
    --rr-orange: #ef771C;
    --rr-black: black;
    --rr-darkbrown: #1a0803;
}

body
{
    --dmw-font-family: century-gothic, sans-serif;
    --dmw-font-size: 14px;
    --dmw-font-weight: 500;
    --dmw-letter-spacing: 0;
    --dmw-color-title: var(--rr-darkbrown);
    --dmw-color-link: var(--rr-black);
    --dmw-color-link-hover: var(--rr-orange);
    --SF-color-highlight: var(--rr-orange);
    --SF-color-tab-text: var(--rr-orange);
    --SF-color-outline: var(--rr-orange);
	--dmw-button-font-family: var(--dmw-font-family);
    --dmw-button-font-size: 14px;
    --dmw-button-font-weight: 700;
    --dmw-button-text-transform: none;
    --dmw-button-color: var(--rr-orange);
    --dmw-button-background-color: white;
    --SF-color-button-background: var(--dmw-button-background-color);
    --SF-border-radius-full: 10px !important;
    --SF-border-radius-half: 5px 0;
    --dmw-button-border: 2px solid var(--rr-orange);
    --dmw-button-border-radius: 30px;
    --dmw-button-color-hover: white;
    --dmw-button-background-color-hover: var(--rr-orange);
    --dmw-radio-button-background-color: var(--rr-orange);
}

/* Custom re-styling for Rise Rewards, beyond what is provided by the common scheme diag-mw-common.css */

button.SFfpybtn:not(#SFusrpaybtn-dummy)
{
    display: none; /* initially hidden, until "acknowledge" box is checked */
}

#SFusrpaybtn-dummy /* dummy disabled registration button, shown until "ackowledge" box is checked */
{
  position: relative;
  top: -14px;
  opacity: 0.5;
  font-family: century-gothic, sans-serif;
  font-size: 14px;
  font-weight: 700;
  color: var(--rr-orange);
  border: 2px solid var(--rr-orange); 
  background-color: white;
  border-radius: 30px;
  cursor: not-allowed;
  box-shadow: none;
  padding: 4.5px 14px;
  margin: 0 .5em 1px 0;
  width: auto;
  height: auto;
  line-height: 1.3em;
  text-decoration: none;
  transition: .1s;
}

#SFusrpaybtn-ack
{
    accent-color: var(--rr-orange);
}