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

.WaGadget,
.WaContainer,
.WaContent,
.gadgetStyleNone,
.row,
.col {
  max-width: 100% !important;
  width: 100% !important;
  box-sizing: border-box;
}

#id_YourPageId,
.custom-width-box {
  width: 100% !important;
}

/* ===========================
   GLOBAL SITE BACKGROUND
   =========================== */
body,
.mBody,
.layoutMain,
.zoneContent {
  background-color: #f7f9fb !important;
}

.nafic-card,
.WaGadget {
  background-color: #ffffff;
}

/* ===========================
   HEADER CLEANUP
   =========================== */
.zoneHeader1 .WaGadgetContent,
.zoneHeader2 .WaGadgetContent {
  background-color: transparent !important;
  border: none !important;
  box-shadow: none !important;
}

.zoneHeader1 .WaLayoutContainerFirst,
.zoneHeader1 .WaLayoutContainer {
  background-color: transparent !important;
}

/* Nuclear header transparency */
.zoneHeader1,
.zoneHeader1 .WaPlaceHolder,
.zoneHeader1 .WaLayoutContainerFirst,
.zoneHeader1 .WaLayoutContainer,
.zoneHeader1 .WaLayoutItem,
.zoneHeader1 .WaGadget,
.zoneHeader1 .gadgetStyleBody,
.zoneHeader1 table,
.zoneHeader1 td {
  background-color: transparent !important;
  background: none !important;
  box-shadow: none !important;
  border: none !important;
}

.zoneHeader1 img {
  background-color: transparent !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* ===========================
   GLOBAL 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;
}

.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
   =========================== */
.WaGadgetBlog .postedBy,
.WaGadgetBlog .author,
.WaGadgetBlog .postedByLink,
.WaGadgetBlog .authorName {
  font-size: 0 !important;
}

.WaGadgetBlog .postedBy:after,
.WaGadgetBlog .author:after,
.WaGadgetBlog .postedByLink:after,
.WaGadgetBlog .authorName:after {
  content: "Posted by NAFIC Home Office";
  font-size: 12px !important;
  color: #333;
  font-style: italic;
}

.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,
.gadgetImage img,
.photo img {
  background-color: white !important;
  box-shadow: none !important;
}

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

/* ===========================
   NAFIC CARD
   =========================== */
.nafic-card {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 14px;
  padding: 24px;
  box-shadow: 0 4px 12px rgba(0,0,0,0.05);
  font-family: Inter, system-ui, -apple-system, "Helvetica Neue", Arial, sans-serif;
  box-sizing: border-box;
  overflow: visible !important;
}

@media only screen and (max-width: 600px) {
  .nafic-card {
    padding: 15px !important;
    border-radius: 10px;
    overflow-x: auto !important;
  }

  .WaGadgetFeaturedMember .layoutHorizontal li {
    flex-direction: column !important;
    align-items: flex-start !important;
    text-align: left !important;
    gap: 15px !important;
  }

  .WaGadgetFeaturedMember .img {
    margin-bottom: 5px !important;
  }
}

/* ===========================
   FEATURED MEMBER CLEANUP
   =========================== */
.WaGadgetFeaturedMember {
  height: 100%;
}

.WaGadgetFeaturedMember h4.gadgetTitleH4 {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  color: #94a3b8 !important;
  letter-spacing: 1px;
  text-transform: uppercase;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #e5e7eb;
  padding-bottom: 10px;
}

.WaGadgetFeaturedMember .gadgetStyleBody {
  max-width: 85% !important;
  margin: 0 auto !important;
}

.WaGadgetFeaturedMember .layoutHorizontal li {
  display: flex !important;
  align-items: center;
  gap: 30px;
  width: 100% !important;
  margin-bottom: 25px !important;
  padding-bottom: 25px !important;
  border-bottom: 1px solid #f8fafc;
  list-style: none !important;
}

.WaGadgetFeaturedMember .layoutHorizontal li:last-child {
  border-bottom: none !important;
  margin-bottom: 0 !important;
  padding-bottom: 0 !important;
}

.WaGadgetFeaturedMember .img {
  flex: 0 0 auto;
  margin: 0 !important;
  padding: 0 !important;
}

.WaGadgetFeaturedMember .img img {
  width: 90px !important;
  height: 90px !important;
  border-radius: 50%;
  object-fit: cover;
  border: 3px solid #f1f5f9;
  box-shadow: 0 4px 6px rgba(0,0,0,0.05);
}

.WaGadgetFeaturedMember .rightPart {
  text-align: left !important;
  float: none !important;
  width: auto !important;
  padding: 0 !important;
}

.WaGadgetFeaturedMember .label_1 a {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 18px !important;
  font-weight: 700 !important;
  color: #0b62a3 !important;
  text-decoration: none !important;
}

