/* CMCC Web V2 Global Styles */
:root {
--cmrc-green: #90c838;
--cmrc-dark: #2b2b2b;
--cmrc-darker: #0a1628;
--cmrc-text-light: #e0e0e0;
--cmrc-text-white: #ffffff;
--cmrc-font-main: 'Helvetica Neue', Helvetica, Arial, sans-serif;
--cmrc-card-bg: #3a3a3a;
--cmrc-card-alt-bg: #333333;
--cmrc-border: #444444;
}
/* AGGRESSIVE CMS RESET */
.cmrc-v2,
.cmrc-v2 h1,
.cmrc-v2 h2,
.cmrc-v2 h3,
.cmrc-v2 p,
.cmrc-v2 span,
.cmrc-v2 a,
.cmrc-v2 div,
.cmrc-v2 strong {
font-family: var(--cmrc-font-main) !important;
}
.cmrc-v2 {
color: var(--cmrc-text-light) !important;
background-color: var(--cmrc-dark) !important;
box-sizing: border-box !important;
}
.cmrc-v2 *,
.cmrc-v2 *::before,
.cmrc-v2 *::after {
box-sizing: inherit;
}
/*
* HERO COMPONENT
* Uses negative margins to break out of CMS content constraints
*/
.cmrc-v2-hero {
position: relative;
width: 100vw;
left: 50%;
right: 50%;
margin-left: -50vw;
margin-right: -50vw;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
overflow: hidden;
background-color: var(--cmrc-darker) !important;
padding: 45px 20px 60px;
margin-top: -20px;
}
.cmrc-v2-hero-bg {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 0;
background-size: cover;
background-position: center 40%;
background-repeat: no-repeat;
transform: scale(1.08);
/* Hide baked-in borders */
}
.cmrc-v2-hero-overlay {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1;
background: linear-gradient(180deg, rgba(10, 22, 40, 0.20) 0%, rgba(10, 22, 40, 0.35) 60%, rgba(10, 22, 40, 0.55) 100%);
}
.cmrc-v2-hero-content {
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
}
.cmrc-v2-hero-logo {
width: 440px;
height: auto;
max-width: 70%;
filter: drop-shadow(0 2px 12px rgba(0, 0, 0, 0.7)) brightness(1.3);
margin: 40px 0 70px;
}
/* BUTTONS */
.cmrc-v2 .cmrc-v2-btn {
display: inline-block;
padding: 16px 44px;
font-size: 18px !important;
font-weight: 700 !important;
letter-spacing: 1.5px !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--cmrc-text-white) !important;
background-color: var(--cmrc-green) !important;
border: 2px solid var(--cmrc-green) !important;
border-radius: 4px;
cursor: pointer;
transition: all 0.3s ease;
}
.cmrc-v2 .cmrc-v2-btn:hover {
background-color: transparent !important;
color: var(--cmrc-green) !important;
text-decoration: none !important;
}
/* SECTION CONTAINERS */
.cmrc-v2-section {
padding: 40px 20px;
max-width: 1200px;
margin: 0 auto;
}
.cmrc-v2-section-title {
font-size: 26px !important;
font-weight: 700 !important;
color: var(--cmrc-text-white) !important;
margin-top: 0 !important;
margin-bottom: 18px !important;
letter-spacing: 0.5px !important;
}
.cmrc-v2-text {
font-size: 18px !important;
line-height: 1.6 !important;
margin-top: 0 !important;
margin-bottom: 20px !important;
color: var(--cmrc-text-light) !important;
}
.cmrc-v2-text strong {
color: var(--cmrc-text-white) !important;
}
/* QUICK LINKS GRID */
.cmrc-v2-quick-links {
display: grid;
grid-template-columns: repeat(4, 1fr);
gap: 20px;
margin-top: 20px;
margin-bottom: 30px;
position: relative;
z-index: 10;
}
.cmrc-v2 .cmrc-v2-quick-link-item {
background: var(--cmrc-card-bg) !important;
border-radius: 8px;
padding: 20px;
text-align: center;
text-decoration: none !important;
color: var(--cmrc-text-white) !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
transition: transform 0.2s, box-shadow 0.2s;
display: flex;
flex-direction: column;
align-items: center;
border-top: 4px solid var(--cmrc-green) !important;
aspect-ratio: 4 / 3;
justify-content: center;
font-size: 22px !important;
font-weight: 700 !important;
gap: 15px;
}
.cmrc-v2 .cmrc-v2-quick-link-item span {
color: var(--cmrc-text-white) !important;
}
.cmrc-v2 .cmrc-v2-quick-link-item:hover {
transform: translateY(-5px);
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
color: var(--cmrc-green) !important;
text-decoration: none !important;
}
.cmrc-v2 .cmrc-v2-quick-link-item:hover span {
color: var(--cmrc-green) !important;
}
.cmrc-v2-quick-link-icon {
margin-bottom: 12px;
}
/* FEATURED NEWS CARDS */
.cmrc-v2-cards-grid {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
gap: 20px;
}
.cmrc-v2 .cmrc-v2-card {
background-color: var(--cmrc-card-alt-bg) !important;
border-radius: 6px;
overflow: hidden;
text-decoration: none !important;
color: var(--cmrc-text-light) !important;
transition: transform 0.2s;
display: flex;
flex-direction: column;
}
.cmrc-v2 .cmrc-v2-card:hover {
transform: translateY(-3px);
text-decoration: none !important;
}
.cmrc-v2-card-img {
width: 100%;
height: 180px;
object-fit: cover;
}
.cmrc-v2-card-content {
padding: 15px;
flex-grow: 1;
}
.cmrc-v2-card-title {
color: var(--cmrc-green) !important;
font-size: 18px !important;
font-weight: 700 !important;
margin: 0 0 10px 0 !important;
line-height: 1.4 !important;
}
.cmrc-v2-card-desc {
color: var(--cmrc-text-light) !important;
font-size: 15px !important;
line-height: 1.5 !important;
margin: 0 !important;
}
/* SPONSOR CAROUSEL */
.cmrc-v2-sponsor-grid {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 20px;
align-items: center;
}
.cmrc-v2-sponsor-img {
max-width: 100%;
max-height: 100%;
object-fit: contain;
opacity: 0.8;
transition: opacity 0.2s, transform 0.2s;
}
.cmrc-v2-sponsor-img:hover {
opacity: 1;
transform: scale(1.05);
}
/* HYPERLINKS */
.cmrc-v2 a {
color: var(--cmrc-green) !important;
text-decoration: none !important;
font-weight: 700 !important;
}
.cmrc-v2 a:hover {
text-decoration: underline !important;
}
.cmrc-v2-sponsor-box {
background-color: #ffffff !important;
border-radius: 8px;
padding: 15px;
width: 200px;
height: 140px;
display: flex;
justify-content: center;
align-items: center;
filter: grayscale(100%);
opacity: 0.6;
transition: all 0.4s ease;
text-decoration: none !important;
box-sizing: border-box;
}
.cmrc-v2-sponsor-box:hover {
filter: grayscale(0%);
opacity: 1;
transform: translateY(-5px);
}
/* SPONSORSHIP PAGE SPECIFIC */
.cmrc-v2-tier-title {
color: var(--cmrc-green) !important;
font-size: 24px !important;
font-weight: 700 !important;
margin: 40px 0 20px 0 !important;
text-transform: uppercase;
letter-spacing: 1px;
border-bottom: 1px solid #444;
padding-bottom: 8px;
text-align: center !important;
}
.cmrc-v2-table {
width: 100%;
border-collapse: separate;
border-spacing: 0;
border-radius: 8px;
overflow: hidden;
margin: 30px 0;
}
.cmrc-v2-table thead tr {
background-color: #c3c5be !important;
color: #000000 !important;
}
.cmrc-v2-table th {
padding: 15px !important;
text-align: left !important;
font-weight: 700 !important;
font-size: 18px !important;
}
.cmrc-v2-table td {
padding: 20px !important;
vertical-align: top !important;
line-height: 1.5 !important;
}
.cmrc-v2-table ul {
margin: 0 !important;
padding-left: 20px !important;
}
.cmrc-v2-table li {
margin-bottom: 10px !important;
}
.cmrc-v2-table strong {
color: #000000 !important;
}
/* ----------------------------------------
TeamSideline Native Calendar Widget Overrides
---------------------------------------- */
/* Center the calendar wrapper and align padding with V2 standard */
.calendarListView {
max-width: 1200px !important;
margin: 40px auto !important;
padding: 0 20px !important;
}
/* Style the Calendar section title */
.calendarListView .calendarHeader {
font-family: var(--cmrc-font-main) !important;
font-size: 26px !important;
font-weight: 700 !important;
color: var(--cmrc-text-white) !important;
margin-top: 0 !important;
margin-bottom: 24px !important;
text-transform: uppercase !important;
letter-spacing: 1.5px !important;
border-bottom: 2px solid var(--cmrc-green) !important;
padding-bottom: 8px !important;
display: inline-block !important;
}
/* Modernize the event cards to match dark V2 cards */
.calendarListView .calendarDateContainer {
background-color: var(--cmrc-card-bg) !important;
border: 1px solid var(--cmrc-border) !important;
border-left: 4px solid var(--cmrc-green) !important;
border-radius: 8px !important;
padding: 16px !important;
margin-bottom: 20px !important;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3) !important;
transition: transform 0.2s ease, box-shadow 0.2s ease !important;
height: 100% !important; /* Make cards uniform in height inside grid rows */
display: block !important;
}
.calendarListView .calendarDateContainer:hover {
transform: translateY(-3px) !important;
box-shadow: 0 8px 25px rgba(0, 0, 0, 0.4) !important;
border-color: var(--cmrc-green) !important;
border-left-color: var(--cmrc-green) !important;
}
/* Strip default Telerik wrapper styling */
.calendarListView .calendarContainer {
background: transparent !important;
background-color: transparent !important;
border: none !important;
padding: 0 !important;
margin: 0 !important;
display: flex !important;
align-items: center !important;
gap: 15px !important;
}
/* Style the Date Badge block */
.calendarListView .date {
background-color: var(--cmrc-darker) !important;
color: var(--cmrc-text-white) !important;
border: 1px solid var(--cmrc-border) !important;
border-radius: 6px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
width: 60px !important;
height: 60px !important;
min-width: 60px !important;
padding: 6px !important;
text-align: center !important;
float: none !important; /* Override native float */
margin: 0 !important;
}
/* Month text */
.calendarListView .date span {
font-size: 11px !important;
font-weight: 700 !important;
text-transform: uppercase !important;
color: var(--cmrc-green) !important;
line-height: 1.2 !important;
display: block !important;
}
/* Day number */
.calendarListView .date .DayNumber {
font-size: 20px !important;
font-weight: 800 !important;
color: var(--cmrc-text-white) !important;
line-height: 1.1 !important;
margin: 0 !important;
padding: 0 !important;
background: transparent !important; /* Strip default white bg */
border: none !important;
}
/* Style the Event Title link */
.calendarListView a.calendarLink {
color: var(--cmrc-text-white) !important;
font-size: 16px !important;
font-weight: 700 !important;
line-height: 1.4 !important;
text-decoration: none !important;
transition: color 0.2s ease !important;
display: block !important;
}
.calendarListView a.calendarLink:hover {
color: var(--cmrc-green) !important;
text-decoration: none !important;
}
/* Star Icon Accent */
.calendarListView a.calendarLink span i.fa-star {
color: var(--cmrc-green) !important;
margin-right: 6px !important;
}
/* Flexbox Reordering to push native Calendar below custom HTML content */
#ContentPanel {
display: flex !important;
flex-direction: column !important;
}
/* Enable display: contents on the custom content wrappers to promote their sections to flex items of #ContentPanel */
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv,
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv #cbcontent,
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv .row,
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv .column,
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv .cmrc-v2 {
display: contents !important;
}
/* Default order for all homepage widgets is 10 (placed at the bottom) */
div[id^="ContentPlaceHolder1_HomeControlControl_"] {
order: 10;
}
/* Explicit ordering for active widgets and custom sections */
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv .cmrc-v2-hero {
order: 1 !important;
}
#ContentPlaceHolder1_HomeControlControl_ctl01_CalendarLayoutPanel {
order: 2 !important;
}
#ContentPlaceHolder1_HomeControlControl_ctl03_PageTextDiv section {
order: 3 !important;
}
#ContentPlaceHolder1_HomeControlControl_ctl00_GameScrollerDiv {
order: 4 !important;
}
#ContentPlaceHolder1_HomeControlControl_ctl02_ProgramsBlockPanel {
order: 5 !important;
}
/* MOBILE & TABLET OPTIMIZATIONS */
body, #PageContainer {
overflow-x: hidden !important;
}
#mainContainer, #ContentPanel, .cbcontainer {
overflow: visible !important;
}
/* Scrollable Telerik Native Tables on Mobile */
.RadGrid_Bootstrap {
width: 100% !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch !important;
display: block !important;
}
@media (max-width: 992px) {
.cmrc-v2-quick-links {
grid-template-columns: repeat(2, 1fr) !important;
gap: 15px !important;
}
}
@media (max-width: 768px) {
.cmrc-v2-hero {
padding: 30px 15px 40px !important;
}
.cmrc-v2-hero-logo {
width: 320px !important;
margin: 20px 0 40px !important;
}
.cmrc-v2 .cmrc-v2-btn {
padding: 12px 30px !important;
font-size: 16px !important;
}
.cmrc-v2-section {
padding: 30px 15px !important;
}
.PageTitle, h2.PageTitle, #TitlePanel h1 {
padding: 40px 15px !important;
font-size: 22px !important;
letter-spacing: 1px !important;
}
/* Collapsible Custom Tables */
.cmrc-v2-table,
.cmrc-v2-table thead,
.cmrc-v2-table tbody,
.cmrc-v2-table tr,
.cmrc-v2-table td,
.cmrc-v2-table th {
display: block !important;
width: 100% !important;
}
.cmrc-v2-table thead {
display: none !important;
}
.cmrc-v2-table tr {
margin-bottom: 15px !important;
border: 1px solid var(--cmrc-border) !important;
border-radius: 6px !important;
background-color: var(--cmrc-darker) !important;
}
.cmrc-v2-table td {
text-align: left !important;
padding: 12px 15px !important;
border-bottom: 1px solid var(--cmrc-dark) !important;
}
.cmrc-v2-table td:last-child {
border-bottom: none !important;
}
.cmrc-v2-table td strong {
color: var(--cmrc-text-white) !important;
}
}
@media (max-width: 576px) {
input[type="text"],
input[type="email"],
input[type="tel"],
textarea {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
}
/* comfortable full-width button targets on small screens */
.cmrc-v2 .cmrc-v2-btn,
input[type="submit"],
#ctl00_ContentPlaceHolder1_ContactOrgControl_SubmitButton_input,
#ctl00_ContentPlaceHolder1_ContactOrgControl_CancelButton_input,
[id*="CurrentProgramsControl_ProgramsListView"][id*="EnrollButton_input"],
[id*="CurrentProgramsControl_ProgramsListView"][id*="VolunteerButton_input"],
[id*="CurrentProgramsControl_ProgramsListView"][id*="MoreButton_input"],
#ctl00_ContentPlaceHolder1_ProgramDetailControl_EnrollImageButton_input,
#ctl00_ContentPlaceHolder1_ProgramDetailControl_VolunteerButton_input,
span.RadButton input.rbDecorated,
span.RadButton_Bootstrap input[type="button"],
span.RadButton_Bootstrap input[type="submit"],
.currentProgramEnrollButton input {
display: block !important;
width: 100% !important;
text-align: center !important;
padding: 14px 20px !important;
margin-bottom: 10px !important;
box-sizing: border-box !important;
}
/* Force button wrappers to stack cleanly as block elements and strip default dark backgrounds */
span.RadButton,
span.RadButton_Bootstrap,
.currentProgramEnrollButton,
[id*="CurrentProgramsControl_ProgramsListView"][id$="EnrollButton"],
[id*="CurrentProgramsControl_ProgramsListView"][id$="VolunteerButton"],
[id*="CurrentProgramsControl_ProgramsListView"][id$="MoreButton"],
#ctl00_ContentPlaceHolder1_ProgramDetailControl_EnrollImageButton,
#ctl00_ContentPlaceHolder1_ProgramDetailControl_VolunteerButton {
display: block !important;
width: 100% !important;
float: none !important;
margin-right: 0 !important;
margin-bottom: 10px !important;
height: auto !important;
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
box-shadow: none !important;
}
}
@media (max-width: 480px) {
.cmrc-v2-hero-logo {
width: 260px !important;
margin: 15px 0 30px !important;
}
.cmrc-v2 .cmrc-v2-quick-link-item {
aspect-ratio: auto !important;
min-height: 90px !important;
padding: 15px !important;
font-size: 18px !important;
}
.cmrc-v2-quick-links {
grid-template-columns: 1fr !important;
gap: 12px !important;
}
.cmrc-v2-section-title {
font-size: 22px !important;
}
.cmrc-v2-text {
font-size: 16px !important;
}
.cmrc-v2-sponsor-box {
width: 140px !important;
height: 100px !important;
padding: 10px !important;
}
}
/* SYSTEM PAGE OVERRIDES (For Newsletter Signup, etc.) */
/* Ensure the body and main containers respect the dark theme */
body, #ctl00_MainBody {
background-color: var(--cmrc-dark) !important;
color: var(--cmrc-text-light) !important;
}
/* Fix titles on system pages and force a hero-style banner */
.PageTitle, h2.PageTitle, #TitlePanel h1 {
position: relative !important;
width: 100vw !important;
left: 50% !important;
right: 50% !important;
margin-left: -50vw !important;
margin-right: -50vw !important;
margin-top: -20px !important; /* Align with top of content area */
margin-bottom: 40px !important;
padding: 80px 20px !important;
background-color: var(--cmrc-darker) !important;
background-image: url('http://d2jqoimos5um40.cloudfront.net/site_2049/37856b.jpg') !important;
background-size: cover !important;
background-position: center 40% !important;
background-attachment: fixed; /* Parallax effect */
color: var(--cmrc-text-white) !important;
font-weight: 700 !important;
font-size: 32px !important;
text-align: center !important;
text-transform: uppercase;
letter-spacing: 2px;
display: flex !important;
align-items: center !important;
justify-content: center !important;
overflow: hidden;
z-index: 1;
}
/* Add the dark overlay to the forced banner */
.PageTitle::before, #TitlePanel h1::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: linear-gradient(180deg, rgba(10, 22, 40, 0.4) 0%, rgba(10, 22, 40, 0.7) 100%);
z-index: -1;
}
/* Ensure the text stays readable and centered */
.PageTitle, #TitlePanel h1 {
text-shadow: 0 2px 10px rgba(0,0,0,0.8);
}
/* Style the informational message boxes */
.InformationMessage, #PageTitleTextDiv.alert-primary {
background-color: var(--cmrc-darker) !important;
color: var(--cmrc-text-white) !important;
border: 1px solid var(--cmrc-border) !important;
border-left: 4px solid var(--cmrc-green) !important;
padding: 20px !important;
border-radius: 4px !important;
margin-bottom: 30px !important;
font-size: 16px !important;
}
/* Fix form labels and instructions */
.Label, .FormLabel, .InstructionMessage, label {
color: var(--cmrc-text-light) !important;
font-size: 16px !important;
}
.InstructionMessage {
display: block;
margin-top: 5px;
margin-bottom: 15px;
opacity: 0.9;
}
/* Style input fields for better visibility */
input[type="text"], input[type="email"], input[type="tel"], textarea {
background-color: var(--cmrc-card-bg) !important;
border: 1px solid #555 !important;
color: var(--cmrc-text-white) !important;
padding: 10px !important;
border-radius: 4px !important;
margin-bottom: 10px !important;
}
input[type="text"]:focus {
border-color: var(--cmrc-green) !important;
outline: none;
}
/* Style the system submit buttons to match V2 theme */
input[type="submit"], #ctl00_ContentPlaceHolder1_NewsletterSignUpControl_submitButton {
display: inline-block !important;
padding: 12px 35px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--cmrc-text-white) !important;
background-color: var(--cmrc-green) !important;
border: 2px solid var(--cmrc-green) !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
height: auto !important;
line-height: normal !important;
}
input[type="submit"]:hover {
background-color: transparent !important;
color: var(--cmrc-green) !important;
}
/* Fix the white footer/bottom container in system forms */
.NewsletterSignUp .rbConfig,
#ctl00_ContentPlaceHolder1_NewsletterSignUpControl_NewsletterSignUpPanel .rbConfig {
background-color: var(--cmrc-darker) !important;
border-top: 1px solid var(--cmrc-border) !important;
padding: 20px !important;
margin-top: 20px !important;
border-radius: 0 0 8px 8px !important;
color: var(--cmrc-text-light) !important; /* Fixes "Required Fields" text color */
}
/* Ensure any spans or labels inside that box are also light-colored */
.NewsletterSignUp .rbConfig span,
.NewsletterSignUp .rbConfig b {
color: var(--cmrc-text-light) !important;
}
/* Newsletter Footer Box Overrides */
.wellButtonFooter {
background-color: var(--cmrc-dark) !important;
border: none !important;
}
.requiredFieldLegend, .iconRequired {
color: var(--cmrc-text-white) !important;
}
/* Contact Page Buttons */
#ctl00_ContentPlaceHolder1_ContactOrgControl_SubmitButton,
#ctl00_ContentPlaceHolder1_ContactOrgControl_CancelButton {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
padding: 0 !important;
width: auto !important;
margin-right: 15px !important;
}
#ctl00_ContentPlaceHolder1_ContactOrgControl_SubmitButton_input,
#ctl00_ContentPlaceHolder1_ContactOrgControl_CancelButton_input {
display: inline-block !important;
padding: 12px 35px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--cmrc-text-white) !important;
background-color: var(--cmrc-green) !important;
background-image: none !important;
border: 2px solid var(--cmrc-green) !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
height: auto !important;
line-height: normal !important;
width: auto !important;
box-sizing: border-box !important;
}
#ctl00_ContentPlaceHolder1_ContactOrgControl_SubmitButton_input:hover,
#ctl00_ContentPlaceHolder1_ContactOrgControl_CancelButton_input:hover {
background-color: transparent !important;
color: var(--cmrc-green) !important;
}
/*
* TEAMSIDELINE DEFAULT COMPONENT HIDING
* Aggressively hides unwanted default components and containers to clean up V2 theme
*/
/* Hide default News and Sponsors Sections (Containers) */
#ctl00_ContentPlaceHolder1_HomeControlControl_ctl06,
#ctl00_ContentPlaceHolder1_HomeControlControl_ctl07,
div[id*="HomeControlControl_ctl06"],
div[id*="HomeControlControl_ctl07"] {
display: none !important;
height: 0 !important;
visibility: hidden !important;
margin: 0 !important;
padding: 0 !important;
}
/* Hide default Header utilities (Sign In/Cart Panels and Links) */
#ctl04_UserSignInHyperLink,
#ctl04_CartHyperLink2,
#ctl04_UserSignInPanel,
#ctl04_CartPanel {
display: none !important;
}
/* Hide default Footer widgets, Social Media, and "Powered By" branding */
#ctl00_divFooterLinks,
#ctl00_divSocialMedia,
#ctl00_divFooterSocial,
#ctl00_divPoweredBy {
display: none !important;
}
/* Hide default Legal and Admin links in the footer area */
#TermsOfServiceHyperLink,
#RefundPolicyHyperLink,
#PrivacyPolicyHyperLink,
#AdminSignInHyperLink {
display: none !important;
}
/* ----------------------------------------
TeamSideline Native Program List Overrides (BRUTE FORCE EXACT IDs)
---------------------------------------- */
.col8WidthPrograms, .col8WidthPrograms p, .col8WidthPrograms span, .col8WidthPrograms div, .col8WidthPrograms strong {
color: var(--cmrc-text-light) !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
.col8WidthPrograms a {
color: var(--cmrc-green) !important;
text-decoration: underline !important;
}
.col4WidthPrograms img.programImage {
border-radius: 8px !important;
border: 2px solid #4a5a2e !important;
}
[id*="CurrentProgramsControl_ProgramsListView"][id*="ProgramNameLabel"] {
font-size: 20px !important;
color: var(--cmrc-green) !important;
display: block !important;
margin-bottom: 10px !important;
}
[id*="CurrentProgramsControl_ProgramsListView"][id$="EnrollButton"],
[id*="CurrentProgramsControl_ProgramsListView"][id$="VolunteerButton"],
[id*="CurrentProgramsControl_ProgramsListView"][id$="MoreButton"] {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
padding: 0 !important;
width: auto !important;
}
[id*="CurrentProgramsControl_ProgramsListView"][id*="EnrollButton_input"],
[id*="CurrentProgramsControl_ProgramsListView"][id*="VolunteerButton_input"],
[id*="CurrentProgramsControl_ProgramsListView"][id*="MoreButton_input"] {
display: inline-block !important;
padding: 12px 35px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--cmrc-text-white) !important;
background-color: var(--cmrc-green) !important;
background-image: none !important;
border: 2px solid var(--cmrc-green) !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
height: auto !important;
line-height: normal !important;
width: auto !important;
box-sizing: border-box !important;
}
[id*="CurrentProgramsControl_ProgramsListView"][id*="EnrollButton_input"]:hover,
[id*="CurrentProgramsControl_ProgramsListView"][id*="VolunteerButton_input"]:hover,
[id*="CurrentProgramsControl_ProgramsListView"][id*="MoreButton_input"]:hover {
background-color: transparent !important;
color: var(--cmrc-green) !important;
}
/* ----------------------------------------
TeamSideline Program Details Page Overrides
---------------------------------------- */
/* Main Title */
#ContentPanel h1 {
color: var(--cmrc-green) !important;
font-size: 28px !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
}
/* Headings */
.h3ProgramDetailsHeading {
color: var(--cmrc-green) !important;
font-size: 22px !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
border-bottom: 2px solid #444 !important;
padding-bottom: 5px !important;
}
/* Details Text */
#ContentPlaceHolder1_ProgramDetailControl_ProgramDetailsPanel,
#ContentPlaceHolder1_ProgramDetailControl_ProgramDetailsPanel ul,
#ContentPlaceHolder1_ProgramDetailControl_ProgramDetailsPanel li,
#ContentPlaceHolder1_ProgramDetailControl_ProgramDetailsPanel b {
color: var(--cmrc-text-light) !important;
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
font-size: 16px !important;
}
#ContentPlaceHolder1_ProgramDetailControl_ProgramDetailsPanel ul {
list-style-type: none !important;
padding-left: 0 !important;
margin-top: 15px !important;
}
#ContentPlaceHolder1_ProgramDetailControl_ProgramDetailsPanel li {
margin-bottom: 10px !important;
background: #1e1e1e !important;
padding: 10px 15px !important;
border-radius: 4px !important;
border-left: 4px solid var(--cmrc-green) !important;
}
/* Detail Page Buttons - EXACT IDs */
#ctl00_ContentPlaceHolder1_ProgramDetailControl_EnrollImageButton,
#ctl00_ContentPlaceHolder1_ProgramDetailControl_VolunteerButton {
background: transparent !important;
background-color: transparent !important;
background-image: none !important;
border: none !important;
padding: 0 !important;
width: auto !important;
margin-right: 15px !important;
}
#ctl00_ContentPlaceHolder1_ProgramDetailControl_EnrollImageButton_input,
#ctl00_ContentPlaceHolder1_ProgramDetailControl_VolunteerButton_input {
display: inline-block !important;
padding: 12px 35px !important;
font-size: 16px !important;
font-weight: 700 !important;
letter-spacing: 1px !important;
text-transform: uppercase !important;
text-decoration: none !important;
color: var(--cmrc-text-white) !important;
background-color: var(--cmrc-green) !important;
background-image: none !important;
border: 2px solid var(--cmrc-green) !important;
border-radius: 4px !important;
cursor: pointer !important;
transition: all 0.3s ease !important;
height: auto !important;
line-height: normal !important;
width: auto !important;
box-sizing: border-box !important;
}
#ctl00_ContentPlaceHolder1_ProgramDetailControl_EnrollImageButton_input:hover,
#ctl00_ContentPlaceHolder1_ProgramDetailControl_VolunteerButton_input:hover {
background-color: transparent !important;
color: var(--cmrc-green) !important;
}
/* Offerings Grid Data Table */
#ctl00_ContentPlaceHolder1_ProgramDetailControl_OfferingsGrid {
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif !important;
margin-top: 15px !important;
}
.RadGrid_Bootstrap .rgMasterTable {
border: 1px solid #444 !important;
border-radius: 4px !important;
overflow: hidden !important;
background: transparent !important;
}
.RadGrid_Bootstrap .rgHeader {
background-color: #1e1e1e !important;
color: #90c838 !important;
font-size: 16px !important;
font-weight: bold !important;
border-bottom: 2px solid #90c838 !important;
padding: 12px 15px !important;
}
.RadGrid_Bootstrap .rgRow td,
.RadGrid_Bootstrap .rgAltRow td {
padding: 12px 15px !important;
border-bottom: 1px solid #444 !important;
color: #e0e0e0 !important;
}
.RadGrid_Bootstrap .rgRow td {
background-color: #2b2b2b !important;
}
.RadGrid_Bootstrap .rgAltRow td {
background-color: #222222 !important;
}
.RadGrid_Bootstrap .rgRow:hover td,
.RadGrid_Bootstrap .rgAltRow:hover td {
background-color: #333333 !important;
}