/* ==========================================================================
   MENU BAR STYLES
   ========================================================================== */

/* Control the typeface for the menu bar */

/* Styles for the menu with the '-white' class */
.navbar-nav[class*="-white"] .nav-item .nav-link.nav-color {
    font-family: 'Nexa', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #ffffff; /* Customize as needed */
}

/* Styles for the menu with the '-black' class */
.navbar-nav[class*="-black"] .nav-item .nav-link.nav-color {
    font-family: 'Nexa', sans-serif !important;
    font-size: 14px !important;
    font-weight: bold !important;
    color: #4d4c4c; /* Customize as needed */
}

/* Remove the random square on the menu bar where the logo should go */
.logo-wrapper {
    display: none !important;
}

/* Target the submenu links under 'Forms' in the standard navigation bar */

.main-menu .sub-menu-bn .current-menu-item > a {
    color: white !important;
  }

.navbar-nav .dropdown-menu .dropdown-item:hover {
    color: #5b5e40 !important; /* Replace with your preferred color */
}


/* Mobile Menu Color Control */

/* Target the current page link in the mobile menu */
.main-menu-click-classic .nav-item.current-menu-item > .nav-link.nav-color {
    color: black; /* Replace with your preferred color */
}

/* Target other links in the mobile menu */
.main-menu.main-menu-click-classic.vismobmenu .nav-item .nav-link.nav-color {
    color: black; /* Use your desired color */
}

/* Target 'Volunteers' and 'Campers' submenu links */
.main-menu .sliding-menu .sub-menu-bn.menu-panel a {
    color: black; /* Replace with your desired color */
}

/* Change the color of the hamburger menu on the * OUR-FOUNDERS * page */


body.page-id-2624 .bauen-mob-menu-wrapper .nav-button span {
  background-color: #0C265C !important;
}




/* ==========================================================================
   CONTACT FORM STYLES
   ========================================================================== */

/* Change the appearance of text responses for submitting a contact form */

/* Apply Nexa font to all messages */
.wpcf7-response-output,
.wpcf7-mail-sent-ok,
.wpcf7-validation-errors,
.wpcf7-spam-blocked,
span.wpcf7-not-valid-tip {
    font-family: 'Nexa', sans-serif; /* Use Nexa font */
    font-size: 25px !important; /* Set font size */
    color: #aa472b; /* Text color */
    font-weight: 300; /* Normal weight */
    background: none !important; /* Remove background box */
    border: none !important; /* Remove border */
    padding: 0 !important; /* Remove extra padding */
    text-align: center; /* Keep text centered */
}

/* Remove error tip default styles */
span.wpcf7-not-valid-tip {
    display: block; /* Ensure errors appear correctly */
    margin-top: 5px; /* Add spacing from input field */
}

/* Smooth fade-in effect for messages */
.wpcf7-response-output {
    animation: fadeIn 0.5s ease-in-out;
}

@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(-5px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}


/* MAKE THE INPUT BOXES A LITTLE DARKER */

.custom-input,
.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea {
  border: 2px solid #aa472b;
  padding: 0.5em;
  border-radius: 3px;
  transition: border-color 0.3s;
}

.custom-input:focus,
.wpcf7 input[type="text"]:focus,
.wpcf7 input[type="email"]:focus,
.wpcf7 input[type="tel"]:focus,
.wpcf7 textarea:focus {
  border-color: #aa472b; /* Keeps the same grey on focus; change if desired */
  outline: none;
}

/* MAKE TEXT RUST RED */

.cf7-field-red label {
  color:#aa472b !important;
}


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

/* Center text on buttons vertically */
.elementor-button {
    padding: 15px 12px 8px 12px !important;
}


/* ==========================================================================
   MENU BAR TRANSPARENCY
   ========================================================================== */

/* Remove the white menu bar when you scroll down */
.bauen-mob-menu-wrapper {
    background-color: transparent !important;
}

/* ==========================================================================
   CAPTCHA STYLES
   ========================================================================== */

/* Hide the CAPTCHA icon on mobile devices */
@media screen and (max-width: 1026px) {
    .rc-anchor-alert {
        display: none;
    }
}

/* ==========================================================================
   CUSTOM BUTTON STYLES FOR CONTACT FORMS
   ========================================================================== */

/* Styles for the submit button on contact forms */
.custom-btn {
    background-color: #0C265C; /* Dark blue background */
    color: #ffffff; /* White text color */
    font-family: 'Nexa', sans-serif;
    font-size: 25px;
    font-weight: 600; /* Semibold */
    padding: 4px 12px 0px 12px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border-radius: 25px; /* Rounded corners */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.custom-btn:hover {
    color: white; /* Text turns white on hover */
    background-color: #6EC1E4;
}


/* FOR THE RED BUTTON ON THE 'CONTACT' PAGE */
.custom-btn-red {
    background-color: #aa472b; /* Rust Red background */
    color: #ffffff; /* White text color */
    font-family: 'Nexa', sans-serif;
    font-size: 25px;
    font-weight: 600; /* Semibold */
    padding: 4px 12px 0px 12px;
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border-radius: 25px; /* Rounded corners */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
}

.custom-btn-red:hover {
    color: white; /* Text turns orange on hover */
    background-color: #D17E36;
}







/* ==========================================================================
   CUSTOM BUTTON STYLES FOR THE MENU BAR
   ========================================================================== */

/* Base Button Style */
.custom-menu-btn {
    background-color: #EDE1D3;
    font-family: 'Nexa', sans-serif;
    font-size: 25px;
    font-weight: 600; /* Semibold */
    text-transform: uppercase;
    cursor: pointer;
    text-align: center;
    border-radius: 25px; /* Rounded corners */
    transition: background-color 0.3s ease-in-out, color 0.3s ease-in-out;
    padding: 3px 0px 0px 0px;
    margin-left:5px;
    margin-right: 5px;
}

/* Change the color of the text on the button */
.custom-menu-btn a {
  color:#5b5e40 !important;
}

/* Button Hover State */
.custom-menu-btn:hover {
    background-color: #D17f33;
    color:#5b5e40;
}


/* Ensure Link Text Color Changes on Hover */
.custom-menu-btn:hover a {
    color: #000000 !important;
}

/* Shrink the size of the button */
.nav-link{
  padding: 0em 0em;
}

/* Shrinking the button moves the menu bar up. This puts it back in place */

.navbar-collapse {
  padding-top:15px !important;
}