/* ===== Fonts: Montserrat base + Oswald accents ===== */
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap');

:root{
  --cit-primary: #16477f;
  --cit-accent:  #3a9848;
  --cit-text:    #1e2430;
  --cit-border:  rgba(22,71,127,.18);
  --cit-panel:   #ffffff;
}
/* Force base font + color inside content gadgets */
.WaGadgetContent,
.WaGadgetContent * ,
.gadgetContent,
.gadgetContent * {
  font-family: "Montserrat", Arial, sans-serif !important;
  color: var(--cit-text, #1e2430) !important;
}
/* Base typography */
body,
.WaBody,
.pageContainer,
.zoneContent,
.WaGadgetContent,
.gadgetContent {
  font-family: "Montserrat", Arial, sans-serif !important;
  color: var(--cit-text);
}

/* Accent typography: headings + gadget titles + key UI */
h1,h2,h3,h4,h5,h6,
.WaGadgetTitle,
.gadgetTitle,
.caption,
.title,
button,
input[type="submit"],
input[type="button"],
.WaButton,
.button,
.WaGadgetMenu a,
.menu a,
.nav a {
  font-family: "Oswald", "Montserrat", Arial, sans-serif !important;
  letter-spacing: .02em;
}

/* Headings color */
h1,h2,h3,h4,h5,h6 { color: var(--cit-primary); }

/* Links */
a { color: var(--cit-primary); }
a:hover { color: var(--cit-accent); }

/* ===== Gadget “make it match” styling ===== */
.WaGadget,
.gadget,
.gadgetContainer,
.WaGadgetContainer,
.zoneGadget {
  background: var(--cit-panel);
  border: 1px solid var(--cit-border);
  border-radius: 10px;
  overflow: hidden;
}

/* Gadget title bars */
.WaGadgetTitle,
.gadgetTitle,
.WaGadget .title,
.gadgetContainer .title {
  background: var(--cit-primary);
  color: #fff !important;
  padding: 12px 14px;
  text-transform: uppercase; /* nice with Oswald—remove if you don’t want */
}

/* Gadget body areas */
.WaGadgetContent,
.gadgetContent,
.WaGadgetBody,
.gadgetBody,
.WaGadget .content,
.gadgetContainer .content {
  background: var(--cit-panel);
  padding: 14px;
}

/* Buttons */
button,
input[type="submit"],
input[type="button"],
a.button,
.WaButton,
.button {
  background: var(--cit-accent);
  border: 1px solid rgba(0,0,0,.08);
  color: #fff !important;
  border-radius: 8px;
  padding: 10px 14px;
  font-weight: 700;
  text-transform: uppercase; /* optional */
}
button:hover,
input[type="submit"]:hover,
input[type="button"]:hover,
a.button:hover,
.WaButton:hover,
.button:hover { filter: brightness(.95); }
:root{
  --cit-primary:#16477f;
  --cit-accent:#3a9848;
  --cit-border:rgba(22,71,127,.18);
  --cit-panel:#ffffff;
  --cit-text:#1e2430;
}

/* FORCE gadget containers */
.WaLayoutItem,
.WaLayoutItem * .WaGadget,
.WaGadget,
.WaGadgetContainer,
.gadget,
.gadgetContainer{
  background: var(--cit-panel) !important;
  border: 1px solid var(--cit-border) !important;
  border-radius: 10px !important;
  overflow: hidden;
}

/* FORCE gadget title bars */
.WaGadgetTitle,
.gadgetTitle,
.WaGadgetTitle a,
.gadgetTitle a{
  background: var(--cit-primary) !important;
  color: #fff !important;
  padding: 12px 14px !important;
}

/* FORCE gadget body */
.WaGadgetContent,
.gadgetContent,
.WaGadgetBody,
.gadgetBody{
  background: var(--cit-panel) !important;
  color: var(--cit-text) !important;
  padding: 14px !important;
}
/* ========= CONTENT GADGET NORMALIZATION =========
   Targets text/content gadgets where headings are inside the content,
   not in a real gadget title bar.
*/

.gadgetStyleTitle{
  background: #16477f !important; /* CIT blue */
  padding: 16px 20px !important;
  border-radius: 6px 6px 0 0;
}

.gadgetStyleTitle .gadgetTitleH4{
  color: #ffffff !important;
  font-family: "Oswald","Montserrat",Arial,sans-serif !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  margin: 0;
}
/* ===== Override Bookshelf stylized buttons ===== */

.stylizedButton,
.buttonStyle002{
  background: #3a9848 !important;  /* CIT accent green */
  color: #ffffff !important;
  font-family: "Oswald","Montserrat",Arial,sans-serif !important;
  letter-spacing: .04em;
  text-transform: uppercase;
  border-radius: 8px !important;
  padding: 12px 18px !important;
  border: none !important;
}

/* Hover state */
.stylizedButton:hover,
.buttonStyle002:hover{
  background: #2f7f3b !important; /* slightly darker green */
  color: #ffffff !important;
}
/* ===== Bulletproof: title bars inside any gadget/content wrapper ===== */

.WaGadget .gadgetStyleTitle,
.WaGadgetContent .gadgetStyleTitle,
.gadget .gadgetStyleTitle,
.gadgetContent .gadgetStyleTitle,
.zoneContent .gadgetStyleTitle{
  background-color: #16477f !important;
  background-image: none !important;
}

.WaGadget .gadgetStyleTitle .gadgetTitleH4,
.WaGadgetContent .gadgetStyleTitle .gadgetTitleH4,
.gadget .gadgetStyleTitle .gadgetTitleH4,
.gadgetContent .gadgetStyleTitle .gadgetTitleH4,
.zoneContent .gadgetStyleTitle .gadgetTitleH4{
  background-color: #16477f !important;
  background-image: none !important;
  color: #ffffff !important;
  font-family: "Oswald","Montserrat",Arial,sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 !important;
}
/* ===== Override specific Bookshelf gadget styles ===== */

.gadgetStyle017 .gadgetStyleTitle,
.gadgetStyle018 .gadgetStyleTitle{
  background-color: #16477f !important;
  background-image: none !important;
}

.gadgetStyle017 .gadgetStyleTitle .gadgetTitleH4,
.gadgetStyle018 .gadgetStyleTitle .gadgetTitleH4{
  color: #ffffff !important;
  font-family: "Oswald","Montserrat",Arial,sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .04em;
  margin: 0 !important;
}
/* ===== FOOTER RESTORE (CIT blue + white) ===== */

/* Footer containers (Wild Apricot commonly uses some/all of these) */
#id_Footer,
#footer,
.footer,
.WaFooter,
.zoneFooter,
.WaLayoutItemFooter,
.WaLayoutFooter {
  background-color: #16477f !important;
  background-image: none !important;
  color: #ffffff !important;
}

/* Everything inside footer */
#id_Footer *,
#footer *,
.footer *,
.WaFooter *,
.zoneFooter *,
.WaLayoutItemFooter *,
.WaLayoutFooter * {
  color: #ffffff !important;
}

/* Footer links */
#id_Footer a,
#footer a,
.footer a,
.WaFooter a,
.zoneFooter a {
  color: #ffffff !important;
  text-decoration: underline;
}
#id_Footer a:hover,
#footer a:hover,
.footer a:hover,
.WaFooter a:hover,
.zoneFooter a:hover {
  color: #3a9848 !important; /* green hover */
}
/* ===== FULL FOOTER FIX (remove inner white box) ===== */

#id_Footer,
#footer,
.WaFooter,
.zoneFooter {
  background-color: #16477f !important;
  background-image: none !important;
}

/* Remove white backgrounds inside footer layout wrappers */
#id_Footer .WaLayoutContainer,
#id_Footer .WaLayoutItem,
#id_Footer .WaGadgetContainer,
#footer .WaLayoutContainer,
#footer .WaLayoutItem,
#footer .WaGadgetContainer,
.WaFooter .WaLayoutContainer,
.WaFooter .WaLayoutItem,
.WaFooter .WaGadgetContainer {
  background-color: transparent !important;
  background-image: none !important;
}

/* Ensure text is white */
#id_Footer,
#id_Footer *,
#footer,
#footer *,
.WaFooter,
.WaFooter * {
  color: #ffffff !important;
}
/* ===== Footer: remove the "white card" around content gadgets ===== */

/* Keep footer blue */
#id_Footer, #footer, .WaFooter, .zoneFooter{
  background-color:#16477f !important;
  background-image:none !important;
}

