body {
   background-image: url("/apps/resources/self_service/images/v7/login_page/Option8.png");
}

.quick-icon{
   color: #E31952 !important;
}

#main-menu-top .dynamic-main-menu-top-row {
   background-color: #E31952 !important;
}

#dynamic-main-menu-top{
   background-color: #E31952 !important;
}

.branding-stripe {
   background-color: #E31952 !important;
}

.activitySubtext{
   font-size: 1.5rem;
}

#mainlogin_blackout{
   margin-top: 5%;
   border-radius: 20px;
   padding: 5% 2%;
}

#challenge-wrapper.sf .challenge-logo-tile .challenge-logo-wrapper .challenge-logo {
   background-image: url('/apps/resources/self_service/images/treetop/StressFreeChallenge_Logo3.png');
   background-size: 100% 100%;
}
#challenge-wrapper.cyoa .challenge-logo-tile .challenge-logo{
   background-image: url("/apps/resources/self_service/images/jxwellness/CYOA_Logo_1.png");
   background-size: 50% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
   width: auto;
}

#challenge-wrapper.sf .challenge-logo-tile .challenge-logo-wrapper .challenge-logo {
   background-image: url("/apps/resources/self_service/images/jxwellness/StreeFree_Logo_3.png");
   background-size: 70% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
}
#challenge-wrapper.sf .challenge-logo-tile .challenge-logo-wrapper {
   margin: unset;
   position: unset;
}

/*2024 hydration challenge*/
#challenge-wrapper.hydration .challenge-logo-tile .challenge-logo{
   width: auto;
   height: 287px;
   margin: 0 auto;
   background-image: url("/apps/resources/self_service/images/jxwellness/2024/HydrationChallenge_Logo_v2.png");
   background-repeat: no-repeat;
   background-position: center;
   background-size: contain;
}

#challenge-wrapper.ctnt .challenge-logo-tile .challenge-logo-wrapper .challenge-logo {
   background-image: url("/apps/resources/self_service/images/jxwellness/ChooseThisNotThat_Logo.png");
   background-size: 27% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
}

#challenge-wrapper.dts .challenge-logo-tile .challenge-logo-wrapper .challenge-logo{
   background-image: url("/apps/resources/self_service/images/challenges/v4/defeat_the_seat/DefeattheSeat_Logo_v2.png");
   background-size: 70% auto;
   background-repeat: no-repeat;
   background-position-y: center;
   background-position-x: center;
}

/**For small screens*!*/
@media only screen and (max-width: 930px) {


   .activityTitle{ font-size: 1.1rem; !important}



}