.WaGadgetMenuHorizontal .menuInner ul.firstLevel>li>.item>a {
text-transform: uppercase;
font-size: large;
letter-spacing: 1.5px;
}

#FunctionalBlock1_ctl00_hlBackToProfile{display:none;}

.captionOuterContainer .captionContainer .fieldBody h4 {font-size: 30px;
font-weight: bold; 
}

.memberDirectoryDetailsHeaderContainer h3 {font-size: 16px;
font-weight:normal;
}

.WaGadgetBlog .boxBodyInfoOuterContainer h5 .postedByLink{
display:none;
}

.WaGadgetRecentBlogPosts .gadgetStyleBody ul li .author {
 display: none;
}

/* Login button */
.loginBoxLinkButton {
    background: #000000 !important;
    color: white !important;
}

.visually-hidden {
  position: absolute;
  width:    1px;
  height:   1px;
  padding:  0;
  margin:   -1px;
  overflow: hidden;
  clip:     rect(0, 0, 0, 0);
  border:   0;
}

/* This targets ONLY links with the class "external-link" */
a.external-link[target="_blank"]::after {
    content: "\2197";
    display: inline-block;
    font-size: 0.6em;             /* Very small, ideal for clean UIs */
    margin-left: 0.2em;
    vertical-align: super;        /* Lifts the tiny arrow higher up */
    line-height: 0;
}

/* new type */

/* Modern Typography & Visual Reset */
:root {
  --primary-color: #1a365d;    /* Deep slate blue - strong contrast */
  --accent-color: #0d9488;     /* Modern teal for CTAs */
  --text-dark: #1f2937;        /* Off-black for readability */
  --bg-light: #f8fafc;         /* Crisp off-white background */
  --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
}

body {
  font-family: var(--font-main);
  color: var(--text-dark);
  line-height: 1.6;
  background-color: var(--bg-light);
}

/* Accessible Focus States */
a:focus, button:focus, input:focus {
  outline: 3px solid var(--accent-color) !important;
  outline-offset: 2px;
}

/* Modernizing Wild Apricot Buttons */
.WaButton, input[type="submit"] {
  background-color: var(--primary-color) !important;
  color: #ffffff !important;
  border-radius: 6px !important;
  padding: 10px 20px !important;
  font-weight: 600;
  transition: background-color 0.2s ease-in-out;
}

.WaButton:hover, input[type="submit"]:hover {
  background-color: var(--accent-color) !important;
}