@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@600;700&family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&display=swap');

/*** ICF Greater Austin — CSS Styles ***/
/*** Author: Rafael Ruiz - Tonalli Media Services ***/
/*** Last Update: 07/19/2026 ***/

/* ---- Fonts ---- */
body, p, li, td, th, input, textarea, select, button {
  font-family: 'Plus Jakarta Sans', Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Nunito', Arial, sans-serif !important;
  font-weight: 600 !important;
  color: #212251 !important;            /* Deep Blue */
}

/* ---- Body text & page background ---- */
body { color: #212251; background-color: #f8f0e4 !important; }   /* Bone */

/* ---- Links ---- */
a { color: #2b379b; }                   /* Blue */
a:hover { color: #5778fa; }             /* Light Blue */

/* ---- Buttons: blue pill, white text (theme uses .stylizedButton buttonStyle002/003) ---- */
a.button, .button, .stylizedButton, a.stylizedButton,
input.button, button.button,
input[type="submit"], input[type="button"], button[type="submit"] {
  background-color: #2b379b !important; /* Blue */
  color: #ffffff !important;
  border: none !important;
  border-radius: 999px !important;      /* pill */
  font-weight: 600 !important;
  padding: 10px 24px !important;
  display: inline-block;
}
a.button:hover, .button:hover, .stylizedButton:hover,
input[type="submit"]:hover, input[type="button"]:hover {
  background-color: #212251 !important; /* Deep Blue */
}
a.button, .button, .stylizedButton, .functionalButton,
input[type="submit"], input[type="button"], button,
a.button:hover, .button:hover, .stylizedButton:hover, .functionalButton:hover,
input[type="submit"]:hover, input[type="button"]:hover, button:hover {
  box-shadow: none !important;
}

/* ---- Images: 15px rounded corners site-wide (content, header, footer) ---- */
.zoneContent img,
.zoneHeader1 img, .zoneHeader2 img,
.zoneFooter1 img, .zoneFooter2 img {
  border-radius: 15px;
}
/* slideshow frame (images are backgrounds inside .camera_wrap, so round + clip the frame) */
.WaGadgetSlideshow .camera_wrap { border-radius: 15px; overflow: hidden; }

/* ===== HEADER: deep-blue band ===== */
.zonePlace.zoneHeader1,
.zonePlace.zoneHeader2 { background: #212251 !important; }

.WaPlaceHolderHeader1, #id_Header1 { background-image: none !important; }

.zoneHeader1 .WaLayoutItem, .zoneHeader1 .WaLayoutPlaceHolder,
.zoneHeader1 .placeHolderContainer, .zoneHeader1 .WaGadget,
.zoneHeader1 .gadgetStyleBody, .zoneHeader1 [class*="gadgetStyle"],
.zoneHeader2 .WaLayoutItem, .zoneHeader2 [class*="gadgetStyle"] {
  background: transparent !important;
}
.zoneHeader1 .WaLayoutItem { vertical-align: middle !important; }

/* "Log in" link */
.zoneHeader1 .loginLink, .zoneHeader2 .loginLink {
  background: transparent !important;
  padding: 8px 24px !important;
  color: #ffffff !important;
  font: 600 14px/1.4 'Plus Jakarta Sans', Arial, sans-serif !important;
  border: 1.5px solid rgba(255, 255, 255, 0.6) !important;
  border-radius: 999px !important;
  text-decoration: none !important;
  display: inline-block !important;
  transition: background-color .2s, border-color .2s, color .2s;
}
.zoneHeader1 .loginLink:hover, .zoneHeader2 .loginLink:hover {
  background-color: #5778fa !important;
  border-color: #5778fa !important;
  color: #ffffff !important;
}

/* Search box */
.zoneHeader1 .searchBoxField, .zoneHeader2 .searchBoxField {
  background: rgba(255,255,255,.12) !important; color: #fff !important;
  border: 1px solid rgba(255,255,255,.45) !important; border-radius: 999px !important;
}
.zoneHeader1 .searchBoxField::placeholder,
.zoneHeader2 .searchBoxField::placeholder { color: #c9cfee !important; }

/* Header logo sizing */
.zoneHeader1 .WaGadgetContent img { height: 80px !important; width: auto !important; max-width: 100% !important; border-radius: 0; }

/* ===== MENU (Tinted Tiles: real dropdown menu) ===== */
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li > .item > a {
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  font-weight: 500 !important;
  font-size: 16px !important;
  text-transform: none !important;      
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li:hover > .item > a,
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a {
  color: #5778fa !important;
  background: transparent !important;
}
.WaGadgetMenuHorizontal .menuInner ul.firstLevel > li.sel > .item > a > span {
  box-shadow: inset 0 -2px 0 #5778fa;   
}
/* dropdown panel */
.WaGadgetMenuHorizontal .menuInner ul.secondLevel {
  background: #212251 !important;
  border-radius: 0 0 10px 10px;
}
.WaGadgetMenuHorizontal .menuInner ul.secondLevel a {
  color: #fff !important;
  font-family: 'Plus Jakarta Sans', Arial, sans-serif !important;
  text-transform: none !important;
}
.WaGadgetMenuHorizontal .menuInner ul.secondLevel li:hover > .item > a { color: #5778fa !important; }

/* ===== MOBILE PANEL  ===== */
.WaGadgetMobilePanel .mobilePanel,
.WaGadgetMobilePanel .mobilePanel .menuInner,
.WaGadgetMobilePanel .mobilePanel .loginInner { background: #212251 !important; }
.WaGadgetMobilePanel .mobilePanel .menuInner a { font-family: 'Plus Jakarta Sans', Arial, sans-serif !important; text-transform: none !important; }

/* ===== FOOTER: deep-blue band ===== */
.zonePlace.zoneFooter1, .zonePlace.zoneFooter2, .zonePlace.zoneWAbranding { background: #212251 !important; }
.zoneWAbranding, .zoneWAbranding a, #idFooterPoweredByWA, #idFooterPoweredByWA a { color: #aeb6dd !important; }

.zonePlace.zoneFooter1 { padding-top: 26px; padding-bottom: 8px; }

/* all footer text white */
.zoneFooter1, .zoneFooter1 p, .zoneFooter1 a,
.zoneFooter1 h1, .zoneFooter1 h2, .zoneFooter1 h3,
.zoneFooter2, .zoneFooter2 p, .zoneFooter2 a { color: #fff !important; }

/* clear gadget/column backgrounds inside the footer band */
.zoneFooter1 .WaLayoutItem, .zoneFooter1 .WaLayoutPlaceHolder,
.zoneFooter1 .placeHolderContainer, .zoneFooter1 .WaGadget,
.zoneFooter1 .gadgetStyleBody, .zoneFooter1 [class*="gadgetStyle"],
.zoneFooter2 [class*="gadgetStyle"] { background: transparent !important; }

/* columns centered + logo size */
.zoneFooter1 .WaLayoutItem { vertical-align: middle; }
.zoneFooter1 img { height: 62px; width: auto; }

/* newsletter link style (Content-gadget links only) */
.zoneFooter1 .gadgetContentEditableArea a { text-decoration: underline; font-weight: 600; }
.zoneFooter1 .gadgetContentEditableArea a:hover { color: #5778fa !important; }

/* divider line under the top row */
.zoneFooter1 .WaLayoutContainerFirst { border-bottom: 1px solid rgba(255,255,255,.25); padding-bottom: 18px; margin-bottom: 6px; }

/* social icons white */
.zoneFooter1 .socialProfileWrapper a { color: #fff !important; }

/* copyright line smaller/softer */
.zoneFooter1 .WaLayoutContainerLast p { font-size: 14px; color: #e7e9f5 !important; }

/* ===== Existing site CSS kept (Google Slides responsive embed) =====
   was previously pasted with <style> tags — tags removed, rules preserved */
.responsive-google-slides {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 Ratio */
  height: 0;
  overflow: hidden;
}
.responsive-google-slides iframe {
  border: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100% !important;
  height: 100% !important;
}