/* Theme base styles */

body {
  --blue: #00A9CE;
  --purple: #6638B6;
  --yellow: #FFC600;
  --pink: #D62598;
  --barlow: 'Barlow Condensed', sans-serif;
  --montserrat: 'Montserrat', sans-serif;
  --triangle-height: 70px;
  --h1: clamp(44px, 7vw, 88px);
  --h2: clamp(33px, 6vw, 66px);
  --h3: clamp(27px, 5vw, 55px);
  --h4: clamp(22px, 4vw, 44px);
  --h5: clamp(16px, 2.5vw, 22px);
  --base-font-size: clamp(14px, 1.5vw, 18px);
  --sidebar-width: 275px;
  --component-spacing--sml: calc(1rem + 1vw);
  --component-spacing: calc(2rem + 2vw);
  --component-spacing--lrg: calc(4rem + 4vw);
  --container-padding: clamp(22px, 5vw, 88px);
  --calc-border-top: calc(90vw * tan(12.5deg));

  padding: 0;
  margin: 0;
  line-height: 1.4;
  font-size: var(--base-font-size);
  font-family: var(--montserrat);
  -webkit-font-smoothing: antialiased;
	display: inline-block !important;
}

body.has-banner {
	padding-top: 47px;
}

body.public-content { 
	background-image: url(https://24427741.fs1.hubspotusercontent-na1.net/hubfs/24427741/raw_assets/public/ywca/images/ywca-bg.svg);
	background-size: cover;
	background-position: center 30%;
	background-attachment: fixed;
	padding-top: 7em;
}

* {
  box-sizing: border-box;
  padding: 0;
  margin: 0;
}



/* Tools
Any animations, or functions used throughout the project.
Note: _macros.css needs to be imported into each stylesheet where macros are used and not included here
*/

/* Generic
This is where reset, normalize & box-sizing styles go.
*/

*, *:before, *:after {
  box-sizing: border-box;
}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}

body {
  margin: 0;
}

h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

hr {
  box-sizing: content-box;
  height: 0;
}

pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  text-decoration: underline dotted; /* 2 */
}

b,
strong {
  font-weight: bolder;
}

code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}

small {
  font-size: 80%;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sub {
  bottom: -0.25em;
}

sup {
  top: -0.5em;
}

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}

button,
select { /* 1 */
  text-transform: none;
}

button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}

button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}

button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}

fieldset {
  padding: 0.35em 0.75em 0.625em;
}

legend {
  padding: 0;
}

progress {
  vertical-align: baseline;
}

[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}

[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}

details {
  display: block;
}

summary {
  display: list-item;
}

/* Components
Specific pieces of UI that are stylized. Typically used for global partial styling
*/

.component {
    box-sizing: border-box;
    position: relative;
    z-index: 100;
    width: 100%;
    transition: padding 300ms;
    margin-block: var(--component-spacing);
}

.component.background--purple {
  background: var(--purple);
	color: white;
	margin-block: 0;
	padding-block: var(--component-spacing);
}

.component.background--pink {
  background: var(--pink);
	color: white;
	margin-block: 0;
	padding-block: var(--component-spacing);
}

.component.background--blue {
  background: var(--blue);
	color: white;
	margin-block: 0;
	padding-block: var(--component-spacing);
}

.component.mt-0 { margin-top: 0 }
.component.mt-tiny { margin-top: 1rem }
.component.mt-sml { margin-top: var(--component-spacing--sml) }
.component.mt-lrg { margin-top: var(--component-spacing--lrg) }

.component.mb-0 { margin-bottom: 0 }
.component.mb-tiny { margin-bottom: 1rem }
.component.mb-sml { margin-bottom: var(--component-spacing--sml) }
.component.mb-lrg { margin-bottom: var(--component-spacing--lrg) }

.component.bg-solid {
  padding-block: var(--component-spacing);
  margin: 0;
}

.component.bg-solid.mt-0 { padding-top: 0 }
.component.bg-solid.mt-tiny { padding-top: 1rem }
.component.bg-solid.mt-sml { padding-top: var(--component-spacing--sml) }
.component.bg-solid.mt-lrg { padding-top: var(--component-spacing--lrg) }

.component.bg-solid.mb-0 { padding-bottom: 0 }
.component.bg-solid.mb-tiny { padding-bottom: 1rem }
.component.bg-solid.mb-sml { padding-bottom: var(--component-spacing--sml) }
.component.bg-solid.mb-lrg { padding-bottom: var(--component-spacing--lrg) }

.component.bg-blue { background: var(--blue); }
.component.bg-purple { background: var(--purple); }
.component.bg-pink { background: var(--pink); }

.component__container {
	padding-inline: var(--container-padding);
	container: component-container / inline-size;
	display: flex;
	flex-direction: column;
	gap: 2em;
}
.page-system-with-form .component__container {
  padding-inline: 20px !important;
	
}
.stand-alone .component__container {
  padding-inline: 0 !important;
}


.public-content .component__container {
  max-width: 800px;
	margin: auto;
	width: 100%;
}

.component__header {
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-end;
	gap: 1em;
	color: var(--purple);
}

.public-content .component__header {
	flex-wrap: nowrap;
}

.public-content .component__header-intro {
	color: white;
}

.component__header.no-title {
	justify-content: flex-end;
}

.component__header--title { color: var(--purple); max-width: 11em; }
.public-content .component__header--title { color: white; max-width: 100%; }
.component__header--title strong { color: var(--blue) }

.background--purple .component__header--title { color: white }
.background--purple .component__header--title strong { color: var(--yellow) }

.background--blue .component__header--title { color: white }
.background--blue .component__header--title strong { color: var(--yellow) }

.background--pink .component__header--title { color: white }
.background--pink .component__header--title strong { color: var(--yellow) }

.theme--blue .component__header--title { color: var(--blue) }
.theme--blue .component__header--title strong { color: var(--purple) }

.theme--pink .component__header--title { color: var(--pink) }
.theme--pink .component__header--title strong { color: var(--purple) }





.component__header-actions { 
	display: flex;
	align-items: stretch;
	gap: 1px;
}

.component__header-nav-button,
.component__header-cta {
  display: inline-flex;
	align-items: center;
	justify-content: center;
	color: white;
	background: var(--purple);
	padding: 0.75em 1em;
	border: none;
	border-radius: 0;
	line-height: 1;
	cursor: pointer;
	transition: background-color 300ms, color 300ms;
}