.WaGadgetFeaturedMember .subtitle {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 14px !important;
  color: #111 !important;
  font-weight: 600 !important;
  margin-top: 4px;
}

.WaGadgetFeaturedMember .description {
  font-family: Inter, system-ui, sans-serif !important;
  font-size: 13px !important;
  color: #64748b !important;
  margin-top: 4px;
}

/* ===========================
   MENU SPACING / BUTTON
   =========================== */
.WaGadgetMenuHorizontal .menuInner {
  text-align: left !important;
  justify-content: flex-start !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel {
  width: 100% !important;
  display: flex !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  padding-left: 5px !important;
  padding-right: 5px !important;
  font-size: 12px !important;
  letter-spacing: -0.2px !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child {
  margin-left: auto !important;
  padding-right: 0 !important;
  display: flex !important;
  align-items: center !important;
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item > a {
  background-color: #0b62a3 !important;
  color: #ffffff !important;
  border: 1px solid #0b62a3 !important;
  padding: 8px 12px !important;
  border-radius: 6px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  text-decoration: none !important;
  margin-left: 5px !important;
  font-size: 12px !important;
  transition: all 0.3s ease !important;
  box-shadow: 0 2px 5px rgba(0,0,0,0.1);
}

.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:last-child > .item > a:hover {
  background-color: #084d82 !important;
  border-color: #084d82 !important;
  color: #ffffff !important;
  transform: translateY(-1px);
}

/* ===========================
   MENU DROPDOWN STYLING
   =========================== */
.WaGadgetMenuHorizontal .menuInner ul.secondLevel {
  background-color: #ffffff !important;
  border: 1px solid #e5e7eb !important;
  border-radius: 8px !important;
  box-shadow: 0 4px 15px rgba(0,0,0,0.1) !important;
  padding: 8px 0 !important;
  margin-top: 5px !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li > .item > a {
  color: #333333 !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  padding: 10px 20px !important;
  border-bottom: 1px solid #f1f5f9 !important;
  transition: all 0.2s ease;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li:last-child > .item > a {
  border-bottom: none !important;
}

.WaGadgetMenuHorizontal .menuInner ul.secondLevel > li > .item > a:hover {
  background-color: #f0f7ff !important;
  color: #0b62a3 !important;
  padding-left: 25px !important;
}

/* ===========================
   MEMBERSHIP APPLICATION
   =========================== */
.WaGadgetMembershipApplication .formTitle,
.WaGadgetMembershipApplication .mandatoryFieldsTitle {
  display: none !important;
}

.WaGadgetMembershipApplication .fieldItem {
  background: #ffffff;
  border: 1px solid #e5e7eb;
  border-radius: 10px;
  padding: 20px;
  margin-bottom: 20px;
  transition: all 0.2s ease;
  box-shadow: 0 2px 5px rgba(0,0,0,0.05);
  cursor: pointer;
}

.WaGadgetMembershipApplication .fieldItem:hover {
  border-color: #0b62a3;
  box-shadow: 0 4px 12px rgba(11, 98, 163, 0.15);
  transform: translateY(-2px);
}

.WaGadgetMembershipApplication .typeRadioContainer {
  vertical-align: top;
  padding-top: 5px;
}

.WaGadgetMembershipApplication .labelTitle {
  font-size: 18px !important;
  color: #0b62a3 !important;
  font-weight: 800 !important;
  display: block;
  margin-bottom: 5px;
}

.WaGadgetMembershipApplication .levelPrice {
  font-size: 16px !important;
  color: #334155 !important;
  font-weight: 600 !important;
}

.WaGadgetMembershipApplication .levelDescription {
  display: block;
  margin-top: 15px;
  padding-top: 15px;
  border-top: 1px dashed #e2e8f0;
  font-size: 14px !important;
  color: #475569 !important;
  line-height: 1.6 !important;
}

.WaGadgetMembershipApplication input[type="submit"] {
  background-color: #0b62a3 !important;
  color: white !important;
  border: none !important;
  padding: 12px 40px !important;
  border-radius: 8px !important;
  font-size: 16px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  cursor: pointer !important;
  margin-top: 20px;
  width: 100%;
  max-width: 300px;
}

.WaGadgetMembershipApplication input[type="submit"]:hover {
  background-color: #084d82 !important;
}

/* ===========================
   NAFIC SYSTEM PAGE POLISH
   =========================== */
body.LayoutMain.memberContentView {
  background: #f4f8fb;
  color: #0f172a;
}

body.LayoutMain.memberContentView .zoneHeader2,
body.LayoutMain.memberContentView .zoneContent {
  background: linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%) !important;
  padding: 28px 16px 42px;
}

body.LayoutMain.memberContentView .zoneHeader2 > .WaPlaceHolder,
body.LayoutMain.memberContentView .zoneContent > .WaPlaceHolder,
body.LayoutMain.memberContentView .zoneContent .WaLayoutContainerOnly,
body.LayoutMain.memberContentView .zoneContent .WaLayoutContainerFirst,
body.LayoutMain.memberContentView .zoneContent .WaLayoutContainerLast {
  max-width: 980px;
  margin-left: auto !important;
  margin-right: auto !important;
}

body.LayoutMain.memberContentView .WaGadgetPublicWizard,
body.LayoutMain.memberContentView .WaGadgetMemberPublicProfile,
body.LayoutMain.memberContentView .WaGadgetLoginForm,
body.LayoutMain.memberContentView .WaGadgetChangePassword,
body.LayoutMain.memberContentView .WaGadgetContactProfile,
body.LayoutMain.memberContentView .WaGadgetAuthorizationRequired,
body.LayoutMain.memberContentView .WaGadgetResetPassword,
body.LayoutMain.memberContentView .WaGadgetSubscriptionForm,
body.LayoutMain.memberContentView .WaGadgetMemberDirectory,
body.LayoutMain.memberContentView .WaGadgetEventsStateList,
body.LayoutMain.memberContentView .WaGadgetEventRegistration,
body.LayoutMain.memberContentView .nafic-card {
  max-width: 900px;
  margin: 0 auto 20px !important;
  background: #ffffff !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(11,98,163,.08) !important;
  overflow: hidden;
}

body.LayoutMain.memberContentView .cornersContainer,
body.LayoutMain.memberContentView .c1,
body.LayoutMain.memberContentView .c2,
body.LayoutMain.memberContentView .c3,
body.LayoutMain.memberContentView .c4,
body.LayoutMain.memberContentView .c5,
body.LayoutMain.memberContentView .r1,
body.LayoutMain.memberContentView .r2,
body.LayoutMain.memberContentView .r3,
body.LayoutMain.memberContentView .r4,
body.LayoutMain.memberContentView .r5,
body.LayoutMain.memberContentView .d1,
body.LayoutMain.memberContentView .d2,
body.LayoutMain.memberContentView .d3,
body.LayoutMain.memberContentView .d4,
body.LayoutMain.memberContentView .d5,
body.LayoutMain.memberContentView .d6,
body.LayoutMain.memberContentView .d7,
body.LayoutMain.memberContentView .d8,
body.LayoutMain.memberContentView .d9 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

body.LayoutMain.memberContentView h1,
body.LayoutMain.memberContentView h2 {
  color: #111827;
  font-weight: 800;
  letter-spacing: -.02em;
}

body.LayoutMain.memberContentView h2 {
  font-size: 32px;
  line-height: 1.15;
}

body.LayoutMain.memberContentView .gadgetStyleBody,
body.LayoutMain.memberContentView .generalFormContainer,
body.LayoutMain.memberContentView .formContainer,
body.LayoutMain.memberContentView .generalFieldsContainer,
body.LayoutMain.memberContentView .memberDirectoryDetailsContainer {
  background: #ffffff !important;
}

body.LayoutMain.memberContentView .generalFieldsContainer .inner,
body.LayoutMain.memberContentView .formContainer .inner,
body.LayoutMain.memberContentView .memberDirectoryDetailsContainer .inner {
  padding: 22px !important;
}

body.LayoutMain.memberContentView h3.formTitle,
body.LayoutMain.memberContentView .formTitle,
body.LayoutMain.memberContentView .captionContainer h4 {
  color: #111827 !important;
  font-size: 22px !important;
  line-height: 1.25;
  font-weight: 800 !important;
  margin: 0 0 12px !important;
}

body.LayoutMain.memberContentView .fieldContainer {
  margin: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #eef2f7;
}

body.LayoutMain.memberContentView .fieldContainer:last-child {
  border-bottom: 0;
}

body.LayoutMain.memberContentView .fieldSubContainer table {
  width: 100% !important;
}

body.LayoutMain.memberContentView .fieldSubContainer td.left {
  width: 34% !important;
  padding: 8px 18px 8px 0 !important;
  vertical-align: top;
}

body.LayoutMain.memberContentView .fieldSubContainer td.right {
  width: 66% !important;
  padding: 8px 0 !important;
}

body.LayoutMain.memberContentView .fieldLabel {
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.4;
  font-weight: 700;
}

body.LayoutMain.memberContentView .fieldLabel span,
body.LayoutMain.memberContentView .fieldLabel strong {
  color: #334155 !important;
  font-weight: 700 !important;
}

body.LayoutMain.memberContentView .typeInstruction,
body.LayoutMain.memberContentView .fieldDescription {
  margin-top: 6px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.45;
  font-style: normal !important;
}

body.LayoutMain.memberContentView input[type="submit"],
body.LayoutMain.memberContentView input[type="button"],
body.LayoutMain.memberContentView .button,
body.LayoutMain.memberContentView .functionalButton,
body.LayoutMain.memberContentView .nextButton,
body.LayoutMain.memberContentView .nextButtonAutoWidth {
  border-radius: 10px !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: none !important;
}

body.LayoutMain.memberContentView input.nextButtonAutoWidth,
body.LayoutMain.memberContentView input[type="submit"],
body.LayoutMain.memberContentView .functionalButton {
  background: #0b62a3 !important;
  color: #ffffff !important;
  border: 0 !important;
}

body.LayoutMain.memberContentView input.nextButtonAutoWidth:hover,
body.LayoutMain.memberContentView input[type="submit"]:hover,
body.LayoutMain.memberContentView .functionalButton:hover {
  background: #084c7d !important;
}

body.LayoutMain.memberContentView input.nextButton,
body.LayoutMain.memberContentView input[type="button"] {
  background: #ffffff !important;
  color: #0b62a3 !important;
  border: 2px solid #0b62a3 !important;
}

body.LayoutMain.memberContentView .navigationOuterContainer {
  background: #f8fafc !important;
  border-top: 1px solid #e5e7eb !important;
  margin: 0 !important;
  padding: 18px 22px !important;
}

body.LayoutMain.memberContentView .validationError {
  display: block;
  margin-top: 6px;
  color: #b91c1c !important;
  font-size: 12px;
  font-weight: 700;
}

body.LayoutMain.memberContentView a {
  color: #0b62a3;
}

body.LayoutMain.memberContentView a:hover {
  color: #084c7d;
}

@media (max-width:700px) {
  body.LayoutMain.memberContentView .zoneHeader2,
  body.LayoutMain.memberContentView .zoneContent {
    padding: 20px 10px 32px;
  }

  body.LayoutMain.memberContentView .fieldSubContainer td.left,
  body.LayoutMain.memberContentView .fieldSubContainer td.right {
    display: block !important;
    width: 100% !important;
    padding: 4px 0 !important;
  }

  body.LayoutMain.memberContentView .navigationContainer .left,
  body.LayoutMain.memberContentView .navigationContainer .right {
    float: none !important;
    width: 100%;
    text-align: center;
    margin: 8px 0;
  }

  body.LayoutMain.memberContentView input.nextButtonAutoWidth,
  body.LayoutMain.memberContentView input.nextButton,
  body.LayoutMain.memberContentView input[type="submit"],
  body.LayoutMain.memberContentView input[type="button"] {
    width: 100% !important;
  }
}

/* ===========================
   MEMBER DIRECTORY HOVER FIX
   =========================== */
#PAGEID_7746 .WaGadgetMemberDirectory,
#PAGEID_7746 .WaGadgetMemberDirectory .memberDirectoryItem,
#PAGEID_7746 .WaGadgetMemberDirectory .memberDirectoryItem * {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
}

#PAGEID_7746 .WaGadgetMemberDirectory .memberDirectoryItem:hover,
#PAGEID_7746 .WaGadgetMemberDirectory .memberDirectoryItemHover,
#PAGEID_7746 .WaGadgetMemberDirectory .membersTable tr:hover,
#PAGEID_7746 .WaGadgetMemberDirectory .membersTable tr.hover {
  background-color: #eef2f6 !important;
  color: #1f2937 !important;
}

#PAGEID_7746 .WaGadgetMemberDirectory .memberDirectoryItem:hover *,
#PAGEID_7746 .WaGadgetMemberDirectory .memberDirectoryItemHover *,
#PAGEID_7746 .WaGadgetMemberDirectory .membersTable tr:hover *,
#PAGEID_7746 .WaGadgetMemberDirectory .membersTable tr.hover * {
  color: #1f2937 !important;
  -webkit-text-fill-color: #1f2937 !important;
  opacity: 1 !important;
}

#PAGEID_7746 .WaGadgetMemberDirectory a,
#PAGEID_7746 .WaGadgetMemberDirectory a:visited,
#PAGEID_7746 .WaGadgetMemberDirectory a:hover,
#PAGEID_7746 .WaGadgetMemberDirectory a:focus {
  color: #0b62a3 !important;
  -webkit-text-fill-color: #0b62a3 !important;
}

