@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');

/* Base body font */
body,
p,
span,
div,
td,
input,
textarea,
select {
  font-family: 'Montserrat', sans-serif !important;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
  font-family: 'Montserrat', sans-serif !important;
  font-weight: 700;
}

/* Navigation/Menu */
ul, ol, li,
.menuLink,
.WAHeaderMenu,
#idHeaderMenu a,
#idHeaderMenu span,
.menuContainer,
#idPrimaryMenu a {
  font-family: 'Montserrat', sans-serif !important;
}

/* Buttons (including all login-related) */
input[type="button"],
input[type="submit"],
button,
a.button,
a.ButtonLink,
.LoginButton,
#loginControl a,
#loginControl span,
#idLoginLink,
#idLoginLink span,
#idLoginLink a {
  font-family: 'Montserrat', sans-serif !important;
}

/* Wild Apricot widgets and modules */
.Widget,
.moduleTitle,
div.moduleTitle,
div.eventHeader,
div.eventDetails,
div.loginWidget,
div.memberDirectory,
div.profileWidget {
  font-family: 'Montserrat', sans-serif !important;
}

/* Login form button (below email/password) */
#id_fylOOTM,
[id^="id_"]:not([id*="Menu"]) input[type="submit"],
[id^="id_"]:not([id*="Menu"]) button {
  font-family: 'Montserrat', sans-serif !important;
}

/* Logged-in name dropdown and log in/out links */
#loginControl *,
#idLoginLink *,
[id*="login"] a,
[id*="login"] span {
  font-family: 'Montserrat', sans-serif !important;
}

/* Login and general form buttons */
input[type="submit"][value*="ogin"],
button[type="submit"][value*="ogin"],
button[value*="ogin"],
button:contains("Log in"),
button:contains("Login"),
input[id*="fylOOTM"],
input[type="submit"][value="Log in"],
button:contains("Log out"),
input[type="submit"][value="Log out"] {
  background-color: #007E70 !important;
  color: white !important;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
}

/* Hover state */
input[type="submit"][value*="ogin"]:hover,
button[type="submit"][value*="ogin"]:hover,
button[value*="ogin"]:hover,
button:contains("Log in"):hover,
button:contains("Login"):hover,
input[id*="fylOOTM"]:hover,
input[type="submit"][value="Log in"]:hover,
button:contains("Log out"):hover,
input[type="submit"][value="Log out"]:hover {
  background-color: #187534 !important;
  cursor: pointer;
}

/* Forum-related buttons: post, reply, cancel, etc */
input[type="submit"][value="Create topic"],
input[type="submit"][value="Post reply"],
input[type="submit"][value="Save changes"],
input[type="submit"][value="Delete topic"],
input[type="submit"][value="Delete reply"],
input[type="submit"][value="Post"],
input[type="submit"][value="Cancel"],
button:contains("Post"),
button:contains("Reply"),
button:contains("Cancel"),
a.ActionButton,
a.Button,
a.buttonLink {
  background-color: #007E70 !important;
  color: white !important;
  border: none;
  border-radius: 6px;
  padding: 10px 20px;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  display: inline-block;
}

/* Hover effect for forum buttons */
input[type="submit"][value="Create topic"]:hover,
input[type="submit"][value="Post reply"]:hover,
input[type="submit"][value="Save changes"]:hover,
input[type="submit"][value="Delete topic"]:hover,
input[type="submit"][value="Delete reply"]:hover,
input[type="submit"][value="Post"]:hover,
input[type="submit"][value="Cancel"]:hover,
button:contains("Post"):hover,
button:contains("Reply"):hover,
button:contains("Cancel"):hover,
a.ActionButton:hover,
a.Button:hover,
a.buttonLink:hover {
  background-color: #187534 !important;
  cursor: pointer;
}

/* Style membership confirmation box */
div.SuccessMessage,
div.ConfirmationMessage,
div.SystemMessage,
div.WA_Message_Info,
div.WA_Message_Success {
  background-color: #007E70 !important;
  color: white !important;
  border-radius: 6px;
  padding: 20px;
  font-size: 16px;
  font-weight: 500;
  border: none;
}

/* Optional: make sure links inside the message boxes are readable */
div.SuccessMessage a,
div.ConfirmationMessage a,
div.SystemMessage a,
div.WA_Message_Info a,
div.WA_Message_Success a {
  color: #ffffff !important;
  text-decoration: underline;
}
/* Reply button styling */
input[type="submit"][value="Reply"],
input[type="submit"][value="Post reply"],
input[type="submit"][value="Post"] {
  background-color: #007E70 !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

input[type="submit"][value="Reply"]:hover,
input[type="submit"][value="Post reply"]:hover,
input[type="submit"][value="Post"]:hover {
  background-color: #187534 !important;
  cursor: pointer !important;
}

/* Cancel button styling (forum replies) */
input[type="submit"][value="Cancel"],
button[type="button"][value="Cancel"],
a.CancelButton {
  background-color: #ccc !important;
  color: #333 !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
}

input[type="submit"][value="Cancel"]:hover,
button[type="button"][value="Cancel"]:hover,
a.CancelButton:hover {
  background-color: #999 !important;
  cursor: pointer !important;
}
/* Style Create Topic button only inside the Discussion Forum Widget */
div[id*="ForumWidget"] input[type="submit"][value="Create topic"] {
  background-color: #007E70 !important;
  color: white !important;
  border: none !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-family: 'Montserrat', sans-serif !important;
  font-size: 16px !important;
  font-weight: bold !important;
}

div[id*="ForumWidget"] input[type="submit"][value="Create topic"]:hover {
  background-color: #187534 !important;
  cursor: pointer !important;
}