.component__header-cta {
	min-width: 175px;
	text-align: center;
}
.component__header-nav-button:hover,
.component__header-cta:hover {
  background: var(--blue)
}

.component__header-nav-button {
	aspect-ratio: 1/1;
	text-align: center;
}

.public-content  .component__header-cta {
	background: white;
	color: var(--purple);
	font-weight: 600;
}

.public-content  .component__header-cta:hover {
	background: white;
	color: var(--blue)
}

.theme--blue .component__header-nav-button,
.theme--blue .component__header-cta {
  background: var(--blue)
}

.theme--blue .component__header-nav-button:hover,
.theme--blue .component__header-cta:hover {
  background: var(--purple)
}

.theme--pink .component__header-nav-button,
.theme--pink .component__header-cta {
  background: var(--pink);
}

.theme--pink .component__header-nav-button:hover,
.theme--pink .component__header-cta:hover {
  background: var(--purple);
}



.background--purple .component__header-nav-button,
.background--purple .component__header-cta {
  background: white;
	color: var(--purple);
	font-weight: 500;
}

.background--purple .component__header-nav-button:hover,
.background--purple .component__header-cta:hover {
  background: var(--yellow);
}

.background--blue .component__header-nav-button,
.background--blue .component__header-cta {
  background: white;
	color: var(--blue);
	font-weight: 500;
}

.background--blue .component__header-nav-button:hover,
.background--blue .component__header-cta:hover {
  background: var(--yellow);
}

.background--pink .component__header-nav-button,
.background--pink .component__header-cta {
  background: white;
	color: var(--pink);
	font-weight: 500;
}

.background--pink .component__header-nav-button:hover,
.background--pink .component__header-cta:hover {
  background: var(--yellow);
}

#main-content .button {
  display: inline-flex;
	color: white;
	background: var(--purple);
	color: white;
	padding: 0.75em 1.25em;
	border: none;
	border-radius: 0;
	line-height: 1;
	cursor: pointer;
	transition: background-color 300ms, color 300ms;
	font-family: var(--barlow);
	text-transform: uppercase;
	text-decoration: none;
	font-weight: 600;
	white-space: nowrap;
	align-items: center;
	gap: 0.75em;
}

#main-content .button:hover {
  background: var(--blue)
}

#main-content .dnd_area-row-2-max-width-section-centering > .row-fluid {
    max-width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
	  width: 100%;
}
#main-content .dnd_area-row-2-max-width-section-centering > .row-fluid .span12 {
  padding-inline: var(--container-padding);
	flex-basis: 100%;
}

.component__body.associated-content {
	background: var(--purple);
	color: white;
	padding: 20px;
	
}


@media all and (min-width: 760px) {
	#main-content .dnd_area-row-2-max-width-section-centering > .row-fluid,
  .component {
      padding-left: var(--sidebar-width);
  }
	.public-content .component { 
	  padding: 0;
	}
}


@media all and (min-width: 1920px) {
	#main-content .dnd_area-row-2-max-width-section-centering > .row-fluid,
  .component {
      padding-right: var(--sidebar-width);
  }
	.public-content .component { 
	  padding: 0;
	}
}
.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  font-family: var(--montserrat);
  --padding: 40px;
  
  --triangle-height: 70px;
}

#main-content {
	display: inline-block;
	width: 100%;
}



.site-header::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    z-index: -4;
    opacity: 0;
    pointer-events: none;
    transition: 300ms;
}

.menu-open .site-header::after {
    opacity: 1;
}

.site-header__sidebar {
  position: absolute;
  top: 100%;
  left: 0;
  width: var(--sidebar-width);
  padding-bottom: 71px;
}

.site-header__logo {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 10;
  height: calc(69vw * tan(5deg));
  transform-origin: top left;
  transition: transform 300ms;
}

.site-header__logo-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-inline: var(--container-padding);
  padding-top: var(--container-padding);
}

.site-header__logo-img {
  width: clamp(100px, 18vw, 140px);
  height: auto;
}

.site-header__logo::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: clamp(100px, var(--calc-border-top), 150px)  solid white;
    border-right: clamp(100px, 100vw, 550px) solid transparent;
    border-left: 0px;
    border-bottom: 0px;
    z-index: -1;
    pointer-events: none;
}

.site-header__dashboard {
  z-index: 8;
  display: flex;
  gap: 0.5em;
  justify-content: flex-end;
  padding-top: 70px;
  padding-bottom: 65px;
  text-align: right;
  background: var(--purple);
  color: white;
  line-height: 1;
  padding-inline: var(--padding);
  font-family: var(--barlow);
  font-size: 18px;
  font-weight: 700;
  transition: color 300ms;
}

.site-header__dashboard:hover {
  color: var(--yellow);

}

.site-header__menu {
  position: relative;
  background: var(--blue);
  z-index: 9;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.site-header__menu-alt {
  position: relative;
  background: var(--pink);
  z-index: 7;
  padding: calc(var(--triangle-height) * 1.25) 0 calc(var(--triangle-height) * 0.25) 0;
  margin: 0;
  list-style-type: none;
}

.site-header__menu-item {
  padding: 0;
  margin: 0;
}


.site-header__menu-link {
  display: block;
  padding-inline: var(--padding);
  color: white;
  padding-block: 0.375em;
  font-size: 16px;
  font-weight: 500;
  transition: color 300ms;
}

.site-header__menu-alt .site-header__menu-link {
  font-size: 15px;

}

.site-header__menu-link:hover {
  color: var(--yellow);
}

.site-header__menu::before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 0;
  border-bottom: var(--triangle-height) solid var(--blue);;
  border-right: var(--sidebar-width) solid transparent;
  pointer-events: none;
}

.site-header__menu::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  border-top: var(--triangle-height) solid var(--blue);;
  border-right: var(--sidebar-width) solid transparent;
}


.site-header__menu-alt::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  border-top: var(--triangle-height) solid var(--pink);;
  border-left: var(--sidebar-width) solid transparent;
}

.site-header__menu-alt::before {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  border-top: calc(var(--triangle-height) * 1.5) solid var(--yellow);;
  border-right: var(--sidebar-width) solid transparent;
  pointer-events: none;
}


.site-header__profile {
	transform: translateX(100%);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 8;
  gap: 0.5em;
  justify-content: flex-end;
  padding-top: var(--padding);
  padding-right: var(--padding);
  padding-bottom: calc(var(--padding) / 2);
  padding-left: calc(var(--padding) / 2);

  text-align: right;
  color: white;
  line-height: 1;
  font-family: var(--barlow);
  font-size: 18px;
  font-weight: 700;
  transition: color 300ms, transform 300ms;
	display: none;
}

