/*
Theme Name: Familyhood
Theme URI: https://opencollective.com/blankslate
Author: Bryan Hadaway
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/bhadaway/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 3.2.4
Requires at least: 5.2
Tested up to: 6.5
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2024
BlankSlate is distributed under the terms of the GNU GPL
*/

html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}html{scroll-behavior:smooth}body{line-height:1}a{text-decoration-skip-ink:auto}a[href^="tel"]{color:inherit;text-decoration:none}button{outline:0}ol{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}q{display:inline;font-style:italic}q:before{content:'"';font-style:normal}q:after{content:'"';font-style:normal}textarea,input[type="text"],input[type="button"],input[type="submit"],input[type="reset"],input[type="search"],input[type="password"]{-webkit-appearance:none;appearance:none;border-radius:0}input[type="search"]{-webkit-appearance:textfield}table{border-collapse:collapse;border-spacing:0}th,td{padding:2px}big{font-size:120%}small,sup,sub{font-size:80%}sup{vertical-align:super}sub{vertical-align:sub}dd{margin-left:20px}kbd,tt{font-family:courier;font-size:12px}ins{text-decoration:underline}del,strike,s{text-decoration:line-through}dt{font-weight:bold}address,cite,var{font-style:italic}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute!important;width:1px;word-wrap:normal!important;word-break:normal}
.screen-reader-text:focus{background-color:#f7f7f7;border-radius:3px;box-shadow:0 0 2px 2px rgba(0,0,0,.6);clip:auto!important;-webkit-clip-path:none;clip-path:none;color:#007acc;display:block;font-size:14px;font-size:.875rem;font-weight:700;height:auto;right:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}
.skip-link{left:-9999rem;top:2.5rem;z-index:999999999;text-decoration:underline}
.skip-link:focus{display:block;left:6px;top:7px;font-size:14px;font-weight:600;text-decoration:none;line-height:normal;padding:15px 23px 14px;z-index:100000;right:auto}
.visually-hidden:not(:focus):not(:active), .form-allowed-tags:not(:focus):not(:active){position:absolute !important;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);white-space:nowrap}

/* globals */
body {
  color: #464646;
  margin: 0 auto;
  font-family: 'Montserrat', sans-serif;
  font-size: 16px;
  line-height: 28px;
}
#container #content {
  overflow: hidden;
  margin-top: 100px;
  min-height: calc(100vh - 100px - 150px);
}
h1 {
  font-style: normal;
  text-align: left;
  font-size: 48px;
  font-weight: 800;
  line-height: 62px;
}
h2 {
  font-style: normal;
  text-align: left;
  font-size: 32px;
  line-height: 1;
  letter-spacing: 1.3px;
  font-weight: 700;
}
h3 {
  font-style: normal;
  text-align: left;
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  letter-spacing: 1px;
}
h4 {
  font-style: normal;
  text-align: left;
  font-size: 22px;
  line-height: 40px;
  font-weight: 700;
}
h5 {
  font-style: normal;
  text-align: left;
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}
h6 {
  font-style: normal;
  text-align: left;
  font-size: 18px;
  line-height: 24px;
  font-weight: 700;
}
a {
  color: #464646;
}
p {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
li {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
  /* list-style-type: "·  "; */
  margin-left: 20px;
  list-style: none;
}
li:before {
  content: "·";
  vertical-align: bottom;
  line-height: 24px;
  font-size: 24px;
  margin-right: 10px;
}
strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
small {
  color: #464646;
  font-size: 14px;
  font-weight: 500;
  line-height: 24px;
}
sup {
	line-height: 0;
}
#contact-us-page #form input[type="submit"],
#champions-form div.form input[type="submit"],
#training-contact-us-page #form input[type="submit"],
div.btn,
button.btn,
.gform_wrapper.gravity-theme .gform_page_footer input,
a.btn,
form.marketingForm button.submitButton,
input[type="submit"]#gform_submit_button_1 {
  font-weight: 600;
  background: #009995;
  border: 2px solid #009995;
  font-size: 18px;
  font-weight: 700;
  line-height: 22px;
  padding: 12px 24px;
  color: #FFF;
  text-decoration: none;
  width: fit-content;
  text-align: center;
  cursor: pointer;
  font-family: 'Montserrat', sans-serif;
}
form.marketingForm button.submitButton {
  width: max-content;
}
div.btn.cta,
button.btn.cta,
a.btn.cta {
  border: 2px solid #FFF;
  background: #FFF;
  color: #009995;
}
div.btn.dark-cta {
  background: #009995;
  border: 2px solid #009995;
  color: #fff;
}
div.btn.dark {
  background: #FFF;
  border: 2px solid #009995;
  color: #009995;
}
a.btn.light-cta,
div.btn.light-cta {
  background: #E25C39;
  border: 2px solid #E25C39;
  color: #fff;
}
div.btn.light {
  background: #FFF;
  border: 2px solid #009995;
  color: #009995;
}
a.btn.thin {
  padding: 8px 16px;
  border: 1px solid #464646;
  background: #FFF;
  font-size: 16px;
  font-weight: 700;
  color: #464646;
  height: fit-content;
  width: fit-content;
  white-space: nowrap;
}
a.btn.thin:hover {
  border: 1px solid #009995;
  color: #FFF;
  background: #009995
}
#contact-us-page #form input[type="submit"] {
  width: 100%;
}
@media (min-width: 540px) {
  /* remove hover on mobile */
  #training-contact-us-page #form input[type="submit"]:hover,
  #contact-us-page #form input[type="submit"]:hover,
  #champions-form div.form input[type="submit"]:hover,
  div.btn:hover,
  a.btn:hover,
  button.btn:hover,form.marketingForm button.submitButton:hover,
  .gform_wrapper.gravity-theme .gform_page_footer input:hover,
  input[type="submit"]#gform_submit_button_1:hover {
    border: 2px solid #009995;
    color: #009995;
    background: #FFF;
  }
  div.btn.cta:hover,
  button.btn.cta:hover,
  a.btn.cta:hover {
    border: 2px solid #FFF;
    background: #009995;
    color: #FFF;
  }
  div.btn.dark-cta:hover {
    background: #FFF;
    color: #009995;
    border: 2px solid #009995;
  }
  div.btn.dark:hover {
    background: #009995;
    color: #FFF;
    border: 2px solid #009995;
  }
  a.btn.light-cta:hover,
  div.btn.light-cta:hover {
    background: #FFF;
    border: 2px solid #E25C39;
    color: #E25C39;
  }
  div.btn.light:hover {
    background: #009995;
    color: #FFF;
    border: 2px solid #009995;
  }
}

img {
  max-width: 100%;
  height: auto;
}
i {
  font-family: "Font Awesome 6 Pro";
  font-size: 17px;
  font-style: normal;
  font-weight: 900;
  line-height: normal;
}
i.arrow {
  cursor: pointer;
  transition: transform 0.1s;
}
i.arrow.open {
  transform: rotate(180deg);
}
.optionSetFormFieldBlock select,
.textFormFieldBlock input,
.dateTimeFormFieldBlock input,
.lookupFormFieldBlock input,
.marketingForm textarea,
/* div[data-editorblocktype="Captcha"] input, */
input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"],
input[type="number"],
textarea {
  background: #F2F2F2;
  height: 64px;
  width: 100%;
  border: 0px solid transparent;
}
select {
  width: 100%;
  height: 40px;
  border: 0px solid transparent;
  border-radius: 4px;
  background: #FFF;
  box-shadow: 0px 0px 0px 1px rgba(16, 22, 26, 0.15) inset, 0px 1px 1px 0px rgba(16, 22, 26, 0.20) inset;
  font-family: 'Montserrat';
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
.gform_wrapper.gravity-theme .gfield_label {
  font-weight: 500 !important;
}
.gform_wrapper.gravity-theme .gfield_required .gfield_required_text {
  color: #ED1C24;
  font-style: normal !important;
  font-weight: 500 !important;
}
.gform_wrapper.gravity-theme .gf_progressbar_title {
  color: #464646 !important;
  font-weight: 500 !important;
}
.gform_wrapper.gravity-theme .gf_progressbar_percentage.percentbar_blue {
  background-color: #009995 !important;
}
.gform_wrapper.gravity-theme .gform_previous_button.button {
  color: #009995 !important;
}
.gform_wrapper.gravity-theme .gform_previous_button.button:hover {
  color: #FFF !important;
  background-color: #009995 !important;
}
.img-wrapper {
  position: relative;
  object-fit: cover;
  overflow: hidden;
}
.container {
  padding: 0 142px;
  max-width: calc(1156px + 142px + 142px);
  margin: 0 auto;
}
.container.left {
  padding-right: 0;
}
.container.right {
  padding-left: 0;
}
.hide {
  display: none !important;
}
.desktop-hide {
  display: none;
}
.fade {
  opacity: 0;
  transition: opacity 0.5s;
}
.uppercase {
  text-transform: uppercase;
}
.no-scroll {
  /* overflow: hidden; */
  position: fixed;
}

/* header */
#header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 1000;
  background: #FFF;
  box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25);
  height: 100px;
}
#header a#ergo-logo {
  display: flex;
  width: 1000px;
  height: 100%;
  background: #EFEFEF;
  position: absolute;
  top: 0;
  right: -1000px;
  bottom: 0;
}
#header nav#menu,
#header nav#menu div.menu-buttons {
  position: relative;
  display: flex;
  justify-content: space-between;
  align-items: center;
  height: 100%;
  /* padding-right: 0;
  margin-right: 0;
  max-width: calc(1156px + 142px + 142px + 120px); */
}
#header nav#menu img {
  width: 202px;
  height: 32px;
}
#header a#ergo-logo img {
  width: 100px;
  height: 59px;
  margin: auto auto auto 40px;
}
#header nav#menu img.ohs {
  object-fit: contain;
  width: 202px;
  height: 45px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu {
  display: flex;
  gap: 16px;
  margin-right: 61px;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle,
#mega-menu-wrap-main-menu .mega-menu-toggle {
  background: transparent;
}
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
#mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after,
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner,
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::before,
#mega-menu-wrap-main-menu .mega-menu-toggle .mega-toggle-block-0 .mega-toggle-animated-slider .mega-toggle-animated-inner::after {
  background: #464646;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
  color: #009995 !important;
  background: #FFF !important;
  font-size: 18px !important;
  font-style: normal;
  font-weight: 500 !important;
  padding: 0 16px 0 16px !important;
  height: 40px;
  line-height: 40px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link span.mega-indicator {
  display: none;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child,
#mega-menu-wrap-main-menu #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child {
  display: none;
  background-image: url("https://www.familyhood.org/wp-content/uploads/2025/01/Frame-2553.svg");
  background-repeat: no-repeat;
  background-size: contain;
  transition: all 0.3s ease;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child a,
#mega-menu-wrap-main-menu #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child a,
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child a {
  background: transparent !important;
  color: transparent !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a[aria-current]:not([aria-current="false"]),
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link[aria-current]:not([aria-current="false"]) {
  font-weight: 700 !important;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
  font-weight: 700 !important;
}
#header nav#menu div.menu-buttons a.btn {
  margin-left: 24px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
  color: #009995;
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
  background: #FFF;
  /* box-shadow: 0px 2px 20px 0px rgba(0, 0, 0, 0.25); */
  /* padding: 14px 16px; */
  padding: 10px 16px;
}
#mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover,
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link:hover {
  background: #009995;
  color: #FFF;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
  max-width: 137px;
  box-shadow: 0px 10px 10px 0px rgba(0, 0, 0, 0.15);
  margin-top: 30px;
}
#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu a {
  text-align: center;
}

/* footer */
#footer {
  background: #FFF;
  box-shadow: 4px 0px 20px 0px rgba(0, 0, 0, 0.10);
}
#footer div.footer-wrapper {
  min-height: 148px;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  padding: 51px 0;
  gap: 24px;
}
#footer div.footer-wrapper div.logos {
  display: flex;
  flex-direction: row;
  gap: 32px;
}
#footer div.footer-wrapper div.logos img.familyhood-logo {
  /* max-width: 178px; */
  max-width: 150px;
}
#footer div.footer-wrapper div.logos img.ohs-logo {
  /* max-width: 190px; */
  max-width: 150px;
}
#footer div.footer-wrapper svg {
  width: 197px;
  height: auto;
}
#footer div.footer-wrapper div.right {
  display: flex;
  align-items: center;
  gap: 40px;
}
#footer div.footer-wrapper div.text p {
  text-align: right;
  font-size: 14px;
  line-height: 24px;
}

/* components */
/* #hero {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 250px;
}
#hero h1 {
  color: #FFF;
} */

