/*************************************
 WILD APRICOT – LOGIN BUTTON ONLY
 Prevents background bleed into profile box
*************************************/

/* LOGIN BUTTON – clickable elements ONLY */
.WaGadgetLoginButton a.loginLink,
.WaGadgetLoginButton a.loginButton,
.WaGadgetLoginButton a[href*="Login"],
.WaGadgetLoginForm input[type="submit"],
.WaGadgetLoginForm button {
  background-color: #475841 !important;
  border-color: #475841 !important;
  color: #ffffff !important;
}

/* INLINE STYLE OVERRIDE – BUTTONS ONLY */
.WaGadgetLoginButton a[style*="#F38C1C"],
.WaGadgetLoginForm input[style*="#F38C1C"],
.WaGadgetLoginButton a[style*="#f38c1c"],
.WaGadgetLoginForm input[style*="#f38c1c"] {
  background-color: #475841 !important;
  border-color: #475841 !important;
  color: #ffffff !important;
}

/* HOVER STATE */
.WaGadgetLoginButton a.loginLink:hover,
.WaGadgetLoginForm input[type="submit"]:hover {
  background-color: #3a4a37 !important;
  border-color: #3a4a37 !important;
}

/* ACTIVE / FOCUS */
.WaGadgetLoginButton a.loginLink:focus,
.WaGadgetLoginButton a.loginLink:active,
.WaGadgetLoginForm input[type="submit"]:focus,
.WaGadgetLoginForm input[type="submit"]:active {
  background-color: #2f3d2c !important;
  border-color: #2f3d2c !important;
}

/* 🚫 EXPLICIT RESET: authenticated profile container */
.WaGadgetLoginButton
.authenticated
.loginPanel
.profileBox {
  background-color: transparent !important;
}


/*************************************
 CONTENT GADGET – TRANSPARENT BACKGROUND
*************************************/

.transparent-bg {
  background-color: rgba(230, 230, 230, 0.65);
  padding: 20px;
  border-radius: 0px;

  /* Frosted glass effect */
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
}

/* Ensure text stays readable */
.transparent-bg,
.transparent-bg p,
.transparent-bg h1,
.transparent-bg h2,
.transparent-bg h3,
.transparent-bg h4,
.transparent-bg h5,
.transparent-bg h6 {
  color: #ffffff;
}


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

/* BLOG LIST VIEW — titles in blog gadget */
.custom-blog .boxHeaderTitle,
.custom-blog .boxHeaderTitle a {
    color: #475841 !important;
    font-family: 'Lato', sans-serif !important;
}

/* SINGLE BLOG POST — title */
.custom-blog .blogTitle,
.custom-blog .blogTitle a {
    color: #475841 !important;
    font-family: 'Lato', sans-serif !important;
}

/* Lock hover color */
.custom-blog .boxHeaderTitle a:hover,
.custom-blog .blogTitle a:hover {
    color: #475841 !important;
    text-decoration: none;
}



span.quotedText {
    background: none !important;
    border-left-color: #475841 !important;
}

span.quotedText::before {
    background-color: #475841 !important;
}