.site-header__profile i {
    font-size: 2em;
    transform: translateY(-25%);
}

.site-header__profile:hover {
    color: var(--yellow);
}


.site-header__sidebar {
    transform: translateX(-100%);
    transition: transform 300ms;
}
.site-header__logo {
    transform: translateX(var(--sidebar-width));
    transition: transform 300ms;
}

.menu-open .site-header__logo,
.menu-open .site-header__sidebar {
    transform: translateX(0);
    transition: transform 300ms;
}


.site-header__mobile-menu {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: var(--container-padding);
    padding-right: var(--container-padding);
    z-index: 90;
    transform: translateX(0);
    transition: transform 300ms;
}

.has-banner .site-header__mobile-menu {
    padding-top: calc( 37px + var(--container-padding));
	
}

.site-header__mobile-menu-bg {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    border-top: calc(var(--container-padding) * 3 + 18px) solid var(--purple);
    border-left: 200px solid transparent;
    border-right: 0px;
    border-bottom: 0px;
    pointer-events: none;
    z-index: -1;
    transition: border 300ms;
}


.menu-open .site-header__mobile-menu-bg {
    border-top: calc(var(--container-padding) * 3 + 18px) solid var(--pink);
}


.site-header__mobile-menu-toggle {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
}

.hamburger {
    display: block; 
    width: 30px;
    height: 27px;
    position: relative;
    overflow: hidden;
    transition: transform 300ms;
}

.hamburger span {
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    height: 3px;
    width: 100%;
    background: white;
    transform-origin: center;
    transition: height 300ms, transform 300ms, background-color 300ms;
}


.hamburger__top {
    transform: translateY(-8px);
}


.hamburger__bot {
    transform: translateY(8px);

}

.menu-open .hamburger {
    transform: rotate(180deg);
}

.menu-open .hamburger__top {
    transform: translateY(0) rotate(45deg);
}
.menu-open .hamburger__mid {
    opacity: 0;
}

.menu-open .hamburger__bot {
    transform: translateY(0) rotate(-45deg);
}


.site-header__linkedin {
	position: absolute;
	bottom: -1em;
	left: 1em;
	display: flex;
	z-index: 10;
	width: calc(100% - 2em);
	background: var(--purple);
	color: white;
	padding: 0.5em;
	gap: 0.5em;
	align-items: center;
	transition: background-color 300ms;
}
.site-header__linkedin:hover {
	background: var(--blue);
}

.site-header__linkedin-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--purple);
	background: white;
	border-radius: 50vw;
	font-size: 1.5em;
	transition: color 300ms;
}
.site-header__linkedin:hover .site-header__linkedin-icon {
	color: var(--blue);
}


.site-header__linkedin-title {
  font-family: var(--barlow);
	text-transform: uppercase;
	line-height: 0.9;
}



@media all and (min-width: 590px) {
    .site-header__logo {
    height: calc(69vw * tan(8deg));
    }
}



@media all and (min-width: 760px) {
		.site-header::after {
			 display: none;
		}
	
    .site-header__mobile-menu {
        transform: translateX(100%);
    }
	
    .site-header__profile {
			
      display: flex;
        transform: translateX(0);
    }
	
    .site-header__logo {
        height: 79px;
				transform: translateX(0);
    }
	
    .site-header__logo-link {
        padding-inline: var(--padding);
        padding-top: var(--padding);
    }

    .site-header__logo::after {
        border-right: calc(var(--sidebar-width) * 2) solid transparent;
        border-top: 158px solid white;
    }

    .site-header__logo-img {
        width: 140px;
    }

    .site-header__menu {
        min-height: 206px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .site-header__logo::after {
        border-top: 158px solid white;
        border-right: calc(var(--sidebar-width) * 2) solid transparent;
    }

    .site-header__mobile-menu-bg {
        border-top: 120px solid var(--purple);
        border-left: 410px solid transparent;
    }
	
		.site-header__sidebar {
				transform: translateX(0);
		}
}

@media all and (max-height: 740px) {
  .site-header {
    position: absolute !important;
  }
	
	.site-header__mobile-menu-bg {
		position: fixed;
		top: 0;
	}
	
	.site-header__mobile-menu {
		position: fixed;
	}
}

@media all and (min-width: 760px) and (max-height: 740px) {
	
	.site-header__mobile-menu-bg {
		position: absolute;
		top: 100%;
	}
}


.site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 9999;
  font-family: var(--montserrat);
  --padding: 40px;
  
  --triangle-height: 70px;
}

#main-content {
	display: inline-block;
	width: 100%;
}



.site-header::after {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    backdrop-filter: blur(10px);
	-webkit-backdrop-filter: blur(10px);
    z-index: -4;
    opacity: 0;
    pointer-events: none;
    transition: 300ms;
}

.menu-open .site-header::after {
    opacity: 1;
}

.site-header__sidebar {
  position: absolute;
  top: 100%;
  left: 0;
  width: var(--sidebar-width);
  padding-bottom: 71px;
}

.site-header__logo {
  position: relative;
  display: flex;
  width: 100%;
  z-index: 10;
  height: calc(69vw * tan(5deg));
  transform-origin: top left;
  transition: transform 300ms;
}

.site-header__logo-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding-inline: var(--container-padding);
  padding-top: var(--container-padding);
}

.site-header__logo-img {
  width: clamp(100px, 18vw, 140px);
  height: auto;
}

.site-header__logo::after {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    border-top: clamp(100px, var(--calc-border-top), 150px)  solid white;
    border-right: clamp(100px, 100vw, 550px) solid transparent;
    border-left: 0px;
    border-bottom: 0px;
    z-index: -1;
    pointer-events: none;
}

.site-header__dashboard {
  z-index: 8;
  display: flex;
  gap: 0.5em;
  justify-content: flex-end;
  padding-top: 70px;
  padding-bottom: 65px;
  text-align: right;
  background: var(--purple);
  color: white;
  line-height: 1;
  padding-inline: var(--padding);
  font-family: var(--barlow);
  font-size: 18px;
  font-weight: 700;
  transition: color 300ms;
}

.site-header__dashboard:hover {
  color: var(--yellow);

}

.site-header__menu {
  position: relative;
  background: var(--blue);
  z-index: 9;
  padding: 0;
  margin: 0;
  list-style-type: none;
}

