/* Override theme color variables to use your brand aqua */
:root {
  --wp--preset--color--primary: #68c3c7 !important;
  --global--color-primary: #68c3c7 !important;
}









.remove-bottom-space-0 {
	margin-bottom: 0;
}

/* --- MC4WP Branded Newsletter Form --- */
.mc-signup {
  background-color: #fffbf1; /* sand */
  padding: 1em;
  border-radius: 12px;
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 12px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

/* Each field inline */
.mc-signup .mc-field-group {
  flex: 1 1 auto;
  margin: 0;
}

/* Labels */
.mc-signup label {
  display: block;
  font-weight: 600;
  color: #0a2d49; /* navy */
  margin-bottom: 4px;
}

/* Inputs */
.mc-signup input[type="text"],
.mc-signup input[type="email"] {
  width: 100%;
  padding: 8px 10px;
  border: 2px solid #68c3c7; /* aqua border */
  border-radius: 8px;
  background-color: #fff;
  font-size: 1rem;
  transition: border-color 0.3s, box-shadow 0.3s;
}

/* Focus states */
.mc-signup input[type="text"]:focus,
.mc-signup input[type="email"]:focus {
  outline: none;
  border-color: #0a2d49; /* navy */
  box-shadow: 0 0 4px #68c3c7;
}

/* Submit button */
.mc-signup input[type="submit"] {
  background-color: #0a2d49; /* navy */
  color: #fffbf1; /* sand */
  border: none;
  border-radius: 8px;
  padding: 9px 18px;
  font-weight: 600;
  cursor: pointer;
  transition: background-color 0.3s, transform 0.2s;
}

/* Hover effect */
.mc-signup input[type="submit"]:hover {
  background-color: #68c3c7; /* aqua hover */
  color: #0a2d49;
  transform: translateY(-2px);
}

/* Mobile layout */
@media (max-width: 700px) {
  .mc-signup {
    flex-direction: column;
    align-items: stretch;
  }
}






/* === MENU ALIGNMENT === */
#navbar .main-navigation ul.menu,
#site-navigation ul.menu {
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 14px !important;
  margin: 0 !important;
  padding: 0 !important;
  white-space: nowrap;
}

/* === MAKE ALL MENU LINKS BOLD === */
#navbar .main-navigation ul.menu > li > a,
#site-navigation ul.menu > li > a {
  font-weight: 700 !important;
  color: #0a2d49 !important; /* Navy */
  text-decoration: none !important;
  padding: 10px 14px !important;
  display: flex !important;
  align-items: center !important;
  line-height: 1.2 !important;
}

/* Force bold even if the theme uses a font variable */
body, button, input, select, textarea, #navbar a, #site-navigation a {
  font-variation-settings: "wght" 700 !important;
  font-weight: 700 !important;
}

/* === NORMAL LINK HOVER === */
#navbar .main-navigation ul.menu > li > a:hover,
#site-navigation ul.menu > li > a:hover {
  color: #68c3c7 !important; /* Aqua hover */
}

/* === NEWSLETTER BUTTON === */
#navbar .main-navigation ul.menu > li.menu-item-47327 > a,
#site-navigation ul.menu > li.menu-item-47327 > a {
  background-color: #68c3c7 !important; /* Aqua background */
  color: #0a2d49 !important; /* Navy text */
  padding: 6px 16px !important;
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  font-size: 0.85rem !important;
  border: 2px solid transparent !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  animation: gentle-pulse 4s ease-in-out infinite;
  background-image: none !important;
  background: #68c3c7 !important;
}

/* === CENTER BUTTON VERTICALLY === */
#navbar .main-navigation ul.menu > li.menu-item-47327,
#site-navigation ul.menu > li.menu-item-47327 {
  display: flex !impo

		
		
		
		
		
		
	/* === Force aqua background on the Newsletter button === */
#menu-item-47327 > a {
  background: #68c3c7 !important; /* Aqua */
  background-color: #68c3c7 !important;
  color: #0a2d49 !important; /* Navy text */
  border-radius: 8px !important;
  font-weight: 700 !important;
  text-transform: uppercase;
  padding: 6px 16px !important;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  transition: all 0.3s ease !important;
  border: 2px solid transparent !important;

  /* Override theme variables */
  --wp--preset--color--background: #68c3c7 !important;
  --global--color-background: #68c3c7 !important;
  --wp--custom--color-background: #68c3c7 !important;
}

