/****************/
/* CUSTOM FONTS */
/* Style Guide: United Sans (headlines/buttons), Poppins (menus/copy/legal) */
/****************/
@font-face {
    font-family: 'UnitedSansReg-Heavy';
    src: url('../fonts/unitedsans/UnitedSansReg-Heavy.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'UnitedSansReg-Bold';
    src: url('../fonts/unitedsans/UnitedSansReg-Bold.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'UnitedSansReg-Medium';
    src: url('../fonts/unitedsans/UnitedSansReg-Medium.otf') format('opentype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'UnitedSansReg-Light';
    src: url('../fonts/unitedsans/UnitedSansReg-Light.otf') format('opentype');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'UnitedSansReg-Black';
    src: url('../fonts/unitedsans/UnitedSansReg-Black.otf') format('opentype');
    font-weight: 900;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Italic.ttf') format('truetype');
    font-weight: 400;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Medium.ttf') format('truetype');
    font-weight: 500;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-MediumItalic.ttf') format('truetype');
    font-weight: 500;
    font-style: italic;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-SemiBold.ttf') format('truetype');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-Bold.ttf') format('truetype');
    font-weight: 700;
    font-style: normal;
}

@font-face {
    font-family: 'Poppins';
    src: url('../fonts/poppins/Poppins-BoldItalic.ttf') format('truetype');
    font-weight: 700;
    font-style: italic;
}

/**************************/
/* GRIDVIEW TITLE FONT STYLES */
/**************************/

.transHistory {
    font-family: 'UnitedSansReg-Heavy', sans-serif;
}

/********************************/
/* CLIENT COLOR */
/********************************/
.clientColorMain {
    color: #F36C23;
} 

.clientColorSecondary {
  color: black; }

/********************************/
/* FONT SIZES FOR SMALL SCREENS */
/********************************/
h1 {
  font-size: 2rem;
  line-height: 2.25rem; }

h2 {
  font-size: 1.5rem;
  line-height: 1.7rem; }

h3 {
  font-size: 1.25rem;
  line-height: 1.5rem; }

h4 {
  font-size: 1.125rem;
  line-height: 1.5rem; }

h5 {
  font-size: 1rem; }

h6 {
  font-size: 0.9rem; }

.topMenuLinks {
    font-size: 16px;
    line-height: 16px;
    margin-left: 0rem; }

.a-top {
    font-size: 0.8rem; }

.footerLinks {
    font-size: 0.8rem; }

.welcomeText {
    font-size: 0.8rem; }

.welcomeAlign {
    text-align: center; }

.logoAlign {
    text-align: center; }

.popupBtnFontSize {
    font-size: 0.8rem !important; }

.fontText {
    font-size: 0.8rem; }

.fontLarger {
    font-size: larger; }

.fontXLarge {
    font-size: x-large; }

.logoSmallScreen {
    max-height:150px;
    margin-left: -18px; }

/****************************************/
/* FONT SIZES FOR MEDIUM/LARGER SCREENS */
/****************************************/
@media screen and (min-width: 40em) {
  h1 {
    font-size: 50px;
    line-height: 56px; }
  h2 {
    font-size: 30px;
    line-height: 34px; }
  h3 {
    font-size: 24px;
    line-height: 29px; }
  h4 {
    font-size: 18px;
    line-height: 25px; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1.1rem; } 
  .topMenuLinks {
    font-size: 16px;
    line-height: 16px;
    }
  .a-top {
    font-size: 1rem;
    }
  .footerLinks {
    font-size: 1rem;
    }
  .welcomeText {
    font-size: 1rem;
    }
  .welcomeAlign {
    text-align: right;
    }
  .logoAlign {
    text-align: right;
    }
  .popupBtnFontSize {
    font-size: 0.9rem !important;
    }
  .fontText {
    font-size: 1rem;
   }
}

/************************/
/* BODY FONT AND FORMAT */
/************************/
body {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

/****************************/
/* HEADER FONT/FORMAT/COLOR */
/****************************/
h1 {
    font-family: 'UnitedSansReg-Heavy', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #F36C23;
}

h2 {
    font-family: 'UnitedSansReg-Heavy', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #F36C23;
}

h3 {
    font-family: 'UnitedSansReg-Heavy', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #F36C23;
}

h4 {
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
    color: #F36C23;
}

h5 {
    font-family: 'UnitedSansReg-Heavy', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #F36C23;
}

h6 {
    font-family: 'UnitedSansReg-Heavy', sans-serif;
    font-weight: 500;
    text-transform: uppercase;
    color: #F36C23;
}

  .logoSmallScreen {
    max-height:100px;
    }

/********************/
/* PARAGRAPH FORMAT */
/********************/
p {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 26px;
}

/************************/
/* TOP PAGE MENU STYLES */
/************************/
.topMenuLinks {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #FFFFFF;
    margin-left: 0.6rem;
    text-decoration: none;
}

    .topMenuLinks:visited {
        color: #FFFFFF;
    }

    .topMenuLinks:hover {
        color: #F36C23;
    }

/**********************/
/* USER DROPDOWN MENU */
/**********************/
.account-dropdown .dropbtn {
  background-color: transparent;
  border: none;
  cursor: pointer;
  text-decoration: none;
  color: #FFFFFF;
  font-family: 'Poppins', sans-serif;
  font-size: 16px;
}

.account-dropdown .dropbtn:hover,
.account-dropdown .dropbtn:focus {
  background-color: transparent;
  color: #FFFFFF;
}

.account-dropdown {
  position: relative;
  display: inline-block;
  z-index: 3000;
}

.account-dropdown-panel {
  display: none;
  position: absolute;
  top: 100%;
  right: 0;
  min-width: 320px;
  background-color: #F36C23;
  opacity: 1;
  box-shadow: 0 8px 16px rgba(0, 0, 0, 0.45);
  z-index: 3001;
  padding: 0 !important;
  margin: 0 !important;
  text-align: left;
  overflow: hidden;
}

.account-dropdown-panel.show {
  display: block;
}

.account-dropdown-body {
  padding: 12px 16px 10px 16px;
  margin: 0;
}

.account-dropdown-panel .dropdown-item {
  color: #FFFFFF;
  margin: 0 0 10px 0;
  padding: 0;
  font-family: 'UnitedSansReg-Heavy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
}

.account-dropdown-panel .dropdown-item:last-child {
  margin-bottom: 0;
}

.account-dropdown-panel .dropdown-item a,
.account-dropdown-panel .dropdown-menu-link {
  color: #FFFFFF;
  font-family: 'UnitedSansReg-Heavy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  text-transform: uppercase;
  text-decoration: none;
  display: block;
  padding: 0 !important;
  margin: 0 !important;
}

.account-dropdown-panel .dropdown-item a:hover,
.account-dropdown-panel .dropdown-item a:focus,
.account-dropdown-panel .dropdown-menu-link:hover,
.account-dropdown-panel .dropdown-menu-link:focus {
  color: #000000;
  text-decoration: none;
}

.account-dropdown-panel .dropdown-balance-row {
  margin-bottom: 10px;
}

.account-dropdown-panel .welcomeText {
  font-family: 'UnitedSansReg-Heavy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 20px;
  color: #FFFFFF;
}

.menu .account-dropdown-panel .dropdown-logout-btn,
.account-dropdown-panel .dropdown-logout-btn,
.menu .account-dropdown-panel .dropdown-logout-btn:link,
.account-dropdown-panel .dropdown-logout-btn:link,
.menu .account-dropdown-panel .dropdown-logout-btn:visited,
.account-dropdown-panel .dropdown-logout-btn:visited {
  display: block !important;
  width: 100% !important;
  max-width: none !important;
  box-sizing: border-box !important;
  margin: 0 !important;
  padding: 12px 0 !important;
  background-color: #000000 !important;
  color: #FFFFFF !important;
  text-align: center;
  text-decoration: none !important;
  text-transform: uppercase;
  font-family: 'UnitedSansReg-Heavy', sans-serif;
  font-weight: 500;
  font-size: 16px;
  line-height: 18px;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

.menu .account-dropdown-panel .dropdown-logout-btn:hover,
.menu .account-dropdown-panel .dropdown-logout-btn:focus,
.menu .account-dropdown-panel .dropdown-logout-btn:visited:hover,
.menu .account-dropdown-panel .dropdown-logout-btn:visited:focus,
.account-dropdown-panel .dropdown-logout-btn:hover,
.account-dropdown-panel .dropdown-logout-btn:focus,
.account-dropdown-panel .dropdown-logout-btn:visited:hover,
.account-dropdown-panel .dropdown-logout-btn:visited:focus {
  background-color: #000000 !important;
  color: #F36C23 !important;
  text-decoration: none !important;
}

/********************/
/* MAIN MENU STYLES */
/********************/
.title-bar {
    background-color: black;
    color: white;
}

.top-bar {
    background-color: black;
    color: white;
    padding: 0rem;
}

.top-bar, .top-bar ul {
    background-color: black;
    color: white;
}

/* HAMBURGER ICON */
.menu-icon::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
    height: 2px;
    background: #FFFFFF;
    top: 0;
    left: 0;
    box-shadow: 0 7px 0 #FFFFFF, 0 14px 0 #FFFFFF;
}
.menu-icon:hover::after {
    background: #F36C23;
    box-shadow: 0 7px 0 #F36C23, 0 14px 0 #F36C23;
}

.mainMenuLinks {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color:white;
    /*font-weight: bold;*/
    text-decoration:none;
}

    .mainMenuLinks:visited{
            color:white;
    }

    .mainMenuLinks:hover {
        color: #F36C23;
    }

    .mainMenuLinks span:not(.mainMenuActiveText),
    .mainMenuLinks label:not(.mainMenuActiveText) {
        color: inherit;
    }

/* Active page in nav stays orange (Interstate pattern) */
.menu > li.mainMenuActiveItem > a.mainMenuLinks,
.menu > li.mainMenuActiveItem > a.mainMenuLinks:visited,
.menu > li.mainMenuActiveItem > a.mainMenuLinks:hover,
.menu > li.mainMenuActiveItem > a.mainMenuLinks span,
.menu > li.mainMenuActiveItem > a.mainMenuLinks label,
.dropdown.menu > li.mainMenuActiveItem > a.mainMenuLinks,
.dropdown.menu > li.mainMenuActiveItem > a.mainMenuLinks:visited,
.dropdown.menu > li.mainMenuActiveItem > a.mainMenuLinks:hover,
.dropdown.menu > li.mainMenuActiveItem > a.mainMenuLinks span,
.dropdown.menu > li.mainMenuActiveItem > a.mainMenuLinks label,
.top-bar .menu > li.mainMenuActiveItem > a,
.top-bar .menu > li.mainMenuActiveItem > a:visited,
.top-bar .menu > li.mainMenuActiveItem > a:hover,
.top-bar .menu > li.mainMenuActiveItem > a span,
.top-bar .menu > li.mainMenuActiveItem > a label,
li.mainMenuActiveItem > a,
li.mainMenuActiveItem > a:visited,
li.mainMenuActiveItem > a:hover,
li.mainMenuActiveItem > a *,
a.mainMenuLinks .mainMenuActiveText,
span.mainMenuActiveText,
label.mainMenuActiveText {
    color: #F36C23 !important;
}

.mainMenuLinksText, .mainMenuLinksText:visited, .mainMenuLinksText:hover {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px;
    line-height: 16px;
    color: white;
    /*font-weight: bold;*/
    text-decoration: none;
}

/****************************/
/* WATERMARKS & BACKGROUNDS */
/****************************/
.bkgroundImgMasterHeader {
    background-color: black;
    color: black;
    position: relative;
    z-index: 2000;
    overflow: visible;
}

.bkgroundImgMasterHeader .row,
.bkgroundImgMasterHeader .columns,
.bkgroundImgMasterHeader .menu,
.bkgroundImgMasterHeader div {
    overflow: visible;
}

div.expanded {
    position: relative;
    z-index: 1;
}

#divAfterLogIn,
#divBeforeLogIn {
    position: relative;
    z-index: 1;
}

.bkgroundImgLogin {
    background-image: url('../images/Watermark/Login/Login page watermark.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bkgroundImgAbout {
    background-image: url('../Images/Watermark/About/About page watermark.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

.bkgroundImgClaims {
    background-image: url('../Images/Watermark/Claims/Sumit a Claim page watermark.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bkgroundImgClaims h3 {
    color: #000;
}

.claimsDropZone {
    width: 100%;
    height: 150px;
    border: 2px dashed #F36C23;
    border-radius: 5px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #F36C23;
    cursor: pointer;
    text-align: center;
    font-family: 'Poppins', sans-serif;
}

.bkgroundImgAccount {
    background-image: url('../Images/Watermark/Account/Account page watermark.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bkgroundImgAccount h3 {
    color: #000;
}

.bkgroundImgEarn {
    background-image: url('../Images/Watermark/Earn/Earn page watermark.png');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    background-attachment: fixed;
}

.bkgroundImgRedeem {
    background-image: url('../Images/Watermark/Redeem/Redeem page watermark.jpeg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}

.redeemSecurityBar {
    background-color: #000000;
    width: 100%;
    box-sizing: border-box;
    padding: 18px 0.9375rem;
    margin: 0 0 0.5rem 0;
    text-align: center;
}

.redeemSecurityBar p {
    color: #FFFFFF;
    margin: 0;
    line-height: 24px;
}

.redeemSecurityBar a.regLinks2,
.redeemSecurityBar a.regLinks2:visited,
.redeemSecurityBar a.regLinks2:focus {
    color: #F36C23;
    text-decoration: none;
}

.redeemSecurityBar a.regLinks2:hover {
    color: #FFFFFF;
}

.redeemHero {
    min-height: 480px;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
}

.bkgroundImgCodeEntry {
    background-image: url('../Images/Watermark/CodeEntry/Code Entry page watermark.jpg');
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top;
    background-attachment: fixed;
}

/*****************/
/* BUTTON STYLES */
/*****************/
.button {
    font-family: 'UnitedSansReg-Bold', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 14px;
    background-color: #F36C23;
    /*border: 1px solid #C60C30;*/
    color: #FFFFFF;
    text-decoration: none;
    display: inline-flex;
    justify-content: center; /* center the content horizontally */
    align-items: center; /* center the content vertically */
    border-radius:0px; /*6px; To make round shape button*/
    box-shadow: none;
}

    .button:visited {
        background-color: #F36C23;
    }

    .button:hover {
        color: #FFFFFF;
        background-color: #000000;
        /*border: 1px solid #FFFFFF;*/
    }

    .button a:hover {
        color: #FFFFFF;
        background-color: #37424A;
        border: 1px solid #FFFFFF;
    }

.button2 {
    font-family: 'UnitedSansReg-Bold', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 14px;
    background-color: #000000;
    /*border: 1px solid #37424A;*/
    color: #FFFFFF;
    text-decoration: none;
    display: inline-flex;
    justify-content: center; /* center the content horizontally */
    align-items: center; /* center the content vertically */
    border-radius: 0px; /*6px; To make round shape button*/
    box-shadow: none;
}

    .button2:visited{
        background-color:#000000;
    }

    .button2:hover {
        color: #FFFFFF;
        background-color: #F36C23;
        /*border: 1px solid #C60C30;*/
    }

.button3 {
    font-family: 'UnitedSansReg-Bold', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    font-size: 16px;
    line-height: 14px;
    background-color:#FFFFFF;
    border: 1px solid #C60C30;
    color:#C60C30;
    text-decoration:none;
    display: inline-flex;
    justify-content: center; /* center the content horizontally */
    align-items: center; /* center the content vertically */
    border-radius: 6px; /*To make round shape button*/
    box-shadow:none;
}

    .button3:visited{
        background-color:#FFFFFF;
    }

    .button3:hover{
        color: #FFFFFF;
        background-color: #C60C30;
        border: 1px solid #FFFFFF;
    }

.buttonRedeemRewards {
    font-family: 'UnitedSansReg-Bold', sans-serif;
    font-weight: 400;
    text-transform: uppercase;
    background-color: #F36C23;
    color: #FFFFFF;
    height: 170px;
    width: 170px;
    text-decoration: none;
    font-size: larger;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

.buttonRedeemRewards:hover{
    background-color: #000000;
    color: white;
}

.buttonRedeemAccountCredits {
    font-family: 'UnitedSansReg-Bold', sans-serif;
    text-transform: uppercase;
    background-color:#C60C30;
    color:white;
    height: 170px;
    width: 170px;
    text-decoration:none;
    font-size:larger;
}

.buttonRedeemAccountCredits:hover{
    background-color:#585858;
    color: white;
}

/***************/
/* LINK STYLES */
/***************/
.regLinks, .regLinks:link, .regLinks:visited, .regLinks:focus, .regLinks:active {
    color: #F36C23;
    text-decoration: none;
    outline: none;
    background-color: transparent;
}

    a.regLinks:hover {
        color: #000000;
    }

    /* After click / returning from another tab, keep orange (no sticky black hover). */
    body.regLinks-suppress-hover a.regLinks,
    body.regLinks-suppress-hover a.regLinks:link,
    body.regLinks-suppress-hover a.regLinks:visited,
    body.regLinks-suppress-hover a.regLinks:hover,
    body.regLinks-suppress-hover a.regLinks:focus,
    body.regLinks-suppress-hover a.regLinks:active {
        color: #F36C23;
    }

.regLinks2, .regLinks2:visited, .regLinks2:focus {
    color: #F36C23;
    text-decoration: none;
    outline: none;
}

    .regLinks2:hover {
        color: #FFFFFF;
    }

.regLinksCookie, .regLinksCookie:visited, .regLinksCookie:focus {
    color: #000000;
    text-decoration: none;
    outline: none;
}

    .regLinksCookie:hover {
        color: #FFFFFF;
    }

.joinPageLinks {
    color:#A90132;
    text-decoration:none;
}

    .joinPageLinks:visited {
        color:#A90132;
        text-decoration:none;
    }

    .joinPageLinks:hover {
        color:#000000;
        text-decoration:none;
    }

.regLinksWhite, .regLinksWhite:visited {
    color:#A90132;
    text-decoration:none;
}

    .regLinksWhite:hover {
        color:white;
    }

.itemhover, .itemhover:visited {
    border: 1px solid #F1F1F1;
    display: inline-block;
}

/**************************/
/* TOOLTIP STYLES */
/**************************/
.ui-tooltip-content {
    font-size: 0.9rem;
    font-family: 'Poppins', sans-serif;
}

/**************************/
/* REDEMPTION ITEM STYLES */
/**************************/
.redeemItemsInHouseTop {
    text-align: center;
    margin: 5px;
    padding: 15px;
    border-width: 1px;
    border-style: solid solid none solid;
    border-color: silver;
}

.redeemItemsInHouseBottom {
    text-align: center;
    border-width: 1px;
    border-top: 0px;
    border-style: solid solid none solid;
    border-color: silver;
    margin: 5px;
    margin-top: -6px;
    border-bottom: 1px solid silver;
    min-height:80px;
}

.a-top {
    font-weight: bold;
    color: black;
    vertical-align: top;
    vertical-align: text-top;
    text-decoration:underline;
}

    .a-top:hover {
        font-weight: bold;
        color: black;
    }

/********************/
/* PAGE ITEM STYLES */
/********************/
.titleBox
{
    background-color: transparent;
    padding: 0px;
    margin-top: 0px;
    margin-bottom: 5px;
    border-bottom: 3px solid #37424A;
}

/* Post-login home Earn banner — same as Interstate Index.aspx (1200x250 in centered row) */
#postLogin .row .large-12.columns.fontText > p {
    margin: 0;
}

#postLogin .row .large-12.columns.fontText img.show-for-medium {
    display: block;
    width: 100%;
    height: auto;
}

.earnPage .earnHero {
   /* margin-top: 24px;*/
    margin-bottom: 24px;
}

.earnPage .earnHero img,
.earnPage .earnBanners img {
    display: block;
    width: 100%;
    height: auto;
}

.earnPage .earnIntro {
    margin-bottom: 28px;
}

.earnPage .earnIntro p {
    margin-bottom: 16px;
}

.earnPage .earnBanners a {
    display: block;
    line-height: 0;
}

.myOffersEarnBanner {
    display: block;
    line-height: 0;
}

.myOffersEarnBanner img {
    display: block;
    width: 100%;
    height: auto;
}

.myOffersSectionHeading,
h2.myOffersSectionHeading {
    color: #000 !important;
}

/* Join page: vertically center help icons with their input fields */
.joinFieldWithHelp {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-end;
}

.joinFieldWithHelp > .columns {
    float: none;
}

.joinFieldHelp {
    display: flex;
    align-items: center;
    min-height: 2.4375rem; /* Foundation text input height */
    padding-bottom: 0;
}

.joinHelpIcon {
    display: block;
    width: 20px;
    height: 20px;
    margin: 0;
}

@media screen and (min-width: 40em) {
    .earnPage .earnBanners .columns:first-child {
        padding-right: 0;
    }

    .earnPage .earnBanners .columns:last-child {
        padding-left: 0;
    }
}

.earnPage .earnCopy {
    padding-top: 18px;
    padding-bottom: 60px;
}

.earnPage .earnCopy h3 {
    color: #000;
    margin-top:25px;
    margin-bottom: 22px;
}

.earnPage .earnCopy h3:first-child {
    margin-top: 0;
}

.earnPage .earnCopy p {
    margin-bottom: 0;
    line-height: 26px;
}

.earnPage h6.earnGeneral {
    color: #000000;
    text-transform: none;
    font-family: 'Poppins', sans-serif;
    font-weight: 600;
    font-size: 18px;
    line-height: 24px;
    margin-top: 12px;
    margin-bottom: 18px;
}

.earnPage .earnCopy ul {
    margin-top: 4px;
    margin-bottom: 0;
    padding-left: 22px;
    list-style-type: disc;
}

.earnPage .earnCopy li {
  /*  margin-bottom: 22px;
    line-height: 26px;*/
    padding-left: 6px;
}

.earnPage .earnCopy li:last-child {
    margin-bottom: 0;
}

.earnPage .earnEmail {
    text-decoration: underline;
}

.titleBoxLight
{
    background-color: transparent;
    padding: 5px;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid silver;
}

.no-left-padding {
    padding-left: 0px;
}

.field-validation-error {
    color: #e80c4d;
    font-weight: normal;
    font-size: 0.8rem;
}

.validation-summary-errors {
    color: #e80c4d;
    font-weight: normal;
    font-size: 1em;
}

.fileUpload {
    max-width: 560px;
}

.calendar {
    background-color: #FFFFFF;
}

.gvhover {
    color: white;
}
.gvhover a {
    color: white;
}
.legalSize {
    font-size: 14px;
    line-height: 20px;
}

.gvhover a:hover {
    color: #3598DB;
}

/**************************/
/* POPUP BACKGROUND STYLE */
/**************************/
.modalPopupExtenderBackground 
{
    height:100%;
    background-color:#EBEBEB;
    filter:alpha(opacity=70);
    opacity:0.7;
}

.w9Popup {
    border: 4px solid #000000;
    background-color: #000000;
    padding: 24px 20px;
}

.w9Popup h2 {
    color: #F36C23;
    margin-top: 0;
    margin-bottom: 16px;
}

.w9Popup p {
    color: #FFFFFF;
}

.w9Popup a,
.w9Popup a:visited {
    color: #F36C23;
    text-decoration: underline;
}

.w9Popup a:hover {
    color: #FFFFFF;
}

.w9OnlineBox {
    background-color: #f4f4f4;
    padding: 16px 8px 24px 8px;
    margin: 24px 0;
}

.w9Success {
    color: #000000;
    font-weight: bold;
    font-size: 1em;
}

.popupImageSize {
    width:100%;
    max-width:460px;
}

/**************************/
/* PRIVACY PAGE ACCORDION */
/**************************/
.accordion-title {
    font-size:medium;
    font-weight:bold;
    color:#000 !important;
    text-decoration:none;
    padding-right:32px;
}

.accordion-title a {
    font-size:medium;
    font-weight:bold;
    color:#000 !important;
    text-decoration:none;
}

.accordion-title a:visited {
     color:#5B5B5B !important;
}

.accordion-title a:hover {
     color:#5B5B5B !important;
}

.accordion-title:visited {
     color:#5B5B5B !important;
}

.accordion-title:hover {
     color:#5B5B5B !important;
}

/*****************/
/* FOOTER STYLES */
/*****************/
.footer {
    background-color:#000000; 
    background-size:cover;
    padding-top: 40px;
    padding-bottom: 28px;
}

.footerText {
    text-align: center;
    margin-top: 0;
}

.footerText p:first-child {
    margin-bottom: 18px;
}

.footerLinks {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    color: #F36C23;
    text-decoration: none;
    /*    margin-left: 1.1rem;*/
    margin-right: 1.1rem;
}

.footerLinks.footerLinkSite {
    text-decoration: underline;
}

    .footerLinks:visited {
        color: #F36C23;
    }

    .footerLinks:hover {
        color: white;
    }

.footerLegal {
    color:#FFFFFF;
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    line-height:16px; 
    font-size:13px;
}

.footerAddress {
    color:#FFFFFF;
    font-size:small;
}

cookieFooter {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #F36C23;
    color: white;
    text-align: center;
}

.cookieFooter {
    position: fixed !important;
    left: 0;
    bottom: 0;
    width: 100%;
    background-color: #F36C23;
    color: white;
    text-align: center;
}

/* Mobile auto-linked phone numbers (Privacy Special Assistance) — match brand orange */
#phoneNum,
#phoneNum a,
#phoneNum a[href^="tel"],
#phoneNum a[href^="tel"]:link,
#phoneNum a[href^="tel"]:visited,
#phoneNum a[href^="tel"]:hover,
#phoneNum a[href^="tel"]:focus,
#phoneNum a[href^="tel"]:active {
    color: #F36C23 !important;
    text-decoration: none;
}

/* Body copy lists must match <p> (16px / 26px).
   .fontText is 0.8rem on mobile, so lists were inheriting ~12.8px while
   paragraphs stay 16px via the global p {} rule — that made bullets look smaller. */
#body ul:not(.menu):not(.accordion):not(.dropdown):not(.pagination):not(.tabs),
#body ol,
#body ul:not(.menu):not(.accordion):not(.dropdown):not(.pagination):not(.tabs) > li,
#body ol > li,
.fontText ul:not(.menu):not(.accordion),
.fontText ol,
.fontText ul:not(.menu):not(.accordion) > li,
.fontText ol > li,
.accordion-content,
.accordion-content ul,
.accordion-content ol,
.accordion-content li,
.earnPage .earnCopy ul,
.earnPage .earnCopy li {
    font-family: 'Poppins', sans-serif;
    font-weight: 400;
    font-size: 16px !important;
    line-height: 26px;
}

/* Profile help icons — keep consistent size on mobile */
img.profileHelpIcon {
    width: 20px !important;
    height: 20px !important;
    min-width: 20px;
    max-width: 20px;
    display: inline-block;
}

/* Account activity table — horizontal scroll so Status/Notes show on mobile */
.bkgroundImgAccount .accountTableColumn {
    min-width: 0;
}

.bkgroundImgAccount .accountTableScroll {
    display: block;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    width: 100%;
    max-width: 100%;
    min-width: 0;
    box-sizing: border-box;
}

.bkgroundImgAccount .accountTableScrollInner {
    display: inline-block;
    min-width: 100%;
    vertical-align: top;
}

.bkgroundImgAccount .accountTableScroll .accountActivityGrid {
    width: auto !important;
    min-width: 720px !important;
    max-width: none !important;
    table-layout: auto !important;
}

.bkgroundImgAccount .accountTableScroll .accountActivityGrid th,
.bkgroundImgAccount .accountTableScroll .accountActivityGrid td {
    white-space: nowrap;
}