.site-header__menu-alt {
  position: relative;
  background: var(--pink);
  z-index: 7;
  padding: calc(var(--triangle-height) * 1.25) 0 calc(var(--triangle-height) * 0.25) 0;
  margin: 0;
  list-style-type: none;
}

.site-header__menu-item {
  padding: 0;
  margin: 0;
}


.site-header__menu-link {
  display: block;
  padding-inline: var(--padding);
  color: white;
  padding-block: 0.375em;
  font-size: 16px;
  font-weight: 500;
  transition: color 300ms;
}

.site-header__menu-alt .site-header__menu-link {
  font-size: 15px;

}

.site-header__menu-link:hover {
  color: var(--yellow);
}

.site-header__menu::before {
  content: '';
  position: absolute;
  bottom: 100%;
  right: 0;
  border-bottom: var(--triangle-height) solid var(--blue);;
  border-right: var(--sidebar-width) solid transparent;
  pointer-events: none;
}

.site-header__menu::after {
  content: '';
  position: absolute;
  top: 100%;
  left: 0;
  border-top: var(--triangle-height) solid var(--blue);;
  border-right: var(--sidebar-width) solid transparent;
}


.site-header__menu-alt::after {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  border-top: var(--triangle-height) solid var(--pink);;
  border-left: var(--sidebar-width) solid transparent;
}

.site-header__menu-alt::before {
  content: '';
  position: absolute;
  top: 100%;
  right: 0;
  border-top: calc(var(--triangle-height) * 1.5) solid var(--yellow);;
  border-right: var(--sidebar-width) solid transparent;
  pointer-events: none;
}


.site-header__profile {
	transform: translateX(100%);
  position: absolute;
  top: 100%;
  right: 0;
  z-index: 8;
  gap: 0.5em;
  justify-content: flex-end;
  padding-top: var(--padding);
  padding-right: var(--padding);
  padding-bottom: calc(var(--padding) / 2);
  padding-left: calc(var(--padding) / 2);

  text-align: right;
  color: white;
  line-height: 1;
  font-family: var(--barlow);
  font-size: 18px;
  font-weight: 700;
  transition: color 300ms, transform 300ms;
	display: none;
}

.site-header__profile i {
    font-size: 2em;
    transform: translateY(-25%);
}

.site-header__profile:hover {
    color: var(--yellow);
}


.site-header__sidebar {
    transform: translateX(-100%);
    transition: transform 300ms;
}
.site-header__logo {
    transform: translateX(var(--sidebar-width));
    transition: transform 300ms;
}

.menu-open .site-header__logo,
.menu-open .site-header__sidebar {
    transform: translateX(0);
    transition: transform 300ms;
}


.site-header__mobile-menu {
    position: absolute;
    top: 0;
    right: 0;
    padding-top: var(--container-padding);
    padding-right: var(--container-padding);
    z-index: 90;
    transform: translateX(0);
    transition: transform 300ms;
}

.has-banner .site-header__mobile-menu {
    padding-top: calc( 37px + var(--container-padding));
	
}

.site-header__mobile-menu-bg {
    content: '';
    position: absolute;
    top: 100%;
    right: 0;
    border-top: calc(var(--container-padding) * 3 + 18px) solid var(--purple);
    border-left: 200px solid transparent;
    border-right: 0px;
    border-bottom: 0px;
    pointer-events: none;
    z-index: -1;
    transition: border 300ms;
}


.menu-open .site-header__mobile-menu-bg {
    border-top: calc(var(--container-padding) * 3 + 18px) solid var(--pink);
}


.site-header__mobile-menu-toggle {
    border: none;
    padding: 0;
    margin: 0;
    background: none;
    cursor: pointer;
}

.hamburger {
    display: block; 
    width: 30px;
    height: 27px;
    position: relative;
    overflow: hidden;
    transition: transform 300ms;
}

.hamburger span {
    position: absolute;
    left: 0;
    top: calc(50% - 2px);
    height: 3px;
    width: 100%;
    background: white;
    transform-origin: center;
    transition: height 300ms, transform 300ms, background-color 300ms;
}


.hamburger__top {
    transform: translateY(-8px);
}


.hamburger__bot {
    transform: translateY(8px);

}

.menu-open .hamburger {
    transform: rotate(180deg);
}

.menu-open .hamburger__top {
    transform: translateY(0) rotate(45deg);
}
.menu-open .hamburger__mid {
    opacity: 0;
}

.menu-open .hamburger__bot {
    transform: translateY(0) rotate(-45deg);
}


.site-header__linkedin {
	position: absolute;
	bottom: -1em;
	left: 1em;
	display: flex;
	z-index: 10;
	width: calc(100% - 2em);
	background: var(--purple);
	color: white;
	padding: 0.5em;
	gap: 0.5em;
	align-items: center;
	transition: background-color 300ms;
}
.site-header__linkedin:hover {
	background: var(--blue);
}

.site-header__linkedin-icon {
	flex-shrink: 0;
	width: 40px;
	height: 40px;
	display: flex;
	align-items: center;
	justify-content: center;
	color: var(--purple);
	background: white;
	border-radius: 50vw;
	font-size: 1.5em;
	transition: color 300ms;
}
.site-header__linkedin:hover .site-header__linkedin-icon {
	color: var(--blue);
}


.site-header__linkedin-title {
  font-family: var(--barlow);
	text-transform: uppercase;
	line-height: 0.9;
}



@media all and (min-width: 590px) {
    .site-header__logo {
    height: calc(69vw * tan(8deg));
    }
}



@media all and (min-width: 760px) {
		.site-header::after {
			 display: none;
		}
	
    .site-header__mobile-menu {
        transform: translateX(100%);
    }
	
    .site-header__profile {
			
      display: flex;
        transform: translateX(0);
    }
	
    .site-header__logo {
        height: 79px;
				transform: translateX(0);
    }
	
    .site-header__logo-link {
        padding-inline: var(--padding);
        padding-top: var(--padding);
    }

    .site-header__logo::after {
        border-right: calc(var(--sidebar-width) * 2) solid transparent;
        border-top: 158px solid white;
    }

    .site-header__logo-img {
        width: 140px;
    }

    .site-header__menu {
        min-height: 206px;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }

    .site-header__logo::after {
        border-top: 158px solid white;
        border-right: calc(var(--sidebar-width) * 2) solid transparent;
    }

    .site-header__mobile-menu-bg {
        border-top: 120px solid var(--purple);
        border-left: 410px solid transparent;
    }
	
		.site-header__sidebar {
				transform: translateX(0);
		}
}