#PAGEID_7746 .WaGadgetMemberDirectory .viewDetails,
#PAGEID_7746 .WaGadgetMemberDirectory .viewDetails:hover,
#PAGEID_7746 .WaGadgetMemberDirectory .viewDetails:focus {
  color: #0b62a3 !important;
  text-decoration: underline !important;
}

/* ===========================
   NAFIC MEMBERSHIP RENEWAL PAGE
   =========================== */
#PAGEID_18012 {
  background: #f4f8fb;
  color: #0f172a;
}

#PAGEID_18012 .zoneHeader2 {
  background: linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%) !important;
  padding: 28px 16px 42px;
}

#PAGEID_18012 .zoneHeader2 > .WaPlaceHolder {
  max-width: 980px;
  margin: 0 auto;
  background: transparent !important;
}

#PAGEID_18012 h2 {
  max-width: 900px;
  margin: 0 auto 18px !important;
  padding: 0;
  color: #111827;
  font-size: 34px;
  line-height: 1.15;
  font-weight: 800;
  letter-spacing: -.02em;
}

#PAGEID_18012 h2:after {
  content: "Review your profile information, confirm your mailing address, and continue to renew your NAFIC membership.";
  display: block;
  max-width: 680px;
  margin-top: 10px;
  color: #475569;
  font-size: 16px;
  line-height: 1.6;
  font-weight: 400;
  letter-spacing: 0;
}