/* Remove any theme overlay or pseudo-element */
#menu-item-47327 > a::before,
#menu-item-47327::before {
  content: none !important;
  background: none !important;
}

/* Hover effect */
#menu-item-47327 > a:hover {
  background-color: #0a2d49 !important; /* Navy */
  color: #fffbf1 !important; /* Sand */
  box-shadow: 0 0 8px 2px rgba(104,195,199,0.5) !important;
}

/* Optional gentle pulse */
@keyframes gentle-pulse {
  0%, 100% {
    box-shadow: 0 0 0 0 rgba(104,195,199, 0.0);
    transform: scale(1);
  }
  50% {
    box-shadow: 0 0 6px 2px rgba(104,195,199, 0.4);
    transform: scale(1.03);
  }
}
#menu-item-47327 > a {
  animation: gentle-pulse 4s ease-in-out infinite;
}
	
/* --- Restore aqua background for the newsletter menu button --- */
#site-navigation .menu-item-47327 a {
  background-color: #68c3c7 !important;
  color: #0a2d49 !important;
  border-radius: 6px;
  padding: 8px 16px !important;
  display: inline-block;
  line-height: 1.4;
  font-weight: 600;
  transition: all 0.3s ease;
  vertical-align: middle;
}


	
	/* Aqua Newsletter Button */
#site-navigation .menu-item-47327 > a,
#site-navigation .menu-item-47327 > a.wp-block-navigation-item__content {
  background-color: #68c3c7 !important;
  color: #0a2d49 !important;
  border-radius: 6px;
  padding: 8px 16px !important;
  display: inline-block;
  line-height: 1.4;
  font-weight: 600;
  transition: all 0.3s ease;
  vertical-align: middle;
}

/* Hover effect */
#site-navigation .menu-item-47327 > a:hover,
#site-navigation .menu-item-47327 > a.wp-block-navigation-item__content:hover {
  background-color: #5bb5b9 !important;
  color: #ffffff !important;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(104, 195, 199, 0.6);
}

/* Keep button centered vertically */
#site-navigation ul.menu > li {
  display: flex;
  align-items: center;
}

/* Make all menu items bold */
#site-navigation ul.menu > li > a {
  font-weight: 700 !important;
}

	
	
	
	
	
	
	
	/* Force the newsletter menu button to display aqua background */
#site-navigation .menu-item-47327 > a,
#site-navigation .menu-item-47327 > a.wp-block-navigation-item__content {
  background: none !important;               /* clear theme gradients */
  background-color: #68c3c7 !important;      /* your aqua color */
  color: #0a2d49 !important;                 /* navy text */
  position: relative;
  z-index: 10;
  border-radius: 6px;
  padding: 8px 16px !important;
  display: inline-block;
  line-height: 1.4;
  font-weight: 600;
  transition: all 0.3s ease;
  vertical-align: middle;
}

/* Pulse hover */
#site-navigation .menu-item-47327 > a:hover,
#site-navigation .menu-item-47327 > a.wp-block-navigation-item__content:hover {
  background-color: #5bb5b9 !important;
  color: #ffffff !important;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(104, 195, 199, 0.6);
}

	
	
	
	
	/* Force aqua background on newsletter menu item, overriding parent and pseudo-elements */
#site-navigation .menu-item-47327,
#site-navigation .menu-item-47327::before,
#site-navigation .menu-item-47327::after {
  background: none !important;
  background-color: #68c3c7 !important;
  border-radius: 6px;
  transition: all 0.3s ease;
}

#site-navigation .menu-item-47327 > a {
  color: #0a2d49 !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  display: inline-block;
  text-align: center;
}

/* Hover pulse animation */
#site-navigation .menu-item-47327:hover,
#site-navigation .menu-item-47327:hover::before,
#site-navigation .menu-item-47327:hover::after {
  background-color: #5bb5b9 !important;
  box-shadow: 0 0 10px rgba(104, 195, 199, 0.6);
  transform: scale(1.05);
}




/* --- Final fix: Aqua newsletter button in Suits theme --- */
#site-navigation li.menu-item-47327.menu-button {
  background-color: #68c3c7 !important;
  border-radius: 6px;
  transition: all 0.3s ease;
}

#site-navigation li.menu-item-47327.menu-button a {
  color: #0a2d49 !important;
  font-weight: 700 !important;
  padding: 8px 16px !important;
  display: inline-block;
  line-height: 1.4;
}