@media all and (max-height: 740px) {
  .site-header {
    position: absolute !important;
  }
	
	.site-header__mobile-menu-bg {
		position: fixed;
		top: 0;
	}
	
	.site-header__mobile-menu {
		position: fixed;
	}
}

@media all and (min-width: 760px) and (max-height: 740px) {
	
	.site-header__mobile-menu-bg {
		position: absolute;
		top: 100%;
	}
}
/* @import url('http://example.com/example_style.css'); */



.card {
    color: white;
    font-family: var(--montserrat);
    position: relative;
    transform: skew(-1.5deg);
    background: var(--purple);
    overflow: hidden;
    transform-origin: center center;
    display: flex;
    align-items: stretch;
}

.card__container {
    display: flex;
    flex-direction: column;
    transform-origin: center center;
    transform: skew(1.5deg);
    width: 100%;
    transform-origin: center center;
}

.card__banner {
    position: absolute;
    top: 0;
    left: 0;
    padding: 10px 40px;
    color: white;
    z-index: 70;
    font-family: var(--barlow);
    text-transform: uppercase;
}

.card__banner:before {
    z-index: -1;
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 120%;
    height: 100%;
    background: var(--purple);
    transform-origin: bottom right;
    transform: skew(-30deg);
}

.card__banner--blue:before {
    background: var(--blue);
}

.card__body {
    display: flex;
    flex-direction: column;
    width: 100%;
    flex-basis: 100%;
    position: relative;
}

/* .card--image .card__body::before {
    content: '';
    position: absolute;
    bottom: calc(100% - 0px);
    left: 0%;
    width: 102%;
    height: 30px;
    transform-origin: top left;
    pointer-events: none;
    z-index: 30;
    background: var(--purple);
    transform: skewY(2.5deg);
} */

.card__image {
    position: relative;
    transform-origin: bottom left;
    transform: scale(1.1) translateX(0.1%);
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 0% calc(100% - 20px) );
}

.card__img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    position: relative;
    z-index: 10;
    aspect-ratio: 5/3;
}

.card__content {
    display: flex;
    flex-direction: column;
    gap: 1.5em;
    padding: 40px;
    flex-basis: 100%;
    position: relative;
    background: var(--purple);
}

.card--card.card--image .card__content {
  padding-top: 20px;
}

/* .card__content::after {
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    width: 20px;
    height: 100%;
    background-color: var(--purple);
} */


.card--image .card__content {
    padding: 20px 40px 40px 40px;
}


.card__title {
    font-family: var(--barlow);
    font-size: clamp(25px, 3vw, 33px);
    line-height: 0.9;
    text-transform: uppercase;
	white-space: normal;
}

.card__meta {
    padding-block: 1em;
    border-top: 1px solid white;
    border-bottom: 1px solid white;
    font-weight: 600;
}

.card__description {
    display: flex;
    flex-direction: column;
    gap: 1em;
	white-space: normal;

}

.card--card .card__description p {
    margin: 0;
}

.card__action {
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
}

.card__action > span {
	
    transition: 300ms;
}

.card__action::after {
    content: '';
    position: absolute;
    top: 0;
    right: 0;
    width: 105%;
    height: 100%;
    background: #fff;
    opacity: 0.1;
}

.card__action-text {
    font-family: var(--barlow);
    font-size: 22px;
    font-weight: 600;
    padding: 0 0 0 40px;
    text-transform: uppercase;
}

.card__action-icon {
    padding: 20px 40px 20px 50px;
    background: rgba(255,255,255,0.2);
    transform-origin: top right;
	  clip-path: polygon(0 0, 100% 0, 100% 100%, 25% 100%);
}

.card--card .card__action-icon i {
}

.card--card:hover .card__action-icon {
    background: var(--blue);
}





@container (min-width: 630px) {

    .card--board {
        display: block;
        transform: none;
        position: relative;
        transform: translateZ(0);
    }

    .card--board:before {
        content: '';
        position: absolute;
        top: 0;
        right: 100%;
        width: 40px;
        height: 102%;
        background: white;
        transform-origin: bottom right;
        transform: skew(-2.5deg);
        z-index: 200;
    }

    .card--board:after {
        content: '';
        position: absolute;
        top: 0;
        left: 100%;
        width: 40px;
        height: 102%;
        background: white;
        transform-origin: top right;
        transform: skew(-2.5deg);
        z-index: 200;
    }


    .card--board .card__container {
        flex-direction: row;
        transform: none;
        width: 100%;
        transform: translateZ(0);
			min-height: 100%;
    }
    
    .card--board .card__content {
        padding: 40px 60px 40px 20px;
    }
    
    .card--board .card__image {
        transform-origin: bottom left;
        transform: scale(1) translateX(0);
        z-index: 60;
        overflow: hidden;
        flex-basis: 75%;
	      clip-path: polygon(0 0, calc(100% - 30px) 0, 100% 100%, 0% 100% );
    }

    .card--board.card--image .card__body::before {
        display: none;
    }

    .card--board  .card__img {
        transform: scale(1) ;
        width: 102.5%;
			  aspect-ratio: 4 / 3;
    }

	  .card--board .card__title {
			font-size: clamp(25px, 3vw, 44px);
		}

    .card--board .card__content::after {
        display: none;
    }

    .card__description {
    }

    .card--board .card__action {
        justify-content: flex-end;
        align-items: stretch;
			background: none;
    }
	
		.card--board .card__action::after{
			display: none;
		}
	
	  .card--board .card__action > span {
		  background: rgba(255,255,255,0.2);	
	  }
	
	  .card--board:hover .card__action > span {
		  background: var(--blue);	
	  }

    .card--board .card__action-text {
        display: flex;
        align-items: center;
        line-height: 1;
        position: relative;
	      clip-path: polygon(40px 0, 102% 0, 102% 100%, 0% 100%);
			  padding-left: 60px;
    }
/*     .card--board .card__action-text:after {
        content: '';
        position: absolute;
        top: 0;
        left: 0;
        transform-origin: top left;
        transform: skew(-30deg);
        width: 200%;
        height: 110%;
        background: rgba(255,255,255,0.2);
        z-index: -1;
        transition: background-color 300ms;
    }
    
    .card--board:hover .card__action-text:after {
        background: var(--blue);
    } */

    .card--board .card__action-icon {
        padding-right: 60px;
			  padding-left: 20px;
			  clip-path: none;
    }
    
    .card--board .card__action-icon i {
        transform: translateY(3px);
    }

    .card--board .card__action-icon,
    .card--board .card__action-icon * {
        transform: none;
        background: none;
    }
    
    .card--board .card__action-icon,
    .card--board .card__action-icon * {
        background: none;
    }
    
}
/* @import url('http://example.com/example_style.css'); */

