/*
Theme Name: spectra-child
Theme URI: 
Author: 
Author URI: 
Description: 
Requires at least: 6.6
Tested up to: 6.6
Requires PHP: 5.7
Version: 1.0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Template: spectra-one
Text Domain: spectra-child
Tags: 
*/

html {
    scroll-behavior: smooth;
}

/*Join community form */
@media only screen and (max-width: 600px) {
    .mc_form_inside {
        flex-direction: column;
        align-items: center;
        width: 100%;
    }
}

.mc_form_inside {
    display: flex;
    padding-top: 10px;
    width: 100%;
    height: 180px;
    position: relative;
    justify-content: center;
    align-items: center;
    gap: 1.5rem;
    margin: .8rem;
}

.mc_form_inside br {
    display: none;
}

.mc_form_inside .mc_header_email {
    display: none;
}

.mc_form_inside .mc_signup_submit_button {
    background-color: #15243B;
    border: none !important;
    font-size: 22px;
    font-family: Norwester;
    font-weight: 700;
    color: white;
    padding: 1rem;
    padding-left: 2rem;
    padding-right: 2rem;
    cursor: pointer;
}

.wp-block-mailchimp-mailchimp-form-field:not(:has(*)) {
    display: none;
}

.mc_form_inside .mc_signup_submit_button:hover {
    background-color: #15243B/0.5;
    color: #F6E8CB;
    transition: all 0.5s ease-in-out;
}

.mc_form_inside .mc_input {
    padding: 1rem;
    background-color: white;
    color: white;
    width: 320px;
    border: none !important;
    outline: none !important;
    font-size: 22px;
}

.mc_form_inside .mc_input::placeholder {
    font-weight: 700;
    color: #dddddd;
}

.mc_form_inside #mc_message {
    width: 100% !important;
    text-align: center;
    position: absolute;
    color: #15243B;
    top: 0;
}

/***********************/

/*Navigations*/

.wp-block-navigation-item:hover .wp-block-navigation-item__label {
    color: #15243B;
}

.wp-block-navigation-item.current-menu-item {
    color: #15243B !important;
}

.wp-block-home-link:hover .wp-block-home-link__content {
    color: #15243B;
}

.current-menu-item {
    color: #15243B !important;
}

.wp-block-navigation-item:hover .wp-block-navigation-item__label,
.current-menu-item {
    position: relative;
}

/*.wp-block-navigation-item:hover .wp-block-navigation-item__label::before,*/

.current-menu-item .wp-block-navigation-item__content::before {
    content: '';
    position: absolute;
    top: -5px;
    /* Adjust the value as needed */
    left: 0;
    width: 100%;
    height: 2px;
    /* Adjust the value as needed */
    background-color: #15243B;
    /* White color */
    transition: all 0.5s ease-in-out;
}

/***********************/

/* Header styles */
.main-header {
    position: static;
    /* Default to static for larger screens */
    width: 100%;
    z-index: 1000;
    /* Ensure it stays above other content */
}

@media only screen and (max-width: 600px) {
    .main-header {
        position: sticky;
        top: 0;
    }
}