#PAGEID_18012 .nafic-card,
#PAGEID_18012 .WaGadgetMembershipRenewal {
  max-width: 900px;
  margin: 0 auto 20px !important;
  background: #ffffff !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(11,98,163,.08) !important;
  overflow: hidden;
}

#PAGEID_18012 .cornersContainer,
#PAGEID_18012 .c1,
#PAGEID_18012 .c2,
#PAGEID_18012 .c3,
#PAGEID_18012 .c4,
#PAGEID_18012 .c5,
#PAGEID_18012 .r1,
#PAGEID_18012 .r2,
#PAGEID_18012 .r3,
#PAGEID_18012 .r4,
#PAGEID_18012 .r5,
#PAGEID_18012 .d1,
#PAGEID_18012 .d2,
#PAGEID_18012 .d3,
#PAGEID_18012 .d4,
#PAGEID_18012 .d5,
#PAGEID_18012 .d6,
#PAGEID_18012 .d7,
#PAGEID_18012 .d8,
#PAGEID_18012 .d9 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#PAGEID_18012 .infoOuterContainer {
  margin: 0 !important;
  padding: 0 !important;
  background: #ffffff !important;
}

#PAGEID_18012 .infoContainer .inner {
  background: #f0f9ff !important;
  border: 1px solid #bae6fd !important;
  border-radius: 14px !important;
  padding: 20px 22px !important;
  margin: 22px !important;
}