.profile-section {
	display: flex;
	flex-wrap: wrap;
	gap: 1px;
}

.profile-section__title {
	flex-basis: 100%;
	background: var(--purple);
	color: white;
	padding: 20px 40px;
	font-size: var(--h3);
	font-family: var(--barlow);
	text-transform: uppercase;
	font-weight: 900;
}

.profile-section__item {
	flex-basis: 100%;
	background: var(--purple);
	color: white;
	display: flex;
	flex-wrap: wrap;
}

.profile-section--past .profile-section__title {
	background: var(--blue);
}

.profile-section--past .profile-section__item {
	background: var(--blue);
}

.profile-section__item-main {
	flex-basis: 100%;
	padding: 20px 40px;
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 10px;
}

.profile-section__item-title {
	font-family: var(--barlow);
	text-transform: uppercase;
	font-weight: 600;
	font-size: clamp(20px, 3vw, 28px);
	flex-basis: 100%;
}

.profile-section__item-meta {
	flex-basis: 100%;
	display: flex;
	flex-direction: column;
	gap: 0.25rem;
}

.profile-section__item-meta span {
	opacity: 0.75;
	font-weight: 500;
	font-size: 16px;
}

.profile-section__item-actions {
	flex-basis: 100%;
	display: flex;
	align-items: stretch;
	gap: 1px;
	position: relative;
	overflow: hidden;
}

.profile-section__item-action {
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-basis: 100%;
	background: rgba(255, 255, 255, 0.2);
	color: white;
	font-family: var(--barlow);
	text-transform: uppercase;
	padding: 1em 2em;
	transition: background 300ms;
}

.profile-section__item-action:hover {
  background: var(--blue);
}

.profile-section--past .profile-section__item-action:hover {
  background: var(--purple);
}

.profile-section__item-action i {
  font-size: 14px;
}


@container (min-width: 600px) {
	.profile-section__item {
	  flex-wrap: nowrap;
	}
	
	.profile-section__item-actions {
		flex-wrap: wrap;
	flex-basis: 260px;
	}

	.profile-section__item.membership .profile-section__item-actions{
		flex-basis: 300px
	}
	
	.profile-section__item-actions:after {
		content: '';
		position: absolute;
		top: 0;
		right: 100%;
		width: 40px;
		height: 100%;
		transform-origin: top right;
		transform: skew(10deg);
		background: var(--purple);
	}

	.profile-section--past .profile-section__item-actions:after{
		background: var(--blue);
	}
}

@container (min-width: 720px) {
	.profile-section__item-meta {
	  flex-direction: row;
	  gap: 1rem;
	}
}
/* @import url('http://example.com/example_style.css'); */

.banner {
	display: flex;
	gap: 1em;
	align-items: center;
	padding: 0.375em 40px;
	background: var(--pink);
	color: white;
	justify-content: center;
	font-family: var(--barlow);
	font-weight: 600;
	text-transform: uppercase;
}

.banner__link {
	padding: 0.25em 1em;
	background: white;
	color: var(--pink);
	transition: 300ms;
}

.banner__link:hover {
	background: var(--yellow);
}
.hs-blog-post-listing {
	padding-inline: var(--container-padding);
}

@media all and (min-width: 760px) {
  .hs-blog-post-listing {
      padding-left: calc(var(--sidebar-width) + var(--container-padding));
  }
}


@media all and (min-width: 1920px) {
  .hs-blog-post-listing {
      padding-right: var(--sidebar-width);
  }
}

.ywca__blog-comments .comment-body {
    margin-top: 1rem;
    margin-bottom: 1rem;

}

.ywca__blog-comments .comment-reply-to { 
    margin-bottom: 1rem;
}

.ywca__blog-comments .hs-firstname,
.ywca__blog-comments .hs-lastname,
.ywca__blog-comments .hs-email { 
    display:none;
}

.ywca__blog-comments h4.commenting-as {
    font-size: 1.4em;
}
#main-content .hs-pagination {
	display: flex;
	gap: 1px;
	align-items: center;
	justify-content: center;
	
}

#main-content .hs-pagination__link {
	display: flex;
	align-items: center;
	gap: 0.5em;
	background: var(--purple);
	color: white;
	padding: 0.75em !important;
	margin: 0 !important;
	transition: background-color 300ms;
}
#main-content .hs-pagination__link:hover {
	background: var(--pink);
	
}

#main-content .hs-pagination__link--active {
	background: var(--blue);
}

#main-content .hs-pagination__link--number {
	aspect-ratio: 1/1;
}

#main-content .hs-pagination__link-icon {
	 fill: white;
	margin: 0 !important;
}

/* Utilities
Helper classes with ability to override anything that comes before it
*/

/* For content that needs to be visually hidden but stay visible for screenreaders */

.show-for-sr {
  border: 0 !important;
  clip: rect(0, 0, 0, 0) !important;
  height: 1px !important;
  overflow: hidden !important;
  padding: 0 !important;
  position: absolute !important;
  white-space: nowrap !important;
  width: 1px !important;
}

.system-content-container{
  min-height: calc(100vh - 594px - 140px);
  padding: 4rem;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 70px 0 -70px;
}

@media (max-width: 767px) {
  .show-for-sr--mobile {
    border: 0 !important;
    clip: rect(0, 0, 0, 0) !important;
    height: 1px !important;
    overflow: hidden !important;
    padding: 0 !important;
    position: absolute !important;
    white-space: nowrap !important;
    width: 1px !important;
  }

  .system-content-container{
    min-height: calc(100vh - 899px - 140px);
  }
}
/* For content that needs to be visually hidden but stay visible for screenreaders */

form {
	--frm-background: white;
	--frm-color: var(--purple);
	--frm-padding: 20px;
	--frm-field-bg: rgba(102, 56, 182, 0.15);
	--frm-placeholder: rgba(102, 56, 182, 0.5);
	--frm-hover: var(--blue);
	--frm-error-color: var(--pink);
	background: var(--frm-background);
	padding: var(--frm-padding);
	display: grid;
	grid-template-columns: 1fr;
	gap: 16px;
	color: var(--frm-color);
	margin-block: 1px;
}