/* home page */
#home-page #home-hero-video-wrapper {
  /* aspect-ratio: 16 / 9;
  object-fit: contain; */
}
#home-page #home-hero-video-wrapper video {
  width: 100%;
}
#home-page #home-hero {
  background: url(https://www.familyhood.org/wp-content/uploads/2024/08/FH_HomeHeader.png) no-repeat center center;
  background-size: cover;
}
#home-page #home-hero div.content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  max-width: 601px;
  padding: 136px 0 263px 0;
  margin: auto;
  color: #FFF;
}
#home-page #home-hero div.content h3 {
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  text-align: center;
}
#home-page #home-hero div.content img {
  padding: 8px 8px 0 8px;
}
#home-page #home-hero div.content h1 {
  font-size: 60px;
  font-weight: 700;
  padding-bottom: 32px;
  text-wrap: nowrap;
}
#home-page #home-hero div.content a {
  margin-top: 24px;
}
#home-page #hero-video video {
  width: 100vw;
  margin: 0;
  aspect-ratio: 7 / 3;
}
#home-page #hero-header .container {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 48px;
}
#home-page #hero-header .container img {
  margin: auto 0 0 0;
  width: calc(50% - 24px);
  max-width: 556px;
}
#home-page #hero-header .container div.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(50% - 24px);
  max-width: 840px;
  width: 100%;
  margin: 80px 0 48px 0;
  color: #464646;
}
#home-page #hero-header .container div.text h4 {
  text-align: center;
  padding-bottom: 8px;
}
#home-page #hero-header .container div.text p {
  padding-bottom: 40px;
}
#home-page #hero-header .container div.text strong {
  padding-bottom: 16px;
}
#home-page #hero-header .container div.text div.hoods {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 8px;
  width: 100%;
}
#home-page #hero-header .container div.text div.hoods strong {
  border: 1px solid #e25c39;
  color: #004f78;
  padding: 6px 22px;
  text-align: center;
  text-transform: uppercase;
}
#gallery-container {
  background: #f3f4f4;
  padding: 56px 0 64px 0;
}
#gallery-container div.container {
  display: flex;
  flex-wrap: wrap;
  flex-direction: column;
  gap: 48px;
}
#gallery-container div.container h4 {
  text-align: center;
  color: #464646;
}
#gallery-container div.container div.cards {
  display: flex;
  flex-direction: row;
  justify-content: center;
  flex-wrap: wrap;
  gap: 48px;
}
#statewide-training-page #gallery-container div.container div.cards.mobile {
  display: none;
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card {
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  gap: 8px;
  padding: 16px;
  max-width: 100%;
  width: 100%;
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card i.fa-chevron-down {
  color: #464646;
  font-size: 24px;
  font-weight: 900;
  cursor: pointer;
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card i.fa-chevron-down.rotate {
  transform: rotate(180deg);
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card div.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  width: 100%;
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card div.head div.text {
  display: flex;
  align-items: center;
  gap: 14px;
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card p.body {
  display: none;
  text-align: left;
}
#statewide-training-page #gallery-container div.container div.cards.mobile div.card p.body.show {
  display: block;
}
#gallery-container div.container div.cards div.card {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 16px;
  max-width: 327px;
}
#gallery-container div.container div.cards div.card p {
  text-align: center;
}
#gallery-container div.container div.cards div.card i.icon {
  color: #E25C39;
  text-align: center;
  font-size: 32px;
  font-style: normal;
  font-weight: 900;
  line-height: 34px;
  text-transform: uppercase;
}
#card-gallery {
  padding: 80px 0 80px 0;
  background: url(https://dev-familyhood.pantheonsite.io/wp-content/uploads/2023/06/Background-4.png) no-repeat center center;
  background-size: cover;
}
#card-gallery.design {
  background: url(https://www.familyhood.org/wp-content/uploads/2024/08/Pattern-2.svg) no-repeat bottom center;
}
#card-gallery.design div.text {
  max-width: 684px;
  padding-bottom: 48px;
  margin: auto;
  text-align: center;
}
#card-gallery.design div.text h4,
#card-gallery.design div.text strong {
  color: #464646;
  text-align: center;
  margin-bottom: 8px;
}
#card-gallery.design div.cards div.card {
  height: min-content;
  background: var(--Grayscale-White, #FFF);
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#card-gallery.design div.cards div.card div.head {
  background: #FFF;
  box-shadow: 0 0 0 0;
  padding-bottom: 0;
}
#card-gallery.design div.cards div.card div.head h5 {
  width: fit-content;
}
#card-gallery.design div.cards div.card div.body {
  gap: 8px;
  align-items: flex-start;
  padding-top: 16px;
}
#card-gallery.design div.cards div.card div.body strong {
  text-align: left;
}
#card-gallery h4 {
  color: #FFF;
  margin-bottom: 40px;
  text-align: center;
}
#card-gallery div.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  grid-template-rows: repeat(1, 1fr);
  gap: 36px;
}
#card-gallery div.cards div.card {
  background: #FFF;
}
#card-gallery div.cards div.card div.head {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px;
  background: #f3f4f4;
  box-shadow: inset 0px 2px 20px rgba(0, 0, 0, 0.1);
}
#card-gallery div.cards div.card div.head h5 {
  text-align: center;
  width: min-content;
  text-transform: uppercase;
  color: var(--DHS-Colors-DHS-Gray-Dark-Gray, #464646);
  text-align: center;
  font-family: Montserrat;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}
#card-gallery div.cards div.card div.head h6 {
  height: 48px;
  width: min-content;
  text-align: center;
  max-width: 230px;
}
#card-gallery div.cards div.card div.head i {
  margin-left: 16px;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
  color: #464646;
  cursor: pointer;
}
#card-gallery div.cards div.card div.head i.rotate {
  transform: rotate(180deg);
}
#card-gallery div.cards div.card:first-child div.head h6 {
  min-width: 230px;
}
#card-gallery div.cards div.card div.body {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 12px;
  padding: 24px 40px;
}
#card-gallery div.cards div.card div.body strong {
  text-align: center;
}
#home-page #resources {
  padding: 40px 0 50px 0;
  background: #009995;
}
#home-page #resources h4 {
  color: #FFF;
  text-align: center;
  padding-bottom: 16px;
}
#home-page #resources p {
  color: #FFF;
  text-align: center;
  padding-bottom: 32px;
}
#home-page #resources div.link-wrapper {
  display: flex;
  max-width: 449px;
  justify-content: space-between;
  background: #FFF;
  padding: 37px 16px;
  margin: auto;
}
#home-page #resources div.button-wrapper {
  display: flex;
  justify-content: center;
}
#contact-us-page #form {
  display: grid;
  grid-template-columns: 60% 40%;
  gap: 24px;
}
#contact-us-page #form label.gfield_label.gform-field-label {
  color: #575958;
  font-family: 'Montserrat';
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#contact-us-page #form div.form-container {
  padding: 72px 32px 70px 0;
}
#contact-us-page #form div.sidebar {
  flex: 2;
  background: #009995;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100%;
  width: 100%;
  padding-left: 32px;
  padding-top: 32px;
  padding-bottom: 32px;
}
#contact-us-page #form div.sidebar div.line {
  border-right: 2px solid #004F78;
  height: 16px;
}
#contact-us-page #form div.sidebar div.hood-wrapper {
  display: flex;
  width: 240px;
  padding: 15px 0;
  justify-content: center;
  gap: 8px;
  border: 2px solid #004F78;
  text-transform: uppercase;
}
#contact-us-page #form div.sidebar div.hood-wrapper strong {
  color: #FFF;
}
#contact-us-page #form div.sidebar address {
  color: #FFF;
  padding: 40px 0 8px 0;
  font-style: normal;
  text-align: center;
}
#contact-us-page #form div.sidebar p {
  color: #FFF;
}
#statewide-training-page #hero-lg div.content {
  padding: 116px 0 175px 0;
  max-width: 802px;
}
#statewide-training-page #hero-lg div.content div.top {
  display: flex;
  padding-bottom: 84px;
  gap: 32px;
}
#statewide-training-page #hero-lg div.content div.logo-wrapper {
  width: fit-content;
  border-right: 1px solid #FFF;
  padding-right: 32px;
}
#statewide-training-page #hero-lg div.content div.logo-wrapper img {
  width: 100%;
  max-width: 336px;
}
#statewide-training-page #hero-lg div.content div.logo-wrapper svg {
  width: 341px;
  height: 56px;
  width: 100%;
}
#statewide-training-page #hero-lg div.content div.logo-wrapper h2 {
  color: #FFF;
}
#statewide-training-page #hero-lg div.content div.top div.info {
  display: flex;
  flex-direction: column;
  justify-content: space-around;
  color: #FFF;
}
#statewide-training-page #hero-lg div.content div.bottom {
  color: #FFF;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 16px;
}
#statewide-training-page #hero-lg div.content div.bottom h5 {
  padding-bottom: 8px;
}
#statewide-training-page #welcome {
  position: relative;
}
#statewide-training-page #welcome div.container {
  position: relative;
}
#statewide-training-page #welcome #graphic-top-right {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
}
#statewide-training-page #welcome #image-bottom-left,
#statewide-training-page #welcome #graphic-bottom-left {
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
}
#statewide-training-page #welcome #image-bottom-left {
  max-width: 513px;
}
#statewide-training-page #welcome div.top {
  display: flex;
  padding-top: 80px;
}
#statewide-training-page #welcome div.top div.img-wrapper {
  margin: 0 auto auto auto;
}
#statewide-training-page #welcome div.top div.text-box {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 16px;
  background: #004F78;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  width: 60%;
  max-width: 686px;
  padding: 56px 64px 102px 64px;
  color: #FFF;
}
#statewide-training-page #welcome div.top div.text-box h1 {
  padding-bottom: 8px;
}
#statewide-training-page #welcome div.top div.text-box img#mobile-image-top {
  display: none;
  position: absolute;
  bottom: 0;
  right: 0;
  max-height: 335px;
}
#statewide-training-page #welcome div.bottom {
  position: relative;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  gap: 48px;
}
#statewide-training-page #welcome div.bottom div.text-container {
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  width: 60%;
  max-width: 686px;
  color: #464646;
  background: #FFF;
  padding: 40px 56px;
  margin: -91px 0 80px auto;
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#statewide-training-page #welcome div.bottom div.text-container.mobile {
  display: none;
}
#statewide-training-page #welcome div.bottom div.text-container div.icon-card {
  display: grid;
  align-items: center;
  grid-template-columns: 56px 1fr;
}
#statewide-training-page #welcome div.bottom div.text-container.mobile div.icon-card i.icon,
#statewide-training-page #welcome div.bottom div.text-container div.icon-card i.icon {
  color: #009995;
  font-size: 32px;
  font-weight: 900;
  line-height: 34px;
}
#understanding {
  position: relative;
  display: flex;
  align-items: center;
  padding: 64px 0;
  background: url('https://www.familyhood.org/wp-content/uploads/2024/08/Background-5.png') no-repeat center top;
  background-size: cover;
  color: #fff;
  min-height: 436px;
}
#understanding img {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  z-index: 0;
}
#understanding .container {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: center;
  align-items: center;
  gap: 24px;
  z-index: 1;
  height: 100%;
}
#understanding div.container div.left {
  padding-left: 25%;
}
#understanding div.container div.left h3 {
  padding-bottom: 16px;
  color: var(--Grayscale-White, #FFF);
  font-size: 26px;
  font-style: normal;
  font-weight: 800;
  line-height: 36px; /* 138.462% */
}
#understanding div.container div.left h1 {
  color: var(--Grayscale-White, #FFF);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 48px; /* 120% */
  text-transform: uppercase;
}
#understanding div.container div.right.desktop button {
  margin-top: 24px;
}
#understanding div.container div.right.mobile {
  display: none;
}
#understanding div.container div.right.mobile strong {
  font-size: 16px;
  font-weight: 700;
  line-height: 24px;
}
#understanding div.container div.right.mobile i.arrow {
  margin-left: 8px;
  font-size: 24px;
  font-weight: 900;
}
#understanding div.container div.right.mobile div#show-more {
  display: none;
}
#understanding div.container div.right.mobile div#show-more.show {
  display: block;
}
#understanding div.container div.right.mobile div.read-more-open.hide {
  display: none;
}
#statewide-training-page #faq {
  padding: 48px 0;
  background: #009995;
}
#statewide-training-page #faq div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 24px;
  max-width: 648px;
  margin: auto;
  color: #FFF;
}
#statewide-training-page #host {
  position: relative;
}
#statewide-training-page #host img#familyhood-h-logo {
  position: absolute;
  bottom: 0;
  left: calc(50% + 36px);
  z-index: -1;
  max-width: 90%;
}
#statewide-training-page #host div.container {
  padding-top: 80px;
  padding-bottom: 80px;
}
#statewide-training-page #host div.container h3 {
  color: #464646;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  padding-bottom: 48px;
}
#statewide-training-page #host div.container div.content {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 72px;
}
#statewide-training-page #host div.container div.host-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
}
#statewide-training-page #host div.container div.host-wrapper img {
  padding: 0 82px 0 41px;
}
#statewide-training-page #host div.container div.host-wrapper div.host-card {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: 11px;
  min-width: 400px;
  padding: 40px 56px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}
#statewide-training-page #host div.container div.host-wrapper div.host-card h2 {
  color: var(--DHS-Colors-DHS-Gray-Dark-Gray, #464646);
  font-size: 40px;
  font-style: normal;
  font-weight: 800;
  line-height: 130%;
}
#statewide-training-page #host div.container div.host-wrapper div.host-card p {
  color: #464646;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#statewide-training-page #host div.container div.right-wrapper {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#statewide-training-page #host div.container div.right-wrapper div.video-wrapper {
  margin: 0 0 80px calc(-41px - 72px);
  position: relative;
  overflow: hidden;
  width: calc(100% + 41px + 72px);
  padding-top: calc(56.25% + 63.6px);
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
}
#statewide-training-page #host div.container div.right-wrapper div.video-wrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  width: 100%;
  height: 100%;
}
#statewide-training-page #host div.container div.right-wrapper div.slogan {
  margin-left: 25%;
}
#statewide-training-page #host div.container div.right-wrapper div.slogan p {
  color: #464646;
  font-size: 40px;
  font-weight: 500;
  line-height: 120%;
  letter-spacing: 0;
}
#statewide-training-page #host div.container div.right-wrapper div.slogan p em {
  font-style: italic !important;
}
#statewide-training-page #networking {
  padding: 80px 0;
  background: #F3F4F4;
}
#statewide-training-page #networking div.content {
  display: grid;
  grid-template-columns: 1fr 1fr;
}
#statewide-training-page #networking div.content div.left {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-right: 139px;
}
#statewide-training-page #networking div.content div.left h3 {
  padding-bottom: 8px;
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
}
#statewide-training-page #networking div.content div.left p {
  padding-bottom: 74px;
  font-size: 18px;
  font-style: normal;
  font-weight: 700;
  line-height: 26px;
}
#statewide-training-page #networking div.content div.right {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 48px;
}
#statewide-training-page #networking div.content div.bottom {
  display: none;
  flex-direction: column;
  padding-bottom: 24px;
  gap: 16px;
}
#statewide-training-page #networking div.content div.bottom div.head {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 16px;
}
#statewide-training-page #networking div.content div.bottom p.body {
  display: none;
  padding:0 16px 16px 16px;
}
#statewide-training-page #networking div.content div.bottom p.body.show {
  display: block;
}
#statewide-training-page #networking div.content div.bottom div.group,
#statewide-training-page #networking div.content div.right div.group {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
}
#statewide-training-page #networking div.content div.bottom div.group {
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  gap: 0;
}
#statewide-training-page #networking #div.content div.bottom,
#statewide-training-page #networking #networking-mobile-image {
  display: none;
}
#statewide-training-page #networking div.banner {
  padding: 32px 70px;
  background: #004F78;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  display: grid;
  align-items: center;
  grid-template-columns: 64px 1fr;
  gap: 32px;
}
#statewide-training-page #networking div.banner p {
  color:#FFF;
  line-height: 24px;
}
#training-register-page {
  background: url(https://www.familyhood.org/wp-content/uploads/2024/08/Background-6.png) no-repeat center center;
  background-size: cover;
  padding: 80px 0 88px 0;
}
#training-register-page div.container h3 {
  padding-bottom: 40px;
  text-align: center;
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  color: #FFF;
}
#training-register-page div.container div.form {
  height: 868px;
}

