/* =========================
   BUTTON STYLES
   ========================= */

.navigationOuterContainer .navigationContainer input.nextButton,
.navigationOuterContainer .navigationContainer input.typeButton,
.navigationOuterContainer .navigationContainer input[type=submit],
.loginButton,
.typeButton,
input[type=submit] {
    background-color: #2B5030 !important;
    color: #ffffff !important;
}

/* Login button */
.WaGadgetLoginButton .loginLink,
.WaGadgetLoginForm .loginLink {
    background: #2B5030 !important;
    color: #ffffff !important;
}

/* =========================
   EVENTS CALENDAR
   ========================= */

.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a,
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span {
    background: #2B5030;
    color: #ffffff;
    font: normal 14px/1.5 'Tahoma','Arial',sans-serif;
    text-transform: uppercase;
    text-align: center;
}

.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] a:hover,
.WaGadgetEventsStateCalendar #idViewSwitchersTable div[id*=Button] span:hover {
    background: #4F2B4A;
}

/* =========================
   HEADINGS
   ========================= */

h2 {
    font-family: "Nunito Sans",'Arial',sans-serif;
    font-size: 22px;
    font-weight: 500;
}

h3 {
    font-family: "Nunito Sans",'Arial',sans-serif;
}

/* Responsive h2 */
@media screen and (max-width: 767px) {
    h2 {
        font-size: 30px;
        text-align: center;
    }
}

/* =========================
   MOBILE MENU
   ========================= */

.WaGadgetMobilePanel .menuInner ul.firstLevel > li.sel > .item > a {
    color: #2B5030;
}

.WaGadgetMobilePanel .menuInner ul ul li.sel > .item > a {
    color: #9DCFA4;
}

/* =========================
   FORMS & BLOG HEADERS
   ========================= */

.WaGadgetSubscriptionForm {
    background: #2B5030;
    padding: 0;
}

.generalFieldsContainer .fieldLabel span,
.mandatoryLabel {
    color: #ffffff;
}

.WaGadgetBlogStateEditPost h4,
.WaGadgetBlogStateAddPost h4,
.WaGadgetForum h4 {
    background: #2B5030;
    color: #ffffff;
}

/* =========================
   RESPONSIVE IFRAMES
   ========================= */

.responsive-iframe {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
}

.responsive-iframe iframe {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
}

/* =========================
   CAMERA SLIDESHOW – SOTW GREEN
   ========================= */

/* Thumbnail strip background */
.camera_thumbs_cont,
.camera_thumbs {
    background-color: #2B5030 !important;
}

/* Individual thumbnail blocks */
.camera_thumbs_cont ul li.pix_thumb {
    background-color: #2B5030 !important;
    border: 2px solid #2B5030 !important;
}

/* Hover state */
.camera_thumbs_cont ul li.pix_thumb:hover {
    background-color: #1f3a27 !important;
    opacity: 1 !important;
}

/* Active (current) image */
.camera_thumbs_cont ul li.cameracurrent {
    border: 3px solid #9DCFA4 !important;
    background-color: #2B5030 !important;
    opacity: 1 !important;
}

/* Remove default red overlay */
.camera_thumbs_cont ul li {
    box-shadow: none !important;
}

/* =========================
   CAMERA SLIDESHOW ARROWS
   ========================= */

/* Arrow container background */
.camera_prev,
.camera_next {
    background-color: #2B5030 !important;
}

/* Arrow icon itself */
.camera_prev span::before,
.camera_next span::before {
    color: #ffffff !important;
}

/* Hover state */
.camera_prev:hover,
.camera_next:hover {
    background-color: #1f3a27 !important;
}

/* Ensure arrow is visible */
.camera_prev span,
.camera_next span {
    opacity: 1 !important;
}