/* Make all buttons burgundy */
input[type="submit"],
input[type="button"],
button,
a.Button,
a.button,
.WA_Button,
.WA_Theme_Button,
.WA_Theme_Button:link,
.WA_Theme_Button:visited {
   background-color: #800020 !important; /* Burgundy color */
   color: #ffffff !important;            /* White text */
   border: none !important;
}
/* Optional: Change hover effect */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.Button:hover,
a.button:hover,
.WA_Button:hover,
.WA_Theme_Button:hover {
   background-color: #66001a !important; /* Darker burgundy on hover */
   color: #ffffff !important;
}
/* Change button and link text color to grey on hover */
input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
a.Button:hover,
a.button:hover,
.WA_Button:hover,
.WA_Theme_Button:hover,
a:hover {
   color: #808080 !important; /* Grey text on hover */
}
/* Optional: Make navigation/menu links grey on hover */
a.MenuItemLink:hover,
a.NavMenuItem:hover {
   color: #808080 !important;
}
/* Mobile menu panel background */
#idMobilePanel,
.mobilePanel,
.WA_MobileMenuPanel {
   background-color: #000000 !important;
}
/* Mobile hamburger menu icon */
.WA_MobileMenuIcon,
.mobileMenuIcon,
.mobilePanelToggle {
   color: #000000 !important;
   fill: #000000 !important;
}
/* Mobile menu links */
#idMobilePanel a,
.mobilePanel a {
   color: #ffffff !important; /* Optional: make text white for contrast */
}
.my-navigation-bar .active-link {
   color: #000000; /* Replace with your desired color (hex code or color name) */
}
/* Login button */
.WaGadgetLoginButton .loginLink, .WaGadgetLoginForm .loginLink {
   background: #0e0d0d !important;
   color: white !important;
}
/* Login button on hover */
.WaGadgetLoginButton .loginLink:hover, .WaGadgetLoginForm .loginLink:hover {
   background: rgb(10, 10, 10) !important;
}
/* Logout button */
.WaGadgetLoginButton .authenticated .loginLink, .WaGadgetLoginForm .authenticated .loginLink {
   background: 0 !important;
   color: #100f0f !important;
}
/* Logout button on hover */
.WaGadgetLoginButton .authenticated .loginLink:hover, .WaGadgetLoginButton .authenticated .loginLink.hover, .WaGadgetLoginForm .authenticated .loginLink:hover, .WaGadgetLoginForm .authenticated .loginLink.hover {
   background: #111111 !important;
   color: white !important;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner ul.firstLevel>li.sel>.item>a {
    color: #000000;
}
.camera_commands, .camera_next, .camera_prev {
    position: absolute;
    top: 50%;
    z-index: 2;
    width: 50px;
    height: 50px;
    margin-top: -25px;
    background: #808080;
    cursor: pointer;
}
.WaGadgetMenuHorizontal.HorizontalMenuStyle002 .menuInner {
    position: relative;
    margin: 0;
    background: #9E0B0F;
}
.WaGadgetEventsStateList h3.sectionTitle {
    background-color: transparent;
    font-family: 'Lato', 'Arial', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 1.42em 0 .85em;
    color: #000000;
    font-family: 'Raleway', 'Arial', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    text-transform: uppercase;
    float: left;
    margin: 0 16px 0 0;
}
.camera_thumbs_cont {
    position: relative;
    width: 100%
402.219px
;
    overflow: hidden;
    background: #808080;
}
.camera_thumbs_cont {
    position: relative;
    width: 100%
402.219px
;
    overflow: hidden;
    background: #808080;
}
body {
    color: #808080;
    font: 16px / 1.5 'Lato', 'Arial', sans-serif;
}
a {
    color: #808080;
    text-decoration: underline;
}
/* Target the outer wrapper by its inline padding style */
div[style*="padding-top:24px"][style*="padding-bottom:24px"] > div[data-componentid="NRJbyC3"] {
 display: none !important;
}
/* Also hide the outer wrapper directly */
div[style*="padding-top:24px"][style*="padding-bottom:24px"] {
 display: none !important;
 height: 0 !important;
 margin: 0 !important;
 padding: 0 !important;
 visibility: hidden !important;
 overflow: hidden !important;
}
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    color: #882c2c;
}
.WaGadgetEventsStateCalendar .sectionTitle {
    background-color: transparent;
    font-family: 'Lato', 'Arial', sans-serif;
    font-style: normal;
    font-weight: normal;
    text-decoration: none;
    margin: 1.42em 0 .85em;
    color: #8d1d26;
    font-family: 'Raleway', 'Arial', sans-serif;
    font-size: 28px;
    font-weight: 700;
    line-height: 1.29;
    text-transform: uppercase;
    float: left;
    margin: 0 16px 0 0;
}
/* TEMP DIAGNOSTIC: color every column so you can see which is which */
.EventListCalendar thead tr > th:nth-of-type(1),
.EventListCalendar tbody tr > td:nth-of-type(1) { background:#ffffff !important; }
.EventListCalendar thead tr > th:nth-of-type(2),
.EventListCalendar tbody tr > td:nth-of-type(2) { background:#eeedeb !important; }
.EventListCalendar thead tr > th:nth-of-type(3),
.EventListCalendar tbody tr > td:nth-of-type(3) { background:#d3d3d0 !important; }
.EventListCalendar thead tr > th:nth-of-type(4),
.EventListCalendar tbody tr > td:nth-of-type(4) { background:#eeedeb !important; }
.EventListCalendar thead tr > th:nth-of-type(5),
.EventListCalendar tbody tr > td:nth-of-type(5) { background:#d3d3d0 !important; }
.EventListCalendar thead tr > th:nth-of-type(6),
.EventListCalendar tbody tr > td:nth-of-type(6) { background:#eeedeb !important; }
.EventListCalendar thead tr > th:nth-of-type(7),
.EventListCalendar tbody tr > td:nth-of-type(7) { background:#ffffff !important; }
.ArpCalendar .CurrentDate {
  background-color: #800020; /* Burgundy hex code */
}
/* Change the text color of the current date */
.yui3-squarespacecalendar .today a {
    color: rgb(124, 22, 22) !important; /* Example: white text */
}
/* Wild Apricot Mobile Event Calendar - Match Desktop Style */
/* Ohio MBA Grey & Burgundy Theme */

/* Target mobile devices */
@media screen and (max-width: 768px) {

/* Hide the blue/orange mobile navigation bar */
.wa-calendar-nav-bar,
.calendar-nav-bar,
.eventCalendar .nav-bar,
.calendar-month-nav {
display: none !important;
}

/* Main calendar container - match desktop styling */
.wa-calendar-widget,
.wa-calendar-container,
.eventCalendar,
.calendar-container {
width: 100% !important;
margin: 10px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background-color: #f8f8f8 !important; /* Light grey background like desktop */
border: 1px solid #cccccc !important;
border-radius: 0 !important; /* Clean edges like desktop */
font-family: Arial, sans-serif !important;
}

/* Month header - burgundy like desktop navigation */
.wa-calendar-title,
.calendar-title,
.eventCalendar-title,
h2.calendar-month {
background-color: #8B1538 !important; /* Burgundy to match nav bar */
color: #ffffff !important;
padding: 12px 15px !important;
text-align: left !important; /* Left align like desktop */
font-size: 16px !important;
font-weight: bold !important;
margin: 0 !important;
border-bottom: 1px solid #cccccc !important;
text-transform: uppercase !important; /* Match desktop “MONTH: AUGUST 2025” style */
}

/* Calendar table styling - match desktop */
.wa-calendar-table,
.calendar-table,
table.eventCalendar {
width: 100% !important;
border-collapse: collapse !important;
background-color: #ffffff !important;
margin: 0 !important;
}

/* Day headers (Sun, Mon, Tue, etc.) - grey like desktop */
.wa-calendar-dayheader,
.calendar-dayheader,
th.eventCalendar-dayHeader,
.calendar-day-header {
background-color: #e6e6e6 !important; /* Light grey like desktop headers */
color: #333333 !important; /* Dark text */
text-align: center !important;
padding: 8px 4px !important;
font-size: 12px !important;
font-weight: bold !important;
border: 1px solid #cccccc !important;
text-transform: capitalize !important;
}

/* Individual calendar day cells - match desktop grey styling */
.wa-calendar-day,
.calendar-day,
td.eventCalendar-day {
background-color: #f5f5f5 !important; /* Light grey like desktop */
border: 1px solid #cccccc !important;
padding: 4px !important;
vertical-align: top !important;
height: auto !important;
min-height: 50px !important;
width: 14.28% !important;
font-size: 12px !important;
}

/* Current day - subtle highlight like desktop */
.wa-calendar-today,
.calendar-today,
td.eventCalendar-today {
background-color: #ffffff !important; /* White background for current day */
border: 2px solid #8B1538 !important; /* Burgundy border for current day */
}

/* Days with events - keep subtle like desktop */
.wa-calendar-day.has-events,
.calendar-day.has-events,
td.eventCalendar-day.hasEvents {
background-color: #f0f0f0 !important; /* Slightly darker grey for event days */
}

/* Day numbers styling */
.wa-calendar-daynumber,
.calendar-daynumber,
.eventCalendar-dayNumber {
font-weight: bold !important;
color: #333333 !important;
font-size: 12px !important;
margin-bottom: 3px !important;
display: block !important;
}

/* Other month days (previous/next month) */
.wa-calendar-othermonth,
.calendar-othermonth,
td.eventCalendar-otherMonth {
background-color: #fafafa !important;
color: #999999 !important;
}

/* Event styling within calendar cells - match desktop event blocks */
.wa-calendar-event,
.calendar-event,
.eventCalendar-event,
.event-item {
display: block !important;
font-size: 10px !important;
color: #333333 !important;
text-decoration: none !important;
padding: 2px 3px !important;
margin: 1px 0 !important;
background-color: #e8e8e8 !important; /* Light grey event blocks like desktop */
border: 1px solid #cccccc !important;
border-radius: 2px !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
line-height: 1.2 !important;
}

/* Event hover state */
.wa-calendar-event:hover,
.calendar-event:hover,
.eventCalendar-event:hover {
background-color: #8B1538 !important; /* Burgundy on hover */
color: #ffffff !important;
text-decoration: none !important;
}

/* Navigation controls styling - if they appear */
.calendar-nav-controls,
.month-navigation {
background-color: #f5f5f5 !important;
padding: 10px !important;
text-align: center !important;
border-bottom: 1px solid #cccccc !important;
}

.calendar-nav-btn,
.nav-btn {
background-color: #6C6C6C !important; /* Medium grey */
color: #ffffff !important;
border: 1px solid #8B1538 !important;
padding: 6px 12px !important;
margin: 0 5px !important;
border-radius: 3px !important;
font-size: 12px !important;
text-decoration: none !important;
display: inline-block !important;
}

.calendar-nav-btn:hover,
.nav-btn:hover {
background-color: #8B1538 !important;
border-color: #6C6C6C !important;
}

/* “Switch to List View” link styling */
.list-view-link,
a[href*=“list”] {
color: #8B1538 !important;
text-decoration: none !important;
font-size: 12px !important;
}

.list-view-link:hover,
a[href*=“list”]:hover {
text-decoration: underline !important;
}

/* Remove any blue or orange styling that might persist */

- {
  background-color: inherit !important;
  }

/* Force override any blue/orange colors */
[style*=“blue”],
[style*=“orange”],
.blue,
.orange {
background-color: #f5f5f5 !important;
color: #333333 !important;
}
}

/* Extra small mobile devices */
@media screen and (max-width: 480px) {
.wa-calendar-table,
.calendar-table,
table.eventCalendar {
font-size: 10px !important;
}

.wa-calendar-day,
.calendar-day,
td.eventCalendar-day {
min-height: 40px !important;
padding: 2px !important;
}

.wa-calendar-event,
.calendar-event,
.eventCalendar-event {
font-size: 9px !important;
padding: 1px 2px !important;
}

.wa-calendar-dayheader,
.calendar-dayheader,
th.eventCalendar-dayHeader {
font-size: 10px !important;
padding: 6px 2px !important;
}
}
/* Wild Apricot Mobile Event Calendar - Match Desktop Style */
/* Ohio MBA Grey & Burgundy Theme */

/* Target mobile devices */
@media screen and (max-width: 768px) {

/* Hide the blue/orange mobile navigation bar */
.wa-calendar-nav-bar,
.calendar-nav-bar,
.eventCalendar .nav-bar,
.calendar-month-nav {
display: none !important;
}

/* Main calendar container - match desktop styling */
.wa-calendar-widget,
.wa-calendar-container,
.eventCalendar,
.calendar-container {
width: 100% !important;
margin: 10px 0 !important;
padding: 0 !important;
box-sizing: border-box !important;
background-color: #f8f8f8 !important; /* Light grey background like desktop */
border: 1px solid #cccccc !important;
border-radius: 0 !important; /* Clean edges like desktop */
font-family: Arial, sans-serif !important;
}

/* Month header - burgundy like desktop navigation */
.wa-calendar-title,
.calendar-title,
.eventCalendar-title,
h2.calendar-month {
background-color: #8B1538 !important; /* Burgundy to match nav bar */
color: #ffffff !important;
padding: 12px 15px !important;
text-align: left !important; /* Left align like desktop */
font-size: 16px !important;
font-weight: bold !important;
margin: 0 !important;
border-bottom: 1px solid #cccccc !important;
text-transform: uppercase !important; /* Match desktop “MONTH: AUGUST 2025” style */
}

/* Calendar table styling - match desktop */
.wa-calendar-table,
.calendar-table,
table.eventCalendar {
width: 100% !important;
border-collapse: collapse !important;
background-color: #ffffff !important;
margin: 0 !important;
}

/* Day headers (Sun, Mon, Tue, etc.) - grey like desktop */
.wa-calendar-dayheader,
.calendar-dayheader,
th.eventCalendar-dayHeader,
.calendar-day-header {
background-color: #e6e6e6 !important; /* Light grey like desktop headers */
color: #333333 !important; /* Dark text */
text-align: center !important;
padding: 8px 4px !important;
font-size: 12px !important;
font-weight: bold !important;
border: 1px solid #cccccc !important;
text-transform: capitalize !important;
}

/* Individual calendar day cells - match desktop grey styling */
.wa-calendar-day,
.calendar-day,
td.eventCalendar-day {
background-color: #f5f5f5 !important; /* Light grey like desktop */
border: 1px solid #cccccc !important;
padding: 4px !important;
vertical-align: top !important;
height: auto !important;
min-height: 50px !important;
width: 14.28% !important;
font-size: 12px !important;
}

/* Current day - subtle highlight like desktop */
.wa-calendar-today,
.calendar-today,
td.eventCalendar-today {
background-color: #ffffff !important; /* White background for current day */
border: 2px solid #8B1538 !important; /* Burgundy border for current day */
}

/* Days with events - keep subtle like desktop */
.wa-calendar-day.has-events,
.calendar-day.has-events,
td.eventCalendar-day.hasEvents {
background-color: #f0f0f0 !important; /* Slightly darker grey for event days */
}

/* Day numbers styling */
.wa-calendar-daynumber,
.calendar-daynumber,
.eventCalendar-dayNumber {
font-weight: bold !important;
color: #333333 !important;
font-size: 12px !important;
margin-bottom: 3px !important;
display: block !important;
}

/* Other month days (previous/next month) */
.wa-calendar-othermonth,
.calendar-othermonth,
td.eventCalendar-otherMonth {
background-color: #fafafa !important;
color: #999999 !important;
}

/* Event styling within calendar cells - match desktop event blocks */
.wa-calendar-event,
.calendar-event,
.eventCalendar-event,
.event-item {
display: block !important;
font-size: 10px !important;
color: #333333 !important;
text-decoration: none !important;
padding: 2px 3px !important;
margin: 1px 0 !important;
background-color: #e8e8e8 !important; /* Light grey event blocks like desktop */
border: 1px solid #cccccc !important;
border-radius: 2px !important;
overflow: hidden !important;
white-space: nowrap !important;
text-overflow: ellipsis !important;
line-height: 1.2 !important;
}

/* Event hover state */
.wa-calendar-event:hover,
.calendar-event:hover,
.eventCalendar-event:hover {
background-color: #8B1538 !important; /* Burgundy on hover */
color: #ffffff !important;
text-decoration: none !important;
}

/* Navigation controls styling - if they appear */
.calendar-nav-controls,
.month-navigation {
background-color: #f5f5f5 !important;
padding: 10px !important;
text-align: center !important;
border-bottom: 1px solid #cccccc !important;
}

.calendar-nav-btn,
.nav-btn {
background-color: #6C6C6C !important; /* Medium grey */
color: #ffffff !important;
border: 1px solid #8B1538 !important;
padding: 6px 12px !important;
margin: 0 5px !important;
border-radius: 3px !important;
font-size: 12px !important;
text-decoration: none !important;
display: inline-block !important;
}

.calendar-nav-btn:hover,
.nav-btn:hover {
background-color: #8B1538 !important;
border-color: #6C6C6C !important;
}

/* “Switch to List View” link styling */
.list-view-link,
a[href*=“list”] {
color: #8B1538 !important;
text-decoration: none !important;
font-size: 12px !important;
}

.list-view-link:hover,
a[href*=“list”]:hover {
text-decoration: underline !important;
}

/* Remove any blue or orange styling that might persist */

- {
  background-color: inherit !important;
  }

/* Force override any blue/orange colors */
[style*=“blue”],
[style*=“orange”],
.blue,
.orange {
background-color: #f5f5f5 !important;
color: #333333 !important;
}
}

/* Extra small mobile devices */
@media screen and (max-width: 480px) {
.wa-calendar-table,
.calendar-table,
table.eventCalendar {
font-size: 10px !important;
}

.wa-calendar-day,
.calendar-day,
td.eventCalendar-day {
min-height: 40px !important;
padding: 2px !important;
}

.wa-calendar-event,
.calendar-event,
.eventCalendar-event {
font-size: 9px !important;
padding: 1px 2px !important;
}

.wa-calendar-dayheader,
.calendar-dayheader,
th.eventCalendar-dayHeader {
font-size: 10px !important;
padding: 6px 2px !important;
}
```css
/* Wild Apricot Mobile Calendar - Broad Override Strategy */
/* This targets elements by their actual colors rather than class names */

@media screen and (max-width: 768px) {
 
  /* Target ANY element with blue background colors */
  *[style*="background-color: rgb(52, 144, 220)"],
  *[style*="background-color: rgb(71, 156, 235)"],
  *[style*="background-color: #3490dc"],
  *[style*="background-color: #479ceb"],
  *[style*="background-color: blue"],
  *[style*="background: rgb(52, 144, 220)"],
  *[style*="background: rgb(71, 156, 235)"] {
    background-color: #6C6C6C !important;
    background: #6C6C6C !important;
    color: #ffffff !important;
    border: 1px solid #8B1538 !important;
  }
 
  /* Target ANY element with orange background colors */
  *[style*="background-color: rgb(255, 107, 53)"],
  *[style*="background-color: rgb(255, 165, 0)"],
  *[style*="background-color: #ff6b35"],
  *[style*="background-color: #ffa500"],
  *[style*="background-color: orange"],
  *[style*="background: rgb(255, 107, 53)"],
  *[style*="background: rgb(255, 165, 0)"] {
    background-color: #8B1538 !important;
    background: #8B1538 !important;
    color: #ffffff !important;
    border: 1px solid #6C6C6C !important;
  }
 
  /* Also target common Bootstrap/Wild Apricot button classes that might be blue */
  .btn-primary,
  .btn-info,
  .btn-warning,
  .button-primary,
  .button-info,
  .button-warning,
  .primary-button,
  .info-button,
  .warning-button {
    background-color: #6C6C6C !important;
    background: #6C6C6C !important;
    color: #ffffff !important;
    border-color: #8B1538 !important;
  }
 
  /* Hover states */
  .btn-primary:hover,
  .btn-info:hover,
  .btn-warning:hover,
  *[style*="background-color: rgb(52, 144, 220)"]:hover,
  *[style*="background-color: rgb(255, 107, 53)"]:hover {
    background-color: #8B1538 !important;
    background: #8B1538 !important;
    border-color: #6C6C6C !important;
  }
  /* Try to override the entire navigation area */
  div:has(button),
  .calendar-navigation,
  .nav-container,
  [class*="nav"],
  [class*="button-group"] {
    background-color: transparent !important;
  }
  /* Final nuclear approach - override ALL buttons and divs that might be navigation */
  button,
  input[type="button"],
  .btn,
  [role="button"] {
    background-color: #6C6C6C !important;
    background: #6C6C6C !important;
    color: #ffffff !important;
    border: 1px solid #8B1538 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
  }
  button:hover,
  input[type="button"]:hover,
  .btn:hover,
  [role="button"]:hover {
    background-color: #8B1538 !important;
    background: #8B1538 !important;
  }
}
/* Additional override using CSS custom properties if Wild Apricot uses them */
:root {
  --primary-color: #6C6C6C !important;
  --secondary-color: #8B1538 !important;
  --info-color: #6C6C6C !important;
  --warning-color: #8B1538 !important;
}
/* Wild Apricot specific overrides */
@media (max-width: 768px) {
  .wa-widget * {
    background-color: #6C6C6C !important;
  }
 
  .wa-widget *[class*="primary"] {
    background-color: #6C6C6C !important;
  }
 
  .wa-widget *[class*="warning"] {
    background-color: #8B1538 !important;
  }
  ```css
/* Target the exact button IDs from your HTML */
@media screen and (max-width: 768px) {
 
  /* Target by the specific long IDs Wild Apricot generates */
  a[id*="weekButtonLink"],
  a[id*="monthButtonLink"],
  a[id*="yearButtonLink"],
  a[id*="TodayButton"],
  a[id*="DecDateButton"],
  a[id*="IncDateButton"] {
    background-color: #6C6C6C !important;
    background: #6C6C6C !important;
    color: #ffffff !important;
    border: 1px solid #8B1538 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
  }
  /* Try targeting the parent divs too */
  div[id*="weekButton"],
  div[id*="monthButton"],
  div[id*="yearButton"],
  div[id*="todayButton"] {
    background-color: #6C6C6C !important;
    background: #6C6C6C !important;
  }
  /* Nuclear option - target all links in the switchers area */
  .viewSwitchersTable a,
  .switchersGroup1 a,
  .switchersGroup2 a {
    background-color: #6C6C6C !important;
    background: #6C6C6C !important;
    color: #ffffff !important;
    border: 1px solid #8B1538 !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
  }
}
/* Target the exact button IDs from your HTML */
@media screen and (max-width: 768px) {

  /* Target by the specific long IDs Wild Apricot generates */
  a[id*="weekButtonLink"],
  a[id*="monthButtonLink"],
  a[id*="yearButtonLink"],
  a[id*="TodayButton"],
  a[id*="DecDateButton"],
  a[id*="IncDateButton"] {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #8B1538 !important;
    padding: 8px 12px !important;
    border-radius: 4px !important;
    text-decoration: none !important;
  }

  /* Try targeting the parent divs too */
  div[id*="weekButton"],
  div[id*="monthButton"],
  div[id*="yearButton"],
  div[id*="todayButton"] {
    background-color: #000000 !important;
    background: #000000 !important;
  }

  /* Nuclear option - target all links in the switchers area */
  .viewSwitchersTable a,
  .switchersGroup1 a,
  .switchersGroup2 a {
    background-color: #000000 !important;
    background: #000000 !important;
    color: #ffffff !important;
    border: 1px solid #8B1538 !important;
    padding: 8px 12px !important;
    text-decoration: none !important;
  }
}
/* Add this to your existing CSS */
@media screen and (max-width: 768px) {
  /* Target active/selected button state (the orange M button) */
  .weekButton.active,
  .monthButton.active,
  .yearButton.active,
  .todayButton.active,
  .weekButton[class*="active"],
  .monthButton[class*="active"],
  .yearButton[class*="active"],
  .todayButton[class*="active"] {
    background-color: #8B1538 !important;
    background: #8B1538 !important;
    color: #ffffff !important;
  }