/* Nav Dropdowns */

.navContent ul li ul a {
    white-space: normal !important;
    overflow: visible !important;
}

@media only screen and (min-width: 768px) {
    .navContent ul li ul {
        min-width: 250px !important;
        right: auto !important; 
    }
/* 1. Define the Flashing Animation */
@keyframes flashBanner {
    0%, 100% { opacity: 1; }
    50% { opacity: 0.3; } 
}

/* 2. Force the green background on ANY block inside the top header */
.headerAndNavContainer .blockContainer,
.headerAndNavContainer .blockContent,
.headerAndNavContainer .blockText {
    background-color: #004c23 !important; 
    text-align: center !important;
}

/* 3. Apply padding and the flashing animation for exactly 3 seconds */
.headerAndNavContainer .blockContainer {
    padding: 10px !important;
    animation: flashBanner 1.5s 2 !important; /* 1.5 seconds per flash, played 2 times = 3 seconds */
}

/* 4. Target the exact H2 heading tag inside the header to force the gold color */
.headerAndNavContainer h2.contentTitle,
.headerAndNavContainer h2.contentTitle a {
    color: #cbc36d !important; 
    font-size: 16px !important; 
    text-decoration: none !important; 
    margin: 0 !important; 
}

/* 5. Hover effect for the link */
.headerAndNavContainer h2.contentTitle a:hover {
    text-decoration: underline !important;
}

.headerAndNavContainer {
    padding-top: 0px !important;
}