/* Hover state with gentle pulse */
#site-navigation li.menu-item-47327.menu-button:hover {
  background-color: #5bb5b9 !important;
  transform: scale(1.05);
  box-shadow: 0 0 10px rgba(104, 195, 199, 0.6);
}

#site-navigation li.menu-item-47327.menu-button:hover a {
  color: #ffffff !important;
}










	

	
	
	
	#menu-item-47327 a {
  background-color: #68c3c7;
}

	
	
	
	
	
	
	#menu-item-47327,
#menu-item-47327 a,
#menu-item-47327 a::before,
#menu-item-47327 a::after {
    background-color: #68c3c7 !important;
    color: #ffffff !important; /* ensures text is readable */
    border-radius: 4px; /* optional for nicer button look */
}


/* Target the menu item and all possible wrappers */
#menu-item-47327,
#menu-item-47327 a,
#menu-item-47327 a * {
    background-color: #68c3c7 !important; /* aqua background */
    color: #ffffff !important;           /* white text */
    border-radius: 4px !important;       /* optional button style */
    padding: 0.5em 1em !important;       /* make it look like a button */
    display: inline-block !important;
    text-align: center !important;
}





	
	
	
	
	/* Aqua button for menu item */
#menu-item-47327 a {
    background-color: #68c3c7 !important;
    color: #ffffff !important;
    border-radius: 4px !important;
    padding: 0.5em 1em !important;
    display: inline-block !important;
    text-align: center !important;
    font-weight: bold !important;
}










/* Aqua menu button */
#menu-item-47327 a {
    background-color: #68c3c7 !important;  /* Aqua background */
    color: #ffffff !important;             /* White text */
    font-weight: bold !important;          /* Bold text */
    text-align: center !important;         /* Center text */
    display: inline-block !important;      /* Make the button visible */
    padding: 0.5em 1em !important;         /* Add some padding */
    border-radius: 4px !important;         /* Rounded corners */
    text-decoration: none !important;      /* Remove underline */
}









/* Force aqua menu button */
#menu-item-47327,
#menu-item-47327 a,
#menu-item-47327 a::before,
#menu-item-47327 a::after {
    background-color: #68c3c7 !important;  /* Aqua background */
    color: #ffffff !important;             /* White text */
    font-weight: bold !important;          /* Bold text */
    text-align: center !important;         /* Center text */
    display: inline-block !important;      /* Ensure visible */
    padding: 0.5em 1em !important;         /* Add padding */
    border-radius: 4px !important;         /* Rounded corners */
    text-decoration: none !important;      /* Remove underline */
    box-shadow: none !important;           /* Remove any theme shadows */
}





#menu-item-47327 > a {
    background-color: #68c3c7 !important;
    color: #ffffff !important;
}

	
	
	
	
	
	#menu-item-47327 > a {
    background-color: #68c3c7 !important;
    color: #ffffff !important;
    font-weight: bold !important;
    text-align: center;
    display: inline-block;
    padding: 0.5em 1em;
    border-radius: 4px; /* optional, for a button look */
}

#menu-item-47327 > a {
    background: #68c3c7 !important; /* aqua background */
    color: #ffffff !important;       /* white text */
    font-weight: bold !important;    /* bold menu text */
    text-align: center !important;
    display: inline-block !important;
    padding: 0.5em 1em !important;
    border-radius: 4px !important;
}

/* Force the Subscribe button to aqua with white bold text */
#menu-item-47327 > a {
    background: #68c3c7 !important;  /* Aqua background */
    color: #ffffff !important;        /* White text */
    font-weight: bold !important;     /* Bold text */
    text-align: center !important;
    display: inline-block !important;
    padding: 0.5em 1em !important;    /* Button padding */
    border-radius: 4px !important;    /* Rounded corners */
    line-height: 1.5 !important;      /* Center text vertically */
}

/* Optional: override theme CSS variable if theme is using it */
#menu-item-47327 > a {
    --wp--preset--color--primary: #68c3c7 !important;
}




/* Make menu items bold */
.menu-item a {
    font-weight: bold;
}

	
	
	
	

	/* Ensure the menu bar uses flex layout */
.site-header .menu {
    display: flex;
    align-items: center; /* vertically centers all menu items */
}

