/* ===========================
   PAGE WIDTH
   =========================== */
body,
.mLayout,
#mLayout,
.mBody {
  max-width: 1200px !important; /* or 100% if you prefer full width */
  width: 100% !important;
  margin: 0 auto !important;
  padding: 0 20px;
  box-sizing: border-box;
}

/* Remove unwanted container width limits */
.WaGadget,
.WaContainer,
.WaContent,
.gadgetStyleNone,
.row,
.col {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

/* Optional page-specific width */
#id_YourPageId,
.custom-width-box {
  width: 100% !important;
}

/* ===========================
   BUTTON COLORS
   =========================== */
.navigationOuterContainer .navigationContainer input.nextButton,
.navigationOuterContainer .navigationContainer input.typeButton,
.navigationOuterContainer .navigationContainer input[type=submit],
.loginButton,
.typeButton,
input[type=submit] {
  background-color: #1c4777 !important;
  color: #ffffff !important;
}

.navigationOuterContainer .navigationContainer input.nextButton:hover,
.navigationOuterContainer .navigationContainer input.typeButton:hover,
.navigationOuterContainer .navigationContainer input[type=submit]:hover,
.loginButton:hover,
.typeButton:hover,
input[type=submit]:hover {
  background-color: #1c4777 !important;
}

/* ===========================
   LOGIN / LOGOUT BUTTONS
   =========================== */
.WaGadgetLoginButton .loginLink,
.WaGadgetLoginForm .loginLink {
  background: #e5ecf1d3 !important;
  color: white !important;
}

.WaGadgetLoginButton .loginLink:hover,
.WaGadgetLoginForm .loginLink:hover {
  background: #2f3a3d !important;
}

/* Logout (authenticated) */
.WaGadgetLoginButton .authenticated .loginLink,
.WaGadgetLoginForm .authenticated .loginLink {
  background: 0 !important;
  color: #2f3a3d !important;
}

.WaGadgetLoginButton .authenticated .loginLink:hover,
.WaGadgetLoginButton .authenticated .loginLink.hover,
.WaGadgetLoginForm .authenticated .loginLink:hover,
.WaGadgetLoginForm .authenticated .loginLink.hover {
  background: #2f3a3d !important;
  color: white !important;
}
/* ===========================
   Replace Author Name
   =========================== */

/* Hide original author text */
.WaGadgetBlog .postedBy,
.WaGadgetBlog .author,
.WaGadgetBlog .postedByLink,
.WaGadgetBlog .authorName {
    font-size: 0 !important; /* hides the original text */
}

/* Insert custom text in blog posts */
.WaGadgetBlog .postedBy:after,
.WaGadgetBlog .author:after,
.WaGadgetBlog .postedByLink:after,
.WaGadgetBlog .authorName:after {
    content: "Posted by NAFIC Home Office";
    font-size: 12px !important;
    color: #333;            /* adjust color if needed */
    font-style: italic;     /* optional — remove if you want normal text */
}

/* Recent Blog Posts gadget (sidebar or list) */
.WaGadgetRecentBlogPosts .author,
.WaGadgetRecentBlogPosts .postedByLink {
    font-size: 0 !important;
}

.WaGadgetRecentBlogPosts .author:after,
.WaGadgetRecentBlogPosts .postedByLink:after {
    content: "Posted by NAFIC Home Office";
    font-size: 11px !important;
    color: #333;
    font-style: italic;
}
/* ===========================
   IMAGE CLEANUP
   =========================== */
.wa-gadget-image img,
.kaleidoscope-photo img {
  background-color: white !important;
  object-fit: cover !important;
}

img {
  background-color: white !important;
  object-fit: cover;
}

img[style*="border"] {
  border: none !important;
}

img,
.gadgetImage img,
.photo,
.photo img {
  background: white !important;
  box-shadow: none !important;
}