/* Make footer gadgets transparent (removes white boxes) */
#id_Footer .WaGadget,
#id_Footer .WaGadgetContent,
#id_Footer .gadgetStyleBody,
#id_Footer .gadgetContainer,
#id_Footer .WaGadgetContainer,
#footer .WaGadget,
#footer .WaGadgetContent,
#footer .gadgetStyleBody,
#footer .gadgetContainer,
#footer .WaGadgetContainer,
.WaFooter .WaGadget,
.WaFooter .WaGadgetContent,
.WaFooter .gadgetStyleBody,
.WaFooter .gadgetContainer,
.WaFooter .WaGadgetContainer{
  background: transparent !important;
  background-color: transparent !important;
  background-image: none !important;
  border: none !important;
  box-shadow: none !important;
}

/* Optional: reduce padding if the theme is adding a "card" feel */
#id_Footer .gadgetStyleBody,
#footer .gadgetStyleBody,
.WaFooter .gadgetStyleBody{
  padding: 0 !important;
  margin: 0 !important;
}

/* Footer text + links */
#id_Footer, #id_Footer *,
#footer, #footer *,
.WaFooter, .WaFooter *{
  color:#ffffff !important;
}

#id_Footer a:hover,
#footer a:hover,
.WaFooter a:hover{
  color:#3a9848 !important;
}
/* ===== Fix inline dark-blue link boxes in content ===== */