#PAGEID_18012 .infoTitle {
  color: #0b62a3 !important;
  font-size: 12px !important;
  text-transform: uppercase;
  letter-spacing: .08em;
  font-weight: 800 !important;
}

#PAGEID_18012 .infoText {
  color: #0f172a !important;
  font-size: 15px !important;
  font-weight: 600;
}

#PAGEID_18012 .levelPrice {
  color: #0b62a3 !important;
  font-weight: 800;
}

#PAGEID_18012 .formTitleContainer .inner {
  padding: 0 !important;
}

#PAGEID_18012 h3.formTitle {
  margin: 0 0 8px !important;
  padding: 22px 22px 10px !important;
  color: #111827 !important;
  font-size: 24px !important;
  line-height: 1.2;
  font-weight: 800;
}

#PAGEID_18012 h3.formTitle:after {
  content: "Please confirm the fields below before continuing.";
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}

#PAGEID_18012 .generalFormContainer,
#PAGEID_18012 .formContainer,
#PAGEID_18012 .generalFieldsContainer {
  background: #ffffff !important;
}

#PAGEID_18012 .generalFieldsContainer .inner {
  padding: 6px 22px 18px !important;
}

#PAGEID_18012 .fieldContainer {
  margin: 0 !important;
  padding: 12px 0 !important;
  border-bottom: 1px solid #eef2f7;
}

#PAGEID_18012 .fieldContainer:last-child {
  border-bottom: 0;
}

#PAGEID_18012 .fieldSubContainer table {
  width: 100% !important;
}

#PAGEID_18012 .fieldSubContainer td.left {
  width: 34% !important;
  padding: 8px 18px 8px 0 !important;
  vertical-align: top;
}

#PAGEID_18012 .fieldSubContainer td.right {
  width: 66% !important;
  padding: 8px 0 !important;
}

#PAGEID_18012 .fieldLabel {
  color: #334155 !important;
  font-size: 14px !important;
  line-height: 1.4;
  font-weight: 700;
}

#PAGEID_18012 .fieldLabel span,
#PAGEID_18012 .fieldLabel strong {
  color: #334155 !important;
  font-weight: 700 !important;
}

#PAGEID_18012 .mandatorySymbol,
#PAGEID_18012 .required {
  color: #b45309 !important;
}

#PAGEID_18012 input.typeText,
#PAGEID_18012 textarea,
#PAGEID_18012 select {
  width: 100% !important;
  max-width: 100% !important;
  min-height: 42px;
  padding: 10px 12px !important;
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  font-size: 15px !important;
  box-shadow: none !important;
  box-sizing: border-box;
}

