/* 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;
}