#training-contact-us-page #hero {
  background: #009995;
  color: #FFF;
  height: 282px;
}
#training-contact-us-page #hero div.container {
  width: 100%;
  display: flex;
  justify-content: flex-start;
}
#training-contact-us-page #hero div.container div.text {
  max-width: 920px;
  margin-right: auto;
}
#training-contact-us-page #hero h3 {
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  padding-bottom: 8px;
}
#training-contact-us-page #hero p {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
#training-contact-us-page #hero p a {
  color: #FFF;
}
#training-contact-us-page #form {
  padding: 40px 0 80px 0;
  position: relative;
}
#training-contact-us-page #form img#graphic-bottom-right {
  position: absolute;
  bottom: 0;
  right: 0;
}
#training-contact-us-page #form div.text {
  padding-bottom: 40px;
}
#training-contact-us-page #form div.text p {
  padding-bottom: 24px;
}
#training-contact-us-page #form div.gfield_description {
  font-size: 14px;
  font-weight: 500;
  line-height: 20px;
}

#faq-page .training-faq {
  background: url(https://www.familyhood.org/wp-content/uploads/2024/08/Pattern-5.svg) no-repeat top center;
  background-size: contain;
  color: #464646;
  padding: 48px 0 80px 0;
}
#faq-page div.container div.hero-container {
  display: flex;
  justify-content: space-between;
  gap: 72px;
}
#faq-page div.container div.hero-container div.text {
  max-width: 566px;
  margin: auto 0;
}
#faq-page div.container div.hero-container div.text h3 {
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  padding-bottom: 8px;
}
#faq-page div.container div.hero-container div.text p {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px; 
}
#faq-page div.container div.hero-container div.text p a {
  color: #464646;
}
#faq-page div.container div.hero-container img {
  width: 307px;
  height: 204px;
  margin-right: 68px;
}
#faq-page div.container div.faqs {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
#faq-page div.container div.faqs div.faq {
  display: flex;
  flex-direction: column;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
}
#faq-page div.container div.faqs div.faq div.question {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 14px;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  background: #FFF;
  padding: 27px 24px 29px 24px;
}
#faq-page div.container div.faqs div.faq div.question.open {
  background: #004F78;
  color: #FFF;
  /* border-radius: 10px 0 0 10px; */
}
#faq-page.champions-faq div.container div.faqs div.faq div.question.open {
  background: #009995;
}
#faq-page div.container div.faqs div.faq div.question i {
  /* color: #464646; */
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}
#faq-page div.container div.faqs div.faq div.answer {
  display: none;
  background: #FFF;
  padding: 30px 24px;
}
#faq-page div.container div.faqs div.faq div.answer.open {
  display: block;
}
#faq-page div.container div.faqs div.faq div.answer p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
#faq-page div.container div.faqs div.faq div.answer p a {
  /* color: #464646; */
}

/* agenda */
div#agenda-page strong {
  font-size: 18px;
  line-height: 26px;
}
div#agenda-page {
  color: #464646;
}
section#agenda-hero {
  position: relative;
  padding: 80px 0;
}
section#agenda-hero div.container {
  position: relative;
}
section#agenda-hero img.h-logo {
  position: absolute;
  top: 0;
  right: 175px;
  height: 250px;
  z-index: -1;
}
section#agenda-hero img.circle-graphic {
  position: absolute;
  top: 165px;
  left: 25%;
  height: 300px;
  width: 300px;
  z-index: -1;
  background: linear-gradient(180deg, rgba(226, 92, 57, 0.00) 0%, #E25C39 100%);
  filter: blur(80px);
}
section#agenda-hero img.background-h {
  position: absolute;
  top: 0;
  content: url(https://www.familyhood.org/wp-content/uploads/2024/08/Pattern-5.svg);
  min-width: 850px;
  z-index: -1;
  width: 100%;
}
section#agenda-hero div.description {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 24px;
  padding: 56px;
  max-width: 58%;
  background: #fff;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  min-width: 420px;
}
section#agenda-hero div.description div.icon-wrapper {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 64px;
  width: 64px;
  border-radius: 100%;
  background: #004F78;
}
section#agenda-hero div.description div.icon-wrapper i {
  font-size: 32px;
  color: #fff;
}
section#agenda-hero div.description h3 {
  padding-bottom: 8px;
}
section#agenda-hero div.cta {
  position: relative;
  display: flex;
  justify-content: center;
  gap: 16px;
  padding: 180px 56px 56px 56px;
  margin-top: calc(66px - 180px);
  max-width: 58%;
  margin-left: auto;
  overflow: hidden;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
  z-index: -1;
  min-width: 603px;
}
section#agenda-hero div.cta img.cta-background {
  position: absolute;
  top: 0;
  left: 25%;
  right: 0;
  bottom: 0;
  background-size: cover;
  width: 75%;
  z-index: -1;
}
section#agenda-hero div.cta img.cta-background-mobile {
  display: none;
  position: absolute;
  background-size: cover;
  bottom: 0;
  top: 0;
}
section#agenda-hero div.cta div.overlay {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  opacity: 0.8;
  background: #004F78;
}
section#agenda-hero div.cta div.gradient {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: linear-gradient(270deg, rgba(0, 153, 149, 0.00) 0%, #004F78 88.06%);
  mix-blend-mode: multiply;
}
section#agenda-hero div.cta strong {
  color: #fff;
  z-index: 1;
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
section#agenda-agenda {
  padding: 0 0 80px 0;
}
section#agenda-agenda div.header {
  display: flex;
  flex-direction: column;
  /* justify-content: center; */
  align-items: center;
  gap: 32px;
  padding-bottom: 43px;
  max-width: 648px;
  margin: auto;
}
section#agenda-agenda div.header div.text {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
}
section#agenda-agenda div.header div.buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
}
section#agenda-agenda div.header div.text strong.subtitle {
  text-align: center;
}
section#agenda-agenda div.clipboard {
  position: relative;
}
section#agenda-agenda div.clipboard div.activities {
  /* background: var(--Grayscale-White, #FFF); */
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}
section#agenda-agenda div.clipboard div.date-wrapper {
  position: relative;
  min-height: 134px;
  display: flex;
  justify-content: center;
  align-items: center;
  overflow: hidden;
}
section#agenda-agenda div.clipboard img.clipboard-top {
  position: absolute;
  object-fit: cover;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  height: 100%;
  width: 100%;
  z-index: -1;
}
section#agenda-agenda div.clipboard div.clipboard-pin-left,
section#agenda-agenda div.clipboard div.clipboard-pin-right {
  position: absolute;
  top: 4px;
  left: 42px;
  width: 18px;
  height: 48px;
  border-radius: 12px;
  background: #787878;
}
section#agenda-agenda div.clipboard img.right-circle-graphic,
section#agenda-agenda div.clipboard img.left-circle-graphic {
  position: absolute;
  top: -100px;
  right: -100px;
  height: 300px;
  width: 300px;
  z-index: -1;
  border-radius: 100%;
  background: linear-gradient(180deg, rgba(0, 153, 149, 0.00) 0%, #009995 100%);
  filter: blur(80px);
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
}
section#agenda-agenda div.clipboard img.right-circle-graphic {
  background: linear-gradient(180deg, rgba(0, 153, 149, 0.00) 0%, #004F78 100%);
  right: auto;
  top: auto;
  bottom: 0;
  left: -100px;
}
section#agenda-agenda div.clipboard div.clipboard-pin-right {
  left: auto;
  right: 42px;
}
section#agenda-agenda div.clipboard h2.date {
  font-size: 40px;
  line-height: 52px;
  font-weight: 800;
  text-align: center;
  color: #FFF;
  margin-top: 16px;
}
section#agenda-agenda div.clipboard div.activities {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 48px 48px;
  background: #FFF;
}
section#agenda-agenda div.clipboard div.activities div.activity {
  display: grid;
  grid-template-columns: 117px 1fr;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description p {
  font-size: 16px;
  line-height: 24px;
  font-weight: 500;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description div.title-wrapper {
  display: flex;
  justify-content: space-between;
  gap: 8px;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description div.title-wrapper strong {
  font-size: 20px;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description div.wysiwyg {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 24px;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description i.fa-solid {
  cursor: pointer;
  font-size: 20px;
  padding: 4px;
  height: min-content;
}
section#agenda-agenda div.clipboard div.activities div.activity div.description i.fa-solid.active {
  transform: rotate(180deg);
}
section#agenda-agenda div.clipboard div.activities div.activity div.description p.location {
  color: #004F78;
}
section#agenda-agenda div.clipboard div.activities.day-1 strong.subtitle {
  color: #009995;
}
section#agenda-agenda div.clipboard div.activities.day-2 strong.subtitle {
  color: #E25C39;
}
section#agenda-agenda div.clipboard div.activities div.activity div.dropdown {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 16px 0 16px 0;
  border-bottom: 1px solid #BCBCBC;
}
section#agenda-agenda div.clipboard div.activities div.activity div.dropdown p.dropdown-title {
  font-size: 18px;
  font-weight: 500;
  line-height: 24px;
}
section#agenda-agenda div.clipboard div.activities div.activity div.dropdown:first-child {
  padding: 10px 0 16px 0;
}
section#agenda-agenda div.clipboard div.activities div.activity div.dropdown:last-child {
  border-bottom: none;
  padding: 16px 0 0 0;
}

div#speakers-sessions-page section#speakers-hero {
  position: relative;
  z-index: 1;
  background: #004F78;
  height: 330px;
  overflow: hidden;
}
div#speakers-sessions-page section#speakers-hero.sessions {
  background: #009995;
}
div#speakers-sessions-page section#speakers-hero div.gradient {
  background: linear-gradient(rgba(0, 79, 120, 0.00) -60%, #004F78 100%);
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  min-width: 720px;
  height: 330px;
}
div#speakers-sessions-page section#speakers-hero div.gradient.sessions {
  background: linear-gradient(rgba(0, 79, 120, 0.00) -60%, #009995 100%);
}
div#speakers-sessions-page section#speakers-hero img.background-graphic {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  min-width: 1300px;
  width: 100%;
  background-repeat: no-repeat;
  opacity: .3;
}


div#speakers-sessions-page section#speakers-hero div.container {
  display: grid;
  grid-template-columns: 1fr 1fr;
  justify-content: space-between;
  align-items: center;
  color: #FFF;
  z-index: 2;
}
div#speakers-sessions-page section#speakers-hero div.container div.description {
  display: flex;
  flex-direction: column;
  gap: 8px;
  z-index: 10;
  max-width: 566px;
}
div#speakers-sessions-page section#speakers-hero div.container div.description p {
  font-size: 18px;
  font-weight: 700;
  line-height: 26px;
}
div#speakers-sessions-page section#speakers-hero div.container div.img-wrapper {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  height: 330px;
}
div#speakers-sessions-page section#speakers-hero div.container div.img-wrapper img.speakers-back {
  object-fit: contain;
  position: relative;
  margin-bottom: -4%;
  z-index: 3;
  max-height: 330px;
}
div#speakers-sessions-page section#speakers-hero div.container div.img-wrapper img.house-graphic {
  position: absolute;
  bottom: 0;
  right: 14px;
  left: 59px;
  bottom: 0;
  z-index: 2;
  width: 75%;
  max-height: 238px;
}
section#buttons {
  position: relative;
  z-index: 1;
}
section#buttons div.buttons {
  display: flex;
  justify-content: flex-start;
  gap: 16px;
  padding: 40px 0 24px 0;
}
section#buttons.sessions {
  background: #EFEFEF;
}
section#buttons.sessions div.buttons {
  padding-bottom: 64px;
}
div.buttons-wrapper div.buttons {
  padding-bottom: 64px;
}
section#speakers-speakers {
  padding-bottom: 40px;
}
section#speakers-speakers div.speakers div.speaker {
  display: grid;
  grid-template-columns: 137px 1fr;
  gap: 48px;
  padding: 32px 48px;
  border-bottom: 1px solid var(--DHS-Colors-DHS-Gray-Metal-Gray, #BCBCBC);
}
section#speakers-speakers div.speakers div.speaker:last-child {
  border-bottom: none;
}
section#speakers-speakers div.speakers div.speaker div.img {
  display: flex;
  justify-content: space-between;
}
section#speakers-speakers div.speakers div.speaker div.img i {
  display: none;
  font-size: 20px;
  padding: 8px;
  cursor: pointer;
}
section#speakers-speakers div.speakers div.speaker div.img i.active {
  transform: rotate(180deg);
}
section#speakers-speakers div.speakers div.speaker img {
  height: 137px;
  width: 137px;
}
section#speakers-speakers div.speakers div.speaker div.info h3 {
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}
section#speakers-speakers div.speakers div.speaker div.info p.position {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
  padding: 4px 0 8px 0;
}
section#speakers-speakers div.speakers div.speaker div.info p.description {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}