.WaGadgetContent a span[style*="background-color"],
.gadgetContent a span[style*="background-color"]{
  background: transparent !important;  /* removes dark box */
}

/* Make the link look clean + branded */
.WaGadgetContent a{
  color: #16477f !important;
  font-family: "Oswald","Montserrat",Arial,sans-serif !important;
  text-transform: uppercase;
  letter-spacing: .04em;
}

.WaGadgetContent a:hover{
  color: #3a9848 !important;
}/* Only in main content */
.zoneContent a[href^="mailto:"],
.zoneContent a[href^="mailto:"] *{
  font-family: "Montserrat", Arial, sans-serif !important;
  color: #16477f !important;
  font-weight: 600;
  text-decoration: none;
}

.zoneContent a[href^="mailto:"]:hover,
.zoneContent a[href^="mailto:"]:hover *{
  color: #3a9848 !important;
  text-decoration: underline;
}/* ===== Uniform email styling (overrides <font color> + <strong>) ===== */

.zoneContent a[href^="mailto:"]{
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #16477f !important;          /* CIT blue */
  text-decoration: none !important;
}

/* Kill old inline/font-tag styling inside the mailto links */
.zoneContent a[href^="mailto:"] font,
.zoneContent a[href^="mailto:"] strong,
.zoneContent a[href^="mailto:"] span,
.zoneContent a[href^="mailto:"] em,
.zoneContent a[href^="mailto:"] u{
  color: #16477f !important;
  font-family: "Montserrat", Arial, sans-serif !important;
  font-weight: 600 !important;
  text-decoration: none !important;
}
/* ===== Leadership cards: normalize “email line” even if link is partial ===== */

/* Style the whole line (paragraph) that contains a mailto link */
.gadgetContentEditableArea p:has(a[href^="mailto:"]) {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #16477f !important;          /* CIT blue */
  text-transform: uppercase;
  letter-spacing: .02em;
  margin-top: 6px !important;
}

/* Force every nested tag inside that line to obey (kills <font color>, <strong>, etc.) */
.gadgetContentEditableArea p:has(a[href^="mailto:"]) * {
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #16477f !important;
  text-decoration: none !important;
}

/* Hover effect for the link portion */
.gadgetContentEditableArea p:has(a[href^="mailto:"]) a[href^="mailto:"]:hover,
.gadgetContentEditableArea p:has(a[href^="mailto:"]) a[href^="mailto:"]:hover * {
  color: #3a9848 !important;          /* CIT green */
  text-decoration: underline !important;
}/* ===== Leadership page: make non-linked email text match ===== */
.gadgetContentEditableArea strong{
  font-family: "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 700 !important;
  color: #16477f !important;
  text-transform: uppercase;
  letter-spacing: .02em;
}/* ===== Leadership page: condensed email line + fit in card ===== */

/* Any line that contains a mailto link */
.gadgetContentEditableArea p:has(a[href^="mailto:"]) {
  font-family: "Oswald", "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: .03em;
  text-transform: uppercase;
  white-space: nowrap;           /* keep on one line */
  overflow: hidden;              /* prevent overflow */
  text-overflow: ellipsis;       /* shows ... if still too long */
}

/* Force all children in that line to obey (kills font tags/colors) */
.gadgetContentEditableArea p:has(a[href^="mailto:"]) * {
  font-family: "Oswald", "Montserrat", Arial, sans-serif !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  color: #16477f !important;
  text-decoration: none !important;
  white-space: nowrap;
}

/* Hover for the clickable part */
.gadgetContentEditableArea p:has(a[href^="mailto:"]) a[href^="mailto:"]:hover,
.gadgetContentEditableArea p:has(a[href^="mailto:"]) a[href^="mailto:"]:hover * {
  color: #3a9848 !important;
  text-decoration: underline !important;
}