#PAGEID_18012 input.typeText:focus,
#PAGEID_18012 textarea:focus,
#PAGEID_18012 select:focus {
  outline: 3px solid #bfdbfe !important;
  border-color: #0b62a3 !important;
}

#PAGEID_18012 .typeInstruction {
  margin-top: 6px !important;
  color: #64748b !important;
  font-size: 12px !important;
  line-height: 1.45;
  font-style: normal !important;
}

#PAGEID_18012 #idContainer11139282,
#PAGEID_18012 #idContainer11139283,
#PAGEID_18012 #idContainer11139284,
#PAGEID_18012 #idContainer11139285,
#PAGEID_18012 #idContainer11139286,
#PAGEID_18012 #idContainer11139287 {
  background: #fff7ed !important;
  border-bottom: 1px solid #fed7aa !important;
  margin-left: -22px !important;
  margin-right: -22px !important;
  padding-left: 22px !important;
  padding-right: 22px !important;
}

#PAGEID_18012 #idContainer11139282 {
  border-top: 1px solid #fdba74 !important;
  border-radius: 12px 12px 0 0;
  margin-top: 10px !important;
}

#PAGEID_18012 #idContainer11139287 {
  border-radius: 0 0 12px 12px;
  margin-bottom: 10px !important;
}

#PAGEID_18012 #idContainer11139282:before {
  content: "Important: Please confirm your mailing address so you receive NAFIC mailings and member materials.";
  display: block;
  margin: 0 0 10px;
  padding: 10px 12px;
  background: #fffbeb;
  border: 1px solid #fcd34d;
  border-radius: 10px;
  color: #92400e;
  font-size: 13px;
  line-height: 1.45;
  font-weight: 700;
}

/* Hide top navigation by default */
#PAGEID_18012 .navigationTopContainer {
  display: none;
}

/* Show top navigation on review/confirmation step only */
#PAGEID_18012 #idReviewRenewalContainer .navigationTopContainer {
  display: block !important;
}

#PAGEID_18012 .navigationOuterContainer {
  background: #f8fafc !important;
  border-top: 1px solid #e5e7eb !important;
  margin: 0 !important;
  padding: 18px 22px !important;
}

#PAGEID_18012 .navigationContainer .inner {
  display: flex;
  justify-content: space-between;
  gap: 12px;
  align-items: center;
}

#PAGEID_18012 input.nextButtonAutoWidth,
#PAGEID_18012 input.nextButton {
  border-radius: 10px !important;
  padding: 12px 20px !important;
  font-size: 14px !important;
  font-weight: 800 !important;
  cursor: pointer;
  box-shadow: none !important;
}

#PAGEID_18012 input.nextButtonAutoWidth {
  background: #0b62a3 !important;
  color: #ffffff !important;
  border: 0 !important;
}

#PAGEID_18012 input.nextButtonAutoWidth:hover {
  background: #084c7d !important;
}

#PAGEID_18012 input.nextButton {
  background: #ffffff !important;
  color: #0b62a3 !important;
  border: 2px solid #0b62a3 !important;
}

#PAGEID_18012 .validationError {
  display: block;
  margin-top: 6px;
  color: #b91c1c !important;
  font-size: 12px;
  font-weight: 700;
}

@media (max-width:700px) {
  #PAGEID_18012 .zoneHeader2 {
    padding: 20px 10px 30px;
  }

  #PAGEID_18012 h2 {
    font-size: 28px;
  }

  #PAGEID_18012 .fieldSubContainer td.left,
  #PAGEID_18012 .fieldSubContainer td.right {
    display: block !important;
    width: 100% !important;
    padding: 4px 0 !important;
  }

  #PAGEID_18012 .navigationContainer .inner {
    display: block;
  }

  #PAGEID_18012 .navigationContainer .left,
  #PAGEID_18012 .navigationContainer .right {
    float: none !important;
    width: 100%;
    text-align: center;
    margin: 8px 0;
  }

  #PAGEID_18012 input.nextButtonAutoWidth,
  #PAGEID_18012 input.nextButton {
    width: 100% !important;
  }
}

/* ===========================
   NAFIC MEMBER DIRECTORY PROFILE PAGE
   =========================== */
#PAGEID_18002 {
  background: #f4f8fb;
  color: #0f172a;
}

#PAGEID_18002 .zoneContent {
  background: linear-gradient(180deg,#f8fbff 0%,#eef6fb 100%) !important;
  padding: 32px 16px 44px;
}

#PAGEID_18002 .zoneContent .WaLayoutContainerOnly {
  max-width: 900px;
  margin: 0 auto !important;
}

#PAGEID_18002 .WaGadgetMemberPublicProfile,
#PAGEID_18002 .nafic-card {
  background: #ffffff !important;
  border: 1px solid #dbe5ef !important;
  border-radius: 18px !important;
  box-shadow: 0 12px 30px rgba(11,98,163,.08) !important;
  overflow: hidden;
}

