/* @import url('http://example.com/example_style.css'); */

/***********************************************/
/* CSS @imports must be at the top of the file */
/* Add them above this section                 */
/***********************************************/

/* Body */
h1, h2, h3, h4, p, span {
  font-family: "Public Sans", sans-serif !important;
}

h1, h2, h3, h4 {
  line-height: 64px;
}

p, span {
  line-height: 36px;
}

/* Accordion */
.focus_module_accordion {
  background: #EED6F4 !important;
  padding: 0 !important;
}

.focus_module_accordion_item {
  color: #CB4C03 !important;
  font-size: 28px !important;
  line-height: 36px !important;
}

.focus_module_accordion_item:nth-child(3n-2) {
  color: #007577 !important;
}

.focus_module_accordion_item:nth-child(3n-1) {
  color: #A100C1 !important;
}

.focus_module_accordion_text {
  color: #1E0F37 !important;
  font-size: 24px !important;
}

/* Blog */
.focus_grid-title a, .focus_grid-title-link {
  color: #5100D4 !important;
}

.focus_grid-summary p {
  color: #1E0F37;
}

/* Buttons */

.focus_grid-button.button {
  background-color: #F5E7EF;
  border-radius: 8px;
  border: 2px solid var(--Anacostia, #5100D4);
  color: var(--Anacostia, #5100D4);
  font-family: "Public Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding-left: 16px;
  padding-right: 16px;
  text-align: center;
}

.focus_grid-button.button:active, .focus_grid-button.button:focus, .focus_grid-button.button:hover {
  border-radius: 8px;
  border: 2px solid #A100C1;
  color: #A100C1;
  padding-left: 16px;
  padding-right: 16px;
}


.hs-button {
  border: 2px solid #5100D4 !important;
  box-shadow: none !important;
}

.hs-button:active, .hs-button:focus, .hs-button:hover {
  border: 2px solid #A100C1 !important;
}

.portal-button {
  border-radius: 8px !important;
  border: 2px solid #5100D4 !important;
  background: #5100D4;
  color: #F5E7EF;
  display: inline-block;
  font-family: "Public Sans";
  font-size: 18px;
  font-style: normal;
  font-weight: 400;
  line-height: 26px;
  padding: 16px;
  text-align: center;
}

.portal-button:active, .portal-button:focus, .portal-button:hover {
  color: #F5E7EF !important;
  border: 2px solid #A100C1 !important;
  background: #A100C1;
}

.portal-button-outline {
  background: #FFF !important;
  color: #5100D4;
  margin-top: 16px;
}

.portal-button-outline:active, .portal-button-outline:focus, .portal-button-outline:hover {
  border: 2px solid #A100C1 !important;
  color: #A100C1 !important
}

@media screen and (min-width: 760px) {
  .portal-button-container {
    align-items: flex-start;
    display: flex;
    gap: 16px;
  }
  
  .portal-button-outline {
    margin-top: 0;
  }
}

/* Container */
.container-fluid, .content-wrapper {
  background: #F5E7EF; 
}

/* Counter */
.counter_section.counter_layout_v1 {
  padding: 0 !important;
}

.counter_section.counter_layout_v1 .counters .counter .main-box {
  box-shadow: none !important;
}

/* Footer */
.focus_module_website_f, .footer {
  background: #1E0F37 !important;
}

.footer .menu__link {
  color: #F5E7EF !important;
}

.footer .dnd-section .dnd-column {
  padding: 0 !important;
}

/* Header */
.focus_module_website_h,
.focus_mobile_bar,
.mwh_lang_toggle,
.mwh_layout1 {
  background-color: #F5E7EF !important;
  color: #A100C1 !important;
  font-family: "Public Sans", sans-serif !important;
}

.mwh_layout1 .mwh_row_m {
  max-width: 1440px !important;
}

.focus_mob_nav_icon-inner label span {
  background-color: #A100C1 !important;
}

.header, .header__container {
 background: #F5E7EF !important;
}

.header__logo {
  display: none !important;  
}

.focus_module_website_h.mwh_layout1 .mwh_col_middle_right.mwh_col {
  flex-direction: row-reverse !important;
}

/* Nav Menu */
.hs-menu-item {
  font-family: "Public Sans", sans-serif !important;
  font-weight: 600 !important;
  padding-left: 40px;
}

.hs-menu-item a {
  color: #a100c1;
}

.hs-menu-item.hs-menu-depth-2 {
  padding-left: 16px;
}

.hs-menu-item.hs-menu-depth-2 a {
  color: #F5E7EF;
}

.hs-menu-item.hs-menu-depth-2 a:active, .hs-menu-item.hs-menu-depth-2 a:focus, .hs-menu-item.hs-menu-depth-2 a:hover {
  text-decoration: underline;
}

.hs-menu-children-wrapper {
  align-items: flex-start;
  border-radius: 8px;
  background: var(--Anacostia, #5100D4);
  display: flex;
  flex-direction: column;
  left: 24px !important;
  min-width: 320px;
  padding: var(--Spacing-x-small, 8px);
  top: 120% !important;
  z-index: 5;
}

.menu__link {
  font-size: 22px;
  font-weight: 600;
  line-height: 28px;
}

.menu__link:hover {
  text-decoration: underline !important;
}

/* Mobile menu */

.focus_mobile_bar {
  padding-top: 20px !important;
}


/* Number counter */
.focus_module_number_counters {
  background: #CEE275 !important;
}

.focus_module_number_counters-top {
  flex-direction: column !important;
}

.focus_module_number_counter {
  color: #5100D4 !important;
}

.focus_grid-inner {
  align-items: center !important;
}

.count .counter-value, .count h4 {
  color: #5100D4 !important;
  text-align: center !important;
  font-family: "Public Sans" !important;
  font-size: 48px !important;
  font-style: normal !important;
  font-weight: 800 !important;
  line-height: 64px !important;
}

.counter_section.counter_layout_v1 .counters .counter .main-box h6 {
  color: #1E0F37 !important;
  text-align: center !important;
  font-family: "Public Sans" !important;
  font-size: 24px !important;
  font-style: normal !important;
  font-weight: 300 !important;
  line-height: 34px !important; 
}

/* Portal membership status buttons */

.portal-member-status-pill, .portal-solidarity-exchange-pill {
  border-radius: 8px;
  border: 1px solid #A100C1;
  background: #EED6F4;
  color: #A100C1 !important;
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 34px;
  text-align: center;
  padding-left: 2px;
  padding-right: 2px;
}

/* Portal stats */
.portal-stat-callout ~