#main-content form * {
	margin: 0;
}

.private-content form {
	--frm-background: #f5f6f9;
}

.page-system-with-form form .hs-richtext p {
	color: black !important;
}

.page-system-with-form form .hs-richtext a {
	color: var(--purple) !important;
	font-weight: bold;
	text-decoration: none !important;
}
.page-system-with-form form .hs-richtext a:hover {
	color: var(--blue) !important;
}

.private-content .form-background--white form {
	--frm-background: white;
}

.private-content .form-background--purple form {
	--frm-background: var(--purple);
	--frm-color: white;
	--frm-field-bg: rgba(255, 255, 255, 0.125);
	--frm-placeholder: rgba(255, 255, 255, 0.5);
	--frm-hover: var(--yellow);
	--frm-error-color: var(--yellow);
}

.private-content .form-background--pink form {
	--frm-background: var(--pink);
	--frm-color: white;
	--frm-field-bg: rgba(255, 255, 255, 0.25);
	--frm-placeholder: rgba(255, 255, 255, 0.5);
	--frm-hover: var(--yellow);
	--frm-error-color: var(--yellow);
}

.private-content .form-background--blue form{
	--frm-background: var(--blue);
	--frm-color: white;
	--frm-field-bg: rgba(255, 255, 255, 0.125);
	--frm-placeholder: rgba(255, 255, 255, 0.5);
	--frm-hover: var(--yellow);
	--frm-error-color: var(--yellow);
}

form label {
	font-weight: 500;
}

form input,
form select,
form fieldset {
  float: none !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	max-width: 100% !important;
}

form input,
form select {
  line-height: 2.5;
	padding-inline: 0.75em !important;
	background-color: var(--frm-field-bg);
	color: var(--frm-color);
	font-weight: 500;
	border: none;
	height: 2.5em !important;
	border-radius: 0;
}

form input[readonly="readonly"],
form select[readonly="readonly"] {
	padding-inline: 0 !important;
	background: transparent;
	pointer-events: none;
	appearance: none;
}

form textarea {
	background-color: var(--frm-field-bg);
	color: var(--frm-color);
	padding: 1em 0.75em !important;
	border: none;
	width: 100% !important;
	margin: 0;
	border-radius: 0;
}

form input::placeholder {
  color: var(--frm-placeholder);
}

form input[type="radio"],
form input[type="checkbox"] {
  opacity: 0;
  width: 0 !important;
  height: 0 !important;
}

.hs-form-radio-display,
.hs-form-checkbox-display {
	display: flex;
	color: var(--from-color);
}

/* 

.fakelabel:has(input[type="radio"])::before,
label:has(input[type="radio"])::before,
.fakelabel:has(input[type="checkbox"])::before,
label:has(input[type="checkbox"])::before {
  content: '';
  width: 30px !important;
  height: 30px !important;
	flex-shrink: 0;
  padding: 0;
  border: none;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--frm-field-bg);
}

.fakelabel:has(input:checked)::before,
label:has(input:checked)::before {
  content: '✓';
  background-color: var(--frm-color);
  color: var(--frm-background);
	font-size: 1.25em;
} 

*/


.hs-form-radio label input[type="radio"] + span,
.hs-form-booleanradio label input[type="radio"] + span {
	display: flex;
	gap: 16px;
	align-items: center;
}

.hs-form-radio label input[type="radio"] + span:before,
.hs-form-booleanradio label input[type="radio"] + span:before {
  content: '';
  width: 30px !important;
  height: 30px !important;
	flex-shrink: 0;
  padding: 0;
  border: none;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--frm-field-bg);
}

.hs-form-radio label input[type="radio"]:checked + span:before,
.hs-form-booleanradio label input[type="radio"]:checked + span:before {
	content: '✓';
  background-color: var(--frm-color);
  color: var(--frm-background);
	font-size: 1.25em;
}

.hs-form-checkbox label input[type="checkbox"] + span,
.hs-form-booleancheckbox label input[type="checkbox"] + span {
	display: flex;
	gap: 16px;
	align-items: center;
}

.hs-form-checkbox label input[type="checkbox"] + span:before,
.hs-form-booleancheckbox label input[type="checkbox"] + span:before {
  content: '';
  width: 30px !important;
  height: 30px !important;
	flex-shrink: 0;
  padding: 0;
  border: none;
  margin-right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: var(--frm-field-bg);
}

.hs-form-checkbox label input[type="checkbox"]:checked + span:before,
.hs-form-booleancheckbox label input[type="checkbox"]:checked + span:before {
	content: '✓';
  background-color: var(--frm-color);
  color: var(--frm-background);
	font-size: 1.25em;
}


form fieldset {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 3px;
	row-gap: 16px;
	flex-basis: 100%;
	max-width: 100%;
}


#main-content form fieldset .hs-form-field {
	float: none;
	width: 100%;
	padding: 0;
}
form .hs-field-desc {
	font-weight: 500;
}

form fieldset legend.hs-field-desc {
	font-size: 14px;
	padding: 0.25em 0 0.5em 0;
	font-weight: 400;
}




form ul.hs-error-msgs.inputs-list.no-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	color: var(--frm-error-color);
	font-weight: bold;
	font-size: 14px;
}
form ul.hs-error-msgs.inputs-list.no-list label {
	font-weight: bold !important;
}

form ul.hs-error-msgs.inputs-list.no-list a {
	color: inherit;
}

form ul.hs-error-msgs.inputs-list.no-list a:hover {
	text-decoration: none;
}

form ul.hs-error-msgs li {
  padding-block: 0.375em;
}

form ul.inputs-list:empty {
  display: none;
}

form ul.inputs-list {
	list-style-type: none;
	padding: 0;
	margin: 6px 0 !important;
	display: grid;
}

form ul.inputs-list {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 3px;
}

form ul.inputs-list li label {
  display: flex;
	font-weight: 400;
}

form ul.inputs-list li label > span{
  align-self: center;
}




form .hs-dependent-field {
	display: grid;
	grid-template-columns: 1fr;
	column-gap: 3px;
	row-gap: 16px;
	flex-basis: 100%;
	max-width: 100%;
}

form .legal-consent-container {
	display: grid;
	gap: 16px;
}

form .legal-consent-container .hs-richtext {
	font-size: 14px;
}


form input[type="submit"] {
	background: var(--frm-color);
	color: var(--frm-background);
	font-family: var(--barlow);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.25em;
	transition: background-color 300ms;
	cursor: pointer;
}

