/* Code below to change font and color added July 12 2026 by SGD */

@font-face {
  font-family: 'Playball';
  src: url('https://memorialwomansclub.wildapricot.org/resources/FONTS/Playball-Regular.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1 {
  font-family: 'Playball', serif !important;
  color: #142457 !important;
  text-transform: none !important;
}

h2 {
  font-family: 'Playball', serif !important;
  color: #142457 !important;
  text-transform: none !important;
}
/*Code Below Commented Out*/
/* Code below to change font and color added July 4 2026 by SGD 

@font-face {
  font-family: 'Magnolia Script';
  src: url('https://memorialwomansclub.wildapricot.org/resources/FONTS/magnolia-script.woff2') format('woff2');
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}

h1 {
  font-family: 'Magnolia Script', serif !important;
  color: #142457 !important;
  text-transform: none !important;
}

h2 {
  font-family: 'Magnolia Script', serif !important;
  color: #142457 !important;
  text-transform: none !important;
}
*/


/* Below Code to change Login Button color - SGD July 5 2026 */
.WaGadgetLoginButton .loginContainer .loginLink {
    background: #142457 !important;
    font-weight: bold !important;
}

/* the below code added to change mobile bar at top of mobile screen to be salmon - July 5 2026 by SGD */
.WaGadgetMobilePanel .mobilePanel, 
.WaGadgetMobilePanel [class*="mobilePanel"] {
    background-color: #f97655 !important;
}

/* Change mobile dropdown (submenu) background and make font bold on July 5 2026 by SGD*/
.WaGadgetMobilePanel .mobilePanel .menuInner ul li > .item > a {
    background-color: #142457 !important;
    font-weight: bold !important;
}

/* Code below to change background color of primary action/gadget buttons - added on July 7 2026 by SGD*/
/* Memorial Woman's Club - custom button colors */

.wa-btn,
.wa-btn-primary,
.wa-btn-secondary,
.wa-btn-set .wa-btn,
a.wa-btn,
button.wa-btn,
input.wa-btn,
.wa-form-navigation .wa-btn,
.wa-gEditButton,
.wysiwyg a.wa-btn,
a.buttonStyle001,

input[type="submit"],
input[type="button"],
button,
.button,
a.button {
  background-color: #142457 !important;
  border-color: #142457 !important;
  color: #ffffff !important;
  transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out;
}

.wa-btn:hover,
.wa-btn-primary:hover,
.wa-btn-secondary:hover,
.wa-btn-set .wa-btn:hover,
a.wa-btn:hover,
button.wa-btn:hover,
input.wa-btn:hover,
.wa-form-navigation .wa-btn:hover,
.wa-gEditButton:hover,
.wysiwyg a.wa-btn:hover,
a.buttonStyle001:hover,

input[type="submit"]:hover,
input[type="button"]:hover,
button:hover,
.button:hover,
a.button:hover {
  background-color: #2a3d78 !important;
  border-color: #2a3d78 !important;
  color: #ffffff !important;
}