/* Base CSS with styles from MaineAction.css applied */

/* Default Navbar Styles */
nav.navbar,
div.navbar-collapse {
    background-color: #ffffff !important; /* Base color */
}

/* Navbar Links */
.navbar-default .navbar-nav > li > a {
    color: #136c91 !important; /* Text color */
    text-transform: uppercase !important; /* Uppercase text */
}

/* Button Styles */
.btn,
.btn-primary {
    background-color: #28ace2 !important; /* Primary button color */
    color: #ffffff !important; /* Button text color */
}

.btn.btn-secondary {
    color: #28ace2 !important; /* Secondary button color */
}

/* Button Hover States */
.btn:hover,
.btn-primary:hover,
.btn:active,
.btn-primary:active,
.btn:focus,
.btn-primary:focus {
    background-color: #136c91 !important; /* Hover background color */
}

/* Image Tag Background */
.image-tag > span {
    background-color: #28ace2 !important; /* Background color */
}

/* Highlights */
.highlights div strong,
.volunteer-stats strong {
    color: #28ace2 !important; /* Highlight color */
}

/* Active Nav Filter */
.nav-filter li.active a {
    border-bottom: 2px solid #28ace2 !important; /* Active link border color */
}

/* Survey Styles */
.survey-answer .survey-style-block-label > .block-section {
    background-color: #28ace2 !important; /* Survey block background */
}

/* Additional Nav Filter Styles */
ul.nav-filter.more-than-5-items li.active a {
    color: #28ace2 !important; /* Active filter color */
}

/* Accent Colors */
.clr-accent {
    color: #28ace2 !important; /* Accent text color */
}

.bg-accent {
    background-color: #28ace2 !important; /* Accent background color */
}

/* Themed Content Item Headline */
.themed-content-item .headline .tag {
    color: #28ace2 !important; /* Headline tag color */
}

/* Footer Styles */
footer {
    background-color: #ecf0f1 !important; /* Footer background color */
    color: #000 !important; /* Footer text color */
    opacity: 1 !important; /* Ensure footer is fully opaque */
}

/* Button Border Color */
.btn,
.btn-primary,
.btn:hover,
.btn-primary:hover,
.btn:active,
.btn-primary:active,
.btn:focus,
.btn-primary:focus {
    border-color: #28ace2 !important; /* Border color for buttons */
}

/* Registration Form Styles */
#register-form .simple-vertical-registration .themed-content-form-group input,
#register-form .guest-container div[class^='guest-row'] div[class^='guest-row'] input {
    color: #000; /* Input text color */
    background-color: #fff; /* Input background color */
    border-radius: 2px; /* Rounded corners */
}

/* Select Styles */
form #ticketAccordion .form-group select.form-control.reserve-tickets {
    margin-bottom: 10px; /* Space below select */
}

/* General Margins */
#register-form .simple-vertical-registration .form-entry-section .themed-content-form-group:not(:first-child),
form .panel-body .simple-vertical-registration .form-entry-section .themed-content-form-group,
#register-form .guest-container div[class^='guest-row'] div[class^='guest-row'] {
    margin-top: 10px; /* Spacing between elements */
}

/* Organizer Info */
.container .panel-body table td div[id^='organizerInfo'] div:first-child,
.container .panel-body table td div[id^='organizerInfo'] div:nth-child(2) {
    display: inline; /* Organizer info displayed inline */
}

/* Organizer Info Margins */
.container .panel-body table td div[id^='organizerInfo'] div[class^='m-bottom'],
.container .panel-body table td div[id^='organizerInfo'] div[class*=' m-bottom'] {
    margin-bottom: 0 !important; /* Ensure no margin */
}

/* Email Icon Margin */
.container .panel-body table td i.fa.fa-envelope-square {
    margin-top: 0 !important; /* Ensures email icon has no margin */
}

/* General Button Styles from MaineAction.css */
.btn {
    font-family: 'Montserrat', sans-serif; /* Apply font family */
    font-weight: 400; /* Set font weight */
    text-align: center; /* Center align text */
    text-decoration: none; /* Remove underline */
}

/* Card and Flex Element Styles */
.flex-element.inner-grid,
[data-layout-grid],
[data-layout-grid] > .flex-element.group,
[data-layout-grid] > .flex-element.group > .flex-element.group {
    background-size: cover; /* Background cover */
    background-repeat: no-repeat; /* No repeat */
    background-position: 50% 50%; /* Center background */
    position: relative; /* Relative position */
}

/* General Box Sizing */
*, :after, :before {
    box-sizing: border-box; /* Universal box sizing */
}