/* Center the newsletter button specifically */
#menu-item-47327 a {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 0 20px; /* optional horizontal padding */
    height: auto; /* let flexbox handle height */
}

/* Optional: bold all menu items */
.site-header .menu li a {
    font-weight: bold;
}

	/* Ensure the menu bar is relative so we can position the button inside */
.site-header .menu {
    position: relative;
}

/* Bold all menu items */
.site-header .menu li a {
    font-weight: bold;
}

/* Force the newsletter button to center vertically */
#menu-item-47327 {
    position: absolute;
    top: 50%;               /* move top edge to 50% of container height */
    transform: translateY(-50%);  /* shift up by half its own height */
    right: 20px;            /* adjust horizontal position if needed */
}

/* Style the button */
#menu-item-47327 a {
    background-color: #68c3c7;
    color: #fff;
    padding: 0.5em 1em;
    border-radius: 4px;
}

	
	
	
	
/* Force all menu items bold */
#site-navigation .menu-item a {
    font-weight: bold !important;
}

/* Center the Newsletter button vertically in the menu */
#menu-item-47327 {
    display: flex;
    align-items: center;
}

#menu-item-47327 a {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    background-color: #68c3c7 !important;
    color: #fff !important;
    padding: 0.5rem 1rem;
    border-radius: 5px;
    text-decoration: none;
}


/* Pulse animation */
@keyframes pulse {
  0%, 100% { transform: scale(1); }
  50% { transform: scale(1.05); }
}

#menu-item-47327 a:hover {
  animation: pulse 1s infinite;
  transform-origin: center;
}



	
	
	
	
	/* Base styling for the search button inside the navbar */
#navbar .search-form input.search-submit {
  background-color: #68c3c7 !important;  /* aqua, which you already liked */
  color: #0a2d49 !important;             /* navy text/icon */
  border: none !important;
  padding: 0.3rem 0.8rem;
  cursor: pointer;
}

/* On hover: switch to coral so it's very obvious */
#navbar .search-form input.search-submit:hover {
  background-color: #E96D5B !important;  /* coral */
  color: #ffffff !important;             /* white text/icon */
}

	
	
	
	
	
	/* Make the search button clearly aqua by default */
#navbar form.search-form input.search-submit,
#navbar .search-form button.search-submit {
  background-color: #68c3c7 !important;   /* aqua */
  color: #0a2d49 !important;              /* navy icon/text */
  border: none !important;
  padding: 6px 12px !important;
  border-radius: 4px !important;
  transition: all 0.4s ease !important;
}

/* Force coral on hover, regardless of theme styles */
#navbar form.search-form input.search-submit:hover,
#navbar .search-form button.search-submit:hover {
  background-color: #E96D5B !important;   /* coral hover */
  color: #ffffff !important;              /* white icon/text */
  fill: #ffffff !important;               /* if icon is SVG */
  filter: brightness(1.1) !important;     /* subtle glow */
}

	/* Default search field appearance */
#navbar .search-form input.search-field {
  background-color: #68c3c7 !important;   /* Aqua default */
  color: #0a2d49 !important;              /* Navy text */
  border: none !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  transition: background-color 0.4s ease, color 0.4s ease;
}

/* Hover and focus state */
#navbar .search-form input.search-field:hover,
#navbar .search-form input.search-field:focus {
  background-color: #E96D5B !important;   /* Coral on hover/focus */
  color: #ffffff !important;              /* White text for contrast */
  outline: none !important;
}



/* Default magnifying glass (submit button) */
#navbar .search-form input.search-submit {
  background-color: #68c3c7 !important;  /* Aqua default */
  color: #0a2d49 !important;             /* Navy text/icon */
  border: none !important;
  border-radius: 4px !important;
  padding: 6px 12px !important;
  transition: all 0.4s ease !important;
  cursor: pointer !important;
}

/* Hover/focus for coral accent */
#navbar .search-form input.search-submit:hover,
#navbar .search-form input.search-submit:focus {
  background-color: #E96D5B !important;  /* Coral hover */
  color: #ffffff !important;
  outline: none !important;
}

/* If the icon is injected as SVG or font, force its color change */
#navbar .search-form input.search-submit svg,
#navbar .search-form input.search-submit::before,
#navbar .search-form input.search-submit::after {
  fill: currentColor !important;
  color: currentColor !important;
  transition: color 0.4s ease, fill 0.4s ease !important;
}