#PAGEID_18002 .cornersContainer,
#PAGEID_18002 .c1,
#PAGEID_18002 .c2,
#PAGEID_18002 .c3,
#PAGEID_18002 .c4,
#PAGEID_18002 .c5,
#PAGEID_18002 .r1,
#PAGEID_18002 .r2,
#PAGEID_18002 .r3,
#PAGEID_18002 .r4,
#PAGEID_18002 .r5,
#PAGEID_18002 .d1,
#PAGEID_18002 .d2,
#PAGEID_18002 .d3,
#PAGEID_18002 .d4,
#PAGEID_18002 .d5,
#PAGEID_18002 .d6,
#PAGEID_18002 .d7,
#PAGEID_18002 .d8,
#PAGEID_18002 .d9 {
  background: transparent !important;
  border: 0 !important;
  box-shadow: none !important;
}

#PAGEID_18002 .pageBackContainer {
  padding: 20px 24px 0 !important;
}

#PAGEID_18002 .pageBackContainer a {
  display: inline-block;
  color: #0b62a3 !important;
  text-decoration: none !important;
  font-size: 14px;
  font-weight: 700;
}

#PAGEID_18002 .pageBackContainer a:before {
  content: "← ";
}

#PAGEID_18002 .memberDirectoryDetailsContainer .inner {
  padding: 0 !important;
}

#PAGEID_18002 .profileHeaderContainer {
  background: linear-gradient(135deg,#0b62a3 0%,#084c7d 100%) !important;
  padding: 30px 28px !important;
  border-radius: 0 !important;
}

#PAGEID_18002 .memberDirectoryDetailsHeaderContainer h2 {
  margin: 0 0 8px !important;
  color: #ffffff !important;
  font-size: 30px !important;
  line-height: 1.18 !important;
  font-weight: 800 !important;
  letter-spacing: -.02em;
}

#PAGEID_18002 .memberDirectoryDetailsHeaderContainer h3 {
  margin: 0 !important;
  color: #dbeafe !important;
  font-size: 16px !important;
  line-height: 1.45 !important;
  font-weight: 700 !important;
}

#PAGEID_18002 #membershipDetailsContainer {
  margin: 0 !important;
}

#PAGEID_18002 #membershipDetailsContainer .captionContainer .inner {
  padding: 24px 28px 10px !important;
}

#PAGEID_18002 #membershipDetailsContainer h4 {
  margin: 0 !important;
  color: #111827 !important;
  font-size: 22px !important;
  font-weight: 800 !important;
}

#PAGEID_18002 #membershipDetailsContainer h4:after {
  content: "Public directory information for this NAFIC member.";
  display: block;
  margin-top: 8px;
  color: #64748b;
  font-size: 14px;
  line-height: 1.5;
  font-weight: 400;
}

#PAGEID_18002 .generalFieldsContainer .inner {
  padding: 8px 28px 28px !important;
}

#PAGEID_18002 .fieldContainer {
  margin: 0 !important;
  padding: 13px 0 !important;
  border-bottom: 1px solid #eef2f7;
}

#PAGEID_18002 .fieldContainer:last-child {
  border-bottom: 0;
}

#PAGEID_18002 .fieldSubContainer {
  display: grid !important;
  grid-template-columns: 210px 1fr;
  gap: 18px;
  align-items: start;
}

#PAGEID_18002 .fieldLabel {
  color: #475569 !important;
  font-size: 13px !important;
  line-height: 1.45;
  font-weight: 800 !important;
  text-transform: uppercase;
  letter-spacing: .06em;
}

#PAGEID_18002 .fieldBody {
  color: #0f172a !important;
  font-size: 16px !important;
  line-height: 1.55;
  font-weight: 600;
}

#PAGEID_18002 .fieldBody span {
  color: #0f172a !important;
}

#PAGEID_18002 #idContainer11139280 .fieldBody span,
#PAGEID_18002 #idContainer11074978 .fieldBody span,
#PAGEID_18002 #idContainer15234474 .fieldBody span {
  display: inline-block;
  background: #f0f9ff;
  border: 1px solid #bae6fd;
  color: #0b62a3 !important;
  border-radius: 999px;
  padding: 5px 10px;
  font-size: 14px;
  font-weight: 800;
}

#PAGEID_18002 .pictureViewContainer .fieldBody img {
  max-width: 160px !important;
  width: 160px !important;
  height: 160px !important;
  object-fit: cover;
  border-radius: 16px;
  border: 1px solid #dbe5ef;
  box-shadow: 0 8px 20px rgba(15,23,42,.08);
}