section.speakers-list {
  background: #EFEFEF;
  padding-bottom: 137px;
  position: relative;
}
section.speakers-list div.gradient,
section.speakers-list img.background-image {
  position: absolute;
  left: -40vw;
  bottom: -45vw;
  width: calc(100vw + 88%);
  max-width: none;
  height: auto;
  object-fit: cover;
  z-index: 0;
}
section.speakers-list div.gradient {
  background: linear-gradient(0deg, rgba(239, 239, 239, 0.00) -33.33%, #EFEFEF 33.33%);
  bottom: 0;
  left: 0;
  right: 0;
  height: 160vw;
  z-index: 0;
}
section.speakers-list div.arrows {
  display: flex;
  justify-content: space-between;
  gap: 16px;
  padding-bottom: 32px;
}
section.speakers-list div.arrows h3.date {
  color: #464646;
  font-size: 26px;
  font-weight: 800;
  line-height: 36px;
  text-transform: uppercase;
  text-align: center;
}
section.speakers-list div.arrows i {
  font-size: 32px;
  line-height: 34px;
  padding: 4px;
  color: #BCBCBC;
}
section.speakers-list div.arrows div.active i {
  color: #464646;
  cursor: pointer;
}
section.speakers-list div.content {
  position: relative;
}
section.speakers-list div.cards {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
section.speakers-list div.cards div.card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 32px 45px;
  background: #FFF;
  box-shadow: 0px 0px 40px 0px rgba(0, 0, 0, 0.15);
}
section.speakers-list div.cards div.card div.title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 16px;
}
section.speakers-list div.cards div.card div.title-wrapper h3.title {
  color: #464646;
  font-size: 24px;
  font-weight: 700;
  line-height: 34px;
}
section.speakers-list div.cards div.card div.title-wrapper i {
  font-size: 24px;
  padding: 4px;
}
section.speakers-list div.cards div.card div.title-wrapper i.active {
  transform: rotate(180deg);
}
section.speakers-list div.cards div.card h3.subtitle {
  color: #009995;
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
  text-transform: uppercase;
}
section.speakers-list div.cards div.card h3.subtitle.top-padding {
  padding-top: 8px;
}
section.speakers-list div.cards div.card h3.subtitle.day2 {
  color: #E25C39;
}
section.speakers-list div.cards div.card p.time,
section.speakers-list div.cards div.card p.location {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #004F78;
  text-transform: uppercase;
}
section.speakers-list div.cards div.card p.time i,
section.speakers-list div.cards div.card p.location i {
  padding-right: 6px;
}
section.speakers-list div.cards div.card div.description {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-bottom: 16px;
}
section.speakers-list div.cards div.card div.description p {
  color: #464646;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
section.speakers-list div.cards div.card div.avatars {
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  gap: 15px;
}
section.speakers-list div.cards div.card div.avatars div.avatar {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 13px;
}
section.speakers-list div.cards div.card div.avatars div.avatar div.empty-avatar {
  width: 62px;
  height: 62px;
  border-radius: 100%;
  background: #BCBCBC;
}
section.speakers-list div.cards div.card div.avatars div.avatar img {
  width: 62px;
  height: 62px;
  border-radius: 100%;
}
section.speakers-list div.cards div.card div.avatars div.avatar p {
  color: #464646;
  font-size: 14px;
  font-weight: 600;
  line-height: 24px; 
}

section#resources-hero {
  background: #009995;
  display: flex;
  align-items: center;
}
section#resources-hero div.content {
  min-height: 356px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 80px;
  align-items: center;
  color: #fff;
}
section#resources-hero div.content div.text {
  padding: 24px 0;
}
section#resources-hero div.content div.text p {
  font-size: 18px;
  font-weight: 500;
  line-height: 30px;
}
section#resources-hero div.content div.image-wrapper {
  width: 100%;
  object-fit: contain;
  margin-top: auto;
}
section#rh-library {
  padding: 56px 0;
  color: #464646;
  background: #FFF;
}
section#rh-library h3 {
  padding-bottom: 32px;
}
section#rh-library div.cards {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 42px;
  padding-bottom: 56px;
}

section#rh-library div.card div.video-wrapper {
  background: transparent;
  transition: all 0.3s ease;
}
section#rh-library div.card div.video {
  position: relative;
  margin-bottom: 24px;
}
section#rh-library div.card div.video.active div#player {
  border-radius: 10px;
}
section#rh-library div.card div.video div.click-trigger {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  aspect-ratio: 16/9;
  cursor: pointer;
  z-index: 10;
}
section#rh-library div.card div.video div.close-x {
  display: none;
  position: absolute;
  top: calc(50% - 300px);
  right: -24px;
  color: #fff;
  font-size: 24px;
  font-weight: 900;
  z-index: 10;
  cursor: pointer;
}
section#rh-library div.card div.video strong.new-tag {
  position: absolute;
  top: 16px;
  right: 16px;
  background: #FFF;
  font-size: 12px;
  font-weight: 700;
  line-height: 17px;
  padding: 2px 23px;
  text-transform: uppercase;
}
section#rh-library div.card div.video-wrapper.active {
  position: absolute;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  z-index: 9998;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
section#rh-library div.card div.video.active {
  z-index: 1000;
  width: 75%;
  max-width: 1080px;
}
section#rh-library div.card div.video.active div.click-trigger {
  display: none;
}
section#rh-library div.card div.video.active strong.new-tag {
  display: none;
}
section#rh-library div.card div.video.active div.close-x {
  display: flex;

}

section#rh-library div.card p {
  font-size: 16px;
  font-style: normal;
  font-weight: 500;
  line-height: 24px;
}
section#rh-library div.button-wrapper {
  display: flex;
  justify-content: center;
}
section#understanding.rh-footer #mobile-read-btn,
section#understanding.rh-footer #mobile-close-btn {
  display: none;
  align-items: center;
  gap: 14px;
  font-size: 16px;
  font-weight: 700;
  line-height: 24px; 
  padding-top: 22px;
  cursor: pointer;
  width: fit-content;
}
section#understanding.rh-footer #mobile-read-btn i,
section#understanding.rh-footer #mobile-close-btn i {
  font-size: 24px;
}
section#video-modal {
  position: absolute;
  display: none;
  /* display: flex; */
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: transparent;
  background: #f0f;
  z-index: -10;
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.3s ease;
}
section#video-modal.active {
  background: rgba(0, 0, 0, 0.75);
  transition: all 0.3s ease;
  z-index: 9999;
}
section#video-modal div.video-wrapper {
  display: none;
}
section#video-modal div.video-wrapper.active {
  display: flex;
}

section#training-breakout-sessions {
  position: relative;
  padding: 82px 0;
  background: #EFEFEF;
}
section#training-breakout-sessions div.container {
  width: 100%;
}
section#training-breakout-sessions div.description {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 8px;
  max-width: 566px;
  color: #464646;
}
section#training-breakout-sessions div.description p {
  padding-bottom: 16px;
}
section#training-breakout-sessions img.mobile-background-image,
section#training-breakout-sessions img.background-image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  height: 100%;
}
section#training-breakout-sessions img.mobile-background-image {
  display: none;
  object-fit: contain;
  object-position: top;
  min-width: 440px;
}
section#training-breakout-sessions div.gradient {
  position: absolute;
  background: linear-gradient(90deg, #EFEFEF 15%, rgba(239, 239, 239, 0.00) 55%);
  width: 840px;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 0;
}
section#training-breakout-sessions.resource-hub div.gradient {
  width: 1000px;
}
section#buttons.sessions.breakout {
  background: transparent;
}
section#buttons.sessions.breakout div.buttons {
  padding-bottom: 40px;
}
section.breakout-day div.cards {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 32px;
  padding-bottom: 80px;
  color: #464646;
}
section.breakout-day div.card {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 32px 40px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);

  font-size: 16px;
  font-weight: 700;
  line-height: 26px;
}
section.breakout-day div.card div.title-wrapper {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 4px;
}
section.breakout-day div.card div.title-wrapper i {
  display: none;
  font-size: 24px;
  cursor: pointer;
}
section.breakout-day div.card div.title-wrapper i.active {
  transform: rotate(180deg);
  transition: all 0.3s ease;
}
section.breakout-day div.card p.title {
  font-size: 20px;
  font-weight: 700;
  line-height: 26px;
}
section.breakout-day div.card p.presenters {
  font-weight: 700;
  font-style: italic;
}
section.breakout-day div.card p.time {
  font-weight: 700;
}
section.breakout-day div.card div.mobile-content {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
section.breakout-day div.card p.description {
  font-weight: 500;
}
section.breakout-day div.card div.links {
  display: flex;
  gap: 16px;
}

section#become-a-champion {
  background: url('assets/images/become-a-champion.png') no-repeat center center;
  background-size: cover;
  min-height: 210px;
}
section#become-a-champion div.gradient {
  background: #009994db;
  height: 100%;
  width: 100%;
  min-height: 210px;
}
section#become-a-champion div.container {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  min-height: 210px;
  padding-top: 64px;
  padding-bottom: 64px;
}
section#become-a-champion div.container h3 {
  color: #FFF;
  padding-bottom: 24px;
  text-align: center;
}
section#become-a-champion div.container div.content {
  display: flex;
  gap: 24px;
  margin: auto;
  width: 100%;
  max-width: 920px;
}
section#become-a-champion div.container div.left,
section#become-a-champion div.container div.right {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  background: #FFF;
  padding: 36px 48px;
  max-width: 448px;
  margin: 0 auto;
  width: 100%;
  gap: 16px;
}
section#become-a-champion div.container div.left p,
section#become-a-champion div.container div.right p {
  text-align: center;
}

section#champions-trainings-hero {
  background: url('assets/images/champions-trainings-hero.png') no-repeat center center;
  background-size: cover;
}
section#champions-trainings-hero.champions-services-hero {
  background: url('assets/images/champions-services-hero.png') no-repeat center center;
  background-size: cover;
}
section#champions-trainings-hero div.container {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  min-height: 250px;
}
section#champions-trainings-hero div.container h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}
section#champions-trainings-trainings {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding: 64px 0;
  color: #464646;
}
section#champions-trainings-trainings div.container div.cards {
  display: flex;
  flex-direction: column;
  gap: 48px;
}
section#champions-trainings-trainings div.header {
  display: flex;
  flex-direction: row;
  justify-content: space-between;
  align-items: center;
  gap: 8px;
  padding-bottom: 8px;
}
section#champions-trainings-trainings div.header div.left {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 8px;
}
section#champions-trainings-trainings div.card div.left div.text {
  display: flex;
  align-items: flex-end;
}
section#champions-trainings-trainings div.card div.left small {
  font-size: 26px;
  font-weight: 600;
  line-height: 36px;
  margin: 0 auto 0 4px;
}
section#champions-trainings-trainings div.card div.left h3,
section#champions-trainings-trainings div.card div.left small {
  color: #004F78;
}
section#champions-trainings-trainings div.card:nth-child(2) div.left h3,
section#champions-trainings-trainings div.card:nth-child(2) div.left small {
  color: #E25C39;
}
section#champions-trainings-trainings div.card:nth-child(3) div.left h3,
section#champions-trainings-trainings div.card:nth-child(3) div.left small {
  color: #009995;
}
section#champions-trainings-trainings div.bullets {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding-top: 24px;
}
section#champions-trainings-trainings div.bullets div.bullet {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section#champions-trainings-trainings div.bullets div.title {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
section#champions-trainings-trainings div.bullets div.title p {
  font-size: 18px;
  font-weight: 700;
  line-height: 24px;
}
section#champions-trainings-trainings div.bullets p.hours {
  font-size: 16px;
  font-style: italic;
  font-weight: 500;
  line-height: 24px;
}
section#champions-trainings-trainings div.card small {
  display: block;
}
section#champions-trainings-trainings div.card small.card-note {
  padding-top: 8px;
}
section#champions-trainings-schedule {
  position: relative;
  background: #EFEFEF;
  padding: 80px 0 135px 0;
}
section#champions-trainings-schedule div.container {
  display: flex;
  flex-direction: column;
  align-items: center;
}
section#champions-trainings-schedule div.container h3 {
  padding-bottom: 24px;
  text-align: center;
}
section#champions-trainings-schedule div.container div.text {
  max-width: 920px;
  margin: auto;
}
section#champions-trainings-schedule div.container div.text p {
  text-align: center;
}
section#champions-trainings-schedule div.container div.text.box-text p {
  text-align: left;
}
section#champions-trainings-schedule div.schedule {
  display: grid;
  grid-template: repeat(3, 1fr) / repeat(2, 1fr);
  grid-auto-flow: column;
  gap: 16px 56px;
  padding: 40px 0;
  width: 100%;
}
section#champions-trainings-schedule div.schedule.count1 {
  grid-template: repeat(1, 1fr) / repeat(1, 1fr);
}
section#champions-trainings-schedule div.schedule.count2 {
  grid-template: repeat(1, 1fr) / repeat(2, 1fr);
}
section#champions-trainings-schedule div.schedule.count3,
section#champions-trainings-schedule div.schedule.count4 {
  grid-template: repeat(2, 1fr) / repeat(2, 1fr);
}
section#champions-trainings-schedule div.schedule.count5,
section#champions-trainings-schedule div.schedule.count6 {
  grid-template: repeat(3, 1fr) / repeat(2, 1fr);
}
section#champions-trainings-schedule div.schedule.count7,
section#champions-trainings-schedule div.schedule.count8 {
  grid-template: repeat(4, 1fr) / repeat(2, 1fr);
}
section#champions-trainings-schedule div.schedule.count9,
section#champions-trainings-schedule div.schedule.count10 {
  grid-template: repeat(5, 1fr) / repeat(2, 1fr);
}
section#champions-trainings-schedule div.schedule.count11,
section#champions-trainings-schedule div.schedule.count12 {
  grid-template: repeat(6, 1fr) / repeat(2, 1fr);
}
section#champions-trainings-schedule div.session {
  display: flex;
  background: #fff;
}
section#champions-trainings-schedule div.session.blue {
  border: 1px solid #004F78;
}
section#champions-trainings-schedule div.session.teal {
  border: 1px solid #009995;
}
section#champions-trainings-schedule div.session.orange {
  border: 1px solid #E25C39;
}
section#champions-trainings-schedule div.session div.date {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  color: #FFF;
  gap: 8px;
  padding: 0 8px;
  width: 60%;
  max-width: 162px;
}
section#champions-trainings-schedule div.session.blue div.date {
  background: #004F78;
}
section#champions-trainings-schedule div.session.teal div.date {
  background: #009995;
}
section#champions-trainings-schedule div.session.orange div.date {
  background: #E25C39;
}
section#champions-trainings-schedule div.session div.date p {
  font-size: 18px;
  font-weight: 600;
  line-height: 24px;
}
section#champions-trainings-schedule div.session div.date strong {
  font-size: 38px;
  font-weight: 600;
  line-height: 24px;
  white-space: nowrap;
  padding-bottom: 8px;
}
section#champions-trainings-schedule div.session div.text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 4px;
  padding: 24px 32px;
  width: 100%;
}
section#champions-trainings-schedule div.session div.text div.info {
  display: flex;
  flex-wrap: wrap;
  gap: 0 8px;
}
section#champions-trainings-schedule div.session div.text strong {
  font-size: 18px;
  font-weight: 800;
}
section#champions-trainings-schedule div.session div.text small {
  font-size: 18px;
  font-weight: 600;
}
section#champions-trainings-schedule div.session div.text p.info {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  text-align: left;
}
section#champions-trainings-schedule div.key {
  display: flex;
  flex-direction: column;
  padding: 24px 32px;
  border: 1px solid #464646;
  gap: 16px;
}
section#champions-trainings-schedule div.key div.dates {
  display: flex;
  gap: 56px;
}
section#champions-trainings-schedule div.key div.date {
  display: flex;
  gap: 48px;
}
section#champions-trainings-schedule div.key div.date strong {
  font-size: 18px;
  font-weight: 800;
  line-height: 24px;
}
section#champions-trainings-schedule div.key div.training {
  display: flex;
  align-items: center;
  gap: 12px;
}
section#champions-trainings-schedule div.key div.date div.circle {
  border-radius: 100%;
  aspect-ratio: 1/1;
  height: 14px;
  width: 14px;
}
section#champions-trainings-schedule div.key div.date div.circle.blue {
  background: #004F78;
}
section#champions-trainings-schedule div.key div.date div.circle.teal {
  background: #009995;
}
section#champions-trainings-schedule div.key div.date div.circle.orange {
  background: #E25C39;
}
section#champions-trainings-schedule div.key div.date p {
  font-size: 18px;
  font-weight: 700;
  line-height: 28px;
}
section#champions-trainings-schedule div.key div.date p small {
  font-size: 18px;
  font-weight: 500;
  line-height: 28px;
}
section#champions-trainings-schedule div.key p a {
  font-weight: 600;
}
section#champions-trainings-schedule img {
  mix-blend-mode: multiply;
  position: absolute;
  bottom: 0;
  right: 0;
  max-width: 75%;
}

