.home a #Logo, .home a #Logo {
  transition: color 0.3s ease;
  color: #ffffff; 
}
.home .elementor-11 .elementor-element.elementor-element-7adc6baa div.elementor-menu-toggle svg{fill:#ffffff;}

.home .elementor-11 .elementor-element.elementor-element-7adc6baa.scrolled div.elementor-menu-toggle svg{fill:#000;}

.home a #Logo.scrolled, .home a #Logo.scrolled, a #Logo {
  color: #000000; /* Turns Black */
}

.acym__subscription__form__fields, .acym__subscription__form__button{display: inline-block !important;width:48% !important;margin-bottom:0 !important;}
.research-subscription-form #acym_fulldiv_formAcym1.acym__subscription__form__shortcode .acym__subscription__form__fields .acym__subscription__form__lists{margin:0 !important;}

#acym_fulldiv_formAcym1.acym__subscription__form__shortcode{padding:0 !important;}
.caption{border-left:3px solid #C4FF66;padding-left:10px;font-size:12px;}

#formAcym1 .acym__subscription__form__fields input.acym__user__edit__email {
    background-color: #000000 !important;
    color: #ffffff !important;
    border: none !important;
    border-bottom: 1px solid #808080 !important; /* Grey border on bottom only */
    border-radius: 0 !important; /* Removes rounded corners if any */
    padding: 10px !important;
}

#formAcym1 .acym__subscription__form__fields input.acym__user__edit__email::placeholder {
    color: rgba(255, 255, 255, 0.7) !important;
}


#formAcym1 .acym__subscription__form__button button {
    background-color: #EDF0EF !important;
    transition: background-color 0.3s ease; 
}


#formAcym1 .acym__subscription__form__button button:hover {
    background-color: #ffffff !important;
}

/* form styles */
.gform_required_legend{margin-top:10px;}

/* 1. Remove default borders, shadows, and glows */
.gform_wrapper input[type="text"],
.gform_wrapper input[type="email"],
.gform_wrapper input[type="tel"],
.gform_wrapper input[type="url"],
.gform_wrapper input[type="number"],
.gform_wrapper input[type="password"],
.gform_wrapper textarea,
.gform_wrapper select {
    border: none !important;
    border-bottom: 1px solid #ccc !important;
    box-shadow: none !important;
    outline: none !important;
    background-color: transparent;
    padding: var(--spacing-3xs) 4px; /* Using your 8px/6px/4px scale */
    border-radius: 0 !important;
    transition: background-color 0.3s ease;
}

/* 2. Remove "glow" on focus and set active background */
.gform_wrapper input:focus,
.gform_wrapper textarea:focus,
.gform_wrapper select:focus {
    background-color: #F3F3F3 !important;
    outline: none !important;
    box-shadow: none !important;
    border-bottom: 1px solid #999 !important; /* Slight darkening on focus */
}

/* 3. Cleanup for Chrome/Safari blue outlines */
.gform_wrapper input:focus-visible {
    outline: none !important;
}
.gform_wrapper .gform_footer input[type="submit"],
.gform_wrapper .gform_page_footer input[type="button"] {
    font-family:"Plus Jakarta Sans", sans-serif;
	background-color: #000 !important;
    color: #fff !important;
    border: none !important;
    border-radius: 22px !important;
    padding: var(--spacing-xs) var(--spacing-lg) !important; /* Responsive padding using your variables */
    font-weight: 600;
    cursor: pointer;
    transition: all 0.3s ease;
    text-transform: none;
    appearance: none;
}

/* Hover State */
.gform_wrapper .gform_footer input[type="submit"]:hover,
.gform_wrapper .gform_page_footer input[type="button"]:hover {
    background-color: #DAE0DF !important;
    color: #000 !important;
    box-shadow: none !important;
}


/* media queries */


@media (min-width: 768px) {
	li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-946{display:none;}
}
@media (max-width: 768px) {
	li.menu-item.menu-item-type-post_type.menu-item-object-page.menu-item-946 a{
		background-color: black;
        color: #fff;
        border-radius: 33px;
        justify-content: center;
        align-items: center;
        text-align: center;
        padding: 8px 20px;
        margin: 50px auto 20px;
        width: 70%;}


    }

/* SM: 360px and under */
@media (max-width: 360px) {
  :root {
    --spacing-none: 0px;
    --spacing-3xs: 4px;
    --spacing-2xs: 8px;
    --spacing-xs: 12px;
    --spacing-sm: 16px;
    --spacing-md: 20px;
    --spacing-lg: 24px;
    --spacing-xl: 28px;
    --spacing-2xl: 32px;
    --spacing-3xl: 40px;
    --spacing-4xl: 48px;
    --spacing-5xl: 56px;
    --spacing-6xl: 64px;
    --spacing-7xl: 80px;
  }
}

/* MD: 361px to 1024px */
@media (min-width: 361px) and (max-width: 1024px) {
  :root {
    --spacing-none: 0px;
    --spacing-3xs: 6px;
    --spacing-2xs: 10px;
    --spacing-xs: 14px;
    --spacing-sm: 18px;
    --spacing-md: 22px;
    --spacing-lg: 26px;
    --spacing-xl: 30px;
    --spacing-2xl: 37px;
    --spacing-3xl: 45px;
    --spacing-4xl: 53px;
    --spacing-5xl: 61px;
    --spacing-6xl: 74px;
    --spacing-7xl: 90px;
  }
}

/* LG: 1025px and above */
@media (min-width: 1025px) {
  :root {
    --spacing-none: 0px;
    --spacing-3xs: 8px;
    --spacing-2xs: 12px;
    --spacing-xs: 16px;
    --spacing-sm: 20px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 40px;
    --spacing-2xl: 48px;
    --spacing-3xl: 56px;
    --spacing-4xl: 64px;
    --spacing-5xl: 72px;
    --spacing-6xl: 80px;
    --spacing-7xl: 96px;
  }
}