form .hs-login-widget-show-password {
	display: none;
}

form input[type="submit"]:hover {
	 background: var(--frm-hover);
}
#main-content form .hs-richtext p {
	margin-bottom: 0.75em;
}

#main-content form .hs-richtext p:last-child {
	margin-bottom: 0.25em;
}

@container (min-width: 450px) {
	form fieldset.form-columns-2 {
		grid-template-columns: 1fr 1fr;
	}
} 

form option {
	color: black;
}

div.submitted-message {
	background: var(--blue);
	color: white;
	padding: 20px;
	font-weight: bold;
	font-size: 1.125em;
}

form h1,
form h2,
form h3,
form h4 {
	color: inherit !important;
	padding-bottom: 0.75rem;
}


#main-content .modal form {
	padding: 0 !important;
	background: white !important;
}


form .item-inner > p {
	font-size: 14px;
	padding-top: 0.5em;
}

form .item-inner ul {
	padding-left: 1.25em !important;
}

/*



fieldset.form-columns-2 {
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}

fieldset.form-columns-3 {
	grid-template-columns: repeat(auto-fit, minmax(170px, 1fr));
}
.hs-register-widget-show-password,
.hs-reset-widget-show-password {
	display: none !important;
}

fieldset div {
	display: flex;
	flex-direction: column;
	gap: 0.125em;
}

fieldset label { 
	 font-size: 0.875em;
	font-weight: 600;
}
fieldset legend { 
	 font-size: 0.75em;
	font-weight: 400;
	padding-block: 0.5em; 
}


form ul {
	display: grid;
	grid-template-columns: 1fr;
	list-style-type: none;
	padding: 0;
	margin: 0;
	color: var(--frm-color);
	font-size: 14px;
	font-weight: 600;
	gap: 0.125em;
}




form ul.inputs-list {
	padding-left: 0 !important;
}


form ul li label {
  display: flex;
	align-items: center;
	gap: 0.375em;
}

.hs_member_history ul.inputs-list {
	grid-template-columns: 1fr;
	padding-top: 0.25em;
}

.hs-dependent-field .input {

}

.legal-consent-container {
	font-size: 12px;
}

form p ul {
	list-style-type: disc;
	padding-left: 1.25em;
}

form input[type="submit"] {
	background: var(--frm-color);
	color: var(--frm-background);
	font-family: var(--barlow);
	text-transform: uppercase;
	font-weight: 600;
	font-size: 1.25em;
	transition: background-color 300ms;
	cursor: pointer;
}

form .hs-login-widget-show-password {
	display: none;
}

form input[type="submit"]:hover {
	 background: var(--frm-hover);
}

.hs-error-msgs {
	list-style-type: none;
	padding: 0;
	margin: 0;
	display: grid;
	gap: 0.25em;
	color: var(--frm-error-color);
}

.hs-error-msgs .hs-error-msg {
	color: var(--pink);
	font-weight: bold;
	line-height: 2;
	display: block;
}

.form-input-validation-message-error label {
	color: var(--frm-error-color) !important;
}

form .form-input-error {
    border: 2px solid var(--frm-error-color)!important;
    margin-bottom: 8px !important;
}


*/

/* Simple generic forms */
.simple-form {
	display: flex;
	flex-direction: column;
	gap: 1.5em;
}

.simple-form *[style="padding-left: 40px;"] {
	border-left: 5px solid var(--purple);
	padding-left: 20px !important;
	color: var(--purple);
	font-size: 1.25em;
	font-weight: 500;
}


.simple-form a {
	color: var(--purple);
	font-weight: 600;
	text-decoration: underline;
	transition: 300ms;
}

.simple-form a:hover {
	color: var(--blue);
}
a {
  text-decoration: none;
}

a:hover {
  text-decoration: none;
}

h1, .h1,
h2, .h2,
h3, .h3, 
h4, .h4 {
	text-transform: uppercase;
	font-family: var(--barlow);
	line-height: 0.85;
	font-weight: 900;
	margin: 0;
	color: var(--purple);
}

h1 strong, .h1 strong,
h2 strong, .h2 strong,
h3 strong, .h3 strong, 
h4 strong, .h4 strong {
	display: block;
	font-weight: 900;
}

h1, .h1 {
	font-size: var(--h1);
}

h2, .h2 { 
	font-size: var(--h2);
}

h3, .h3 { 
	font-size: var(--h3);
}

h4, .h4 {
	font-size: var(--h4);
}


.opportunity-single.component__body * {
  margin-bottom: 1.25rem;
	line-height: 1.5;
}

.opportunity-single.component__body h1,
.opportunity-single.component__body h2,
.opportunity-single.component__body h3,
.opportunity-single.component__body h4,
.opportunity-single.component__body h5 {
	color: var(--purple);
	margin-top: var(--component-spacing);
	line-height: 0.85 !important;
	max-width: 11em;
}
.opportunity-single.component__body h1 strong,
.opportunity-single.component__body h2 strong,
.opportunity-single.component__body h3 strong,
.opportunity-single.component__body h4 strong,
.opportunity-single.component__body h5 strong {
  color: var(--blue) !important;
}

.opportunity-single.component__body ul {
	padding-left: 1.5em;
}

.opportunity-single.component__body ul li {
  margin-bottom: 0.875rem !important;
}


.opportunity-single.component__body strong {
	color: var(--purple);
}


.opportunity-single.component__body a {
  display: inline-flex;
	color: white;
	background: var(--purple);
	padding: 0.75em 1.25em;
	border: none;
	border-radius: 0;
	line-height: 1;
	cursor: pointer;
	transition: background-color 300ms, color 300ms;
	font-family: var(--barlow);
	text-transform: uppercase;
	font-weight: 600;
	white-space: nowrap;
	align-items: center;
	gap: 0.75em;
	font-size: 1.25em;
}

.opportunity-single.component__body a:hover {
  background: var(--blue)
}



.opportunity-single.component__body *:first-child {
  margin-top: 0 !important;
}
.opportunity-single.component__body *:last-child {
  margin-bottom: 0 !important;
}

#email-prefs-form .page-header h2,
.page-40x h2 {
	overflow: hidden;
	text-overflow: ellipsis;
  font-size: 30px;
	max-width: 630px;
}

form[data-form-id="98253c8f-2140-4b6d-8a81-6e3d35a1ded5"] fieldset.form-columns-1:last-of-type {
	transform: translateY(-16px) !Important;
}