section#champions-form,
section#champions-interested {
  background: #004F78;
  padding: 64px 0;
  min-height: calc(100vh - 100px - 150px);
}
section#champions-form div.text h3,
section#champions-interested div.text h3 {
  padding-bottom: 40px;
  color: #fff;
}
section#champions-form div.container,
section#champions-interested div.container {
  height: 100%;
  width: 100%;
}
section#champions-form div.text div.form,
section#champions-interested div.text div.form {
  border-radius: 10px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  /* display: flex; */
  padding: 40px 32px;
  justify-content: center;
  min-height: 300px;
  overflow: hidden;
}
section#champions-form span.gfield_required.gfield_required_asterisk {
  display: none !important;
}
form.marketingForm * {
  font-family: 'Montserrat', sans-serif !important;
}
form.marketingForm th:first-child {
  padding: 0 0 0 !important;
}
form.marketingForm table.custom-table {
  margin-bottom: 0 !important;
}
form.marketingForm .custom-table td {
  padding: 10px 0 !important;
}
form.marketingForm .connector-table thead tr th,
form.marketingForm .custom-table td b,
form.marketingForm .educator-table thead th:first-child b,
form.marketingForm .builder-table thead th:first-child b {
  font-weight: 700 !important;
}
/* form.marketingForm th:first-child th.inner p, */
form.marketingForm th:first-child h1 {
  display: none !important;
}
form.marketingForm div[data-layout="true"],
form.marketingForm table,
form.marketingForm th {
  width: 100% !important;
}
form.marketingForm input::placeholder {
  opacity: 0;
  color: transparent;
}
form.marketingForm h1 {
  text-align: center !important;
}
form.marketingForm span em {
  color: #323130 !important;
  margin: 0 !important;
}
form.marketingForm div[data-required] label.block-label::after,
form.marketingForm .textFormFieldBlock label::after {
  color: #323130 !important;
  width: 12px;
}
form.marketingForm .textFormFieldBlock,
form.marketingForm .phoneFormFieldBlock,
form.marketingForm .dateTimeFormFieldBlock,
form.marketingForm .twoOptionFormFieldBlock,
form.marketingForm .optionSetFormFieldBlock,
form.marketingForm .multiOptionSetFormFieldBlock,
form.marketingForm .lookupFormFieldBlock {
  padding: 20px 0 !important;
}
form.marketingForm div[data-editorblocktype="Text"] {
  display: block;
  margin: 0 0 0 !important;
}
form.marketingForm div[data-editorblocktype="text"] {
  margin: 0 !important;
  margin: 0 0 !important;
  margin: 0 0 0 !important;
  margin: 0 0 0 0 !important;
}
form.marketingForm div.emptyContainer.columns-equal-class.wrap-section table.outer div[data-editorblocktype="SubmitButton"] {
  margin-top: -32px !important;
  padding: 20px 0 !important;
}

#mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a[aria-current]:not([aria-current="false"]),

div#faq-page section#champions-faq-hero {
  background: url('assets/images/champions-faq-background.png') no-repeat center center;
  background-size: cover;
}
div#faq-page section#champions-faq-hero div.container {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #FFF;
  min-height: 250px;
}
div#faq-page section#champions-faq-hero div.container h1 {
  font-size: 40px;
  font-weight: 700;
  line-height: 40px;
}
div#faq-page.champions-faq div.faqs-container {
  padding-top: 64px;
  padding-bottom: 64px;
}
div#faq-page.champions-faq div.faqs-container div.faqs {
  padding-bottom: 40px;
}

section#champions-hero {
  background: url('assets/images/champions-hero.jpeg') no-repeat center center;
  background-color: #004F78;
  background-size: max(75%, 1220px);
  color: #FFF;
  background-position: top right -115px;
}
section#champions-hero div.gradient {
  background: linear-gradient(270deg, rgba(0, 79, 120, 0.00) 15.9%, #004F78 57.85%);
  padding-bottom: 184px;
}
section#champions-hero div.text {
  display: flex;
  flex-direction: column;
  gap: 16px;
  max-width: 566px;
  padding: 80px 0 64px 0;
}
section#champions-hero div.text h1 {
  line-height: 58px;
  letter-spacing: 2.4px;
  text-transform: uppercase;
}
section#champions-hero div.text p {
  font-size: 18px;
  line-height: 28px;
}
section#champions-champions {
  position: relative;
  padding-bottom: 64px;
}
section#champions-champions div.wide-image-container {
  display: flex;
  align-items: center;
  gap: 40px;
}
section#champions-champions div.wide-image-container img.wide-image {
  width: calc(60% + 16px);
}
section#champions-champions div.wide-image-container div.text {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: calc(35%);
}
section#champions-champions div.wide-image-container div.btn-wrapper {
  justify-content: flex-start;
}
section#champions-champions div.wide-image-container p {
  padding-bottom: 16px;
  line-height: 26px;
}
section#champions-champions img.champions-words {
  position: absolute;
  right: 0;
  top: 184px;
  width: 100%;
  max-width: 45%;
  z-index: 0;
}
section#champions-champions div.card {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 40px 32px;
  width: 100%;
  max-width: calc(60% + 16px);
  margin-top: -184px;
  margin-bottom: 64px;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
  z-index: 1;
  color: #464646;
}
section#champions-champions div.card div.text h3 {
  padding-bottom: 8px;
}
section#champions-champions div.card div.bullets {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
section#champions-champions div.card div.bullet {
  display: flex;
  gap: 22px;
}
section#champions-champions p.description {
  padding-bottom: 32px;
  font-size: 18px;
}
section#champions-champions div.images {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 32px;
  justify-content: space-between;
  padding-bottom: 40px;
}
section#champions-champions div.image-card {
  margin: 0 auto;
}
section#champions-champions div.image-card strong {
  font-size: 18px;
  display: block;
  padding: 16px 0 8px 0;
}
section#champions-champions div.btn-wrapper {
  display: flex;
  width: 100%;
  justify-content: center;
}

section#champions-benefits {
  background: #EFEFEF;
  padding: 64px 0;
}
section#champions-benefits h3 {
  text-align: center;
  padding-bottom: 40px;
}
section#champions-benefits div.benefits {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 40px;
  justify-content: space-between;
  justify-items: center;
  align-items: start;
}
section#champions-benefits div.benefit {
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 8px;
  align-items: center;
  text-align: center;
  max-width: 502px;
}
section#champions-benefits div.benefit div.mobile-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 8px;
}
section#champions-benefits div.benefit img {
  height: 64px;
  width: 64px;
  aspect-ratio: 1/1;
  padding-bottom: 8px;
}
section#champions-process {
  position: relative;
}
section#champions-process img.process-words {
  position: absolute;
  top: 0;
  left: 0;
  max-width: calc(50% - 12px);
}
section#champions-process img.process-img {
  position: absolute;
  bottom: -1px;
  left: 0;
  max-width: calc(50% - 12px);
  max-height: 375px;
}
section#champions-process div.text {
  display: flex;
  flex-direction: column;
  max-width: calc(50% - 12px);
  gap: 24px;
  padding: 64px 0 74px 0;
  margin-left: auto;
}
section#champions-process div.text div.step p {
  padding-top: 8px;
}
section#champions-process div.text div.step img {
  padding-right: 8px;
}

div#services-page {
  display: flex;
  flex-direction: column;
  min-height: calc(100vh - 100px - 150px);
}
div#services-page section#services-map div.text {
  display: flex;
  flex-direction: column;
  gap: 8px;
  padding: 64px 0 48px 0;
}
div#services-page section#services-map div.map-wrapper svg path.county-fill {
  fill: #CCDCE4;
  cursor: pointer;
}
div#services-page section#services-map div.map-wrapper svg path.county-fill.active {
  fill: #004F78;
}
div#services-page section#services-map div.map-wrapper svg path.county-fill.clicked {
  fill: #009995 !important;
}
div#services-page section#services-map div.map-wrapper svg path.county-fill.hover {
  fill: #009995;
}
div#services-page section#services-map div.map-wrapper svg path.county-name {
  /* fill: #CCDCE4; */
  fill: #464646;
  cursor: pointer;
}
div#services-page section#services-map div.map-wrapper svg path.county-name.static-county-name {
  /* fill: #464646; */
}
div#services-page section#services-map div.map-wrapper svg path.county-name.active {
  fill: #fff;
}
div#services-page section#services-map div.map-wrapper svg path.county-name.hover {
  fill: #fff;
}

section#services-map {
  padding-bottom: 80px;
}
div#services-page div.table-data div.post.page-offset,
div#services-page div.table-data div.post.inactive {
  display: none;
}
div#services-page div.services-map {
  position: relative;
  padding-bottom: 175px;
}
div#services-page div.services-map div.filters-wrapper {
  position: absolute;
  top: 18%;
  left: 0;
  max-width: 31%;
  display: flex;
  flex-direction: column;
  gap: 40px;
}
div#services-page div.services-map div.filters-wrapper p {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #464646;
  padding-bottom: 16px;
}
div#services-page div.services-map div.filters-wrapper button#all-counties-button {
  background: none;
  border: none;
  padding: 0;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  color: #464646;
  text-decoration: underline;
  cursor: pointer;
  font: inherit;
}
div#services-page div.services-map div.filters-wrapper p.mobile-subheader {
  padding-bottom: 0;
}
div#services-page div.services-map div.filters-wrapper form {
  display: flex;
  flex-direction: column;
  gap: 16px;
  padding-bottom: 32px;
}
div#services-page div.services-map div.filters-wrapper div.select-wrapper {
  position: relative;
  display: flex;
  border-radius: 8px;
  border: 1px solid #787878;
}
div#services-page div.services-map div.filters-wrapper #service-type-wrapper {
  display: none;
}
div#services-page div.services-map div.filters-wrapper select {
  padding: 0px 38px 0px 16px;
  -webkit-appearance: none;
  appearance: none;
  height: 100%;
  border-radius: 0;
  background: transparent;
  box-shadow: none;
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
  height: 52px;
}
div#services-page div.services-map div.filters-wrapper select:focus {
  background-color: transparent;
  outline: 0;
}
div#services-page div.services-map div.filters-wrapper i.fa-chevron-down {
  position: absolute;
  right: 16px;
  top: 50%;
  transform: translateY(-50%);
  color: #464646;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; 
  z-index: -1;
}
div#services-page div.services-map div.filters-wrapper div.submit-buttons-wrapper {
  display: flex;
  gap: 8px;
}
div#services-page div#active-labels-wrapper div.filter-label {
  display: flex;
  align-items: center;
  border-radius: 8px;
  border: 2px solid #009995;
  background: #FFF;
  width: fit-content;
  margin: 24px 0 16px 0;
}
div#services-page div#active-labels-wrapper div.filter-label p {
  padding: 16px 0 16px 16px;
  white-space: nowrap;
}
div#services-page div#active-labels-wrapper div.filter-label strong {
  padding-right: 4px;
}
div#services-page div#active-labels-wrapper div.filter-label i {
  padding: 16px;
  font-size: 16px;
  font-weight: 400;
  line-height: 24px; 
  cursor: pointer;
}
section#services-map.inactive div#active-counties-wrapper,
section#services-map.inactive div#result-count-wrapper,
section#services-map.inactive div.table,
section#services-map.inactive div.pagination-buttons.active {
  display: none;
}
section#services-map.inactive div.table {
  margin-top: 0;
}
section#services-map.inactive div#active-labels-wrapper  {
  margin: 0 0 0 0;
}
section#services-map.inactive div#active-counties-wrapper {
  margin-bottom: 0;
}
section#services-map div#active-counties-wrapper {
  display: flex;
  gap: 16px;
  margin: 24px 0;
}
div#services-page div#active-counties-wrapper h6 {
  font-size: 20px;
  font-weight: 700;
  line-height: 28px;
}
div#services-page div#result-count-wrapper p {
  padding-bottom: 16px;
  line-height: 20px;
}
div#services-page div.table {
  position: relative;
  background: #FFF;
  box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
  overflow: hidden;
  margin-top: 24px;
}
div#services-page div.table-header,
div#services-page div.table-data div.post {
  padding: 16px 24px;
  display: grid;
  grid-template-rows: 1fr;
  grid-template-columns: 2fr 5fr 4fr 3fr 3fr 3fr 3fr;
  gap: 8px;
  font-size: 16px;
  font-weight: 500;
  line-height: 20px;
}
div#test-table {
  overflow: visible;
}
div#test-table div.hero {
  background-size: cover;
  min-height: 150px;
}
div#test-table table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 20px; /* Adjust margin as needed */

  border: 1px solid #DEDEDF;
  height: 100%;
  width: 100%;
  table-layout: auto;
  border-collapse: collapse;
  border-spacing: 1px;
  text-align: left;
}
div#test-table thead, tbody {
  display: block;
}
div#test-table thead {
  position: sticky;
  top: 0;
  background-color: #f2f2f2; /* Set a background color for the sticky header */

  display: table-header-group;
  vertical-align: middle;
  unicode-bidi: isolate;
  border-color: inherit;
}
div#test-table th, td {
  padding: 10px;
  text-align: left;
  border: 1px solid #ddd; /* Add a border for better visibility */
}
div#test-table thead th {
  position: sticky;
  top: 0;
  background: #fff;
  z-index: 2;
}
div#test-table tbody {
  /* max-height: 300px; */
  overflow-y: auto;
}
div#test-table tr {
  display: table-row;
  vertical-align: inherit;
  unicode-bidi: isolate;
  border-color: inherit;
}