@media (max-width:700px) {
  #PAGEID_18002 .zoneContent {
    padding: 20px 10px 32px;
  }

  #PAGEID_18002 .profileHeaderContainer {
    padding: 24px 20px !important;
  }

  #PAGEID_18002 .memberDirectoryDetailsHeaderContainer h2 {
    font-size: 25px !important;
  }

  #PAGEID_18002 #membershipDetailsContainer .captionContainer .inner,
  #PAGEID_18002 .generalFieldsContainer .inner {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }

  #PAGEID_18002 .fieldSubContainer {
    display: block !important;
  }

  #PAGEID_18002 .fieldLabel {
    margin-bottom: 4px;
  }

  #PAGEID_18002 .pictureViewContainer .fieldBody img {
    width: 130px !important;
    height: 130px !important;
  }
}

/* ===========================
   GLOBAL TEXT BOX UNIFORMITY
   =========================== */
input[type="text"],
input[type="email"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="number"],
input[type="search"],
input.typeText,
input.typeEmail,
input.typePassword,
input.typeTel,
input.typeNumber,
textarea,
select {
  border: 1px solid #cbd5e1 !important;
  border-radius: 10px !important;
  background: #ffffff !important;
  color: #0f172a !important;
  min-height: 42px !important;
  padding: 10px 12px !important;
  font-size: 15px !important;
  line-height: 1.4 !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

.fieldBody input[type="text"],
.fieldBody input[type="email"],
.fieldBody input[type="password"],
.fieldBody input[type="tel"],
.fieldBody input[type="url"],
.fieldBody input[type="number"],
.fieldBody input[type="search"],
.fieldBody input.typeText,
.fieldBody textarea,
.fieldBody select {
  width: 100% !important;
  max-width: 100% !important;
}

input[type="text"]:focus,
input[type="email"]:focus,
input[type="password"]:focus,
input[type="tel"]:focus,
input[type="url"]:focus,
input[type="number"]:focus,
input[type="search"]:focus,
input.typeText:focus,
input.typeEmail:focus,
input.typePassword:focus,
input.typeTel:focus,
input.typeNumber:focus,
textarea:focus,
select:focus {
  outline: 3px solid #bfdbfe !important;
  border-color: #0b62a3 !important;
}
/* ===========================
   MEMBER FINANCES / INVOICES PAGE
   PAGEID 18004
   =========================== */

/* Keep the right-side finance area from overflowing its column */
#PAGEID_18004 #idMemberProfileContainer,
#PAGEID_18004 #invoicesAndPaymentsMainContainer,
#PAGEID_18004 .genericList.xcontainer,
#PAGEID_18004 #idListItemsContainer {
  max-width: 100% !important;
  overflow-x: auto !important;
  box-sizing: border-box;
}

/* Make the invoice table stay inside the card */
#PAGEID_18004 .genericListTable,
#PAGEID_18004 #membersTable {
  width: 100% !important;
  max-width: 100% !important;
  table-layout: fixed !important;
  border-collapse: collapse !important;
}

/* Let columns scale more naturally */
#PAGEID_18004 .genericListTable th,
#PAGEID_18004 .genericListTable td,
#PAGEID_18004 #membersTable th,
#PAGEID_18004 #membersTable td {
  box-sizing: border-box;
  vertical-align: top;
  word-wrap: break-word !important;
  overflow-wrap: anywhere !important;
}

/* Column sizing */
#PAGEID_18004 .genericListTable th.firstTh,
#PAGEID_18004 .genericListTable td.firstTd {
  width: 18% !important;
}

#PAGEID_18004 .genericListTable th.invoiceNumber,
#PAGEID_18004 .genericListTable td.itemDescription {
  width: 52% !important;
}

#PAGEID_18004 .genericListTable th.status,
#PAGEID_18004 .genericListTable td.lastTd {
  width: 30% !important;
  text-align: right !important;
}

/* Prevent giant heading behavior in the invoice header row */
#PAGEID_18004 .genericListTable th {
  font-size: 18px !important;
  line-height: 1.2 !important;
  white-space: normal !important;
}

/* Keep balances readable without forcing overflow */
#PAGEID_18004 .genericListTable td.lastTd .sum,
#PAGEID_18004 .genericListTable td.lastTd .alert,
#PAGEID_18004 .genericListTable td.lastTd .alertThin {
  white-space: normal !important;
  word-break: break-word !important;
}

/* Search / records row should wrap instead of pushing wide */
#PAGEID_18004 .genericListHeaderContainer table {
  width: 100% !important;
  table-layout: auto !important;
}

#PAGEID_18004 .genericListHeaderContainer td {
  white-space: normal !important;
  vertical-align: middle !important;
}

/* Mobile cleanup */
@media (max-width: 900px) {
  #PAGEID_18004 .genericListTable,
  #PAGEID_18004 #membersTable {
    min-width: 720px;
  }
}