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