div#services-page div.table-data div.post.single-county div.county-served-col,
div#services-page div.table-header.single-county p.county-label {
  display: none;
}
div#services-page div.table-header.single-county,
div#services-page div.table-data div.post.single-county {
  grid-template-columns: 2fr 5fr 4fr 3fr 3fr 3fr;
}
div#services-page div.table-header {
  display: none;
  align-items: center;
  background: #004F78;
  color: #fff;
  top: 0;
}
div#services-page div.table.floating div.table-data {
  margin-top: 80px;
}
div#services-page div.table.floating div.table-header {
  position: fixed;
  top: 100px;
  max-width: 1156px;
  width: calc(100% - 142px);
}
div#services-page div.table-data {
  margin-bottom: -1px;
}
div#services-page div.table-data div.post.even {
  background: #F7F7F7;
}
div#services-page div.table-data.with-county div.post {
  grid-template-columns: 2fr 3fr 3fr 2fr 2fr 2fr 2fr;
}
div#services-page div.table-header p {
  text-align: center;
}
div#services-page div.table-header p:first-child {
  text-align: left;
} 
div#services-page div.table-data div.post p {
  font-size: 14px;
  line-height: 20px;
  text-align: center;
}
div#services-page div.table-data div.post div.name-address-col {
  margin-bottom: auto;
}
div#services-page div.table-data div.post div.name-address-col p {
  text-align: left;
}
div#services-page div.table-data div.post div.county-served-col {
  text-align: center;
}
div#services-page div.table-data div.post i.fa-envelope,
div#services-page div.table-data div.post i.fa-desktop {
  color: #009995;
  font-size: 16px;
  font-weight: 900;
  line-height: 24px;
}
div#services-page div.table-data div.post div.line {
  border-bottom: 1px solid #BCBCBC;
  margin: 4px auto;
  max-width: 40%;
}
div#services-page div.table-data div.post p.curriculum:first-child {
  border-top: none;
}
div#services-page div.pagination-buttons {
  display: none;
  justify-content: flex-end;
  gap: 8px;
  padding-top: 24px;
}
div#services-page div.pagination-buttons.active {
  display: flex;
}

/* temp mobile coming soon styles */
section#temp-mobile {
  display: none;
  margin: auto;
}
section#temp-mobile div.container {
  display: flex;
  padding: 0 16px;
  text-align: center;
}
  section#temp-mobile div.container h3 {
  text-align: center;
}

div#services-page div.mobile-filter-wrapper {
  display: none;
  flex-direction: column;
  gap: 16px;
}
div#services-page div.mobile-filter-wrapper p {
  padding-top: 24px;
}
section#services-map p.subtitle,
section#services-map p.mobile-info {
  font-size: 16px;
  font-weight: 500;
  line-height: 24px;
}
section#services-map p.mobile-info {
  display: none;
}

#services-page div.submit-buttons-wrapper #mobile-submit {
  display: none;
}

/* mobile styles */
div#services-page section#services-map div#mobile-clear-form,
div#services-page section#services-map div.mobile-footer,
div#services-page section#services-map i.mobile-chevron,
div#services-page section#services-map div#active-counties-wrapper-mobile,
div#services-page section#services-map div.mobile-email-wrapper,
div#services-page section#services-map p.mobile-location,
div#services-page section#services-map strong.mobile-card-label {
  display: none;
}
@media (max-width: 1180px) {
  div#services-page div.services-map {
    padding-bottom: 230px;
  }
}
@media (max-width: 1000px) {
  div#services-page div.services-map {
    padding-bottom: 300px;
  }
}
@media (max-width: 920px) {
  /* section#temp-mobile {
    display: flex;
  }
  section#services-map {
    display: none;
  } */
  div#services-page section#services-map.inactive div.select-all-checkbox,
  div#services-page section#services-map.inactive div#mobile-clear-form,
  div#services-page section#services-map.inactive div.mobile-footer,
  div#services-page div.table-data div.post div.line,
  div#services-page section#services-map div.desktop-info,
  div#services-page section#services-map div.email-wrapper,
  #services-page div.submit-buttons-wrapper #desktop-submit,
  div#services-page div.services-map.active,
  section#services-map div.map-wrapper,
  div#services-page section#services-map div.table-header,
  div#services-page section#services-map div#active-counties-wrapper,
  div#services-page section#services-map div#footer-wrapper,
  div#services-page section#services-map div.text,
  div#services-page section#services-map div.services-map {
    display: none !important;
  }
  div#services-page section#services-map div#mobile-clear-form,
  div#services-page section#services-map div.mobile-footer,
  div#services-page section#services-map div#active-counties-wrapper-mobile,
  div#services-page section#services-map i.mobile-chevron,
  div#services-page section#services-map div.mobile-email-wrapper,
  div#services-page section#services-map p.mobile-location,
  div#services-page div.table-data div.post strong.mobile-card-label,
  div#services-page section#services-map.inactive div.table-header,
  /* div#services-page section#services-map.inactive div#active-counties-wrapper, */
  div#services-page section#services-map.inactive div#footer-wrapper,
  div#services-page section#services-map.inactive div.text,
  div#services-page section#services-map.inactive div.services-map {
    display: flex !important;
  }
  section#services-map {
    padding-bottom: 32px;
  }
  div#services-page section#services-map div#mobile-clear-form {
    margin-top: 16px;
  }
  div#services-page section#services-map div.mobile-footer {
    margin-top: 16px;
  }
  div#services-page section#services-map.inactive div#active-counties-wrapper-mobile {
    margin: 0;
  }
  div#services-page section#services-map div#active-counties-wrapper-mobile {
    margin: 32px 0 16px 0;
  }
  div#services-page section#services-map.inactive div#active-counties-wrapper {
    margin: 0;
  }
  section#services-map section#services-map p.mobile-info {
    display: block;
  }
  section#services-map section#services-map.inactive p.mobile-info {
    display: none;
  }
  div#services-page section#services-map div.text {
    padding: 32px 0;
  }
  section#services-map h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  div#services-page div.services-map {
    padding-bottom: 24px;
  }
  div#services-page div.services-map div.filters-wrapper {
    position: relative;
    max-width: 100%;
  }
  div#services-page div#result-count-wrapper p {
    padding: 16px 0 0 0;
  }
  div#services-page div.services-map div.filters-wrapper p,
  div#services-page p.mobile-subheader {
    display: block;
    font-size: 16px !important;
    font-weight: 700;
    line-height: 24px;
    padding: 0 0 0 0;
  }
  div#services-page div.mobile-filter-wrapper {
    display: flex;
    padding: 24px 0 8px 0;
  }
  div#services-page div.mobile-filter-wrapper p {
    padding: 0 0 0 0;
  }
  #clear-form,
  #mobile-submit {
    width: 100%;
    max-width: 200px;
  }
  #services-page div.submit-buttons-wrapper #mobile-submit {
    display: block;
  }
  #services-page div.submit-buttons-wrapper #mobile-submit,
  #services-page div.submit-buttons-wrapper #desktop-submit {
    width: 100%;
    max-width: 200px;
  }
  div#services-page div#active-labels-wrapper {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
  }
  div#services-page div#active-labels-wrapper div.filter-label {
    justify-content: space-between;
    width: 100%;
    margin: 0 0 16px 0;
  }
  div#services-page div#active-labels-wrapper div.filter-label p {
    padding: 8px 0 8px 16px;
    white-space: nowrap;
  }
  div#services-page div#active-labels-wrapper div.filter-label strong {
    display: flex;
  }


  div#services-page div.table {
    box-shadow: none;
  }
  div#services-page div.table-data {
    margin-bottom: 0;
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  div#services-page div#active-counties-wrapper-mobile {
    display: flex;
    flex-direction: column;
    gap: 16px;
  }
  div#services-page div#active-counties-wrapper-mobile div.mobile-county-image-wrapper {
    position: relative;
    display: none;
    justify-content: center;
    align-items: center;
    padding: 12px;
    border-radius: 8px;
    border: 1px solid #000;
    background: #FFF;
    height: 97px;
  }
  div#services-page div#active-counties-wrapper-mobile div.mobile-county-image-wrapper.active {
    display: flex;
  }
  div#services-page div#active-counties-wrapper-mobile div.mobile-county-image-wrapper img {
    position: absolute;
    left: 50px;
    top: 50%;
    transform: translate(-50%, -50%);
    height: calc(100% - 24px);
    max-width: 86px;
    z-index: 0;
  }
  div#services-page div#mobile-county-image {
    display: flex;
    border-radius: 8px;
    border: 1px solid #000;
    background: #FFF;
    height: 100%;
    padding: 0px 12px;
  }
  div#services-page div.table-data div.post {
    display: flex;
    padding: 16px;
    flex-direction: column;
    gap: 8px;
    border-radius: 8px;
    border: 1px solid #787878;
    background: #FFF;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.10);
  }
  div#services-page div.table-data div.post.even {
    background: #FFF;
  }
  div#services-page div.table-data div.post p {
    font-size: 16px;
    text-align: left;
  }
  div#services-page div.table-data div.post p.location {
    /* border-left: 1px solid #787878;
    padding-left: 16px; */
    /* display: none; */
  }
  div#services-page div.table-data div.post div.icon-wrapper {
    display: flex;
    gap: 8px;
    align-items: center;
    height: 40px;
    width: 40px;
    border-radius: 100%;
    background: #009995;
    aspect-ratio: 1/1;
  }
  div#services-page div.table-data div.post div.icon-wrapper a {
    margin: auto;
  }
  div#services-page div.table-data div.post div.mobile-email-wrapper {
    gap: 16px;
    padding-top: 8px;
  }
  div#services-page div.table-data div.post div.mobile-email-wrapper i {
    margin: auto;
    color: #fff;
  }
  div#services-page div.table-data div.post div.name-wrapper {
    display: flex;
    gap: 5px;
  }
  div#services-page div.table-data div.post div.name-wrapper p {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
  }
  div#services-page div.table-data div.post div.name-address-col {
    display: flex;
    flex-direction: column;
    position: relative;
    padding-right: 20px;
  }
  div#services-page section#services-map div.post i.mobile-chevron {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translate(-50%, -50%);
  }
  div#services-page section#services-map div.post.mobile-active i.mobile-chevron {
    transform: translate(-50%, -50%) rotate(180deg);
  }
  div#services-page section#services-map div.post div.organization-col {
    margin-top: 8px;
    padding-top: 8px;
    border-top: 1px solid #BCBCBC;
  }
  div#services-page section#services-map div.post div.organization-col,
  div#services-page section#services-map div.post div.location-col,
  div#services-page section#services-map div.post div.focus-area-col,
  div#services-page section#services-map div.post div.curriculum-col,
  div#services-page section#services-map div.post div.service-type-col,
  div#services-page section#services-map div.post div.population-served-col,
  div#services-page section#services-map div.post div.county-served-col {
    display: none;
  }
  div#services-page section#services-map div.post.mobile-active div.organization-col,
  div#services-page section#services-map div.post.mobile-active div.location-col,
  div#services-page section#services-map div.post.mobile-active div.focus-area-col,
  div#services-page section#services-map div.post.mobile-active div.curriculum-col,
  div#services-page section#services-map div.post.mobile-active div.service-type-col,
  div#services-page section#services-map div.post.mobile-active div.population-served-col,
  div#services-page section#services-map div.post.mobile-active div.county-served-col {
    display: block;
  }
  div#services-page div.pagination-buttons {
    justify-content: space-between;
  }
}

