.sectionHeader {
	background-image: linear-gradient(to bottom right, #e03428 , #f58e41);
}

.gradient-card {
    background: white;
    padding: 16px;
    border-radius: 8px;
    box-shadow: var(--mud-elevation-3);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    border-left: 4px solid #e03428;
}

.appBarLogo, .appBarLogoLarge {
    content: url("/themes/Peloton/PelotonLogo.png");
    height: 40px;
}

.loginLogo {
    content: url("/themes/Peloton/Logo.png");
    width: 550px;
}

.btn-primary {
    text-transform: uppercase;
    --bs-btn-bg: var(--mud-palette-primary) !important;
    --bs-btn-hover-bg: var(--mud-palette-primary-darken) !important;
}