@media (max-width: 1510px) {
  #header nav#menu div.menu-buttons {
    margin-right: 81px;
  }
  section#champions-champions img.champions-words {
    max-width: 41.4%;
  }
}
@media (max-width: 1440px) {
  .container {
    padding: 0 96px;
    max-width: calc(1440px + 96px + 96px);
  }
  section#training-breakout-sessions div.gradient {
    background: linear-gradient(90deg, #EFEFEF 35%, rgba(239, 239, 239, 0.00) 69%);
  }
  div#services-page div.table.floating div.table-header {
    max-width: 1440px;
    width: calc(100% - 96px - 96px);
  }
}
@media (max-width: 1080px) {
  .container {
    padding: 0 70px;
  }
  div#services-page div.table.floating div.table-header {
    width: calc(100% - 70px - 70px);
  }
  #header nav#menu div.menu-buttons a.btn.download-model {
    display: none;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child {
    display: block;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link,
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item a.mega-menu-link {
    border-bottom: 1px solid #BCBCBC;
    color: #464646 !important;
    height: 54px;
    line-height: 24px;
    padding: 14px 20px;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover a.mega-menu-link,
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu li.mega-menu-item:hover a.mega-menu-link {
    color: #FFF !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu {
    max-width: 100%;
    margin-top: 0;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-flyout ul.mega-sub-menu a {
    text-align: left;
  }
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item > a.mega-menu-link:hover,
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link,
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item > a.mega-menu-link:hover {
    height: 64px;
    line-height: 64px;
    color: #464646 !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child a,
  #mega-menu-wrap-main-menu #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child a,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child a {
    color: transparent !important;
  }
  #mega-menu-wrap-main-menu #mega-menu-main-menu > li.mega-menu-item:last-child a:hover,
  #mega-menu-wrap-main-menu #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child a:hover,
  #mega-menu-wrap-max_mega_menu_1 #mega-menu-max_mega_menu_1 > li.mega-menu-item:last-child a:hover {
    background: #00000010 !important;
    color: transparent !important;
    transition: all 0.3s ease;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1,
  #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    position: absolute;
    bottom: -30px;
    left: 122px;
    width: 100vw;
    transform: translate(-100%, 100%);
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.25);
    background: #EFEFEF !important;
  }
  #header a#ergo-logo {
    display: none;
  }
  #header nav#menu div.menu-buttons {
    margin-right: 0;
  }
  #home-page #hero-header .container {
    flex-direction: column-reverse;
    gap: 0;
  }
  #home-page #hero-header .container img,
  #home-page #hero-header .container div.text {
    width: 100%;
  }
  #footer div.footer-wrapper {
    flex-direction: column;
    padding: 32px 0;
  }
  #footer div.footer-wrapper div.logos { 
    flex-direction: column;
    gap: 16px;
  }
  #footer div.footer-wrapper div.right {
    flex-direction: column;
    align-items: center;
    gap: 16px;
  }
  #footer div.footer-wrapper div.text {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #footer div.footer-wrapper div.text p {
    text-align: center;
  }

  #card-gallery div.cards {
    grid-template-columns: repeat(1, 1fr);
    grid-template-rows: repeat(3, auto);
    max-width: 600px;
    margin: auto;
  }
  #statewide-training-page #hero-lg div.content {
    padding: 32px 0 24px 0;
  }
  #statewide-training-page #hero-lg div.content div.top {
    flex-direction: column;
    gap: 16px;
    align-items: center;
    padding-bottom: 24px;
  }
  #statewide-training-page #hero-lg div.content div.top div.logo-wrapper {
    border-right: 0px solid #FFF;
    border-bottom: 1px solid #FFF;
    padding-right: 0;
    padding-bottom: 16px;
    width: 100%;
    display: flex;
    flex-direction: column;
    align-items: center;
    max-width: 540px;
  }
  #statewide-training-page #hero-lg div.content div.top div.info h6 {
    text-align: center;
  }
  #statewide-training-page #welcome div.top div.text-box {
    width: 100%;
    max-width: 100%;
    gap: 0;
    padding: 56px 32px 335px 32px;
  }
  #statewide-training-page #welcome div.top div.text-box h1 {
    text-align: left;
    padding-top: 8px;
  }
  #statewide-training-page #welcome div.top div.img-wrapper {
    display: none;
  }
  #statewide-training-page #welcome div.top div.text-box img#mobile-image-top {
    display: block;
  }
  #statewide-training-page #welcome div.bottom div.text-container {
    margin: 0 0 0 0;
    padding: 24px 0;
    width: 100%;
    max-width: 100%;
  }
  #statewide-training-page #welcome div.bottom div.text-container.desktop {
    display: none;
  }
  #statewide-training-page #welcome div.bottom div.text-container.mobile {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
    gap: 24px;
    padding: 24px 16px;
  }
  #statewide-training-page #welcome div.bottom div.text-container.mobile div.icon-card {
    grid-template-columns: 1fr;
    gap: 16px;
    text-align: center;
    justify-content: center;
  }
  #statewide-training-page #welcome div.bottom div.text-container.mobile div.icon-card div.card-body {
    display: flex;
    gap: 16px;
    align-items: center;
  }
  #statewide-training-page #welcome #image-bottom-left {
    display: none;
  }
  #statewide-training-page #welcome div.bottom {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  #statewide-training-page #welcome div.bottom div.text-container.mobile div.ellipsi-container i {
    font-size: 10px;
    color: #BCBCBC;
  }
  #statewide-training-page #welcome div.bottom div.text-container.mobile div.ellipsi-container i.active {
    color: #464646;
  }
  #statewide-training-page #host div.container div.content {
    display: flex;
    flex-direction: column;
    gap: 48px;
  }
  #statewide-training-page #host div.container div.host-wrapper div.host-card {
    min-width: 100%;
  }
  #statewide-training-page #host div.container div.right-wrapper div.video-wrapper {
    margin: 0 0 0 0;
    width: 100%;
    padding-top: 56.25%;
  }
  #statewide-training-page #host div.container div.host-wrapper img {
    padding: 0 41px 0 41px;
  }
  #statewide-training-page #host div.container div.right-wrapper div.slogan {
    margin-left: 0;
  }
  #statewide-training-page #host img#familyhood-h-logo {
    display: none;
  }
  #statewide-training-page #networking div.content {
    display: flex;
    flex-direction: column;
    gap: 24px;
  }
  #statewide-training-page #networking div.content div.left img {
    display: none;
  }
  #statewide-training-page #networking div.content div.left {
    padding-right: 0;
  }
  #statewide-training-page #networking div.content div.left p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    padding-bottom: 0;
    text-align: center;
  }
  #statewide-training-page #networking div.content div.left h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
  }
  #statewide-training-page #networking {
    padding: 48px 0;
    padding-bottom: 0;
  }
  #statewide-training-page #networking div.container.banner-container {
    padding: 0 0;
  }
  #statewide-training-page #networking #networking-mobile-image {
    display: block;
    margin: 0 auto;
    width: 90%;
    max-width: 450px;
  }
  #statewide-training-page #networking div.banner {
    grid-template-columns: 1fr;
    padding: 24px 16px;
    gap: 8px;
    justify-items: center;
  }
  #statewide-training-page #networking div.banner p {
    text-align: center;
  }
  #statewide-training-page #networking div.content div.right {
    display: none;
  }
  #statewide-training-page #networking div.content div.bottom {
    display: flex;
  }
  section#agenda-hero img.h-logo {
    top: 135px;
    right: 90px;
    height: 175px;
  }
  section#rh-hero div.container {
    gap: 24px;
  }
  section#rh-hero div.left {
    gap: 16px;
  }
  section#rh-hero div.left h1 {
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
  }
  section#rh-library div.cards {
    grid-template-columns: repeat(2, 1fr);
  }
  section#rh-library div.card div.video div.close-x {
    top: 12%;
  }
  section#training-breakout-sessions div.gradient {
    background: linear-gradient(90deg, #EFEFEF 50%, rgba(239, 239, 239, 0.00) 100%);
  }
  section.breakout-day div.cards {
    grid-template-columns: 1fr;
  }
  section#resources-hero div.content {
    gap: 48px;
  }
  section#champions-trainings-schedule div.schedule {
    grid-auto-flow: row;
  }
  section#champions-trainings-schedule div.schedule.count1 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.schedule.count2 {
    grid-template: repeat(1, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.schedule.count3,
  section#champions-trainings-schedule div.schedule.count4 {
    grid-template: repeat(2, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.schedule.count5,
  section#champions-trainings-schedule div.schedule.count6 {
    grid-template: repeat(3, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.schedule.count7,
  section#champions-trainings-schedule div.schedule.count8 {
    grid-template: repeat(4, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.schedule.count9,
  section#champions-trainings-schedule div.schedule.count10 {
    grid-template: repeat(5, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.schedule.count11,
  section#champions-trainings-schedule div.schedule.count12 {
    grid-template: repeat(6, 1fr) / repeat(1, 1fr);
  }
  section#champions-trainings-schedule div.key {
    padding: 24px 24px;
  }
  section#champions-trainings-schedule div.key div.dates {
    gap: 32px;
  }
  section#champions-trainings-schedule div.key div.date {
    gap: 8px;
  }
  section#become-a-champion div.container div.content {
    width: 100%;
  }
  section#champions-process img.process-words {
    max-width: 33%;
  }
  section#champions-process img.process-img {
    max-width: 33%;
  }
  section#champions-process div.text {
    max-width: calc(66% - 12px);
    padding: 32px 0 32px 0;
  }
  section#champions-champions div.images {
    gap: 16px;
  }
  section#champions-hero {
    /* background: url('assets/images/champions-hero-mobile.png') no-repeat center center; */
    background-size: cover;
    background-position: top -60px center;
  }
  section#champions-hero div.gradient {
    background: linear-gradient(180deg, rgba(0, 79, 120, 0.00) 9.42%, #004F78 37.84%);
  }
  section#champions-hero div.text {
    padding: 175px 0 24px 0;
    max-width: 100%;
  }
  section#champions-champions div.card {
    max-width: 100%;
    margin-bottom: 0;
  }
  section#champions-champions img.champions-words {
    position: relative;
    max-width: 100%;
    top: -12px;
  }
  div#services-page div.services-map div.filters-wrapper form {
    gap: 16px;
  }
}
@media (max-width: 720px) {
  .container {
    padding: 0 48px;
  }
  .mobile-hide {
    display: none !important;
  }
  .desktop-hide {
    display: block;
  }
  h1 {
    font-size: 36px;
    font-weight: 700;
    line-height: 48px;
    text-align: center;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1,
  #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    left: 100px;
  }
  #footer div.footer-wrapper {
    flex-direction: column;
    gap: 16px;
    padding: 32px 0;
  }
  #footer div.footer-wrapper div.text {
    display: flex;
    flex-direction: column;
    gap: 8px;
  }
  #footer div.footer-wrapper div.text p {
    text-align: center;
  }
  #home-page #home-hero div.content {
    padding: 56px 0 157px 0;
  }
  #home-page #home-hero div.content h1 {
    font-size: 34px;
    font-weight: 700;
    padding-bottom: 40px;
  }
  #home-page #home-hero div.content h3 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
  }
  #home-page #home-hero div.content a {
    margin-top: 16px;
  }
  #home-page #hero-header .container div.text div.hoods {
    grid-template-columns: repeat(2, 1fr);
    /* width: 100%; */
  }
  #home-page #hero-header .container div.text div.hoods strong {
    padding: 6px 0;
  }
  #contact-us-page #form {
    grid-template-columns: 100%;
    gap: 8px;
  }
  #contact-us-page #form div.form-wrapper {
    padding-left: 0;
  }
  #contact-us-page #form div.sidebar {
    padding-right: 32px;
  }
  #contact-us-page #form div.form-container {
    padding: 24px 16px 0 16px;
  }
  #understanding {
    background: url('https://www.familyhood.org/wp-content/uploads/2024/08/Understanding.png') no-repeat center top;
    background-size: 100% auto;
    background-color: #004F78;
    padding: 120px 0 30px 0;
  }
  #understanding div.container div.left h3 {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  #understanding div.container div.left h1 {
    text-align: left;
    font-size: 28px;
    font-weight: 700;
    line-height: 38px;
  }
  #understanding img {
    display: none;
  }
  #understanding .container {
    grid-template-columns: 1fr;
    padding: 0 16px;
  }
  #understanding div.container div.left {
    padding-left: 0;
  }
  #understanding div.container div.right.desktop {
    display: none;
  }
  #understanding div.container div.right.mobile {
    display: block;
  }
  #statewide-training-page #host div.container {
    padding-top: 24px;
    padding-bottom: 24px;
  }
  #statewide-training-page #host div.container div.host-wrapper div.host-card {
    padding: 24px 16px;
  }
  #statewide-training-page #host div.container h3 {
    padding-bottom: 24px;
  }
  #statewide-training-page #host div.container div.content {
    gap: 24px;
  }
  #statewide-training-page #host div.container div.right-wrapper div.slogan p {
    color: #464646;
    font-size: 28px;
    font-weight: 500;
    line-height: 38px;
  }
  #statewide-training-page #host div.container div.host-wrapper div.host-card h2 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px; 
  }
  #statewide-training-page #gallery-container div.container div.cards.desktop {
    display: none;
  }
  #statewide-training-page #gallery-container div.container div.cards.mobile {
    display: flex;
    gap: 16px;
  }
  section#agenda-hero {
    padding: 103px 0 32px 0;
  }
  div#agenda-page strong,
  section#agenda-hero div.cta strong {
    font-size: 16px;
    line-height: 24px;
  }
  section#agenda-hero div.description {
    max-width: 100%;
    min-width: fit-content;
    padding: 24px;
  }
  section#agenda-hero div.description h3 {
    font-size: 20px;
    line-height: 26px;
  }
  section#agenda-hero div.cta {
    margin-top: 24px;
    min-width: auto;
    max-width: 100%;
    padding: 24px 24px 108px 24px;
  }
  section#agenda-hero div.cta div.gradient {
    display: none;
  }
  section#agenda-hero div.cta img.cta-background {
    display: none;
  }
  section#agenda-hero div.cta img.cta-background-mobile {
    display: block;
    max-width: fit-content;
    min-height: 100%;
    min-width: 100%;
    max-height: 485px;
  }
  section#agenda-hero img.h-logo {
    top: -104px;
    right: auto;
    height: 140px;
    left: 12%;
  }
  section#agenda-hero img.circle-graphic {
    left: 50%;
  }
  section#agenda-agenda div.clipboard div.date-wrapper {
    min-height: 89px;
  }
  section#agenda-agenda div.clipboard h2.date {
    font-size: 20px;
    line-height: 26px;
  }
  section#agenda-agenda div.clipboard div.activities {
    padding: 24px 16px;
  }
  div#speakers-sessions-page section#speakers-hero div.gradient,
  div#speakers-sessions-page section#speakers-hero {
    height: 100%;
  }
  div#speakers-sessions-page section#speakers-hero div.container div.img-wrapper img.speakers-back,
  div#speakers-sessions-page section#speakers-hero div.container div.img-wrapper {
    height: 200px;
  }
  div#speakers-sessions-page section#speakers-hero img.background-graphic {
    max-height: none;
  }
  div#speakers-sessions-page section#speakers-hero div.container div.img-wrapper img.house-graphic {
    height: 135px;
    left: 50%;
    transform: translateX(-50%);
  }
  div#speakers-sessions-page section#speakers-hero div.container {
    grid-template-columns: 1fr;
  }
  div#speakers-sessions-page section#speakers-hero div.container div.description {
    padding: 40px 0 0 0;
    text-align: center;
  }
  div#speakers-sessions-page section#speakers-hero div.container div.description h3 {
    text-align: center;
  }
  section#speakers-speakers {
    padding-bottom: 8px;
  }
  section#speakers-speakers div.speakers div.speaker {
    grid-template-columns: 1fr;
    gap: 9px;
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.10);
    padding: 24px 24px;
    margin-bottom: 24px;
    border-bottom: 0;
  }
  section#speakers-speakers div.speakers div.speaker div.img {
    align-items: center;
  }
  section#speakers-speakers div.speakers div.speaker div.img i {
    display: block;
  }
  section#buttons div.buttons {
    padding: 24px 0 24px 0;
    justify-content: center;
  }
  section#speakers-speakers div.speakers div.speaker img {
    height: 97px;
    width: 97px;
    align-items: center;
  }
  section#speakers-speakers div.speakers div.speaker div.info h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  section#speakers-speakers div.speakers div.speaker div.info p.position {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  section#speakers-speakers div.speakers div.speaker div.info p.description {
    font-size: 14px;
    font-weight: 500;
    line-height: 24px;
  }
  section#rh-hero div.container {
    flex-direction: column;
    gap: 0;
  }
  section#rh-hero div.left {
    padding: 48px 0 0px 0;
    width: 100%;
    align-items: center;
  }
  section#rh-hero div.left div.logos {
    flex-direction: column;
    gap: 16px;
  }
  section#rh-hero div.left div.logos img {
    max-width: 170px;
  }
  section#rh-hero div.left h1 {
    max-width: 350px;
  }
  section#rh-hero div.right {
    width: 100%;
    margin: auto auto -2px auto;
    justify-content: center;
  }
  section#rh-hero div.subheader {
    padding: 32px 0;
  }
  section#rh-hero div.subheader p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  section#rh-hero #bottom-left-graphic {
    bottom: 296px;
  }
  section#rh-library div.cards {
    grid-template-columns: repeat(1, 1fr);
  }
  section#rh-library div.button-wrapper button {
    width: 100%;
  }
  section#understanding.rh-footer {
    background: url(https://www.familyhood.org/wp-content/uploads/2024/10/Background-8.png) no-repeat center top;
    background-size: 100% auto;
    background-color: #004F78;
  }
  section#understanding.rh-footer div.container div.right.desktop button {
    display: none;
  }
  section#understanding.rh-footer #mobile-read-btn,
  section#understanding.rh-footer #mobile-close-btn {
    display: flex;
  }
  section#understanding.rh-footer div.container div.right.desktop {
    display: block;
  }
  #understanding.rh-footer div.container div.left h1 {
    text-align: left;
  }
  section#rh-library div.card div.video div.close-x {
    top: -5%;
    right: 0;
  }
  section#rh-library div.card div.video.active {
    width: calc(100% - 32px);
  }
  section#training-breakout-sessions {
    padding: 300px 0 32px 0;
  }
  section#training-breakout-sessions img.mobile-background-image {
    display: block;
  }
  section#training-breakout-sessions img.background-image {
    display: none;
  }
  section#training-breakout-sessions div.gradient  {
    background: linear-gradient(0deg, #EFEFEF 45%, rgba(239, 239, 239, 0.00) 88.68%);
  }
  section#training-breakout-sessions div.description a {
    width: 100%;
  }
  section#champions-trainings-schedule div.session div.text strong {
    font-weight: 700;
  }
  #card-gallery {
    background: #004F78 !important;
  }
  #card-gallery div.cards {
    gap: 24px;
  }
  #card-gallery h4 {
    margin-bottom: 24px;
  }
  #card-gallery div.cards div.card div.head {
    flex-direction: row;
    justify-content: space-between;
  }
  #card-gallery div.cards div.card div.head {
    padding: 16px;
  }
  #card-gallery div.cards div.card div.head img {
    height: 64px;
    width: 64px;
  }
  #card-gallery div.cards div.card div.head h6 {
    max-width: 100%;
    width: auto;
    height: auto;
    text-align: left;
  }
  #card-gallery div.cards div.card:first-child div.head h6 {
    min-width: 0;
  }
  section#resources-hero {
    padding-top: 24px;
  }
  section#resources-hero div.content {
    grid-template-columns: 1fr;
    gap: 0;
  }
  section#resources-hero div.content div.text {
    text-align: center;
  }
  section#resources-hero div.content div.image-wrapper {
    width: 278px;
    margin: auto auto 0 auto;
  }
  section#rh-library {
    padding: 32px 0;
  }
  section#rh-library h3 {
    padding-bottom: 16px;
    text-align: center;
  }
  section#champions-trainings-trainings {
    padding: 36px 0;
  }
  section#champions-trainings-trainings div.container div.cards {
    gap: 24px;
  }
  section#champions-trainings-trainings div.card small.card-note {
    padding-top: 0;
  }
  section#champions-trainings-trainings div.card,
  section#champions-trainings-trainings div.card {
    background: #FFF;
    box-shadow: 0px 0px 20px 0px rgba(0, 0, 0, 0.15);
    padding: 16px;
  }
  section#champions-trainings-trainings div.card div.left h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  section#champions-trainings-trainings div.card div.left small {
    font-size: 20px;
    font-weight: 600;
    line-height: 26px;
  }
  section#champions-trainings-schedule {
    padding: 40px 0 151px 0;
  }
  section#champions-trainings-schedule div.container {
    align-items: flex-start;
  }
  section#champions-trainings-schedule div.container div.text p {
    text-align: left;
  }
  section#champions-trainings-schedule div.key div.dates {
    flex-direction: column;
    gap: 16px;
  }
  section#champions-trainings-schedule div.key div.date:nth-child(1) {
    border-bottom: 1px solid #464646;
    padding-bottom: 16px;
  }
  section#champions-trainings-schedule div.key div.date {
    flex-direction: column;
  }
  section#champions-trainings-schedule div.key div.date p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  section#champions-trainings-schedule div.key div.date p small {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  section#champions-trainings-schedule img {
    max-width: 100%;
  }
  section#become-a-champion div.container {
    padding-top: 32px;
    padding-bottom: 32px;
  }
  section#become-a-champion {
    background: url('assets/images/become-a-champion-mobile.png') no-repeat center center;
    background-size: cover;
  }
  section#become-a-champion div.container div.content {
    flex-direction: column;
  }
  section#become-a-champion div.container div.left,
  section#become-a-champion div.container div.right {
    padding: 16px 16px;
    gap: 8px;
    margin: auto;
  }
  section#become-a-champion div.container h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  section#champions-benefits {
    padding: 32px 0;
  }
  section#champions-benefits h3 {
    text-align: left;
    padding-bottom: 24px;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    max-width: 345px;
  }
  section#champions-benefits div.benefits {
    grid-template-columns: 1fr;
    gap: 16px;
    justify-items: center;
  }
  section#champions-benefits div.benefit {
    flex-direction: row;
    align-items: flex-start;
    max-width: 100%;
  }
  section#champions-benefits div.benefit strong {
    font-size: 18px;
  }
  section#champions-benefits div.benefit p {
    font-size: 16px;
  }
  section#champions-benefits div.benefit div.mobile-wrapper {
    align-items: flex-start;
    text-align: left;
  }
  section#champions-champions div.btn-wrapper {
    width: max-content;
  }
  section#champions-process img.process-words {
    max-width: 100%;
    max-height: 100%;
    width: 100%;
    top: auto;
    bottom: 352px;
    transform: translateY(100%);
  }
  section#champions-process img.process-img {
    max-width: 100%; 
    max-height: 238px;
    bottom: 0;
    left: 0;
  }
  section#champions-process div.text {
    max-width: 100%;
    padding: 32px 0 32px 0;
    padding-bottom: 371px;
  }
  section#champions-champions div.images {
    grid-template-columns: 1fr;
    gap: 24px;
  }
  section#champions-champions div.image-card {
    max-width: 100%;
  }
  section#champions-champions div.image-card img {
    width: 100%;
  }
  section#champions-hero {
    background: url('assets/images/champions-hero-mobile.png') no-repeat center center;
    background-size: max(100%, 375px);
    background-position: top right;
  }
  section#champions-hero div.gradient {
    background: linear-gradient(180deg, rgba(0, 79, 120, 0.00) 75px, #004F78 300px);
  }
  section#champions-hero div.text h1 {
    font-size: 36px;
    line-height: 42px;
    letter-spacing: 1.8px;
    text-align: left;
  }
  section#champions-hero div.text p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
  }
  section#champions-champions div.card {
    padding: 24px 22px;
    gap: 16px;
  }
  section#champions-champions div.card div.bullets {
    gap: 16px;
  }
  section#champions-champions div.card div.bullet {
    align-items: flex-start;
  }
  section#champions-champions div.card div.text h3 {
    font-size: 20px;
    line-height: 26px;
  }
  section#champions-trainings-schedule div.session div.text div.info {
    flex-direction: column;
  }
  section#champions-trainings-schedule div.session div.text div.info div.line {
    display: none;
  }
  section#champions-trainings-schedule div.session div.date p {
    font-weight: 700;
  }
  section#champions-trainings-schedule div.session div.date strong {
    font-size: 30px;
    font-weight: 700;
  }
  section#champions-trainings-schedule div.session div.text {
    padding: 24px 16px;
  }
  section#champions-trainings-schedule div.key div.date strong {
    font-weight: 700;
  }
  section#champions-champions div.wide-image-container {
    flex-direction: column;
    gap: 24px;
  }
  section#champions-champions div.wide-image-container img.wide-image {
    width: 100%;
  }
  section#champions-champions div.wide-image-container div.text {
    width: 100%;
  }
  section#champions-champions div.wide-image-container div.text p {
    font-size: 16px;
    line-height: 24px; 
  }
}
@media (max-width: 540px) {
  p {
    font-size: 14px;
    line-height: 22px;
  }
  h1 {
    font-size: 24px;
    font-weight: 700;
    line-height: 32px;
    text-align: center;
  }
  h5 {
    font-size: 18px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
  }
  .container {
    padding: 0 16px;
  }
  #mega-menu-wrap-max_mega_menu_1 .mega-menu-toggle + #mega-menu-max_mega_menu_1,
  #mega-menu-wrap-main-menu .mega-menu-toggle + #mega-menu-main-menu {
    left: 68px;
  }
  #home-page #home-hero {
    background: url(https://www.familyhood.org/wp-content/uploads/2024/08/FH_Header-1-1.png) no-repeat center center;
    background-size: cover;
  }
  #home-page #hero-header .container div.text {
    margin: 32px 0 48px 0;
  }
  #home-page #hero-header .container div.text h4 {
    font-size: 20px;
    line-height: 26px;
  }
  #home-page #hero-header .container div.text p {
    padding-bottom: 24px;
  }
  #home-page #hero-header .container div.text strong {
    padding-bottom: 16px;
  }
  #home-page #resources div.button-wrapper,
  #home-page #resources div.button-wrapper a {
    width: 100%;
  }
  #home-page #resources div.link-wrapper {
    flex-direction: column;
    align-items: center;
  }
  #home-page #resources div.link-wrapper img {
    height: 40px;
    width: 80px;
    margin-bottom: 24px;
  }
  #contact-us-page #form div.form-container {
    padding-left: 16px;
  }
  #statewide-training-page #hero-lg div.content div.logo-wrapper img {
    max-width: 294px;
  }
  #statewide-training-page #hero-lg div.content div.logo-wrapper h2 {
    font-size: 28px;
    font-weight: 700;
    line-height: 38px
  }
  #statewide-training-page #hero-lg div.content div.bottom a.btn.cta {
    width: 100%;
    text-align: center;
  }
  #statewide-training-page #welcome div.bottom div.text-container.mobile div.icon-card h3 {
    text-align: center;
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  #card-gallery {
    background: #004F78 !important;
    padding: 32px 0 32px 0;
  }
  #card-gallery.design div.text {
    padding-bottom: 16px;
  }
  #card-gallery div.cards {
    gap: 16px;
  }
  #statewide-training-page #faq {
    padding: 24px 0;
    gap: 16px;
  }
  #statewide-training-page #faq a {
    width: 100%;
  }
  #faq-page {
    background: url(https://www.familyhood.org/wp-content/uploads/2024/08/Pattern-3.svg) no-repeat top center;
    background-size: contain;
  }
  #faq-page div.container div.hero-container {
    flex-direction: column;
    gap: 24px;
  }
  #faq-page div.container div.hero-container div.text h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
  }
  #faq-page div.container div.hero-container div.text p {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    text-align: center;
  }
  #faq-page div.container div.hero-container {
    height: fit-content;
  }
  #faq-page div.container div.hero-container img {
    width: 223px;
    height: 148px;
    margin-left: auto;
    margin-right: auto;
    object-fit: contain;
  }
  #faq-page div.container div.faqs div.faq div.question {
    padding: 16px;
  }
  #faq-page div.container div.faqs div.faq div.question strong {
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
  }
  #faq-page div.container div.faqs div.faq div.answer {
    padding: 16px;
  }
  section#agenda-agenda div.clipboard div.date-wrapper {
    min-height: 68px;
  }
  section#agenda-agenda div.clipboard div.clipboard-pin-left,
  section#agenda-agenda div.clipboard div.clipboard-pin-right {
    top: 0;
    left: 13px;
    width: 11px;
    height: 28px;
  }
  section#agenda-agenda div.clipboard div.clipboard-pin-right {
    left: auto;
    right: 13px;
  }
  section#agenda-agenda div.clipboard div.activities div.activity {
    display: grid;
    grid-template-columns: 84px 1fr;
  }
  section.speakers-list {
    padding-bottom: 80px;
  }
  section.speakers-list div.gradient,
  section.speakers-list img.background-image {
    /* left: -103vw; */
    /* bottom: -77vw; */
    /* width: calc(100vw + 168%); */
  }
  section.speakers-list div.cards div.card {
    padding: 24px 24px;
  }
  section.speakers-list div.cards div.card div.title-wrapper h3.title {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px; 
  }
  section.speakers-list div.arrows h3.date {
    font-size: 20px;
    line-height: 26px;
    max-width: 225px;
  }
  section.speakers-list div.cards div.card div.description {
    gap: 14px;
  }
  section.speakers-list div.cards div.card div.description p {
    font-size: 14px;
    line-height: 22px;
  }
  section.speakers-list div.arrows,
  section#buttons.sessions div.buttons {
    padding-bottom: 24px;
  }
  section#training-breakout-sessions {
    padding: 209px 0 32px 0;
  }
  section#training-breakout-sessions div.gradient  {
    background: linear-gradient(0deg, #EFEFEF 55%, rgba(239, 239, 239, 0.00) 88.68%);
  }
  section#training-breakout-sessions div.description {
    gap: 8px;
  }
  section#training-breakout-sessions div.description h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    text-align: center;
  }
  section#training-breakout-sessions div.description p {
    font-size: 16px;
    font-weight: 500;
    line-height: 24px;
    text-align: center;
  }
  section#training-breakout-sessions div.card p.title {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  section#training-breakout-sessions div.card p.presenters {
    font-size: 16px;
    font-weight: 700;
    line-height: 26px;
  }
  section.breakout-day div.cards {
    gap: 24px;
    padding-bottom: 24px;
  }
  section.breakout-day div.card {
    padding: 24px 24px;
  }
  section.breakout-day div.card div.links {
    flex-direction: column;
    gap: 8px;
  }
  section.breakout-day div.card div.links a {
    width: 100%;
  }
  section.breakout-day div.card div.title-wrapper i {
    display: block;
  }
  section.breakout-day div.card div.mobile-content {
    display: none;
  }
  section.breakout-day div.card div.mobile-content.active {
    display: flex;
  }
  #card-gallery div.cards div.card div.head h6 {
    width: 100%;
  }
  #gallery-container {
    padding: 32px 0 32px 0;
  }
  #gallery-container div.container {
    gap: 16px;
  }
  #gallery-container div.container div.cards {
    gap: 16px;
  }
  #gallery-container div.container div.cards div.card {
    flex-direction: row;
  }
  #gallery-container div.container div.cards div.card p {
    text-align: left;
  }
  section#rh-library div.cards {
    gap: 24px;
    padding-bottom: 24px;
  }
  section#rh-library div.card div.video {
    margin-bottom: 16px;
  }
  section#buttons.sessions.breakout div.buttons {
    padding-bottom: 24px;
  }
  section#champions-form,
  section#champions-interested {
    padding: 36px 0;
  }
  section#champions-form div.text h3,
  section#champions-interested div.text h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
    padding-bottom: 24px;
  }
  section#champions-process div.text {
    gap: 16px;
  }
  section#champions-process div.text h3 {
    font-size: 20px;
    font-weight: 800;
    line-height: 26px;
  }
  section#champions-process div.text h3 {
  }
}