/*
Theme Name: It Gets Better 2017
Theme URI: https://wpspecialprojects.wordpress.com/
Author: WP Special Projects
Author URI: https://wpspecialprojects.wordpress.com/
Description: Custom theme for It Gets Better.
Version: 2.0.1
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .story-grid--about .story-grid__item, .video-river--about .video-river__caption, .header-menu .sub-menu, .shop-navigation .store-menu ul li .sub-menu, .woocommerce.single-product #section-store .product .summary {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before, rule-empty-line-before */
/**
 * Convert px to rem or em
 * Unitless values are assumed to be in px
 *
 * NOTE: px-to-rem is intended as a function for internal use only.
 *	Favor usage of rem-calc over px-to-rem, as rem-calc is more versatile.
 *
 */
/**
 * Convert a list of unitless values (or px) to rem or em
 *
 * $values: single value or list of values
 * $em: should output be in em units?
 * $base-value: font size from which calculations are made
 */
/**
 * Internal helper for setting the point size and position
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Update an existing grid point
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Add a point to a grid item
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Internal pill() padding helper
 *
 * @param {Number} $padding The element's side padding width
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() height helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Update pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Update borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Create a frosted glass effect for modal overlays
 */
/**
 * The loading spinner which doesn't actually spin but whatevers
 *
 * @param {String} $color The spinner's color
 */
/**
 * Maintain icon ratio when changing dimensions
 *
 * Ratios are width / height so the values can be copied from the
 * SVG's viewbox attribute value (the last two values are width & height)
 *
 * @param {Number} $ratio The icon's ratio
 * @param {Boolean} $height The height desired for the icon
 * @param {Boolean} $width The width desired for the icon
 */
/**
 * The hero 'label' above the heading
 */
/**
 * The main hero heading
 */
/* stylelint-enable */
.video-river__item {
  transition: transform 200ms ease-in-out;
}
@media (min-width: 60rem) {
  .video-river__item {
    transform-origin: center bottom;
  }
  .video-river__item:hover, .video-river__item:focus {
    transform: scale(1.04);
  }
}

.gutenberg-page-type .wp-block-group__inner-container, div.wp-block-group.is-style-equal-height-grid .wp-block-group__inner-container, .block-content > .alignwide,
.block-content .wp-block-group__inner-container > .alignwide, .block-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.block-content .wp-block-group__inner-container > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-se-event .se-event-content, .connect-filters, .post-footer__nav, .post__content, .post-image + .post__meta, .post-image__credit, .thank-you__header, .post__header.no-post-image, .hero-caption, .footer__inner-wrapper, .header-nav__inner-wrapper, .site-header, .section, .store {
  padding-left: 1.25rem;
  padding-right: 1.25rem;
}
@media (min-width: 48rem) {
  .gutenberg-page-type .wp-block-group__inner-container, div.wp-block-group.is-style-equal-height-grid .wp-block-group__inner-container, .block-content > .alignwide,
  .block-content .wp-block-group__inner-container > .alignwide, .block-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
  .block-content .wp-block-group__inner-container > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-se-event .se-event-content, .connect-filters, .post-footer__nav, .post__content, .post-image + .post__meta, .post-image__credit, .thank-you__header, .post__header.no-post-image, .hero-caption, .footer__inner-wrapper, .header-nav__inner-wrapper, .site-header, .section, .store {
    padding-left: 1.875rem;
    padding-right: 1.875rem;
  }
}
@media (min-width: 60rem) {
  .gutenberg-page-type .wp-block-group__inner-container, div.wp-block-group.is-style-equal-height-grid .wp-block-group__inner-container, .block-content > .alignwide,
  .block-content .wp-block-group__inner-container > .alignwide, .block-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
  .block-content .wp-block-group__inner-container > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide), .single-se-event .se-event-content, .connect-filters, .post-footer__nav, .post__content, .post-image + .post__meta, .post-image__credit, .thank-you__header, .post__header.no-post-image, .hero-caption, .footer__inner-wrapper, .header-nav__inner-wrapper, .site-header, .section, .store {
    padding-left: 0.625rem;
    padding-right: 0.625rem;
  }
}

.hero-cta, .hero-link--dark, .hero-play {
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0rem 1.25rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #FFFFFF;
  color: #5E3A7E;
  font-weight: 600;
}

.mailing-modal.modal, .education-modal.modal, .juicer-feed.image-grid li.feed-item, .pledge-modal, .story-grid {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.3);
}

.overlay {
  align-items: center;
  display: flex;
  height: 100vh;
  justify-content: center;
  left: 0;
  position: fixed;
  top: 0;
  width: 100vw;
  z-index: 10;
}

.mailing-modal.modal .modal__close, .education-modal.modal .modal__close, .pledge-modal .modal__close {
  background-image: url("assets/dist/images/icon-close.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 1rem;
  position: absolute;
  right: 0.625rem;
  top: 0.625rem;
  width: 1rem;
  z-index: 1;
}

[for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .no-js [name=tag]:focus, [name=filter]:focus + label, [name=amount]:focus + label, .share-form__checkbox input[type=checkbox]:focus + label::after, .modal-form__checkbox input[type=checkbox]:focus + label::after, .amount-info__honoree-checkbox input[type=checkbox]:focus + label::after, .pledge-form__checkbox input[type=checkbox]:focus + label::after {
  outline: 1px dotted #000;
  outline: -webkit-focus-ring-color auto 5px;
}

/* stylelint-disable declaration-no-important, selector-max-specificity */
.post-type-archive-product .woocommerce-products-header .page-description {
  display: none;
}

.woocommerce-ordering {
  position: relative;
}
.woocommerce-ordering select {
  -webkit-appearance: menulist;
  appearance: menulist;
  background-color: #E7DEED;
  color: #5E3A7E;
  height: 2em;
  margin-bottom: 0.9375rem;
  margin-top: 0;
  padding: 0.625rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .woocommerce-ordering select {
    margin-bottom: 2.8125rem;
    margin-top: 0 !important;
    width: 17.75rem;
  }
}
@media (min-width: 60rem) {
  .woocommerce-ordering select {
    margin: 0;
    width: 10.875rem;
  }
}

.store {
  width: 100%;
}
@media (min-width: 48rem) {
  .store {
    margin: 0 auto;
    max-width: 61.25rem;
  }
}

.hero--store {
  margin-bottom: 0;
}
.hero--store .hero-caption__description p {
  margin-bottom: 0.9375rem;
}
.hero--store .hero__figure {
  margin: 0;
  min-height: 0;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 48rem) {
  .hero--store .hero__figure {
    height: 100%;
  }
}

.woocommerce-products-header .page-title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 1.875rem 0rem;
  padding-bottom: 0.625rem;
  position: relative;
  text-align: left;
}
@media (min-width: 48rem) {
  .woocommerce-products-header .page-title {
    font-size: 1.125rem;
  }
}
.woocommerce-products-header .page-title::after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 3.125rem;
}

.woocommerce figure {
  max-width: none;
}
.woocommerce .woocommerce-result-count {
  font-size: 0.875rem;
  font-style: italic;
}
.woocommerce #section-store .woocommerce-ordering {
  clear: both;
  float: left;
}
.woocommerce #section-store .woocommerce-message {
  background: #E7DEED;
  border-top-color: #5E3A7E;
  color: #5E3A7E;
  margin-top: 2.1875rem;
}
.woocommerce #section-store .woocommerce-message::before {
  color: #5E3A7E;
  top: 1.2em;
}
.woocommerce #section-store #respond input#submit,
.woocommerce #section-store a.button,
.woocommerce #section-store button.button,
.woocommerce #section-store input.button {
  background: #5E3A7E;
  border: none;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 0.75rem;
  margin: 0rem;
  padding: 0.625rem 0.9375rem;
  text-transform: uppercase;
}
.woocommerce #section-store .woocommerce-breadcrumb,
.woocommerce #section-store .woocommerce-breadcrumb a {
  color: #5E3A7E;
  font-size: 0.8125rem;
}
.woocommerce #section-store .products.columns-3 .product {
  float: none;
  height: auto;
  width: 100%;
}
@media (min-width: 60rem) {
  .woocommerce #section-store .products.columns-3 .product {
    float: left;
    min-height: 25.625rem;
    width: 30.75%;
  }
}
.woocommerce #section-store .products .product {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 20px;
  padding: 0.625rem 1.25rem;
}
.woocommerce #section-store .products .product:hover {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
.woocommerce #section-store .products .product .woocommerce-loop-product__title {
  color: #5E3A7E;
  font-size: 0.8125rem;
  font-weight: 600;
  padding: 0rem 0.9375rem;
  text-transform: uppercase;
}
.woocommerce #section-store .products .product img {
  padding: 0.3125rem;
}
.woocommerce #section-store .products .product .price {
  color: #5E3A7E;
  font-size: 1rem;
  font-weight: 600;
  padding-left: 0.9375rem;
}
.woocommerce #section-store .products .product .star-rating {
  margin: 0rem 0.9375rem;
}
.woocommerce #section-store .products .product a.button {
  background: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 0.75rem;
  margin: 0.625rem 0.9375rem 1.5625rem;
  padding-top: 0.625rem;
  text-transform: uppercase;
}
.woocommerce #section-store .products .product .added_to_cart {
  color: #FFFFFF;
}
.woocommerce #section-store .related {
  clear: both;
  margin: 5rem 0rem;
}
.woocommerce #section-store .related .product {
  float: none;
  padding: 0.625rem 0.9375rem 1.25rem;
  width: 100%;
}
.woocommerce #section-store .related .product:hover {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}
@media (min-width: 48rem) {
  .woocommerce #section-store .related .product {
    float: left;
    width: 22.05%;
  }
}
.woocommerce #section-store .related .related-products-title {
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.875rem;
  padding-bottom: 0.625rem;
  position: relative;
}
@media (min-width: 48rem) {
  .woocommerce #section-store .related .related-products-title {
    font-size: 1.125rem;
  }
}
.woocommerce #section-store .related .related-products-title::after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 3.125rem;
}
.woocommerce #section-store .related .products .product {
  background: none;
  margin-top: 0;
  min-height: auto;
}
.woocommerce #section-store .related .products .product .price {
  color: #5E3A7E;
  font-weight: 600;
  padding: 0;
}
.woocommerce #section-store .related .products .woocommerce-loop-product__title {
  color: #5E3A7E;
  padding: 0;
}
.woocommerce #section-store .related .products a.button {
  background: #5E3A7E;
  border: none;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 0.75rem;
  margin: 0rem;
  padding: 0.625rem 0.9375rem;
  text-transform: uppercase;
}
.woocommerce #section-store div.product .product_title {
  color: #5E3A7E;
  font-size: 1.25rem;
  font-weight: 600;
}

.woocommerce.single-product .site-footer {
  clear: both;
}
.woocommerce.single-product #section-store .product {
  margin-top: 3.125rem;
}
.woocommerce.single-product #section-store .product .flex-control-thumbs li img {
  margin: 0.5rem 0rem 0rem;
}
.woocommerce.single-product #section-store .product .woocommerce-product-gallery__trigger {
  background: none;
  z-index: 1;
}
.woocommerce.single-product #section-store .product .woocommerce-product-gallery__trigger::before {
  background: rgba(255, 255, 255, 0.6);
  border-color: #5E3A7E;
}
.woocommerce.single-product #section-store .product .woocommerce-product-gallery__trigger::after {
  background: #5E3A7E;
}
.woocommerce.single-product #section-store .product .summary {
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  margin-bottom: 5.625rem;
  padding: 1.25rem;
}
@media (min-width: 48rem) {
  .woocommerce.single-product #section-store .product .summary {
    position: relative;
  }
  .woocommerce.single-product #section-store .product .summary::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #5E3A7E;
    content: "";
    display: block;
    position: absolute;
    transform: rotate(45deg);
    z-index: 1;
  }
}
.woocommerce.single-product #section-store .product .product_title {
  color: #FFFFFF;
  font-size: 1.5rem;
}
.woocommerce.single-product #section-store .product .woocommerce-review-link {
  color: #FFFFFF;
  font-size: 0.9375rem;
}
.woocommerce.single-product #section-store .product .star-rating span::before {
  color: #FFFFFF;
}
.woocommerce.single-product #section-store .product .price {
  color: #FFFFFF;
  font-size: 1.0625rem;
  font-weight: 600;
  margin: 0.625rem 0rem;
}
.woocommerce.single-product #section-store .product .woocommerce-product-details__short-description {
  color: #FFFFFF;
  margin: 1.25rem 0rem;
}
.woocommerce.single-product #section-store .product .qty {
  background: #CEBFD8;
  color: #5E3A7E;
  padding: 0.25rem;
}
.woocommerce.single-product #section-store .product .stock {
  color: #CEBFD8;
  margin-bottom: 1.25rem;
}
.woocommerce.single-product #section-store .product form.cart {
  margin-bottom: 1.25rem;
}
.woocommerce.single-product #section-store .product form.cart td.label {
  color: #FFFFFF;
  padding-right: 0;
}
.woocommerce.single-product #section-store .product form.cart .reset_variations {
  color: #FFFFFF;
  margin-left: 1.25rem;
}
.woocommerce.single-product #section-store .product form.cart .out-of-stock {
  color: #45ACCE;
  margin-bottom: 1.25rem;
}
.woocommerce.single-product #section-store .product form.cart select {
  -webkit-appearance: menulist;
  appearance: menulist;
  background-color: #CEBFD8;
  color: #5E3A7E;
  margin-bottom: 0.9375rem;
  padding-left: 0.625rem;
  width: 40%;
}
@media (min-width: 48rem) {
  .woocommerce.single-product #section-store .product form.cart select {
    margin-bottom: 2.8125rem;
    width: 17.75rem;
  }
}
@media (min-width: 60rem) {
  .woocommerce.single-product #section-store .product form.cart select {
    margin: 0;
    width: 10.875rem;
  }
}
.woocommerce.single-product #section-store .product .long-description,
.woocommerce.single-product #section-store .product .woocommerce-Reviews {
  clear: both;
}
.woocommerce.single-product #section-store .product .long-description h2,
.woocommerce.single-product #section-store .product .woocommerce-Reviews h2 {
  color: #5E3A7E;
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}
.woocommerce.single-product #section-store .product .long-description p,
.woocommerce.single-product #section-store .product .woocommerce-Reviews p {
  color: #5E3A7E;
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
}
.woocommerce.single-product #section-store .product .product_meta {
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 600;
}
.woocommerce.single-product #section-store .product .product_meta a {
  text-decoration: underline;
}
.woocommerce.single-product #section-store .product .product_meta .posted_in {
  display: block;
  margin-top: 0.3125rem;
}
.woocommerce.single-product #section-store .product .product_meta .sku_wrapper {
  font-style: italic;
  font-weight: 400;
}
.woocommerce.single-product #section-store .product .button.button.alt {
  background: #FFFFFF;
  border-radius: 25;
  color: #5E3A7E;
  font-size: 0.9375rem;
  margin: 0rem 0.25rem;
  padding-top: 0.5rem;
  text-transform: uppercase;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs {
  padding: 0;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs::before {
  border-color: #CEBFD8;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li {
  background: rgba(150, 109, 149, 0.2);
  border: none;
  border-radius: 0;
  margin-left: -1px;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li::before, .woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li::after {
  display: none;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li a {
  color: #5E3A7E;
  font-size: 0.8125rem;
  text-transform: uppercase;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li.active {
  background: #5E3A7E;
  z-index: 0;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li.active a {
  color: #FFFFFF;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li.active::before, .woocommerce.single-product #section-store .product .woocommerce-tabs ul.tabs li.active::after {
  display: none;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information h2,
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Tabs-panel--reviews h2 {
  font-size: 0.9375rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-transform: uppercase;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Tabs-panel--additional_information .shop_attributes,
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Tabs-panel--reviews .shop_attributes {
  font-size: 0.875rem;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews .comment-reply-title {
  display: block;
  font-weight: 600;
  margin: 1.875rem 0rem 1.25rem;
  text-transform: uppercase;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews label {
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0.625rem 0rem;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews textarea {
  background: #E7DEED;
  color: #5E3A7E;
  padding: 0.625rem;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews .star-rating span::before {
  color: #5E3A7E;
}
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews .woocommerce-review__author,
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews .woocommerce-review__dash,
.woocommerce.single-product #section-store .product .woocommerce-tabs .woocommerce-Reviews .woocommerce-review__published-date {
  color: #5E3A7E;
}

@media (min-width: 60rem) {
  .woocommerce-cart .post__content,
  .woocommerce-cart .post__header.no-post-image,
  .woocommerce-checkout .post__content,
  .woocommerce-checkout .post__header.no-post-image,
  .woocommerce-account .post__content,
  .woocommerce-account .post__header.no-post-image {
    width: 61.25rem;
  }
}
.woocommerce-cart .post__header.no-post-image,
.woocommerce-checkout .post__header.no-post-image,
.woocommerce-account .post__header.no-post-image {
  margin: 0rem auto;
}
.woocommerce-cart .post__header.no-post-image .post__title,
.woocommerce-checkout .post__header.no-post-image .post__title,
.woocommerce-account .post__header.no-post-image .post__title {
  font-size: 1.875rem;
  margin: 2.5rem 0rem;
}
.woocommerce-cart .post__content .woocommerce-message,
.woocommerce-cart .post__content .woocommerce-info,
.woocommerce-checkout .post__content .woocommerce-message,
.woocommerce-checkout .post__content .woocommerce-info,
.woocommerce-account .post__content .woocommerce-message,
.woocommerce-account .post__content .woocommerce-info {
  background: #CEBFD8;
  border-top-color: #5E3A7E;
  color: #5E3A7E;
  margin-bottom: 0;
}
.woocommerce-cart .post__content .woocommerce-message::before,
.woocommerce-cart .post__content .woocommerce-info::before,
.woocommerce-checkout .post__content .woocommerce-message::before,
.woocommerce-checkout .post__content .woocommerce-info::before,
.woocommerce-account .post__content .woocommerce-message::before,
.woocommerce-account .post__content .woocommerce-info::before {
  color: #5E3A7E;
  top: 1.2em;
}
.woocommerce-cart .post__content .cart-empty,
.woocommerce-checkout .post__content .cart-empty,
.woocommerce-account .post__content .cart-empty {
  color: #5E3A7E;
  margin-bottom: 0;
  padding: 1.25rem 1.25rem 0rem;
}
.woocommerce-cart .post__content .wc-backward,
.woocommerce-cart .post__content .wc-backward:hover,
.woocommerce-checkout .post__content .wc-backward,
.woocommerce-checkout .post__content .wc-backward:hover,
.woocommerce-account .post__content .wc-backward,
.woocommerce-account .post__content .wc-backward:hover {
  background: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  margin: 1.25rem;
  text-transform: uppercase;
}
.woocommerce-cart .woocommerce,
.woocommerce-checkout .woocommerce,
.woocommerce-account .woocommerce {
  background: #E7DEED;
}
.woocommerce-cart .woocommerce .woocommerce-message,
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce .woocommerce-message,
.woocommerce-checkout .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-message,
.woocommerce-account .woocommerce .woocommerce-info {
  background: #CEBFD8;
  border-top-color: #5E3A7E;
  color: #5E3A7E;
  margin-bottom: 0;
}
.woocommerce-cart .woocommerce .woocommerce-message::before,
.woocommerce-cart .woocommerce .woocommerce-info::before,
.woocommerce-checkout .woocommerce .woocommerce-message::before,
.woocommerce-checkout .woocommerce .woocommerce-info::before,
.woocommerce-account .woocommerce .woocommerce-message::before,
.woocommerce-account .woocommerce .woocommerce-info::before {
  color: #5E3A7E;
  top: 1.2em;
}
.woocommerce-cart .woocommerce .woocommerce-error,
.woocommerce-checkout .woocommerce .woocommerce-error,
.woocommerce-account .woocommerce .woocommerce-error {
  background: #45ACCE;
  border-top-color: #09495d;
  color: #FFFFFF;
}
.woocommerce-cart .woocommerce .woocommerce-error::before,
.woocommerce-checkout .woocommerce .woocommerce-error::before,
.woocommerce-account .woocommerce .woocommerce-error::before {
  color: #FFFFFF;
  top: 1.2em;
}
.woocommerce-cart .woocommerce .woocommerce-info,
.woocommerce-checkout .woocommerce .woocommerce-info,
.woocommerce-account .woocommerce .woocommerce-info {
  background: rgba(150, 109, 149, 0.2);
}
.woocommerce-cart .woocommerce .woocommerce-info::before,
.woocommerce-checkout .woocommerce .woocommerce-info::before,
.woocommerce-account .woocommerce .woocommerce-info::before {
  top: 1.2em;
}
.woocommerce-cart .woocommerce .shop_table,
.woocommerce-checkout .woocommerce .shop_table,
.woocommerce-account .woocommerce .shop_table {
  border: none;
  color: #5E3A7E;
}
.woocommerce-cart .woocommerce .shop_table th,
.woocommerce-cart .woocommerce .shop_table td,
.woocommerce-checkout .woocommerce .shop_table th,
.woocommerce-checkout .woocommerce .shop_table td,
.woocommerce-account .woocommerce .shop_table th,
.woocommerce-account .woocommerce .shop_table td {
  border: none;
}
.woocommerce-cart .woocommerce .shop_table td,
.woocommerce-checkout .woocommerce .shop_table td,
.woocommerce-account .woocommerce .shop_table td {
  border-bottom: 1px solid rgba(150, 109, 149, 0.2);
  padding: 6px 42px;
}
.woocommerce-cart .woocommerce .shop_table td.actions,
.woocommerce-checkout .woocommerce .shop_table td.actions,
.woocommerce-account .woocommerce .shop_table td.actions {
  padding: 25px 25px 0;
}
.woocommerce-cart .woocommerce .shop_table thead,
.woocommerce-checkout .woocommerce .shop_table thead,
.woocommerce-account .woocommerce .shop_table thead {
  background: #5E3A7E;
  color: #FFFFFF;
}
.woocommerce-cart .woocommerce .shop_table img,
.woocommerce-checkout .woocommerce .shop_table img,
.woocommerce-account .woocommerce .shop_table img {
  margin-top: 1.875rem;
  width: auto;
}
.woocommerce-cart .woocommerce .shop_table .quantity,
.woocommerce-checkout .woocommerce .shop_table .quantity,
.woocommerce-account .woocommerce .shop_table .quantity {
  margin-top: 1.5625rem;
}
.woocommerce-cart .woocommerce .shop_table input,
.woocommerce-checkout .woocommerce .shop_table input,
.woocommerce-account .woocommerce .shop_table input {
  background: #CEBFD8;
  color: #5E3A7E;
}
.woocommerce-cart .woocommerce .shop_table .product-remove a,
.woocommerce-checkout .woocommerce .shop_table .product-remove a,
.woocommerce-account .woocommerce .shop_table .product-remove a {
  color: #5E3A7E !important;
}
.woocommerce-cart .woocommerce .shop_table .product-remove a:hover,
.woocommerce-checkout .woocommerce .shop_table .product-remove a:hover,
.woocommerce-account .woocommerce .shop_table .product-remove a:hover {
  background: #5E3A7E;
  color: #FFFFFF !important;
}
.woocommerce-cart .woocommerce .shop_table .coupon .input-text,
.woocommerce-checkout .woocommerce .shop_table .coupon .input-text,
.woocommerce-account .woocommerce .shop_table .coupon .input-text {
  width: 50%;
}
.woocommerce-cart .woocommerce .shop_table .coupon .button,
.woocommerce-checkout .woocommerce .shop_table .coupon .button,
.woocommerce-account .woocommerce .shop_table .coupon .button {
  background: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 0.8125rem;
  margin: 0rem;
  padding-top: 0.5rem;
  text-transform: uppercase;
}
.woocommerce-cart .woocommerce .shop_table button.button,
.woocommerce-checkout .woocommerce .shop_table button.button,
.woocommerce-account .woocommerce .shop_table button.button {
  background: #FFFFFF;
  border-radius: 25px;
  color: #5E3A7E;
  text-transform: uppercase;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals {
  margin-left: 0.625rem;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals table td {
  vertical-align: middle;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals table th {
  padding-left: 0;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals table td,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals table th,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals table td {
  border-color: #5F516B;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout {
  padding-right: 1.25rem;
}
.woocommerce-cart .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-checkout .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button,
.woocommerce-account .woocommerce .cart-collaterals .cart_totals .wc-proceed-to-checkout a.checkout-button {
  background: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 0.8125rem;
  margin: 0rem;
  padding-top: 0.9375rem;
  text-transform: uppercase;
}
.woocommerce-cart .checkout,
.woocommerce-checkout .checkout,
.woocommerce-account .checkout {
  padding: 0rem 0.625rem 0.625rem;
}
.woocommerce-cart .checkout .col-1,
.woocommerce-cart .checkout .col2-set,
.woocommerce-checkout .checkout .col-1,
.woocommerce-checkout .checkout .col2-set,
.woocommerce-account .checkout .col-1,
.woocommerce-account .checkout .col2-set {
  margin-bottom: 0.625rem;
}
.woocommerce-cart .checkout .woocommerce-checkout-review-order-table td,
.woocommerce-checkout .checkout .woocommerce-checkout-review-order-table td,
.woocommerce-account .checkout .woocommerce-checkout-review-order-table td {
  padding-left: 10px;
}
.woocommerce-cart .checkout .woocommerce-billing-fields,
.woocommerce-cart .checkout .woocommerce-additional-fields,
.woocommerce-checkout .checkout .woocommerce-billing-fields,
.woocommerce-checkout .checkout .woocommerce-additional-fields,
.woocommerce-account .checkout .woocommerce-billing-fields,
.woocommerce-account .checkout .woocommerce-additional-fields {
  color: #5E3A7E;
  margin-bottom: 0.625rem;
}
.woocommerce-cart .checkout .woocommerce-billing-fields h3,
.woocommerce-cart .checkout .woocommerce-additional-fields h3,
.woocommerce-checkout .checkout .woocommerce-billing-fields h3,
.woocommerce-checkout .checkout .woocommerce-additional-fields h3,
.woocommerce-account .checkout .woocommerce-billing-fields h3,
.woocommerce-account .checkout .woocommerce-additional-fields h3 {
  margin-bottom: 0.625rem;
}
.woocommerce-cart .checkout .woocommerce-billing-fields input,
.woocommerce-cart .checkout .woocommerce-billing-fields textarea,
.woocommerce-cart .checkout .woocommerce-additional-fields input,
.woocommerce-cart .checkout .woocommerce-additional-fields textarea,
.woocommerce-checkout .checkout .woocommerce-billing-fields input,
.woocommerce-checkout .checkout .woocommerce-billing-fields textarea,
.woocommerce-checkout .checkout .woocommerce-additional-fields input,
.woocommerce-checkout .checkout .woocommerce-additional-fields textarea,
.woocommerce-account .checkout .woocommerce-billing-fields input,
.woocommerce-account .checkout .woocommerce-billing-fields textarea,
.woocommerce-account .checkout .woocommerce-additional-fields input,
.woocommerce-account .checkout .woocommerce-additional-fields textarea {
  background: #CEBFD8;
  color: #5E3A7E;
  padding: 0.3125rem;
}
.woocommerce-cart .checkout .woocommerce-billing-fields .select2-selection__rendered,
.woocommerce-cart .checkout .woocommerce-billing-fields .select2-selection,
.woocommerce-cart .checkout .woocommerce-additional-fields .select2-selection__rendered,
.woocommerce-cart .checkout .woocommerce-additional-fields .select2-selection,
.woocommerce-checkout .checkout .woocommerce-billing-fields .select2-selection__rendered,
.woocommerce-checkout .checkout .woocommerce-billing-fields .select2-selection,
.woocommerce-checkout .checkout .woocommerce-additional-fields .select2-selection__rendered,
.woocommerce-checkout .checkout .woocommerce-additional-fields .select2-selection,
.woocommerce-account .checkout .woocommerce-billing-fields .select2-selection__rendered,
.woocommerce-account .checkout .woocommerce-billing-fields .select2-selection,
.woocommerce-account .checkout .woocommerce-additional-fields .select2-selection__rendered,
.woocommerce-account .checkout .woocommerce-additional-fields .select2-selection {
  background: #CEBFD8;
  color: #5E3A7E;
}
.woocommerce-cart .checkout .woocommerce-billing-fields label,
.woocommerce-cart .checkout .woocommerce-additional-fields label,
.woocommerce-checkout .checkout .woocommerce-billing-fields label,
.woocommerce-checkout .checkout .woocommerce-additional-fields label,
.woocommerce-account .checkout .woocommerce-billing-fields label,
.woocommerce-account .checkout .woocommerce-additional-fields label {
  font-weight: 600;
}
.woocommerce-cart .checkout .woocommerce-billing-fields .required,
.woocommerce-cart .checkout .woocommerce-billing-fields .woocommerce-invalid label,
.woocommerce-cart .checkout .woocommerce-additional-fields .required,
.woocommerce-cart .checkout .woocommerce-additional-fields .woocommerce-invalid label,
.woocommerce-checkout .checkout .woocommerce-billing-fields .required,
.woocommerce-checkout .checkout .woocommerce-billing-fields .woocommerce-invalid label,
.woocommerce-checkout .checkout .woocommerce-additional-fields .required,
.woocommerce-checkout .checkout .woocommerce-additional-fields .woocommerce-invalid label,
.woocommerce-account .checkout .woocommerce-billing-fields .required,
.woocommerce-account .checkout .woocommerce-billing-fields .woocommerce-invalid label,
.woocommerce-account .checkout .woocommerce-additional-fields .required,
.woocommerce-account .checkout .woocommerce-additional-fields .woocommerce-invalid label {
  color: #5E3A7E;
}
.woocommerce-cart .checkout .woocommerce-shipping-fields,
.woocommerce-checkout .checkout .woocommerce-shipping-fields,
.woocommerce-account .checkout .woocommerce-shipping-fields {
  display: none;
}
.woocommerce-cart .checkout #payment,
.woocommerce-checkout .checkout #payment,
.woocommerce-account .checkout #payment {
  background: rgba(255, 255, 255, 0.3);
}
.woocommerce-cart .checkout .button.button.alt,
.woocommerce-checkout .checkout .button.button.alt,
.woocommerce-account .checkout .button.button.alt {
  background-color: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  font-size: 0.9375rem;
  margin: 0rem;
  padding-top: 0.5rem;
  text-transform: uppercase;
}

.shop-navigation {
  border-radius: 25px;
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  display: table;
  padding: 0.9375rem 1.25rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .shop-navigation {
    width: auto;
  }
}
.shop-navigation::after {
  clear: both;
  content: "";
  display: block;
}
.shop-navigation .store-menu {
  float: left;
  margin-right: 0.4375rem;
}
.shop-navigation .store-menu ul {
  list-style: none;
}
.shop-navigation .store-menu ul .menu-item-has-children {
  margin: 0rem;
  position: relative;
}
@media (min-width: 60rem) {
  .shop-navigation .store-menu ul .menu-item-has-children {
    margin-right: 0rem;
    padding-right: 0.8125rem;
  }
}
.shop-navigation .store-menu ul .menu-item-has-children > a {
  position: relative;
}
.shop-navigation .store-menu ul li {
  display: block;
  list-style: none;
  position: relative;
}
@media (min-width: 60rem) {
  .shop-navigation .store-menu ul li {
    display: inline-block;
  }
}
.shop-navigation .store-menu ul li a {
  font-size: 0.8125rem;
  font-weight: 400;
  padding: 0rem;
  text-transform: uppercase;
}
@media (min-width: 60rem) {
  .shop-navigation .store-menu ul li a {
    padding: 0rem 1.25rem 0rem 0rem;
  }
}
.shop-navigation .store-menu ul li .sub-menu {
  box-shadow: 0rem 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.2);
  display: none;
  left: -0.46875rem;
  list-style-type: none;
  margin: 0;
  min-width: 11.875rem;
  padding: 0.625rem 1.25rem 1.25rem 1.25rem;
  position: absolute;
  top: calc(100% + 0.9375rem);
  z-index: 9999;
}
.shop-navigation .store-menu ul li .sub-menu::before {
  background: transparent url("assets/dist/images/triangle-top-966D95.svg") center/contain no-repeat;
  content: "";
  display: block;
  height: 0.75rem;
  left: 0rem;
  position: absolute;
  top: -0.75rem;
  width: 1.5rem;
}
.shop-navigation .store-menu ul li .sub-menu .menu-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  display: block;
  margin: 0;
}
.shop-navigation .store-menu ul li .sub-menu .menu-item a {
  padding: 0.625rem 0rem;
}
.shop-navigation .store-menu ul li .sub-menu[aria-hidden=false] {
  display: block;
}
.shop-navigation .menu-cart {
  float: right;
}
.shop-navigation .menu-cart .cart-contents {
  display: inline-block;
  margin: 1em 0 0;
}
@media (min-width: 60rem) {
  .shop-navigation .menu-cart .cart-contents {
    margin: 0;
  }
}
.shop-navigation .menu-cart .cart-contents::before {
  content: "\e01d";
  font-family: "WooCommerce";
  font-size: 28px;
  font-style: normal;
  font-weight: 400;
  margin-top: 5px;
  vertical-align: bottom;
}
.shop-navigation .menu-cart .cart-contents:hover {
  text-decoration: none;
}
.shop-navigation .menu-cart .cart-contents-count {
  background-color: #5E3A7E;
  border-radius: 20px;
  color: #fff;
  font-weight: 600;
  line-height: 1;
  padding: 1px 10px;
  vertical-align: top;
}

.post-type-archive-product .shop-navigation {
  margin-bottom: 3.4375rem;
}

.woocommerce-account .woocommerce {
  background: none;
}
.woocommerce-account .woocommerce h2:first-of-type {
  color: #5E3A7E;
  margin-bottom: 0.9375rem;
}
.woocommerce-account .woocommerce .woocommerce-error {
  margin-bottom: 1.25rem;
}
.woocommerce-account .woocommerce .woocommerce-form-login,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form {
  background: #E7DEED;
  border: none;
  border-radius: 0;
  margin-top: 0;
}
.woocommerce-account .woocommerce .woocommerce-form-login label,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form label {
  color: #5E3A7E;
  font-weight: 600;
}
.woocommerce-account .woocommerce .woocommerce-form-login input,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form input {
  background: #CEBFD8;
  color: #5E3A7E;
  padding: 0.5rem;
}
.woocommerce-account .woocommerce .woocommerce-form-login .required,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form .required {
  color: #5E3A7E;
}
.woocommerce-account .woocommerce .woocommerce-form-login .button,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form .button {
  background: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  margin-right: 0.625rem;
  text-transform: uppercase;
}
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-form__input-checkbox,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form .woocommerce-form__input-checkbox {
  -webkit-appearance: checkbox;
  appearance: checkbox;
  padding: 0.3125rem;
}
.woocommerce-account .woocommerce .woocommerce-form-login .woocommerce-LostPassword,
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form .woocommerce-LostPassword {
  margin-top: 1.25rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul {
  list-style: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation ul li {
  border-bottom: 1px solid rgba(150, 109, 149, 0.2);
  margin: 0rem 1.25rem 0rem 0rem;
  padding: 0.3125rem 0rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-navigation a {
  font-weight: 600;
  text-decoration: none;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .woocommerce-message {
  margin-bottom: 0.9375rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content a {
  font-weight: 600;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content .button {
  background: #5E3A7E;
  border-radius: 25px;
  color: #FFFFFF;
  margin-right: 0.625rem;
  text-transform: uppercase;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content em {
  color: #5E3A7E;
  display: block;
  font-size: 0.8125rem;
  margin-top: 0.625rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form {
  padding: 1.25rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form fieldset {
  margin: 1.25rem 0rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form fieldset legend {
  font-size: 1.125rem;
  font-weight: 600;
  margin-bottom: 0.625rem;
}
.woocommerce-account .woocommerce .woocommerce-MyAccount-content form .select2-container--default .select2-selection--single {
  background-color: #CEBFD8;
  color: #5E3A7E;
  margin-bottom: 0.9375rem;
  padding-left: 0.625rem;
}

.page-shop-menu-wrapper {
  margin: 0rem auto;
  max-width: 61.25rem;
}

.form-wrapper--share, .form-wrapper--donate, .form-wrapper--contact, .bsd-wrapper form, .form-wrapper--pledge {
  background-color: #E7DEED;
}

.share-form__label,
.share-form__tag-heading,
.share-form__tag-list,
.share-form__checkbox, .donate-form, .contact__forms-wrapper {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 21.5rem;
}

[for=s3-direct-file] input[type=file], [name=filter], [name=amount] {
  height: 0.1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  width: 0.1px;
  z-index: -1;
}

.share-form__label, .modal-form__label--full, .modal-form__label, .frequency__heading, .donate__label--amount-input, .donate__label, .donate__radio-label, .contact__forms-wrapper label, .bsd-wrapper label, .pledge-form__label {
  display: block;
  font-weight: 600;
  width: 100%;
}
.failed.share-form__label, .failed.modal-form__label--full, .failed.modal-form__label, .failed.frequency__heading, .failed.donate__label--amount-input, .failed.donate__label, .failed.donate__radio-label, .contact__forms-wrapper label.failed, .bsd-wrapper label.failed, .failed.pledge-form__label {
  color: #F2566E;
}
.share-form__label span, .modal-form__label--full span, .modal-form__label span, .frequency__heading span, .donate__label--amount-input span, .donate__label span, .donate__radio-label span, .contact__forms-wrapper label span, .bsd-wrapper label span, .pledge-form__label span {
  font-weight: 400;
}

.modal-form__checkbox, .contact__forms-wrapper input, .bsd-wrapper form select, .share-form__select, .help-form__select, .donate__select, .contact-form__select-wrapper, .woocommerce-ordering select, .share-form__input, .modal-form__input, .help-form__input, .donate__input, .contact__forms-wrapper input:not([type=checkbox]), .bsd-wrapper form input[type=tel],
.bsd-wrapper form input[type=text],
.bsd-wrapper form input[type=email], .pledge-form__input, .grunion-field-wrap input[type=text],
.grunion-field-wrap input[type=email],
.grunion-field-wrap input[type=url], .written-story__textarea, .share-form__textarea, .honoree-info__message-textarea, .honoree-info__address-textarea, .contact__forms-wrapper textarea, .bsd-wrapper form textarea, .grunion-field-wrap textarea, .share-form__label, .modal-form__label--full, .modal-form__label, .frequency__heading, .donate__label--amount-input, .donate__label, .donate__radio-label, .contact__forms-wrapper label, .bsd-wrapper label, .pledge-form__label {
  font-size: 1rem;
}
@media (min-width: 60rem) {
  .modal-form__checkbox, .contact__forms-wrapper input, .bsd-wrapper form select, .share-form__select, .help-form__select, .donate__select, .contact-form__select-wrapper, .woocommerce-ordering select, .share-form__input, .modal-form__input, .help-form__input, .donate__input, .contact__forms-wrapper input:not([type=checkbox]), .bsd-wrapper form input[type=tel],
  .bsd-wrapper form input[type=text],
  .bsd-wrapper form input[type=email], .pledge-form__input, .grunion-field-wrap input[type=text],
  .grunion-field-wrap input[type=email],
  .grunion-field-wrap input[type=url], .written-story__textarea, .share-form__textarea, .honoree-info__message-textarea, .honoree-info__address-textarea, .contact__forms-wrapper textarea, .bsd-wrapper form textarea, .grunion-field-wrap textarea, .share-form__label, .modal-form__label--full, .modal-form__label, .frequency__heading, .donate__label--amount-input, .donate__label, .donate__radio-label, .contact__forms-wrapper label, .bsd-wrapper label, .pledge-form__label {
    font-size: 0.75rem;
  }
}

.form-nav__back, .contact__forms-wrapper select, .bsd-wrapper form select, .share-form__select select, .help-form__select select, .donate__select select, .contact-form__select-wrapper select, .donate__radio, .bsd-wrapper form input[type=radio], .share-form__checkbox label::after, .modal-form__checkbox label::after, .amount-info__honoree-checkbox label::after, .pledge-form__checkbox label::after, .no-js [name=tag], .contact__forms-wrapper input[type=checkbox], .bsd-wrapper form input[type=checkbox], .share-form__select, .help-form__select, .donate__select, .contact-form__select-wrapper, .woocommerce-ordering select, .share-form__input, .modal-form__input, .help-form__input, .donate__input, .contact__forms-wrapper input:not([type=checkbox]), .bsd-wrapper form input[type=tel],
.bsd-wrapper form input[type=text],
.bsd-wrapper form input[type=email], .pledge-form__input, .grunion-field-wrap input[type=text],
.grunion-field-wrap input[type=email],
.grunion-field-wrap input[type=url], .written-story__textarea, .share-form__textarea, .honoree-info__message-textarea, .honoree-info__address-textarea, .contact__forms-wrapper textarea, .bsd-wrapper form textarea, .grunion-field-wrap textarea {
  background-color: #CEBFD8;
  color: #5E3A7E;
}
.form-nav__back:-webkit-autofill, .contact__forms-wrapper select:-webkit-autofill, .bsd-wrapper form select:-webkit-autofill, .share-form__select select:-webkit-autofill, .help-form__select select:-webkit-autofill, .donate__select select:-webkit-autofill, .contact-form__select-wrapper select:-webkit-autofill, .donate__radio:-webkit-autofill, .bsd-wrapper form input[type=radio]:-webkit-autofill, .share-form__checkbox label:-webkit-autofill::after, .modal-form__checkbox label:-webkit-autofill::after, .amount-info__honoree-checkbox label:-webkit-autofill::after, .pledge-form__checkbox label:-webkit-autofill::after, .no-js [name=tag]:-webkit-autofill, .contact__forms-wrapper input[type=checkbox]:-webkit-autofill, .bsd-wrapper form input[type=checkbox]:-webkit-autofill, .share-form__select:-webkit-autofill, .help-form__select:-webkit-autofill, .donate__select:-webkit-autofill, .contact-form__select-wrapper:-webkit-autofill, .woocommerce-ordering select:-webkit-autofill, .share-form__input:-webkit-autofill, .modal-form__input:-webkit-autofill, .help-form__input:-webkit-autofill, .donate__input:-webkit-autofill, .contact__forms-wrapper input:-webkit-autofill:not([type=checkbox]), .bsd-wrapper form input[type=tel]:-webkit-autofill,
.bsd-wrapper form input[type=text]:-webkit-autofill,
.bsd-wrapper form input[type=email]:-webkit-autofill, .pledge-form__input:-webkit-autofill, .grunion-field-wrap input[type=text]:-webkit-autofill,
.grunion-field-wrap input[type=email]:-webkit-autofill,
.grunion-field-wrap input[type=url]:-webkit-autofill, .written-story__textarea:-webkit-autofill, .share-form__textarea:-webkit-autofill, .honoree-info__message-textarea:-webkit-autofill, .honoree-info__address-textarea:-webkit-autofill, .contact__forms-wrapper textarea:-webkit-autofill, .bsd-wrapper form textarea:-webkit-autofill, .grunion-field-wrap textarea:-webkit-autofill {
  background-color: #CEBFD8;
  box-shadow: inset 0 0 0 3.125rem #CEBFD8;
  -webkit-text-fill-color: #5E3A7E;
}
[aria-invalid=true].form-nav__back, .contact__forms-wrapper select[aria-invalid=true], .bsd-wrapper form select[aria-invalid=true], .share-form__select select[aria-invalid=true], .help-form__select select[aria-invalid=true], .donate__select select[aria-invalid=true], .contact-form__select-wrapper select[aria-invalid=true], [aria-invalid=true].donate__radio, .bsd-wrapper form input[aria-invalid=true][type=radio], .share-form__checkbox label[aria-invalid=true]::after, .modal-form__checkbox label[aria-invalid=true]::after, .amount-info__honoree-checkbox label[aria-invalid=true]::after, .pledge-form__checkbox label[aria-invalid=true]::after, .no-js [aria-invalid=true][name=tag], .contact__forms-wrapper input[aria-invalid=true][type=checkbox], .bsd-wrapper form input[aria-invalid=true][type=checkbox], [aria-invalid=true].share-form__select, [aria-invalid=true].help-form__select, [aria-invalid=true].donate__select, [aria-invalid=true].contact-form__select-wrapper, .woocommerce-ordering select[aria-invalid=true], [aria-invalid=true].share-form__input, [aria-invalid=true].modal-form__input, [aria-invalid=true].help-form__input, [aria-invalid=true].donate__input, .contact__forms-wrapper input[aria-invalid=true]:not([type=checkbox]), .bsd-wrapper form input[aria-invalid=true][type=tel],
.bsd-wrapper form input[aria-invalid=true][type=text],
.bsd-wrapper form input[aria-invalid=true][type=email], [aria-invalid=true].pledge-form__input, .grunion-field-wrap input[aria-invalid=true][type=text],
.grunion-field-wrap input[aria-invalid=true][type=email],
.grunion-field-wrap input[aria-invalid=true][type=url], [aria-invalid=true].written-story__textarea, [aria-invalid=true].share-form__textarea, [aria-invalid=true].honoree-info__message-textarea, [aria-invalid=true].honoree-info__address-textarea, .contact__forms-wrapper textarea[aria-invalid=true], .bsd-wrapper form textarea[aria-invalid=true], .grunion-field-wrap textarea[aria-invalid=true] {
  background-color: rgba(242, 86, 110, 0.2);
  border: 1px solid #F2566E;
}
[aria-invalid=true].form-nav__back:-webkit-autofill, .contact__forms-wrapper select[aria-invalid=true]:-webkit-autofill, .bsd-wrapper form select[aria-invalid=true]:-webkit-autofill, .share-form__select select[aria-invalid=true]:-webkit-autofill, .help-form__select select[aria-invalid=true]:-webkit-autofill, .donate__select select[aria-invalid=true]:-webkit-autofill, .contact-form__select-wrapper select[aria-invalid=true]:-webkit-autofill, [aria-invalid=true].donate__radio:-webkit-autofill, .bsd-wrapper form input[aria-invalid=true][type=radio]:-webkit-autofill, .share-form__checkbox label[aria-invalid=true]:-webkit-autofill::after, .modal-form__checkbox label[aria-invalid=true]:-webkit-autofill::after, .amount-info__honoree-checkbox label[aria-invalid=true]:-webkit-autofill::after, .pledge-form__checkbox label[aria-invalid=true]:-webkit-autofill::after, .no-js [aria-invalid=true][name=tag]:-webkit-autofill, .contact__forms-wrapper input[aria-invalid=true][type=checkbox]:-webkit-autofill, .bsd-wrapper form input[aria-invalid=true][type=checkbox]:-webkit-autofill, [aria-invalid=true].share-form__select:-webkit-autofill, [aria-invalid=true].help-form__select:-webkit-autofill, [aria-invalid=true].donate__select:-webkit-autofill, [aria-invalid=true].contact-form__select-wrapper:-webkit-autofill, .woocommerce-ordering select[aria-invalid=true]:-webkit-autofill, [aria-invalid=true].share-form__input:-webkit-autofill, [aria-invalid=true].modal-form__input:-webkit-autofill, [aria-invalid=true].help-form__input:-webkit-autofill, [aria-invalid=true].donate__input:-webkit-autofill, .contact__forms-wrapper input[aria-invalid=true]:-webkit-autofill:not([type=checkbox]), .bsd-wrapper form input[aria-invalid=true][type=tel]:-webkit-autofill,
.bsd-wrapper form input[aria-invalid=true][type=text]:-webkit-autofill,
.bsd-wrapper form input[aria-invalid=true][type=email]:-webkit-autofill, [aria-invalid=true].pledge-form__input:-webkit-autofill, .grunion-field-wrap input[aria-invalid=true][type=text]:-webkit-autofill,
.grunion-field-wrap input[aria-invalid=true][type=email]:-webkit-autofill,
.grunion-field-wrap input[aria-invalid=true][type=url]:-webkit-autofill, [aria-invalid=true].written-story__textarea:-webkit-autofill, [aria-invalid=true].share-form__textarea:-webkit-autofill, [aria-invalid=true].honoree-info__message-textarea:-webkit-autofill, [aria-invalid=true].honoree-info__address-textarea:-webkit-autofill, .contact__forms-wrapper textarea[aria-invalid=true]:-webkit-autofill, .bsd-wrapper form textarea[aria-invalid=true]:-webkit-autofill, .grunion-field-wrap textarea[aria-invalid=true]:-webkit-autofill {
  background-color: rgba(242, 86, 110, 0.2);
  box-shadow: inset 0 0 0 3.125rem rgba(242, 86, 110, 0.2);
}

.bsd-wrapper form select, .share-form__select, .help-form__select, .donate__select, .contact-form__select-wrapper, .woocommerce-ordering select, .share-form__input, .modal-form__input, .help-form__input, .donate__input, .contact__forms-wrapper input:not([type=checkbox]), .bsd-wrapper form input[type=tel],
.bsd-wrapper form input[type=text],
.bsd-wrapper form input[type=email], .pledge-form__input, .grunion-field-wrap input[type=text],
.grunion-field-wrap input[type=email],
.grunion-field-wrap input[type=url], .written-story__textarea, .share-form__textarea, .honoree-info__message-textarea, .honoree-info__address-textarea, .contact__forms-wrapper textarea, .bsd-wrapper form textarea, .grunion-field-wrap textarea {
  font-weight: 400;
}
.bsd-wrapper form select:not([type=checkbox]):not([type=radio]), .share-form__select:not([type=checkbox]):not([type=radio]), .help-form__select:not([type=checkbox]):not([type=radio]), .donate__select:not([type=checkbox]):not([type=radio]), .contact-form__select-wrapper:not([type=checkbox]):not([type=radio]), .woocommerce-ordering select:not([type=checkbox]):not([type=radio]), .share-form__input:not([type=checkbox]):not([type=radio]), .modal-form__input:not([type=checkbox]):not([type=radio]), .help-form__input:not([type=checkbox]):not([type=radio]), .donate__input:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper input:not([type=checkbox]):not([type=radio]), .bsd-wrapper form input[type=tel]:not([type=checkbox]):not([type=radio]),
.bsd-wrapper form input[type=text]:not([type=checkbox]):not([type=radio]),
.bsd-wrapper form input[type=email]:not([type=checkbox]):not([type=radio]), .pledge-form__input:not([type=checkbox]):not([type=radio]), .grunion-field-wrap input[type=text]:not([type=checkbox]):not([type=radio]),
.grunion-field-wrap input[type=email]:not([type=checkbox]):not([type=radio]),
.grunion-field-wrap input[type=url]:not([type=checkbox]):not([type=radio]), .written-story__textarea:not([type=checkbox]):not([type=radio]), .share-form__textarea:not([type=checkbox]):not([type=radio]), .honoree-info__message-textarea:not([type=checkbox]):not([type=radio]), .honoree-info__address-textarea:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper textarea:not([type=checkbox]):not([type=radio]), .bsd-wrapper form textarea:not([type=checkbox]):not([type=radio]), .grunion-field-wrap textarea:not([type=checkbox]):not([type=radio]) {
  margin-bottom: 0.625rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .bsd-wrapper form select:not([type=checkbox]):not([type=radio]), .share-form__select:not([type=checkbox]):not([type=radio]), .help-form__select:not([type=checkbox]):not([type=radio]), .donate__select:not([type=checkbox]):not([type=radio]), .contact-form__select-wrapper:not([type=checkbox]):not([type=radio]), .woocommerce-ordering select:not([type=checkbox]):not([type=radio]), .share-form__input:not([type=checkbox]):not([type=radio]), .modal-form__input:not([type=checkbox]):not([type=radio]), .help-form__input:not([type=checkbox]):not([type=radio]), .donate__input:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper input:not([type=checkbox]):not([type=radio]), .bsd-wrapper form input[type=tel]:not([type=checkbox]):not([type=radio]),
  .bsd-wrapper form input[type=text]:not([type=checkbox]):not([type=radio]),
  .bsd-wrapper form input[type=email]:not([type=checkbox]):not([type=radio]), .pledge-form__input:not([type=checkbox]):not([type=radio]), .grunion-field-wrap input[type=text]:not([type=checkbox]):not([type=radio]),
  .grunion-field-wrap input[type=email]:not([type=checkbox]):not([type=radio]),
  .grunion-field-wrap input[type=url]:not([type=checkbox]):not([type=radio]), .written-story__textarea:not([type=checkbox]):not([type=radio]), .share-form__textarea:not([type=checkbox]):not([type=radio]), .honoree-info__message-textarea:not([type=checkbox]):not([type=radio]), .honoree-info__address-textarea:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper textarea:not([type=checkbox]):not([type=radio]), .bsd-wrapper form textarea:not([type=checkbox]):not([type=radio]), .grunion-field-wrap textarea:not([type=checkbox]):not([type=radio]) {
    margin-top: 0.3125rem;
  }
}
@media (min-width: 60rem) {
  .bsd-wrapper form select:not([type=checkbox]):not([type=radio]), .share-form__select:not([type=checkbox]):not([type=radio]), .help-form__select:not([type=checkbox]):not([type=radio]), .donate__select:not([type=checkbox]):not([type=radio]), .contact-form__select-wrapper:not([type=checkbox]):not([type=radio]), .woocommerce-ordering select:not([type=checkbox]):not([type=radio]), .share-form__input:not([type=checkbox]):not([type=radio]), .modal-form__input:not([type=checkbox]):not([type=radio]), .help-form__input:not([type=checkbox]):not([type=radio]), .donate__input:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper input:not([type=checkbox]):not([type=radio]), .bsd-wrapper form input[type=tel]:not([type=checkbox]):not([type=radio]),
  .bsd-wrapper form input[type=text]:not([type=checkbox]):not([type=radio]),
  .bsd-wrapper form input[type=email]:not([type=checkbox]):not([type=radio]), .pledge-form__input:not([type=checkbox]):not([type=radio]), .grunion-field-wrap input[type=text]:not([type=checkbox]):not([type=radio]),
  .grunion-field-wrap input[type=email]:not([type=checkbox]):not([type=radio]),
  .grunion-field-wrap input[type=url]:not([type=checkbox]):not([type=radio]), .written-story__textarea:not([type=checkbox]):not([type=radio]), .share-form__textarea:not([type=checkbox]):not([type=radio]), .honoree-info__message-textarea:not([type=checkbox]):not([type=radio]), .honoree-info__address-textarea:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper textarea:not([type=checkbox]):not([type=radio]), .bsd-wrapper form textarea:not([type=checkbox]):not([type=radio]), .grunion-field-wrap textarea:not([type=checkbox]):not([type=radio]) {
    margin-bottom: 0.3125rem;
  }
}
.bsd-wrapper form select:disabled, .share-form__select:disabled, .help-form__select:disabled, .donate__select:disabled, .contact-form__select-wrapper:disabled, .woocommerce-ordering select:disabled, .share-form__input:disabled, .modal-form__input:disabled, .help-form__input:disabled, .donate__input:disabled, .contact__forms-wrapper input:disabled:not([type=checkbox]), .bsd-wrapper form input[type=tel]:disabled,
.bsd-wrapper form input[type=text]:disabled,
.bsd-wrapper form input[type=email]:disabled, .pledge-form__input:disabled, .grunion-field-wrap input[type=text]:disabled,
.grunion-field-wrap input[type=email]:disabled,
.grunion-field-wrap input[type=url]:disabled, .written-story__textarea:disabled, .share-form__textarea:disabled, .honoree-info__message-textarea:disabled, .honoree-info__address-textarea:disabled, .contact__forms-wrapper textarea:disabled, .bsd-wrapper form textarea:disabled, .grunion-field-wrap textarea:disabled {
  opacity: 0.5;
}

.written-story__textarea, .share-form__textarea, .honoree-info__message-textarea, .honoree-info__address-textarea, .contact__forms-wrapper textarea, .bsd-wrapper form textarea, .grunion-field-wrap textarea {
  overflow: auto;
  padding: 0.3125rem 0.625rem;
}

.share-form__input:not([type=checkbox]):not([type=radio]), .modal-form__input:not([type=checkbox]):not([type=radio]), .help-form__input:not([type=checkbox]):not([type=radio]), .donate__input:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper input:not([type=checkbox]):not([type=radio]), .bsd-wrapper form input[type=tel]:not([type=checkbox]):not([type=radio]),
.bsd-wrapper form input[type=text]:not([type=checkbox]):not([type=radio]),
.bsd-wrapper form input[type=email]:not([type=checkbox]):not([type=radio]), .pledge-form__input:not([type=checkbox]):not([type=radio]), .grunion-field-wrap input[type=text]:not([type=checkbox]):not([type=radio]),
.grunion-field-wrap input[type=email]:not([type=checkbox]):not([type=radio]),
.grunion-field-wrap input[type=url]:not([type=checkbox]):not([type=radio]) {
  height: 3rem;
  padding: 0rem 0.9375rem;
}
@media (min-width: 60rem) {
  .share-form__input:not([type=checkbox]):not([type=radio]), .modal-form__input:not([type=checkbox]):not([type=radio]), .help-form__input:not([type=checkbox]):not([type=radio]), .donate__input:not([type=checkbox]):not([type=radio]), .contact__forms-wrapper input:not([type=checkbox]):not([type=radio]), .bsd-wrapper form input[type=tel]:not([type=checkbox]):not([type=radio]),
  .bsd-wrapper form input[type=text]:not([type=checkbox]):not([type=radio]),
  .bsd-wrapper form input[type=email]:not([type=checkbox]):not([type=radio]), .pledge-form__input:not([type=checkbox]):not([type=radio]), .grunion-field-wrap input[type=text]:not([type=checkbox]):not([type=radio]),
  .grunion-field-wrap input[type=email]:not([type=checkbox]):not([type=radio]),
  .grunion-field-wrap input[type=url]:not([type=checkbox]):not([type=radio]) {
    height: 2.125rem;
  }
}
.share-form__input::placeholder, .modal-form__input::placeholder, .help-form__input::placeholder, .donate__input::placeholder, .contact__forms-wrapper input:not([type=checkbox])::placeholder, .bsd-wrapper form input[type=tel]::placeholder,
.bsd-wrapper form input[type=text]::placeholder,
.bsd-wrapper form input[type=email]::placeholder, .pledge-form__input::placeholder, .grunion-field-wrap input[type=text]::placeholder,
.grunion-field-wrap input[type=email]::placeholder,
.grunion-field-wrap input[type=url]::placeholder {
  color: inherit;
}

.section--pledge .contact-form .grunion-checkbox-multiple-label.checked:after,
.section--pledge .contact-form .grunion-field-label.checkbox.checked:after,
.section--pledge .contact-form .grunion-radio-label.checked:after, .share-form__checkbox input[type=checkbox]:checked + label::after, .modal-form__checkbox input[type=checkbox]:checked + label::after, .amount-info__honoree-checkbox input[type=checkbox]:checked + label::after, .pledge-form__checkbox input[type=checkbox]:checked + label::after, .no-js [name=tag]:checked, .contact__forms-wrapper input[type=checkbox]:checked, .bsd-wrapper form input[type=checkbox]:checked {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB0YWJpbmRleD0iLTEiIHZpZXdCb3g9IjAgMCAxNiAxMyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNLjUgNy41bDYgNW05LTEybC05IDEyIiBzdHJva2U9IiMyRTIwMzciIGZpbGw9Im5vbmUiIHN0cm9rZS1saW5lY2FwPSJzcXVhcmUiLz48L3N2Zz4K);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.625rem 0.75rem;
}

.no-js [name=tag], .contact__forms-wrapper input[type=checkbox], .bsd-wrapper form input[type=checkbox] {
  flex: 0 0 auto;
  height: 1rem;
  margin-right: 0.625rem;
  width: 1rem;
}
.share-form__checkbox, .modal-form__checkbox, .amount-info__honoree-checkbox, .pledge-form__checkbox {
  display: flex;
  width: 100%;
}
.share-form__checkbox input[type=checkbox], .modal-form__checkbox input[type=checkbox], .amount-info__honoree-checkbox input[type=checkbox], .pledge-form__checkbox input[type=checkbox] {
  flex: 0 0 auto;
  height: 1rem;
  margin-right: 0.625rem;
  opacity: 0;
  width: 1rem;
}
.share-form__checkbox input[type=checkbox][aria-invalid=true] + label::after, .modal-form__checkbox input[type=checkbox][aria-invalid=true] + label::after, .amount-info__honoree-checkbox input[type=checkbox][aria-invalid=true] + label::after, .pledge-form__checkbox input[type=checkbox][aria-invalid=true] + label::after {
  background-color: rgba(242, 86, 110, 0.2);
  border: 1px solid #F2566E;
}
.share-form__checkbox label, .modal-form__checkbox label, .amount-info__honoree-checkbox label, .pledge-form__checkbox label {
  position: relative;
  width: auto;
}
.share-form__checkbox label::after, .modal-form__checkbox label::after, .amount-info__honoree-checkbox label::after, .pledge-form__checkbox label::after {
  content: "";
  display: block;
  height: 1rem;
  left: -1.625rem;
  position: absolute;
  top: 0;
  width: 1rem;
}

.donate__radio, .bsd-wrapper form input[type=radio] {
  border: 3px solid #CEBFD8;
  border-radius: 50%;
  flex: 0 0 auto;
  height: 1rem;
  margin-right: 0.625rem;
  width: 1rem;
}
@media (min-width: 60rem) {
  .donate__radio, .bsd-wrapper form input[type=radio] {
    border-width: 2px;
    height: 0.625rem;
    width: 0.625rem;
  }
}
.donate__radio:checked, .bsd-wrapper form input[type=radio]:checked {
  background-color: #5E3A7E;
}

.share-form__select, .help-form__select, .donate__select, .contact-form__select-wrapper, .woocommerce-ordering select {
  display: block;
  height: 3rem;
  position: relative;
}
@media (min-width: 60rem) {
  .share-form__select, .help-form__select, .donate__select, .contact-form__select-wrapper, .woocommerce-ordering select {
    height: 2.125rem;
  }
}
.share-form__select::after, .help-form__select::after, .donate__select::after, .contact-form__select-wrapper::after, .woocommerce-ordering select::after {
  background-image: url("assets/dist/images/icon-arrow-down-purple.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 0.375rem;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  right: 0.625rem;
  top: calc(50% - 0.1875rem);
  width: 0.625rem;
}
.contact__forms-wrapper select, .bsd-wrapper form select, .share-form__select select, .help-form__select select, .donate__select select, .contact-form__select-wrapper select, .woocommerce-ordering select select {
  height: 3rem;
  padding: 0rem 0.9375rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .contact__forms-wrapper select, .bsd-wrapper form select, .share-form__select select, .help-form__select select, .donate__select select, .contact-form__select-wrapper select, .woocommerce-ordering select select {
    height: 2.125rem;
  }
}
.contact__forms-wrapper select::-ms-expand, .bsd-wrapper form select::-ms-expand, .share-form__select select::-ms-expand, .help-form__select select::-ms-expand, .donate__select select::-ms-expand, .contact-form__select-wrapper select::-ms-expand, .woocommerce-ordering select select::-ms-expand {
  display: none;
}
.contact__forms-wrapper select:disabled, .bsd-wrapper form select:disabled, .share-form__select select:disabled, .help-form__select select:disabled, .donate__select select:disabled, .contact-form__select-wrapper select:disabled, .woocommerce-ordering select select:disabled {
  pointer-events: none;
}

.modal-footer__course-link, .form-nav__back,
.form-nav__next, .mailing-modal.modal .modal-form__submit, .education-modal.modal .modal-form__submit, .share-form__submit, .donate__submit, .contact__forms-wrapper button[type=submit], .bsd-wrapper [type=submit], .pledge-form__submit, .grunion-field-wrap + p.contact-submit button[type=submit].pushbutton-wide {
  border-radius: 1.5rem/50%;
  height: 3rem;
  line-height: 3rem;
  padding: 0rem 1.5625rem;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-size: 0.75rem;
  font-weight: 600;
}
@media (min-width: 60rem) {
  .modal-footer__course-link, .form-nav__back,
  .form-nav__next, .mailing-modal.modal .modal-form__submit, .education-modal.modal .modal-form__submit, .share-form__submit, .donate__submit, .contact__forms-wrapper button[type=submit], .bsd-wrapper [type=submit], .pledge-form__submit, .grunion-field-wrap + p.contact-submit button[type=submit].pushbutton-wide {
    border-radius: 1.09375rem/50%;
    height: 2.1875rem;
    line-height: 2.1875rem;
    padding: 0rem 0.9375rem;
    font-size: 0.75rem;
  }
}

.share-form__required, .contact-form__required, .pledge-form__required {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  text-align: center;
  width: 100%;
}

.mailing-modal.modal .modal-form__submit, .education-modal.modal .modal-form__submit, .share-form__submit, .donate__submit, .contact__forms-wrapper button[type=submit], .bsd-wrapper [type=submit], .pledge-form__submit, .grunion-field-wrap + p.contact-submit button[type=submit].pushbutton-wide {
  background-color: #5E3A7E;
  background-image: url("data:image/svg+xml,%3Csvg tabindex='-1' width='92' height='60' viewBox='0 0 92 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cpath fill='%23F2566E' d='M28.05 0L.44 60h25.862L53.9 0'/%3E%3Cpath fill='%23FBB014' d='M53.9 0L26.3 60h25.85l27.6-60'/%3E%3Cpath fill='%2345ACCE' d='M79.75 0h12.2v60h-39.8'/%3E%3C/g%3E%3C/svg%3E%0A");
  background-position: 12.5rem center;
  background-repeat: no-repeat;
  background-size: contain;
  color: #FFFFFF;
  margin: 0 auto;
  transition: background-position 200ms ease-in-out;
}
.mailing-modal.modal .modal-form__submit:hover, .education-modal.modal .modal-form__submit:hover, .share-form__submit:hover, .donate__submit:hover, .contact__forms-wrapper button[type=submit]:hover, .bsd-wrapper [type=submit]:hover, .pledge-form__submit:hover, .grunion-field-wrap + p.contact-submit button[type=submit].pushbutton-wide:hover, .mailing-modal.modal .modal-form__submit:focus, .education-modal.modal .modal-form__submit:focus, .share-form__submit:focus, .donate__submit:focus, .contact__forms-wrapper button[type=submit]:focus, .bsd-wrapper [type=submit]:focus, .pledge-form__submit:focus, .grunion-field-wrap + p.contact-submit button[type=submit].pushbutton-wide:focus {
  background-position: right center;
}

.card-info__heading, .billing-info__heading, .personal-info__heading {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.875rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .card-info__heading, .billing-info__heading, .personal-info__heading {
    font-size: 1.3125rem;
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .card-info__heading, .billing-info__heading, .personal-info__heading {
    font-size: 1rem;
    margin-bottom: 1.875rem;
  }
}

.form__required {
  color: #F2566E;
}

.grunion-field-wrap input[type=text],
.grunion-field-wrap input[type=email],
.grunion-field-wrap input[type=url] {
  background-color: rgba(0, 0, 0, 0.07);
}
.grunion-field-wrap textarea {
  background-color: rgba(0, 0, 0, 0.07);
}

@keyframes spectrum {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
@keyframes jump {
  0% {
    transform: translateY(0);
  }
  20% {
    transform: translateY(0);
  }
  40% {
    transform: translateY(-30px);
  }
  50% {
    transform: translateY(0);
  }
  60% {
    transform: translateY(-15px);
  }
  80% {
    transform: translateY(0);
  }
  100% {
    transform: translateY(0);
  }
}
/*! minireset.css v0.0.3 | MIT License | github.com/jgthms/minireset.css */
:root {
  font-size: medium;
}

html {
  box-sizing: border-box;
}

*,
*::before,
*::after {
  box-sizing: inherit;
}

html,
body,
p,
ol,
ul,
li,
hr,
h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
  padding: 0;
}

article,
aside,
footer,
header,
main,
nav,
section {
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-size: 100%;
  font-weight: 400;
}

ul {
  list-style: none;
}

button,
input,
select,
textarea {
  appearance: none;
  border: none;
  border-radius: 0;
  font: inherit;
  margin: 0;
}

button {
  background-color: transparent;
}

fieldset {
  border: none;
  margin: 0;
  padding: 0;
}

img,
figure,
embed,
object,
audio,
video {
  display: block;
  height: auto;
  max-width: 100%;
}

img {
  height: auto;
  max-width: 100%;
  width: 100%;
}

svg {
  display: block;
  height: auto;
  width: 100%;
}

iframe {
  border: 0;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
  text-align: left;
}

body {
  background-color: #FFFFFF;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeSpeed;
  -moz-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

body {
  color: #5E3A7E;
  font: 400 100%/normal "Poppins", sans-serif;
  width: 100%;
}
body.admin-bar {
  position: static !important;
}

@media (min-width: 60rem) {
  #main {
    padding-top: 5.125rem;
  }
}

.site-wrapper {
  margin: 0;
}

.section {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 61.25rem;
}
body.page-template-page-wide .section {
  max-width: 91.875rem;
}
.section--video-river, .section--thank-you {
  margin-bottom: 4.375rem;
}
@media (min-width: 48rem) {
  .section--video-river, .section--thank-you {
    margin-bottom: 4.6875rem;
  }
}
.section--article-river {
  margin-bottom: 2.8125rem;
}
@media (min-width: 48rem) {
  .section--article-river {
    margin-bottom: 4.6875rem;
  }
}
@media (min-width: 60rem) {
  .section--article-river {
    margin-bottom: 5.9375rem;
  }
}

.modal,
.education-modal {
  display: none;
}

.screen-reader-text {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}

.posts-navigation {
  font-weight: 900;
}
.posts-navigation .nav-links {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.tax-website-categories .posts-navigation a {
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0rem 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
  background-color: #e69f22;
  border-radius: 4px;
  color: #ffffff;
  display: block;
}
.tax-website-categories .posts-navigation a:hover, .tax-website-categories .posts-navigation a:focus, .tax-website-categories .posts-navigation a:active {
  background: #ffffff;
  color: #5e3a73;
  border: #5e3a73;
  box-shadow: 0 0 0 1px #5e3a73;
  height: 1.875rem;
}

/*
Header

It Gets Better Global Header

markup: header.hbs

data: header.json

Styleguide header
*/
.logo_purple {
  fill: #5E3A7E;
}

.igb_yellow {
  fill: #FBAD41;
}

.igb_pink {
  fill: #F2566E;
}

.igb_blue {
  fill: #45ACCE;
}

@media (min-width: 60rem) {
  .site-header-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #FFFFFF;
  }
}

.site-header {
  align-items: center;
  background-color: #FFFFFF;
  display: flex;
  height: 5.125rem;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 61.25rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .site-header {
    height: 5.125rem;
  }
}

.custom-logo-link,
.custom-logo {
  flex: 1 1 auto;
}
.custom-logo-link .site-header__logo-full,
.custom-logo .site-header__logo-full {
  display: none;
  height: 1.4375rem;
  width: auto;
  margin: 0;
}
@media (min-width: 60rem) {
  .custom-logo-link .site-header__logo-full,
  .custom-logo .site-header__logo-full {
    display: block;
  }
}
.custom-logo-link .site-header__logo-small,
.custom-logo .site-header__logo-small {
  display: block;
  height: auto;
  width: 6.25rem;
}
@media (min-width: 60rem) {
  .custom-logo-link .site-header__logo-small,
  .custom-logo .site-header__logo-small {
    display: none;
  }
}

.skip-to-content {
  background-color: #FFFFFF;
  color: inherit;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0rem 0.3125rem;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: -1;
}
.skip-to-content:focus {
  opacity: 1;
  z-index: 4;
}

@media (min-width: 60rem) {
  .site-header-wrapper {
    position: fixed;
    left: 0;
    right: 0;
    z-index: 10;
    background-color: #FFFFFF;
  }
}

.site-header {
  align-items: center;
  background-color: #FFFFFF;
  display: flex;
  height: 5.125rem;
  justify-content: space-between;
  margin: 0 auto;
  max-width: 61.25rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .site-header {
    height: 5.125rem;
  }
}

.custom-logo-link,
.custom-logo {
  flex: 1 1 auto;
}
.custom-logo-link .site-header__logo-full,
.custom-logo .site-header__logo-full {
  display: none;
  height: 1.4375rem;
  width: auto;
  margin: 0;
}
@media (min-width: 60rem) {
  .custom-logo-link .site-header__logo-full,
  .custom-logo .site-header__logo-full {
    display: block;
  }
}
.custom-logo-link .site-header__logo-small,
.custom-logo .site-header__logo-small {
  display: block;
  height: auto;
  width: 6.25rem;
}
@media (min-width: 60rem) {
  .custom-logo-link .site-header__logo-small,
  .custom-logo .site-header__logo-small {
    display: none;
  }
}

.skip-to-content {
  background-color: #FFFFFF;
  color: inherit;
  left: 0;
  opacity: 0;
  overflow: hidden;
  padding: 0rem 0.3125rem;
  position: absolute;
  text-decoration: none;
  top: 0;
  z-index: -1;
}
.skip-to-content:focus {
  opacity: 1;
  z-index: 4;
}

.site-header.main-site .custom-logo-link .site-header__logo-full {
  height: 1.125rem;
}

.main_IGB_logo {
  height: 70px;
  width: auto;
  transition: all 250ms ease-in-out;
}

header.IGB_main_header {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  width: 100%;
  z-index: 99999;
  transition: all 300ms ease-in-out;
}
.logged-in.admin-bar header.IGB_main_header {
  top: 32px;
}
@media (min-width: 60rem) {
  header.IGB_main_header {
    margin-bottom: -5.125rem;
  }
}
header.IGB_main_header .site_logo {
  background: #FFFFFF;
  padding: 0.5em 1em 0.5em 1em;
  border-radius: 0 0 10px 10px;
  box-shadow: -1px 1px 2px rgba(0, 0, 0, 0.3);
  flex: none;
  margin: 0 0.3em -0.85em 1em;
  position: relative;
  z-index: 99999;
}
header.IGB_main_header .flex_container {
  display: flex;
  width: 100%;
  margin: 0 auto;
  background: rgba(255, 255, 255, 0.95);
}
header.IGB_main_header .logo_and_main_nav {
  position: relative;
}

.hamburger[aria-expanded=true] .hamburger__top-bun { /* stylelint-disable-line selector-max-specificity */
  top: 0.6875rem;
  transform: rotate(45deg);
}
.hamburger[aria-expanded=true] .hamburger__patty { /* stylelint-disable-line selector-max-specificity */
  opacity: 0;
  width: 0;
}
.hamburger[aria-expanded=true] .hamburger__bottom-bun { /* stylelint-disable-line selector-max-specificity */
  bottom: 0.625rem;
  transform: rotate(-45deg);
}
@media (min-width: 60rem) {
  .hamburger {
    display: none;
  }
}

.hamburger__inner-wrapper {
  display: flex;
  flex-direction: column;
  height: 1.5rem;
  justify-content: space-between;
  width: 1.8125rem;
}

.hamburger__top-bun,
.hamburger__patty,
.hamburger__bottom-bun {
  background-color: #5E3A7E;
  height: 0.125rem;
  opacity: 1;
  position: relative;
  transform: rotate(0);
  transform-origin: center;
  transition: transform 200ms ease-in-out;
  width: 1.8125rem;
}

.hamburger__top-bun {
  top: 0;
}

.hamburger__bottom-bun {
  bottom: 0;
}

/*
Header Navigation

Primary global header navigation

markup: header-nav.hbs

data: header-nav.json

Styleguide header.nav
*/
.header-nav {
  display: flex;
  margin: 0;
}
@media (min-width: 60rem) {
  .header-nav {
    flex: 1 1 auto;
  }
}

.header-nav__inner-wrapper {
  background-color: #FFFFFF;
  display: none;
  left: 0;
  position: absolute;
  top: 5.125rem;
  width: 100%;
  z-index: 3;
}
.admin-bar .header-nav__inner-wrapper {
  top: 8rem;
}
@media (min-width: 48.9375rem) {
  .admin-bar .header-nav__inner-wrapper {
    top: 7.125rem;
  }
}
@media (min-width: 60rem) {
  .header-nav__inner-wrapper {
    display: flex;
    padding: 0;
    position: static;
    flex: 1 1 auto;
    left: unset;
    top: unset;
  }
}
.header-nav__inner-wrapper .menu-main-menu-container {
  flex: 1 1 auto;
}

/* stylelint-disable selector-max-specificity */
.header-menu {
  border-top: 1px solid #5E3A7E;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  margin: 0rem 0rem 1.875rem 0rem;
  padding: 0;
  width: 100%;
}
@media (min-width: 25rem) {
  .header-menu {
    justify-content: flex-start;
  }
}
@media (min-width: 60rem) {
  .header-menu {
    align-items: center;
    border: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
  }
}
.header-menu .menu-item {
  border-bottom: 1px solid #5E3A7E;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0;
  position: relative;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 60rem) {
  .header-menu .menu-item {
    border: none;
    width: auto;
    white-space: nowrap;
  }
}
.header-menu .menu-item a {
  display: block;
  padding: 1.25rem 0rem;
}
@media (min-width: 60rem) {
  .header-menu .menu-item a {
    padding: 0;
  }
}
.header-menu .menu-item.current-menu-item a {
  color: #f2566e;
}
.header-menu > .menu-item:nth-last-of-type(-3n+3) {
  margin-bottom: 1.875rem;
}
@media (min-width: 60rem) {
  .header-menu > .menu-item:nth-last-of-type(-3n+3) {
    margin-bottom: 0;
  }
}
.header-menu > .menu-item:nth-last-of-type(-n+2) {
  border: none;
  max-width: 7.8125rem;
  width: calc(50% - 1.875rem);
  margin: auto 6px !important;
}
@media (min-width: 48rem) {
  .header-menu > .menu-item:nth-last-of-type(-n+2) {
    margin-right: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .header-menu > .menu-item:nth-last-of-type(-n+2) {
    margin-right: 0;
    width: auto;
  }
}
.header-menu > .menu-item:nth-last-of-type(-n+2) a {
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0rem 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #5E3A7E;
  color: #FFFFFF;
  display: block;
}
.header-menu > .menu-item.search-icon {
  border: none;
  margin-right: 1.875rem;
  max-width: 1.875rem;
}
.header-menu > .menu-item.search-icon a {
  display: none;
}
.header-menu > .menu-item.search-icon a.jetpack-search-filter__link {
  display: block;
  content: "";
  width: 25px;
  overflow: hidden;
  font-size: 1px;
  color: white;
  display: block;
}
.header-menu > .menu-item.search-icon a.jetpack-search-filter__link:after {
  background-image: url("assets/dist/images/icon-search.svg");
  background-repeat: no-repeat;
  background-size: 25px;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
}
.header-menu > .menu-item.search-icon a.jetpack-search-filter__link:after svg path {
  fill: #5E3A7E;
}
.header-menu > .menu-item:last-of-type {
  margin-right: 0;
}
.header-menu .menu-item-has-children {
  position: relative;
}
.header-menu .menu-item-has-children > a {
  position: relative;
}
.header-menu .sub-menu {
  box-shadow: 0rem 0.125rem 0.125rem 0.0625rem rgba(0, 0, 0, 0.2);
  display: none;
  list-style-type: none;
  margin: 0;
  min-width: 11.875rem;
  padding: 0.625rem 1.25rem 1.25rem 1.25rem;
  position: relative;
}
@media (min-width: 60rem) {
  .header-menu .sub-menu {
    position: absolute;
    right: -0.46875rem;
    top: calc(100% + 0.9375rem);
  }
}
.header-menu .sub-menu::before {
  background: transparent url("assets/dist/images/triangle-top-966D95.svg") center/contain no-repeat;
  content: "";
  display: block;
  height: 0.75rem;
  position: absolute;
  right: 0;
  top: -0.75rem;
  width: 1.5rem;
}
.header-menu .sub-menu .menu-item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
  color: #FFFFFF;
  margin: 0;
}
.header-menu .sub-menu .menu-item a {
  padding: 0.625rem 0rem;
}
.header-menu .sub-menu .menu-item a::after {
  background: transparent url("assets/dist/images/icon-arrow-right-white.svg") center/contain no-repeat;
  content: "";
  display: block;
  height: 0.75rem;
  opacity: 0.5;
  position: absolute;
  right: 0;
  top: calc(50% - 0.375rem);
  width: 0.5rem;
}

/* stylelint-enable */
.header-nav__search-link {
  display: none;
  fill: #5E3A7E;
  height: 1.75rem;
  padding: 0.3125rem 0rem 0.3125rem 0.3125rem;
  width: 1.5rem;
}
@media (min-width: 60rem) {
  .header-nav__search-link {
    display: block;
    flex: 0 1 auto;
    margin-left: 1.25rem;
  }
}

.header-nav-search {
  margin: 0;
  padding: 0rem 0rem 1.875rem 0.3125rem;
  position: relative;
}
@media (min-width: 48rem) {
  .header-nav-search {
    bottom: 0;
    position: absolute;
    right: 1.875rem;
    width: calc(100% - 26.875rem);
  }
}
@media (min-width: 60rem) {
  .header-nav-search {
    display: none;
  }
}

.header-nav-search__input {
  background-color: transparent;
  border-bottom: 1px solid #5E3A7E;
  height: 2.1875rem;
  padding-left: 1.5625rem;
  width: 100%;
  box-shadow: unset;
  outline: none;
}

.header-nav-search__icon {
  fill: #5E3A7E;
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.25rem;
}

.header-menu.main-site .menu-item {
  text-transform: capitalize;
  margin: 0 6px;
}
.header-menu.main-site > .menu-item:nth-last-of-type(-n+2) a {
  border-radius: 4px;
  background-color: #5E3A7E;
  color: #ffffff;
}
.header-menu.main-site > .menu-item:last-of-type a {
  border-radius: 4px;
  background-color: #ffffff;
  color: #5E3A7E;
  border: 1px solid #5E3A7E;
}

/* stylelint-disable selector-max-specificity */
.header-menu {
  border-top: 1px solid #5E3A7E;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  list-style-type: none;
  margin: 0rem 0rem 1.875rem 0rem;
  padding: 0;
  width: 100%;
}
@media (min-width: 25rem) {
  .header-menu {
    justify-content: flex-start;
  }
}
@media (min-width: 60rem) {
  .header-menu {
    align-items: center;
    border: none;
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin: 0;
  }
}
.header-menu > .menu-item.search-icon {
  border: none;
  margin-right: 1.875rem;
  max-width: 1.875rem;
}
.header-menu > .menu-item.search-icon a {
  display: none;
}
.header-menu > .menu-item.search-icon a.jetpack-search-filter__link {
  display: block;
  content: "";
  width: 25px;
  overflow: hidden;
  font-size: 1px;
  color: white;
  display: block;
}
.header-menu > .menu-item.search-icon a.jetpack-search-filter__link:after {
  background-image: url("assets/dist/images/icon-search.svg");
  background-repeat: no-repeat;
  background-size: 25px;
  content: "";
  display: block;
  height: 25px;
  width: 25px;
}
.header-menu > .menu-item.search-icon a.jetpack-search-filter__link:after svg path {
  fill: #5E3A7E;
}

/* stylelint-enable */
.header-nav__search-link {
  display: none;
  fill: #5E3A7E;
  height: 1.75rem;
  padding: 0.3125rem 0rem 0.3125rem 0.3125rem;
  width: 1.5rem;
}
@media (min-width: 60rem) {
  .header-nav__search-link {
    display: block;
    flex: 0 1 auto;
    margin-left: 1.25rem;
  }
}

.header-nav-search {
  margin: 0;
  padding: 0rem 0rem 1.875rem 0.3125rem;
  position: relative;
}
@media (min-width: 48rem) {
  .header-nav-search {
    bottom: 0;
    position: absolute;
    right: 1.875rem;
    width: calc(100% - 26.875rem);
  }
}
@media (min-width: 60rem) {
  .header-nav-search {
    display: none;
  }
}

.header-nav-search__input {
  background-color: transparent;
  border-bottom: 1px solid #5E3A7E;
  height: 2.1875rem;
  padding-left: 1.5625rem;
  width: 100%;
  box-shadow: unset;
  outline: none;
}

.header-nav-search__icon {
  fill: #5E3A7E;
  height: 1.25rem;
  left: 0;
  position: absolute;
  top: 0;
  width: 1.25rem;
}

.header-menu.main-site .menu-item {
  text-transform: capitalize;
  margin: 0 6px;
}

/*******************************
******* new nav  -- utility ***
*******************************/
.IGB_utility_navigation {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: rgb(154, 48, 106);
  background: linear-gradient(90deg, rgb(154, 48, 106) 0%, rgb(108, 46, 107) 7%, rgb(88, 38, 107) 13%, rgb(88, 38, 107) 41%, rgb(46, 149, 185) 78%, rgb(251, 173, 65) 100%);
  width: 100%;
  text-align: right;
  z-index: 99999;
}
.IGB_utility_navigation ul,
.IGB_utility_navigation li {
  margin: 0;
  padding: 0;
  list-style: none;
}
.IGB_utility_navigation ul {
  padding: 0 2em 0 200px;
  display: flex;
  justify-content: flex-end;
}
.IGB_utility_navigation li {
  display: inline-block;
  border-left: 1px solid rgba(255, 255, 255, 0.5);
  transition: all 250ms ease-in-out;
}
.IGB_utility_navigation li a {
  font-size: 83%;
  text-decoration: none;
  font-weight: bold;
  color: #fff;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  padding: 3px 1.2em;
  display: block;
  margin: 0;
  line-height: 1;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
}
.IGB_utility_navigation li a:hover, .IGB_utility_navigation li a:focus, .IGB_utility_navigation li a:target {
  background: rgba(88, 38, 107, 0.5);
}
.IGB_utility_navigation li.donate_button, .IGB_utility_navigation li:last-child {
  border-left: none;
}
.IGB_utility_navigation li.donate_button a, .IGB_utility_navigation li:last-child a {
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.7);
  background: #5E3A7E;
  border-radius: 0 0 12px 12px;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  border: 1px solid #492d62;
}
.IGB_utility_navigation li.donate_button a:hover, .IGB_utility_navigation li.donate_button a:focus, .IGB_utility_navigation li.donate_button a:target, .IGB_utility_navigation li:last-child a:hover, .IGB_utility_navigation li:last-child a:focus, .IGB_utility_navigation li:last-child a:target {
  background: #fff;
  color: #5E3A7E;
  text-shadow: none;
}

/*******************************
******* new nav  -- main ***
*******************************/
.IGB_main_navigation {
  flex: 1;
  height: 100%;
  padding-top: 0.8rem;
}
.IGB_main_navigation ul.mega_menu {
  margin: 0.5em 0 0 0;
  padding: 0;
  height: 100%;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  position: initial;
}
.IGB_main_navigation ul.mega_menu > li {
  flex: 1;
  border-bottom: 3px solid transparent;
  transition: all 250ms ease-in-out;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
}
.IGB_main_navigation ul.mega_menu > li:hover, .IGB_main_navigation ul.mega_menu > li:focus-visible {
  border-bottom: 3px solid #5E3A7E;
}
.IGB_main_navigation ul.mega_menu > li > a {
  border-left: 1px solid rgba(94, 58, 126, 0.4);
  height: 100%;
  min-height: 47px;
  display: flex;
  flex-direction: column;
  justify-content: center;
}
.IGB_main_navigation ul.mega_menu > li a {
  width: 100%;
  transition: all 250ms ease-in-out;
}
.IGB_main_navigation ul.mega_menu > li a.dropdown_toggle {
  width: 2em;
  border-left: 1px solid rgba(251, 173, 65, 0.35);
}
.IGB_main_navigation ul.mega_menu > li a.dropdown_toggle svg.fa-caret-left {
  fill: #5E3A7E;
  width: 1em;
  padding: 0;
  transition: all 200ms ease-in-out;
  align-self: flex-end;
}
.IGB_main_navigation ul.mega_menu > li a:hover, .IGB_main_navigation ul.mega_menu > li a:focus {
  background: #FBAD41;
}
.IGB_main_navigation ul.mega_menu > li.menu-item-has-children ul.sub-menu {
  position: absolute;
  left: 0;
  top: 100%;
  display: flex;
  width: 100%;
  padding: 1.75em 2em;
  background: rgba(255, 255, 255, 0.6);
  max-height: 75vh;
  overflow-y: auto;
  backdrop-filter: blur(8px);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.7);
  opacity: 0;
  transition: opacity 150ms ease-in-out;
}
.IGB_main_navigation ul.mega_menu > li.menu-item-has-children.open svg.fa-caret-left {
  transform: rotate(-90deg);
}
.IGB_main_navigation ul.mega_menu > li.menu-item-has-children.open ul.sub-menu {
  opacity: 1;
}
.IGB_main_navigation a {
  color: #5E3A7E;
  text-decoration: none;
  display: block;
  padding: 0.7em 1em 0.45em 2em;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.7);
  line-height: 1.05;
  font-weight: bold;
}
.IGB_main_navigation a:focus-visible {
  background: #FBAD41;
}
.IGB_main_navigation a span {
  font-size: 65%;
  margin-top: 0;
  text-transform: uppercase;
  font-weight: normal;
  line-height: 0.97;
}
.IGB_main_navigation a span:before, .IGB_main_navigation a span:after {
  content: "";
  clear: both;
  display: table;
}
.IGB_main_navigation ul.sub-menu li.menu-item-type-sidebar {
  width: 100%;
  margin: 0;
  padding: 0;
  display: block;
}
.IGB_main_navigation .menuizer-container {
  display: flex;
  width: 100%;
}
.IGB_main_navigation .menuizer-container.menuizer-stack-vertical {
  flex-direction: column;
}
.IGB_main_navigation .menuizer-container.menuizer-stack-horizontal {
  flex-direction: row;
}
.IGB_main_navigation .menuizer-container div.widget {
  flex: 1;
  padding: 0.5em 1em;
  border-left: 1px solid rgba(94, 58, 126, 0.2);
}
.IGB_main_navigation .menuizer-container div.widget li svg {
  width: auto;
  margin-right: 6px;
}
.IGB_main_navigation .menuizer-container div.widget:first-child {
  padding-left: 0;
  border-left: none;
}
.IGB_main_navigation .menuizer-container div.widget:last-child {
  padding-right: 0;
}
.IGB_main_navigation .menuizer-container div.mejs-inner div.mejs-mediaelement div.mejs-iframe-overlay {
  display: none;
}

#mobile_menu_toggle {
  display: none;
  transform: skewX(0deg);
  z-index: 99999;
  transition: all 300ms ease-in-out;
  fill: #fff;
  width: 30px;
  height: 30px;
}
#mobile_menu_toggle svg {
  width: auto;
  padding: 10px;
}
#mobile_menu_toggle svg rect {
  transition: all 300ms ease-in-out;
}
#mobile_menu_toggle.menu_open #menu__bar-middle {
  transform: scale(0);
  opacity: 0;
}
#mobile_menu_toggle.menu_open #menu__bar-bottom {
  transform: rotate(47deg) translate(2px, -2px);
}
#mobile_menu_toggle.menu_open #menu__bar-top {
  transform: rotate(-47deg) translate(-15px, 14px);
}

#mobile_menu_panel {
  display: none;
}

@media (max-width: 47.9375rem) {
  #mobile_menu_toggle {
    display: inline-block;
    margin-right: 20px;
    z-index: 9999;
  }
  body.mobile_menu_is_open {
    overflow: hidden;
  }
  .IGB_utility_navigation {
    min-height: 3rem;
  }
  .IGB_utility_navigation ul#menu-utility-navigation {
    display: none;
  }
  .IGB_main_navigation ul#menu-new-main-navigation {
    display: none;
  }
  header.IGB_main_header {
    transition: all 100ms ease-in-out;
  }
  header.IGB_main_header.mobile_menu_open {
    z-index: 99999;
    height: 100vh;
    margin-bottom: -100vh;
    background: rgba(94, 58, 126, 0.8);
    backdrop-filter: blur(8px);
    transition: none;
    overflow-y: scroll;
    padding-bottom: 3em;
  }
  header.IGB_main_header.mobile_menu_open .logo_and_main_nav.flex_container {
    display: block;
    background: none;
  }
  header.IGB_main_header.mobile_menu_open .logo_and_main_nav.flex_container .site_logo {
    display: inline-block;
    z-index: 99999;
  }
  header.IGB_main_header.mobile_menu_open .IGB_utility_navigation {
    z-index: 99999;
  }
  header.IGB_main_header.mobile_menu_open .IGB_utility_navigation #menu-utility-navigation {
    position: absolute;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    justify-content: space-evenly;
    z-index: 9999;
    margin-top: 0.75em;
  }
  header.IGB_main_header.mobile_menu_open .IGB_utility_navigation #menu-utility-navigation li {
    flex: 1;
    text-align: center;
    border-right: 1px solid rgba(0, 0, 0, 0.25);
    border-bottom: 1px solid rgba(0, 0, 0, 0.45);
    border-top: 1px solid rgba(255, 255, 255, 0.2);
    background: rgba(94, 58, 126, 0.5);
    border-radius: 5px;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation {
    display: block;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu {
    display: block;
    margin-top: 2rem;
    flex-wrap: wrap;
    align-items: flex-start;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation a,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu a {
    color: #fff;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4);
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li {
    display: flex;
    flex-wrap: wrap;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li > a,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li > a {
    font-size: 150%;
    flex: 1;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li > a.dropdown_toggle,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li > a.dropdown_toggle {
    max-width: 130px;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li.menu-item-has-children,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li.menu-item-has-children {
    position: relative;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li.menu-item-has-children ul.sub-menu,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li.menu-item-has-children ul.sub-menu {
    position: relative;
    flex-basis: 100%;
    background: rgba(0, 0, 0, 0.1);
    color: rgba(255, 255, 255, 0.7);
    box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.8);
    border-bottom: 1px solid rgba(255, 255, 255, 0.5);
    margin-right: 2em;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li.menu-item-has-children ul.sub-menu .menuizer-container.menuizer-stack-horizontal,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li.menu-item-has-children ul.sub-menu .menuizer-container.menuizer-stack-horizontal {
    flex-direction: column;
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li.menu-item-has-children ul.sub-menu .menuizer-container.menuizer-stack-horizontal div.widget,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li.menu-item-has-children ul.sub-menu .menuizer-container.menuizer-stack-horizontal div.widget {
    border-left: none;
    border-right: none;
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
  }
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul#menu-new-main-navigation > li.menu-item-has-children ul.sub-menu .menuizer-container.menuizer-stack-horizontal div.widget:first-child,
  header.IGB_main_header.mobile_menu_open .IGB_main_navigation ul.mega_menu > li.menu-item-has-children ul.sub-menu .menuizer-container.menuizer-stack-horizontal div.widget:first-child {
    border-top: 1px solid rgba(255, 255, 255, 0.3);
  }
}
header.IGB_main_header nav.IGB_main_navigation ul#menu-new-main-navigation.mega_menu > li:first-child {
  display: none;
}

.search-overlay {
  display: none;
}

.search-overlay__form {
  margin: 1.875rem auto 0rem auto;
  max-width: 61.25rem;
  padding: 0rem 0.625rem;
  position: relative;
  width: 100%;
}
.search-overlay__form .search-overlay__input {
  padding: 0rem 1.5625rem;
}

.search-overlay__input {
  background-color: transparent;
  border-bottom: 1px solid #5E3A7E;
  height: 2.1875rem;
  width: 100%;
  box-shadow: unset;
  outline: none;
}

.search-overlay__icon {
  fill: #5E3A7E;
  height: 1rem;
  left: 0.625rem;
  position: absolute;
  top: calc(50% - 0.625rem);
  width: 1rem;
}

.search-overlay__close {
  display: block;
  height: 0.75rem;
  padding: 0;
  position: absolute;
  right: 0.625rem;
  top: calc(50% - 0.375rem);
  width: 0.75rem;
}
.search-overlay__close svg {
  stroke: #5E3A7E;
}

/*
Footer

It Gets Better Global Footer

markup: footer.hbs

data: footer.json

Styleguide footer
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .story-grid--about .story-grid__item, .video-river--about .video-river__caption, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

.site-footer {
  background-color: #2E2037;
  color: #FFFFFF;
  font-size: 0.75rem;
  position: relative;
  width: 100%;
}
@media (min-width: 60rem) {
  .site-footer {
    font-size: 0.625rem;
  }
}

.footer__inner-wrapper {
  margin: 0 auto;
  max-width: 65rem;
  padding-bottom: 5.3125rem;
  padding-top: 1.875rem;
}
@media (min-width: 60rem) {
  .footer__inner-wrapper {
    padding-bottom: 5rem;
    padding-top: 5rem;
  }
}

.footer-nav {
  margin-bottom: 5rem;
}
@media (min-width: 48rem) {
  .footer-nav {
    display: flex;
    justify-content: space-between;
  }
}
@media (min-width: 60rem) {
  .footer-nav {
    align-items: center;
  }
}

/* stylelint-disable selector-max-specificity */
.footer-menu {
  font-weight: 600;
  margin-bottom: 1.25rem;
}
@media (min-width: 48rem) {
  .footer-menu {
    display: flex;
    flex-wrap: wrap;
    width: calc(100% - -11.875rem);
  }
}
@media (min-width: 60rem) {
  .footer-menu {
    align-items: center;
    display: flex;
    flex: 1 0 auto;
    justify-content: space-between;
    margin-bottom: 0;
    margin-right: 3.125rem;
    width: auto;
  }
}
.footer-menu .menu-item {
  margin: 0.625rem 0rem;
  text-transform: uppercase;
}
.footer-menu .menu-item:first-of-type {
  margin-top: 0;
}
@media (min-width: 48rem) {
  .footer-menu .menu-item {
    flex: 1 0 auto;
    margin: 0rem 1.875rem 2.5rem 0rem;
  }
}
@media (min-width: 60rem) {
  .footer-menu .menu-item {
    margin: 0;
  }
}

/* stylelint-enable */
@media (min-width: 48rem) {
  .footer-nav__dropdown-wrapper {
    width: 13.75rem;
  }
}
@media (min-width: 60rem) {
  .footer-nav__dropdown-wrapper {
    display: flex;
    width: auto;
  }
}

.footer-dropdown {
  display: block;
  margin: 0;
  position: relative;
  width: 13.75rem;
  z-index: 2;
}
.footer-dropdown select.footer-dropdown--countries-select {
  color: #ffffff;
  background-color: transparent;
  font-size: 12px;
  height: 100%;
  width: 9.6875rem;
  padding-left: 10px;
  padding-right: 10px;
}
.footer-dropdown select.footer-dropdown--countries-select:focus, .footer-dropdown select.footer-dropdown--countries-select:focus-visible, .footer-dropdown select.footer-dropdown--countries-select:active {
  outline: none;
}
@media (min-width: 60rem) {
  .footer-dropdown {
    width: 8.75rem;
  }
}
.footer-dropdown:first-of-type {
  margin-bottom: 1.25rem;
}
@media (min-width: 60rem) {
  .footer-dropdown:first-of-type {
    margin-bottom: 0;
  }
}
.footer-dropdown:not(:last-of-type) {
  margin-right: 1.25rem;
}
.footer-dropdown::after {
  background-image: url("assets/dist/images/icon-arrow-down-white.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 0.375rem;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  right: 0.625rem;
  top: calc(50% - 0.1875rem);
  width: 0.625rem;
  z-index: 3;
}

.footer-dropdown.sub-site {
  background-color: #5F516B;
  margin-right: 1.25rem;
}
.footer-dropdown.sub-site select.footer-dropdown--countries-select {
  font-size: 0.75rem;
  height: auto;
  margin: 0;
  padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  width: 13.75rem;
}
@media (min-width: 60rem) {
  .footer-dropdown.sub-site select.footer-dropdown--countries-select {
    font-size: 0.625rem;
    padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
    width: 8.75rem;
  }
}

.footer-dropdown__heading {
  background-color: #5F516B;
  color: #FFFFFF;
  padding: 0.625rem 1.875rem 0.625rem 0.625rem;
  text-align: left;
  width: 100%;
}
@media (min-width: 60rem) {
  .footer-dropdown__heading {
    padding: 0.3125rem 1.875rem 0.3125rem 0.625rem;
  }
}

.footer-dropdown__menu {
  background-color: #493C53;
  display: none;
  left: 0;
  max-height: 8.75rem;
  overflow-y: scroll;
  padding: 0rem 0.625rem;
  position: absolute;
  top: 100%;
  width: 100%;
}
.footer-dropdown__menu[aria-hidden=false] {
  display: block;
}

.footer-dropdown__item {
  border-bottom: 1px solid rgba(255, 255, 255, 0.2);
}
.footer-dropdown__item a {
  display: block;
  padding: 0.3125rem 0rem;
}

.partners__heading {
  color: rgba(255, 255, 255, 0.6);
  font-size: 1.375rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 2.1875rem;
  text-align: center;
}

.partners__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0rem auto 4.0625rem auto;
  max-width: 17.5rem;
}
@media (min-width: 48rem) {
  .partners__list {
    max-width: 38.75rem;
  }
}
@media (min-width: 60rem) {
  .partners__list {
    max-width: none;
    width: 100%;
  }
}

.partners__item {
  margin-bottom: 1.25rem;
  max-height: 3.4375rem;
  max-width: 4.5625rem;
  width: 33.3333333333%;
}
.partners__item img {
  margin: 0 auto;
  max-height: 3.4375rem;
  width: auto;
}
@media (min-width: 48rem) {
  .partners__item {
    max-width: none;
    width: 25%;
  }
  .partners__item img {
    max-width: 70%;
  }
}
@media (min-width: 60rem) {
  .partners__item {
    max-width: 8.4375rem;
    width: auto;
    margin: 0.625rem;
  }
  .partners__item img {
    max-width: 100%;
  }
}

.major-partners__heading {
  color: rgba(255, 255, 255, 0.6);
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-align: center;
}

.legacy-partners .partners__item {
  max-width: 12.8125rem;
  max-height: none;
  width: auto;
}
.legacy-partners .partners__item img {
  margin: 0 auto;
  width: auto;
  max-width: 12.8125rem;
}

.major-partners__list {
  align-items: center;
  display: flex;
  justify-content: center;
  margin: 0rem auto 4.0625rem auto;
  max-width: 25rem;
}

.major-partners__item:nth-of-type(2) {
  margin: 0rem 1.25rem;
  max-width: 6.5625rem;
}
@media (min-width: 48rem) {
  .major-partners__item:nth-of-type(2) {
    margin: 0rem 2.5rem;
  }
}
.major-partners__item .default-partner-item {
  max-width: 7.5rem;
}

.site-footer__legal-text {
  text-align: center;
}
.site-footer__legal-text a {
  text-decoration: underline;
}

.site-footer__rainbow-corner {
  bottom: 0;
  display: block;
  height: 5.3125rem;
  position: absolute;
  right: 0;
  width: 5.3125rem;
}

.footer__translate {
  cursor: pointer;
  display: block;
  margin: 0;
  overflow-x: hidden;
  position: relative;
  width: 13.75rem;
}
@media (min-width: 60rem) {
  .footer__translate {
    width: 8.75rem;
  }
}
.footer__translate:first-of-type {
  margin-bottom: 1.25rem;
}
@media (min-width: 60rem) {
  .footer__translate:first-of-type {
    margin-bottom: 0;
  }
}
.footer__translate:not(:last-of-type) {
  margin-right: 1.25rem;
}
.footer__translate::after {
  background-image: url("assets/dist/images/icon-arrow-down-white.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 0.375rem;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  right: 0.625rem;
  top: calc(50% - 0.1875rem);
  width: 0.625rem;
}

.goog-logo-link {
  display: none;
}

.goog-te-gadget {
  display: flex;
  visibility: collapse;
}
.goog-te-gadget > span {
  display: none;
}

/* stylelint-disable declaration-no-important */
.goog-te-combo {
  align-items: center;
  background-color: #5F516B !important;
  border: none !important;
  color: #FFFFFF !important;
  display: flex !important;
  font-family: "Poppins", sans-serif !important;
  font-size: 0.75rem !important;
  height: auto;
  margin: 0 !important;
  padding: 0.625rem 1.875rem 0.625rem 0.625rem !important;
  visibility: visible;
  width: 13.75rem;
}
@media (min-width: 60rem) {
  .goog-te-combo {
    font-size: 0.625rem !important;
    padding: 0.3125rem 1.875rem 0.3125rem 0.625rem !important;
    width: 8.75rem;
  }
}
.goog-te-combo::-ms-expand {
  display: none;
}

/* stylelint-enable */
.social-connect__list {
  margin-bottom: 3.75rem;
  text-align: center;
}

.social-connect__heading {
  color: rgba(255, 255, 255, 0.6);
  font-size: rem-cald(14);
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-align: center;
}

.social-connect__item {
  display: inline-block;
  margin-right: 1em;
}
.social-connect__item:last-of-type {
  margin-right: 0;
}

.social-connect__icon {
  display: block;
  height: 35px;
  width: 35px;
}
.social-connect__icon svg {
  fill: rgba(255, 255, 255, 0.6);
}
.social-connect__icon:hover svg {
  fill: #FFFFFF;
}

/*
Footer

It Gets Better Global Footer

markup: footer.hbs

data: footer.json

Styleguide footer
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .story-grid--about .story-grid__item, .video-river--about .video-river__caption, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

.site-footer-alternate {
  background: #f4f4f4;
}
.site-footer-alternate .footer__inner-wrapper {
  position: relative;
  padding-bottom: 1rem;
}
.site-footer-alternate .footer_left {
  width: 200px;
  margin: 0 auto 20px;
}
@media (min-width: 48rem) {
  .site-footer-alternate .footer_left {
    position: absolute;
    left: 1.25rem;
    top: 60px;
  }
}
.site-footer-alternate .footer_middle > nav {
  display: flex;
  flex-flow: column wrap;
  margin-bottom: 30px;
  width: 100%;
}
.site-footer-alternate .footer_middle .social-connect {
  border-top: 1px solid rgba(0, 0, 0, 0.3);
  padding-top: 30px;
}
.site-footer-alternate .footer_middle .social-connect ul {
  margin-bottom: 1.25rem;
}
.site-footer-alternate .footer_middle ul.footer-menu {
  margin: 0 auto;
  width: auto;
  display: flex;
  flex-flow: column;
}
@media (min-width: 60rem) {
  .site-footer-alternate .footer_middle ul.footer-menu {
    flex-flow: row nowrap;
  }
}
.site-footer-alternate .footer_middle .footer-menu li {
  font-size: 14px;
  text-transform: capitalize;
  font-weight: 400;
  text-align: center;
  margin: 0 0.375rem;
}
@media (min-width: 75.25rem) {
  .site-footer-alternate .footer_middle .footer-menu li {
    margin: 0 0.9375rem;
  }
}
.site-footer-alternate .footer_middle .footer-nav__dropdown-wrapper {
  justify-content: center;
  display: flex;
  width: auto;
  margin-top: 1.875rem;
}
.site-footer-alternate .footer_middle .footer-dropdown,
.site-footer-alternate .footer_middle .footer__translate {
  display: block;
  margin: 0 10px;
}
.site-footer-alternate .footer_middle .footer-dropdown,
.site-footer-alternate .footer_middle .footer__translate {
  width: 8.75rem;
  color: #ffffff;
  background-color: #5E3A7E;
  border-radius: 4px;
  font-size: 12px;
}
.site-footer-alternate .footer_middle .goog-te-gadget {
  height: 100%;
}
.site-footer-alternate .footer_middle .footer-dropdown__heading,
.site-footer-alternate .footer_middle .footer-dropdown__menu,
.site-footer-alternate .footer_middle .goog-te-combo {
  background-color: #5E3A7E !important;
  height: 100%;
  font-size: 12px !important;
  border-radius: 4px;
}
.site-footer-alternate .footer_middle .goog-te-combo {
  width: 160px;
}
.site-footer-alternate .footer_right {
  margin: 0 auto;
  width: 120px;
}
@media (min-width: 48rem) {
  .site-footer-alternate .footer_right {
    position: absolute;
    right: 1.25rem;
    top: 60px;
  }
}
.site-footer-alternate .footer-side-menu a {
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0rem 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  display: block;
  text-align: center;
  border: 1px solid #5E3A7E;
  border-radius: 4px;
  margin-bottom: 0.5rem;
  white-space: nowrap;
}
.site-footer-alternate .footer-side-menu a:hover, .site-footer-alternate .footer-side-menu a:focus, .site-footer-alternate .footer-side-menu a:active {
  background: #45acce;
  color: #ffffff;
  border-color: #45acce;
}
.site-footer-alternate .footer-side-menu li:first-child a {
  background: #5E3A7E;
  color: #ffffff;
}
.site-footer-alternate .footer-side-menu li:first-child a:hover, .site-footer-alternate .footer-side-menu li:first-child a:focus, .site-footer-alternate .footer-side-menu li:first-child a:active {
  background: #45acce;
  color: #ffffff;
  border-color: #45acce;
}
.site-footer-alternate .site-footer__legal-text {
  font-size: 0.75rem;
  margin-bottom: 0.625rem;
}
@media (min-width: 60rem) {
  .site-footer-alternate .site-footer__legal-text {
    font-size: 0.625rem;
  }
}

.site-footer-alternate .social-connect__icon svg {
  fill: white;
  background: #45acce;
  border-radius: 24px;
}

/*
Story Grid

It Gets Better Global Story Grid

markup: story-grid.hbs

data: story-grid.json

Styleguide story.grid
*/
.story-grid {
  margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
  .story-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
  }
}

.story-grid__item {
  color: #FFFFFF;
  width: 100%;
}
@media (min-width: 48rem) {
  .story-grid__item {
    display: flex;
  }
}
.story-grid__item--primary {
  width: 100%;
}
.story-grid__item--secondary {
  display: flex;
}
.story-grid__item--info {
  display: block;
}
@media (min-width: 48rem) {
  .story-grid__item--secondary, .story-grid__item--info {
    width: 50%;
  }
}
.story-grid__item:nth-last-child(-n+2) .grid-item__content { /* stylelint-disable-line selector-max-specificity */ }
@media (min-width: 48rem) {
  .story-grid__item:nth-last-child(-n+2) .grid-item__content {
    order: -1;
  }
}

.story-grid__item--info {
  font-size: 0.625rem;
  padding: 0;
}
@media (min-width: 48rem) {
  .story-grid__item--info {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .story-grid__item--info {
    font-size: 1.125rem;
  }
}
.story-grid__item--info em {
  font: 400 2.75rem "Libre Baskerville", serif, serif;
  white-space: nowrap;
}
@media (min-width: 60rem) {
  .story-grid__item--info em {
    font-size: 4.5rem;
  }
}

.grid-item__info-spacer {
  height: 0;
  padding-bottom: 50%;
  position: relative;
  width: 100%;
}

.grid-item__info {
  left: 0;
  padding: 1.875rem 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media (min-width: 48rem) {
  .grid-item__info {
    padding: 0rem 1.875rem;
  }
}

.grid-item__thumbnail {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 48rem) {
  .story-grid__item--primary .grid-item__thumbnail {
    width: 50%;
  }
}
.story-grid__item--secondary .grid-item__thumbnail {
  width: 50%;
}

.grid-item__aspect-wrapper--map {
  padding-bottom: 77.7083333333%;
}
.grid-item__aspect-wrapper--map img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
@supports (object-fit: cover) {
  .grid-item__aspect-wrapper--map img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
    width: 100%;
  }
}
@media (min-width: 48rem) {
  .story-grid__item--primary .grid-item__aspect-wrapper {
    padding-bottom: 77.7083333333%;
  }
  .story-grid__item--secondary .grid-item__aspect-wrapper {
    padding-bottom: 100%;
  }
  .grid-item__aspect-wrapper img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
  }
  @supports (object-fit: cover) {
    .grid-item__aspect-wrapper img {
      height: 100%;
      object-fit: cover;
      object-position: 50% 0;
      width: 100%;
    }
  }
}

.grid-item__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.story-grid__item--primary .grid-item__content {
  padding: 1.875rem 0.9375rem;
}
@media (min-width: 48rem) {
  .story-grid__item--primary .grid-item__content {
    padding: 0rem 2.5rem 0rem 3rem;
    width: 50%;
  }
}
.story-grid__item--secondary .grid-item__content {
  padding: 0rem 0.9375rem;
  width: 50%;
}
@media (min-width: 48rem) {
  .story-grid__item--secondary .grid-item__content {
    padding: 0rem 1.25rem 0rem 2.1875rem;
  }
}

.grid-item__header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.grid-item__title {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.9375rem;
  width: 100%;
}
.story-grid__item--primary .grid-item__title {
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__title {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}

.grid-item__label {
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  order: -1;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__label {
    font-size: 0.75rem;
  }
}

.grid-item__excerpt {
  display: none;
  font-size: 0.625rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .grid-item__excerpt {
    display: block;
    font-size: 0.75rem;
  }
}
.story-grid__item--primary .grid-item__excerpt {
  display: block;
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__excerpt {
    font-size: 0.75rem;
    margin-bottom: 2.8125rem;
  }
}

.grid-item__suplimental {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 48rem) {
  .grid-item__suplimental {
    justify-content: flex-start;
  }
}

.grid-item__read-more {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.625rem;
  padding: 0rem 1.125rem;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-size: 0.625rem;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .grid-item__read-more:not(:first-of-type) {
    margin-left: 1.25rem;
  }
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__read-more {
    font-size: 0.75rem;
  }
}

/*
Story Grid

It Gets Better Global Story Grid

markup: story-grid.hbs

data: story-grid.json

Styleguide story.grid
*/
.ambassador-grid-shortcode .post_grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(250px, 1fr));
  grid-gap: 10px;
}
.ambassador-grid-shortcode .post_grid figure.ambassador {
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3);
  background: #fff;
  padding: 1em;
  border-radius: 3px;
  transform: rotate(1deg);
  transition: all 300ms ease-in-out;
}
.ambassador-grid-shortcode .post_grid figure.ambassador:nth-child(odd) {
  transform: rotate(-1deg);
}
.ambassador-grid-shortcode .post_grid figure.ambassador:nth-child(3n) {
  transform: rotate(1.5deg);
}
.ambassador-grid-shortcode .post_grid figure.ambassador:nth-child(5n-1) {
  transform: rotate(-1.75deg);
}
.ambassador-grid-shortcode .post_grid figure.ambassador.card:hover, .ambassador-grid-shortcode .post_grid figure.ambassador.card:focus {
  transform: rotate(0deg) scale(1.1);
  box-shadow: 1px 1px 12px rgba(0, 0, 0, 0.5);
  z-index: 99;
}
.ambassador-grid-shortcode .post_grid figure.ambassador img {
  border-radius: 3px;
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  margin-bottom: 10px;
  border: 1px solid rgba(0, 0, 0, 0.5);
}
.ambassador-grid-shortcode .post_grid figure.ambassador h3 {
  line-height: 1;
  margin: 0;
}
.ambassador-grid-shortcode .post_grid figure.ambassador h3 span {
  font-size: 70%;
  font-weight: normal;
}
.ambassador-grid-shortcode .post_grid figure.ambassador .ambassador_links {
  margin: 0;
}
.ambassador-grid-shortcode .post_grid figure.ambassador .ambassador_links a {
  display: inline-block;
  background-image: url("assets/dist/images/external_link_icon.svg");
  background-repeat: no-repeat;
  background-position: right center;
  background-size: 13px;
  padding-right: 13px;
  margin: 0 0.5em;
}

/*
Take The Pledge Form

It Gets Better Global Take The Pledge Form

markup: form-pledge.hbs

data: form-pledge.json

Styleguide form.pledge
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .story-grid--about .story-grid__item, .video-river--about .video-river__caption, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

.form-wrapper--pledge {
  padding: 3.125rem 0rem 4.6875rem 0rem;
}
@media (min-width: 48rem) {
  .form-wrapper--pledge {
    padding: 4.0625rem 0rem 5.3125rem 0rem;
  }
}
.form-wrapper--pledge .section {
  margin-bottom: 0;
  margin-top: 0;
}

.pledge-content {
  font-size: 0.875rem;
  text-align: center;
  width: 100%;
}
@media (min-width: 48rem) {
  .pledge-content {
    font-size: 1rem;
    margin-bottom: 3.125rem;
  }
}
@media (min-width: 60rem) {
  .pledge-content {
    margin-bottom: 4.6875rem;
  }
}
.pledge-content p:not(.pledge-content__intro) {
  font-weight: 600;
  margin-bottom: 1.25rem;
}
.pledge-content .sharedaddy:last-child {
  display: none;
}

.pledge-content__intro {
  font-size: 1.125rem;
  margin: 0rem auto 3.125rem auto;
  max-width: 27.5rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .pledge-content__intro {
    font-size: 1.5rem;
  }
}
.pledge-content__intro em {
  display: block;
  font: 400 2.75rem "Libre Baskerville", serif, serif;
  white-space: nowrap;
}
@media (min-width: 48rem) {
  .pledge-content__intro em {
    font-size: 4.5rem;
  }
}

.pledge-form__step-one {
  margin-bottom: 2.5rem;
}
@media (min-width: 48rem) {
  .pledge-form__step-one {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3.125rem;
  }
}

.pledge-form__label {
  display: block;
}
.pledge-form__label--input {
  margin-bottom: 1.25rem;
}
@media (min-width: 48rem) {
  .pledge-form__label--input {
    width: calc(50% - 1.875rem);
  }
}
@media (min-width: 60rem) {
  .pledge-form__label--input {
    width: calc(50% - 2.8125rem);
  }
}
.pledge-form__label--select {
  justify-content: center;
  margin: 0 auto 1.25rem;
  position: relative;
}
.pledge-form__label--select::after {
  background-image: url("assets/dist/images/icon-arrow-down-2E2037.svg");
  background-repeat: no-repeat;
  content: "";
  display: block;
  height: 0.375rem;
  opacity: 0.6;
  pointer-events: none;
  position: absolute;
  right: 0.625rem;
  top: calc(50% - -0.4375rem);
  width: 0.625rem;
}

.pledge-form__input {
  display: block;
  height: 2.5rem;
}

.pledge-form__checkbox {
  justify-content: center;
  margin: 0 auto;
}

[for=pledge-legal] a {
  text-decoration: underline;
}

.pledge-form__error-message {
  color: #F2566E;
  font-size: 0.875rem;
  min-height: 1.25rem;
  text-align: center;
}

.section--pledge .contact-form {
  justify-content: space-between;
}
.section--pledge .contact-form .pledge-form__fields {
  margin: 0 auto;
}
.section--pledge .contact-form .grunion-checkbox-multiple-label,
.section--pledge .contact-form .grunion-field-label.checkbox,
.section--pledge .contact-form .grunion-radio-label {
  position: relative;
  padding-left: 2rem;
}
.section--pledge .contact-form .grunion-checkbox-multiple-label:after,
.section--pledge .contact-form .grunion-field-label.checkbox:after,
.section--pledge .contact-form .grunion-radio-label:after {
  height: 1rem;
  width: 1rem;
  background-color: #cebfd8;
  display: inline-block;
  content: "";
  position: absolute;
  left: 0;
}
.section--pledge .contact-form .grunion-radio-label:after {
  border-radius: 100%;
}
.section--pledge .contact-form .grunion-field-radio-wrap,
.section--pledge .contact-form .grunion-field-checkbox-multiple-wrap {
  margin-bottom: 1rem;
}
.section--pledge .contact-form input[type=checkbox] {
  appearance: checkbox;
  width: 20px;
  height: 20px;
  display: none;
  visibility: hidden;
}
.section--pledge .contact-form input[type=radio] {
  appearance: radio;
  width: 20px;
  height: 20px;
  display: none;
  visibility: hidden;
}
.section--pledge .contact-form .contact-submit {
  text-align: center;
  margin: 0 auto;
}
.section--pledge .contact-form .contact-submit button[type=submit] {
  display: inline-block;
}
@media (min-width: 48rem) {
  .section--pledge .contact-form .grunion-field-wrap {
    width: 100%;
    margin: 0 auto 1.25rem;
  }
  .section--pledge .contact-form .grunion-field-wrap .pledge-form__fields {
    width: calc(50% - 2.8125rem);
  }
  .section--pledge .contact-form .grunion-field-select-wrap .pledge-form__fields {
    width: 100%;
  }
  .section--pledge .contact-form .grunion-field-name-wrap,
  .section--pledge .contact-form .grunion-field-email-wrap,
  .section--pledge .contact-form .grunion-field-email-wrap + .grunion-field-text-wrap {
    width: 45%;
    margin-left: 0;
    margin-right: 0;
  }
  .section--pledge .contact-form .grunion-field-name-wrap .pledge-form__fields,
  .section--pledge .contact-form .grunion-field-email-wrap .pledge-form__fields,
  .section--pledge .contact-form .grunion-field-email-wrap + .grunion-field-text-wrap .pledge-form__fields {
    width: 100%;
  }
}

body.main-site .form-wrapper--pledge {
  background-color: #fff;
}
body.main-site .pledge-content__intro em {
  color: #f2566e;
}
body.main-site .pledge-form__submit {
  background-color: #E69F22;
}

.site-wrapper.pledge-taken {
  filter: blur(10px);
  position: relative;
  z-index: 1;
}
.site-wrapper.pledge-taken::after {
  background-color: #FFFFFF;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.overflow {
  overflow-y: scroll;
}

.pledge-modal {
  background-size: cover;
  color: #FFFFFF;
  background-color: #FFFFFF;
  left: 50%;
  min-height: 50vh;
  max-width: 50rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 20;
}
@media (min-width: 48rem) {
  .pledge-modal {
    width: calc(100% - 5rem);
  }
}
@media (min-width: 37.5625rem) {
  .admin-bar .pledge-modal {
    max-height: calc(100vh - 2.875rem);
    top: calc(50% + 1.4375rem);
  }
}
@media (min-width: 48.9375rem) {
  .admin-bar .pledge-modal {
    max-height: calc(100vh - 2rem);
    top: calc(50% + 1rem);
  }
}
.pledge-modal[aria-hidden=false] {
  display: block;
}
.pledge-modal__inner {
  padding: 1.5rem;
}
@media (min-width: 48rem) {
  .pledge-modal__inner {
    padding: 3rem 4rem;
  }
}
.pledge-modal__inner .sharedaddy {
  padding-top: 30px;
}
.pledge-modal__inner .section__header {
  margin: 0 0 1rem;
}
.pledge-modal__inner .section__heading {
  padding: 0;
  font-size: 1.2rem;
}
.pledge-modal__inner .section__heading:after {
  content: none;
}
@media (min-width: 48rem) {
  .pledge-modal__inner .section__heading {
    font-size: 2.25rem;
  }
}
@media (min-width: 48rem) {
  .pledge-modal__inner p, .pledge-modal__inner form {
    max-width: 50%;
  }
}
.pledge-modal__inner form {
  margin-top: 1.5rem;
}
.pledge-modal__inner form input {
  width: 100%;
  padding: 0.75rem 1rem;
}
.pledge-modal__inner form input:first-of-type {
  margin-bottom: 0.75rem;
}
@media (min-width: 48rem) {
  .pledge-modal__inner form input {
    width: 90%;
  }
}
.pledge-modal__inner form button {
  background: #e69f22;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  font-weight: 700;
}
.pledge-modal__inner form fieldset {
  display: none;
}

/*
Form Tabs

It Gets Better Form Tabs

markup: form-tabs.hbs

data: form-tabs.json

Styleguide form.tabs
*/
.form-tabs {
  align-items: center;
  display: flex;
  justify-content: space-between;
  margin: 0rem auto 3.125rem auto;
  max-width: 33.125rem;
}
@media (min-width: 60rem) {
  .form-tabs {
    margin-bottom: 2.5rem;
  }
}
.form-tabs li {
  position: relative;
  width: calc(50% - 0.625rem);
  z-index: 0;
}
@media (min-width: 60rem) {
  .form-tabs li {
    width: calc(50% - 0.9375rem);
  }
}

.form-tabs__tab {
  align-items: center;
  background-color: #5E3A7E;
  color: #FFFFFF;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  height: 3rem;
  justify-content: center;
  text-align: center;
  width: 100%;
}
.form-tabs__tab[aria-selected=true] {
  position: relative;
}
.form-tabs__tab[aria-selected=true]::after {
  bottom: -0.8125rem;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: auto;
  width: 1.625rem;
  background: #7A5688;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
.form-tabs__tab[aria-selected=true]::after {
  z-index: -1;
}
li:nth-child(odd) .form-tabs__tab {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}
li:nth-child(even) .form-tabs__tab {
  background: linear-gradient(to left, #5E3A7E, #966D95);
}
@media (min-width: 60rem) {
  .form-tabs__tab {
    font-size: 0.9375rem;
    height: 2.625rem;
  }
}

.form__panel[aria-hidden=true] {
  display: none;
}

.hero-carousel:not(.initialized) .hero-carousel__slide:not(:first-of-type) {
  display: none;
}

.hero-carousel__controls {
  align-items: center;
  bottom: 3.125rem;
  display: flex;
  justify-content: center;
  left: 0;
  position: absolute;
  right: 0;
  z-index: 1;
}
@media (min-width: 60rem) {
  .hero-carousel__controls {
    bottom: 1.875rem;
  }
}
.hero-carousel__controls button {
  cursor: pointer;
}

.hero-controls__prev,
.hero-controls__next {
  background-image: url("assets/dist/images/icon-arrow-right-white.svg");
  background-repeat: no-repeat;
  background-size: contain;
  height: 0.8125rem;
  width: 0.5rem;
}
@media (min-width: 48rem) {
  .hero-controls__prev,
  .hero-controls__next {
    height: 1rem;
    width: 0.5625rem;
  }
}
@media (min-width: 60rem) {
  .hero-controls__prev,
  .hero-controls__next {
    height: 0.8125rem;
    width: 0.5rem;
  }
}

.hero-controls__prev {
  order: -1;
  transform: rotate(180deg);
}

.hero-controls__next {
  order: 2;
}

.hero-controls__tabs {
  display: flex;
  margin: 0rem 0.625rem;
}

.hero-tabs__item:not(:last-of-type) {
  margin-right: 0.625rem;
}

.hero-tabs__button {
  border: 1px solid #FFFFFF;
  border-radius: 50%;
  display: block;
  height: 0.5rem;
  padding: 0;
  width: 0.5rem;
}
@media (min-width: 48rem) {
  .hero-tabs__button {
    height: 0.625rem;
    width: 0.625rem;
  }
}
@media (min-width: 60rem) {
  .hero-tabs__button {
    height: 0.5rem;
    width: 0.5rem;
  }
}
.hero-tabs__button[aria-selected=true] {
  background-color: #FFFFFF;
}

@media (min-width: 48rem) {
  .single .hero--video {
    height: 0;
    padding-bottom: 56.25%;
  }
}
@media (min-width: 60rem) {
  .single .hero--video {
    height: auto;
    min-height: 25rem;
    padding-bottom: 0;
  }
}
@media (min-width: 75.25rem) {
  .single .hero--video {
    min-height: 31.25rem;
  }
}
@media (min-width: 48rem) {
  .single .hero__figure {
    left: 0;
    min-height: inherit;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 60rem) {
  .single .hero__figure {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
  }
}
@media (min-width: 60rem) {
  .single .hero__figure img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.single .hero-caption__content {
  bottom: 1.25rem;
}

.hero-play {
  display: flex;
}

.hero-play__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.hero-play__text {
  margin-right: 0.3125rem;
}

.hero-play__icon {
  height: 0.625rem;
  width: 0.5rem;
}
.hero-play__icon svg {
  fill: #5E3A7E;
}

/*
Hero

It Gets Better Global Hero

markup: hero.hbs

data: hero.json

Styleguide hero
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .story-grid--about .story-grid__item, .video-river--about .video-river__caption, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before, rule-empty-line-before */
/**
 * Convert px to rem or em
 * Unitless values are assumed to be in px
 *
 * NOTE: px-to-rem is intended as a function for internal use only.
 *	Favor usage of rem-calc over px-to-rem, as rem-calc is more versatile.
 *
 */
/**
 * Convert a list of unitless values (or px) to rem or em
 *
 * $values: single value or list of values
 * $em: should output be in em units?
 * $base-value: font size from which calculations are made
 */
/**
 * Internal helper for setting the point size and position
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Update an existing grid point
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Add a point to a grid item
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Internal pill() padding helper
 *
 * @param {Number} $padding The element's side padding width
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() height helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Update pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Update borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Create a frosted glass effect for modal overlays
 */
/**
 * The loading spinner which doesn't actually spin but whatevers
 *
 * @param {String} $color The spinner's color
 */
/**
 * Maintain icon ratio when changing dimensions
 *
 * Ratios are width / height so the values can be copied from the
 * SVG's viewbox attribute value (the last two values are width & height)
 *
 * @param {Number} $ratio The icon's ratio
 * @param {Boolean} $height The height desired for the icon
 * @param {Boolean} $width The width desired for the icon
 */
/**
 * The hero 'label' above the heading
 */
/**
 * The main hero heading
 */
/* stylelint-enable */
.hero {
  color: #FFFFFF;
  margin-bottom: 0;
  position: relative;
}
.hero--about, .hero--education, .hero--get-help, .hero--media, .hero--opportunities, .hero--post, .hero--glossary, .hero--store {
  margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
  .hero--about, .hero--education, .hero--get-help, .hero--media, .hero--opportunities, .hero--post, .hero--glossary, .hero--store {
    margin-bottom: 4.375rem;
  }
}
@media (min-width: 60rem) {
  .hero--about, .hero--education, .hero--get-help, .hero--media, .hero--opportunities, .hero--post, .hero--glossary, .hero--store {
    margin-bottom: 3.75rem;
  }
}

.hero__figure {
  background-color: #160E1D;
  margin: 0;
  min-height: 32.5rem;
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 48rem) {
  .hero__figure {
    height: 100%;
    min-height: auto;
  }
}
.hero__figure::after {
  background: linear-gradient(0deg, #5E3A7E 16.25rem, transparent 100%);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}
@media (min-width: 48rem) {
  .hero__figure::after {
    background: linear-gradient(90deg, rgba(94, 58, 126, 0.9), transparent);
  }
}
.hero--donate .hero__figure::after, .hero--share-your-story .hero__figure::after, .hero--connect .hero__figure::after {
  background: linear-gradient(0deg, #5E3A7E 16.25rem, transparent 100%);
}
@media (min-width: 48rem) {
  .hero--donate .hero__figure::after, .hero--share-your-story .hero__figure::after, .hero--connect .hero__figure::after {
    background: linear-gradient(90deg, rgba(94, 58, 126, 0.9), transparent);
  }
}

.page-template-default.stories #video-container {
  background: rgb(252, 53, 76); /* fallback for old browsers */
  background: -webkit-linear-gradient(rgb(252, 53, 76), rgb(94, 58, 126)); /* Chrome 10-25, Safari 5.1-6 */
  background: linear-gradient(rgb(252, 53, 76), rgb(94, 58, 126)); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
  height: 100%;
  width: 100%;
  position: absolute;
  opacity: 0.6;
  z-index: 1;
}
.page-template-default.stories .hero__figure::after {
  display: none;
}
@keyframes gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 50% 0%;
  }
}

.hero-caption {
  height: 16.25rem;
  max-width: 61.25rem;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (min-width: 48rem) {
  .hero-caption {
    height: 100%;
    left: 50%;
    position: absolute;
    top: 0;
    transform: translateX(-50%);
  }
}

.hero-caption__header {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
}
@media (min-width: 60rem) {
  .hero-caption__header {
    margin-bottom: 1.875rem;
  }
}

.hero-caption__icon {
  display: block;
  margin-bottom: 1.25rem;
}
.hero--donate .hero-caption__icon {
  height: 1.9098955426rem;
  width: 3rem;
}
.hero--share-your-story .hero-caption__icon {
  height: 1.7142857143rem;
  width: 3rem;
}
.hero--connect .hero-caption__icon {
  height: 1.4759746495rem;
  width: 3rem;
}

.hero-caption__content {
  bottom: 4.375rem;
  left: 1.25rem;
  max-width: calc(100% - 2.5rem);
  position: absolute;
  z-index: 1;
}
.hero-carousel .hero-caption__content {
  bottom: 6.5625rem;
}
@media (min-width: 48rem) {
  .hero-caption__content {
    left: 1.875rem;
    top: 50%;
    transform: translateY(-50%);
  }
}
@media (min-width: 60rem) {
  .hero-caption__content {
    left: 0.625rem;
  }
}

.hero-caption__subheading {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  order: -1;
}
@media (min-width: 48rem) {
  .hero-caption__subheading {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .hero-caption__subheading {
    font-size: 0.75rem;
  }
}
.hero-caption__header--no-reverse .hero-caption__subheading {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  text-transform: none;
  order: 0;
}
@media (min-width: 60rem) {
  .hero-caption__header--no-reverse .hero-caption__subheading {
    font-size: 1.875rem;
  }
}

.hero-caption__heading {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  text-transform: none;
}
@media (min-width: 60rem) {
  .hero-caption__heading {
    font-size: 1.875rem;
  }
}
.hero-caption__header--no-reverse .hero-caption__heading {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
}
@media (min-width: 48rem) {
  .hero-caption__header--no-reverse .hero-caption__heading {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .hero-caption__header--no-reverse .hero-caption__heading {
    font-size: 0.75rem;
  }
}

.hero-caption__video-title {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  text-transform: none;
}
@media (min-width: 60rem) {
  .hero-caption__video-title {
    font-size: 1.875rem;
  }
}

.hero-caption__video-subtitle {
  font-size: 1rem;
  line-height: 1;
}
@media (min-width: 48rem) {
  .hero-caption__video-subtitle {
    font-size: 1.375rem;
  }
}
@media (min-width: 60rem) {
  .hero-caption__video-subtitle {
    font-size: 1.125rem;
  }
}

.hero-caption__video-label {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  order: -1;
}
@media (min-width: 48rem) {
  .hero-caption__video-label {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .hero-caption__video-label {
    font-size: 0.75rem;
  }
}

.hero-caption__description {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 48rem) {
  .hero-caption__description {
    font-size: 0.875rem;
    margin-bottom: 2.1875rem;
    width: 21.25rem;
  }
}
@media (min-width: 60rem) {
  .hero-caption__description {
    font-size: 0.875rem;
    margin-bottom: 1.5625rem;
    width: 28.125rem;
  }
}
@media (min-width: 75.25rem) {
  .hero-caption__description {
    font-size: 0.875rem;
  }
}

.hero-caption__supplemental {
  align-items: center;
  display: flex;
}
.hero-caption__supplemental button,
.hero-caption__supplemental a {
  font-size: 0.6875rem;
}
.hero-caption__supplemental button:not(:last-child),
.hero-caption__supplemental a:not(:last-child) {
  margin-right: 1.25rem;
}
@media (min-width: 48rem) {
  .hero-caption__supplemental button:not(:last-child),
  .hero-caption__supplemental a:not(:last-child) {
    font-size: 0.75rem;
    margin-right: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .hero-caption__supplemental button:not(:last-child),
  .hero-caption__supplemental a:not(:last-child) {
    margin-right: 1.875rem;
  }
}

.hero-link {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.625rem;
  padding: 0rem 1.125rem;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-weight: 600;
}

.hero-link--dark {
  display: block;
}

.hero-cta {
  align-items: center;
  display: flex;
  justify-content: center;
}

.hero-social {
  display: flex;
  justify-content: space-between;
}
@media (min-width: 48rem) {
  .hero-social {
    justify-content: flex-start;
  }
}

@media (min-width: 48rem) {
  .hero-social__item:not(:last-child) {
    margin-right: 1.875rem;
  }
}

.hero-social__link--facebook svg {
  height: 1.5rem;
  width: 1.4545454545rem;
}
@media (min-width: 60rem) {
  .hero-social__link--facebook svg {
    height: 1.1875rem;
    width: 1.1515151515rem;
  }
}
.hero-social__link--twitter svg {
  height: 1.5rem;
  width: 1.7884615385rem;
}
@media (min-width: 60rem) {
  .hero-social__link--twitter svg {
    height: 1.1875rem;
    width: 1.4158653846rem;
  }
}
.hero-social__link--youtube svg {
  height: 1.5rem;
  width: 2.0435967302rem;
}
@media (min-width: 60rem) {
  .hero-social__link--youtube svg {
    height: 1.1875rem;
    width: 1.6178474114rem;
  }
}
.hero-social__link--instagram svg {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 60rem) {
  .hero-social__link--instagram svg {
    height: 1.1875rem;
    width: 1.1875rem;
  }
}
.hero-social__link--tumblr svg {
  height: 1.5rem;
  width: 0.941923775rem;
}
@media (min-width: 60rem) {
  .hero-social__link--tumblr svg {
    height: 1.1875rem;
    width: 0.7456896552rem;
  }
}
.hero-social__link--youtube svg, .hero-social__link--instagram svg, .hero-social__link--tumblr svg {
  fill: #FFFFFF;
}
.hero-social__link--facebook svg, .hero-social__link--twitter svg {
  stroke: #FFFFFF;
}

.videoPlayer__player-active___2rDyf {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
}
.videoPlayer__player-active___2rDyf iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.hero_close {
  background: url("assets/dist/images/icon-close.svg") no-repeat center rgba(0, 0, 0, 0.75);
  cursor: pointer;
  height: 2.5rem;
  left: 1.25rem;
  position: absolute;
  top: 1.25rem;
  width: 2.5rem;
  z-index: 1000;
}
@media (min-width: 60rem) {
  .hero_close {
    left: 0.625rem;
    opacity: 0;
    top: 0.625rem;
    transition: opacity 500ms;
  }
}
@media (min-width: 60rem) {
  .hero:hover .hero_close {
    opacity: 1;
  }
}

.affiliate__banner {
  border: 1px solid #5e3a7e;
  padding: 1em;
  margin-bottom: 2em;
}
.affiliate__banner a {
  text-decoration: underline;
  color: #fff;
  font-weight: bold;
}

/*
Section Header

It Gets Better Global Section Header Module

markup: section-header.hbs

data: section-header.json

Styleguide section.header
*/
.section__header {
  margin-bottom: 1.875rem;
}
@media (min-width: 60rem) {
  .section__header {
    margin-bottom: 2.5rem;
  }
  .section__header--cta {
    margin-bottom: 1.25rem;
  }
}
.section__header--home {
  align-items: flex-end;
  display: flex;
}
.section--video-river .section__header {
  margin-bottom: 1.25rem;
}

.section__heading {
  color: inherit;
  font-size: 0.875rem;
  font-weight: 600;
  padding-bottom: 0.625rem;
  position: relative;
}
@media (min-width: 48rem) {
  .section__heading {
    font-size: 1.125rem;
  }
}
.section__heading--video {
  color: #F2566E;
}
.section__heading--articles, .section__heading--help {
  color: #45ACCE;
}
.section__heading::after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 3.125rem;
}
.section__header--cta .section__heading {
  padding-bottom: 1.25rem;
}
.section__header--cta .section__heading span {
  display: block;
}
@media (min-width: 48rem) {
  .section__header--cta .section__heading span {
    display: inline;
  }
}
.section__header--cta .section__heading::after {
  left: calc(50% - 1.5625rem);
}

/*
Story Grid

It Gets Better Global Story Grid

markup: story-grid.hbs

data: story-grid.json

Styleguide story.grid
*/
.story-grid {
  margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
  .story-grid {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 2.5rem;
  }
}

.story-grid__item {
  color: #FFFFFF;
  width: 100%;
}
@media (min-width: 48rem) {
  .story-grid__item {
    display: flex;
  }
}
.story-grid__item--primary {
  width: 100%;
}
.story-grid__item--secondary {
  display: flex;
}
.story-grid__item--info {
  display: block;
}
@media (min-width: 48rem) {
  .story-grid__item--secondary, .story-grid__item--info {
    width: 50%;
  }
}
.story-grid__item:nth-last-child(-n+2) .grid-item__content { /* stylelint-disable-line selector-max-specificity */ }
@media (min-width: 48rem) {
  .story-grid__item:nth-last-child(-n+2) .grid-item__content {
    order: -1;
  }
}

.story-grid__item--info {
  font-size: 0.625rem;
  padding: 0;
}
@media (min-width: 48rem) {
  .story-grid__item--info {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .story-grid__item--info {
    font-size: 1.125rem;
  }
}
.story-grid__item--info em {
  font: 400 2.75rem "Libre Baskerville", serif, serif;
  white-space: nowrap;
}
@media (min-width: 60rem) {
  .story-grid__item--info em {
    font-size: 4.5rem;
  }
}

.grid-item__info-spacer {
  height: 0;
  padding-bottom: 50%;
  position: relative;
  width: 100%;
}

.grid-item__info {
  left: 0;
  padding: 1.875rem 1.25rem;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
}
@media (min-width: 48rem) {
  .grid-item__info {
    padding: 0rem 1.875rem;
  }
}

.grid-item__thumbnail {
  overflow: hidden;
  position: relative;
  width: 100%;
}
@media (min-width: 48rem) {
  .story-grid__item--primary .grid-item__thumbnail {
    width: 50%;
  }
}
.story-grid__item--secondary .grid-item__thumbnail {
  width: 50%;
}

.grid-item__aspect-wrapper--map {
  padding-bottom: 77.7083333333%;
}
.grid-item__aspect-wrapper--map img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
@supports (object-fit: cover) {
  .grid-item__aspect-wrapper--map img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
    width: 100%;
  }
}
@media (min-width: 48rem) {
  .story-grid__item--primary .grid-item__aspect-wrapper {
    padding-bottom: 77.7083333333%;
  }
  .story-grid__item--secondary .grid-item__aspect-wrapper {
    padding-bottom: 100%;
  }
  .grid-item__aspect-wrapper img {
    display: block;
    left: 0;
    position: absolute;
    top: 0;
  }
  @supports (object-fit: cover) {
    .grid-item__aspect-wrapper img {
      height: 100%;
      object-fit: cover;
      object-position: 50% 0;
      width: 100%;
    }
  }
}

.grid-item__content {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
}
.story-grid__item--primary .grid-item__content {
  padding: 1.875rem 0.9375rem;
}
@media (min-width: 48rem) {
  .story-grid__item--primary .grid-item__content {
    padding: 0rem 2.5rem 0rem 3rem;
    width: 50%;
  }
}
.story-grid__item--secondary .grid-item__content {
  padding: 0rem 0.9375rem;
  width: 50%;
}
@media (min-width: 48rem) {
  .story-grid__item--secondary .grid-item__content {
    padding: 0rem 1.25rem 0rem 2.1875rem;
  }
}

.grid-item__header {
  align-items: flex-start;
  display: flex;
  flex-direction: column;
  width: 100%;
}

.grid-item__title {
  font-size: 0.9375rem;
  font-weight: 600;
  line-height: 1.2;
  margin-bottom: 0.9375rem;
  width: 100%;
}
.story-grid__item--primary .grid-item__title {
  font-size: 1.125rem;
  margin-bottom: 0.9375rem;
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__title {
    font-size: 1.375rem;
    margin-bottom: 1.25rem;
  }
}

.grid-item__label {
  font-size: 0.625rem;
  letter-spacing: 0.2em;
  order: -1;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__label {
    font-size: 0.75rem;
  }
}

.grid-item__excerpt {
  display: none;
  font-size: 0.625rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 60rem) {
  .grid-item__excerpt {
    display: block;
    font-size: 0.75rem;
  }
}
.story-grid__item--primary .grid-item__excerpt {
  display: block;
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__excerpt {
    font-size: 0.75rem;
    margin-bottom: 2.8125rem;
  }
}

.grid-item__suplimental {
  display: flex;
  justify-content: space-between;
  width: 100%;
}
@media (min-width: 48rem) {
  .grid-item__suplimental {
    justify-content: flex-start;
  }
}

.grid-item__read-more {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.625rem;
  padding: 0rem 1.125rem;
  text-align: center;
  text-transform: uppercase;
  display: block;
  font-size: 0.625rem;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .grid-item__read-more:not(:first-of-type) {
    margin-left: 1.25rem;
  }
}
@media (min-width: 60rem) {
  .story-grid__item--primary .grid-item__read-more {
    font-size: 0.75rem;
  }
}

/*
Video River

It Gets Better Global Video River Module

markup: video-river.hbs

data: video-river.json

Styleguide video.river
*/
.overflow-track {
  margin-bottom: 1.875rem;
  margin-left: -0.3125rem;
  -webkit-overflow-scrolling: touch;
  overflow-x: scroll;
  padding: 1.25rem 0.625rem;
}
@media (min-width: 60rem) {
  .overflow-track {
    margin-bottom: 2.5rem;
  }
}
@media (min-width: 60rem) {
  .home .overflow-track {
    overflow: visible;
  }
}

.video-river {
  position: relative;
  white-space: nowrap;
}
.video-river--about {
  margin-bottom: 3.125rem;
  white-space: normal;
}
@media (min-width: 48rem) {
  .video-river--about {
    display: flex;
    justify-content: space-between;
    margin-bottom: 7.5rem;
  }
}
@media (min-width: 60rem) {
  .video-river--about {
    margin-bottom: 5rem;
  }
}
.video-river--results-grid {
  white-space: normal;
}

@media (max-width: 47.9375rem) {
  .section--video-river.no-carousel .video-river {
    display: grid;
    grid-template-columns: 1fr;
    grid-gap: 20px;
    justify-items: center;
  }
}
@media (max-width: 64rem) {
  .section--video-river.no-carousel .video-river .video-river__item {
    margin-right: 0.625rem;
  }
  .section--video-river.no-carousel .video-river .video-river__item:last-child {
    margin-right: 0;
  }
}

.video-river__item {
  box-shadow: 0 0 4px 1px rgba(0, 0, 0, 0.3);
  display: inline-block;
  margin-right: 1.25rem;
  position: relative;
  width: 14.125rem;
}
@media (min-width: 60rem) {
  .video-river__item {
    width: 18.625rem;
  }
}
.video-river__item--results-grid {
  margin-bottom: 1.125rem;
  margin-right: 0;
  width: 100%;
}
@media (min-width: 48rem) {
  .video-river__item--results-grid {
    margin-right: 0.5625rem;
    width: 47%;
  }
}
@media (min-width: 60rem) {
  .video-river__item--results-grid {
    margin-right: 1.125rem;
    width: 31%;
  }
}
.video-river--about .video-river__item {
  margin: 0;
  width: 100%;
}
.video-river--about .video-river__item:only-child { /* stylelint-disable-line selector-max-specificity */
  margin: 0rem auto 2.5rem auto;
}
.video-river--about .video-river__item:not(:last-of-type) {
  margin-bottom: 2.5rem;
}
@media (min-width: 48rem) {
  .video-river--about .video-river__item {
    width: 17.5rem;
  }
  .video-river--about .video-river__item:not(:last-of-type) {
    margin: 0;
  }
}
@media (min-width: 60rem) {
  .video-river--about .video-river__item {
    width: calc(50% - 2.0625rem);
  }
}

.video-river__figure {
  height: 0;
  margin: 0;
  overflow: hidden;
  padding-bottom: 87.1681415929%;
  pointer-events: none;
  position: relative;
}
.video-river__figure img {
  display: block;
  left: 0;
  position: absolute;
  top: 0;
}
@supports (object-fit: cover) {
  .video-river__figure img {
    height: 100%;
    object-fit: cover;
    object-position: 50% 0;
    width: 100%;
  }
}

.video-river__caption {
  bottom: 0;
  color: #FFFFFF;
  left: 0;
  padding: 0.9375rem 1.25rem;
  position: absolute;
  white-space: normal;
  width: 100%;
}
.video-river--about .video-river__caption {
  align-items: center;
  display: flex;
  height: 4.625rem;
}
@media (min-width: 60rem) {
  .video-river--about .video-river__caption {
    height: 5.875rem;
  }
}

.video-river__heading {
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.2;
  overflow: hidden;
  padding-right: 2.1875rem;
  text-overflow: ellipsis;
  white-space: nowrap;
}
@media (min-width: 60rem) {
  .video-river__heading {
    font-size: 1rem;
  }
}
.video-river--about .video-river__heading {
  padding-right: 2.5rem;
}
@media (min-width: 60rem) {
  .video-river--about .video-river__heading {
    padding-right: 3.4375rem;
  }
}

.video-river__label {
  display: block;
  font-size: 0.5625rem;
  font-weight: 400;
}
@media (min-width: 60rem) {
  .video-river__label {
    font-size: 0.6875rem;
  }
}

.video-river__play-icon {
  display: block;
  height: 1.25rem;
  position: absolute;
  right: 0.625rem;
  top: calc(50% - 0.625rem);
  width: 1.25rem;
}
@media (min-width: 60rem) {
  .video-river__play-icon {
    height: 1.875rem;
    right: 1.25rem;
    top: calc(50% - 0.9375rem);
    width: 1.875rem;
  }
}
.video-river--about .video-river__play-icon {
  height: 2.25rem;
  right: 1.25rem;
  top: calc(50% - 1.125rem);
  width: 2.25rem;
}
@media (min-width: 60rem) {
  .video-river--about .video-river__play-icon {
    height: 2.875rem;
    top: calc(50% - 1.4375rem);
    width: 2.875rem;
  }
}
.video-river__play-icon svg {
  stroke: #FFFFFF;
}

@media (min-width: 60rem) {
  .video-grid-shortcode {
    margin: 0 -50%;
  }
}
.video-grid-shortcode .video-river__figure {
  margin-bottom: 0;
}
.video-grid-shortcode h4.video-river__heading {
  margin: 0;
}
.video-grid-shortcode section {
  max-width: 100%;
  padding-left: 0;
  padding-right: 0;
}

/**
 * Contains styles for WP content
 *
 * These should be used for both frontend representations of body content and
 * admin TinyMCE editor styles
 *
 * All article-level nodes should be styled in this partial. A list of these nodes can be found here:
 * https://github.com/WordPress/WordPress/blob/master/wp-includes/kses.php#L61-L415
 */
.post__content {
  /*
  Resize images to fit the main content area.
  - Applies only to images uploaded via WordPress by targeting size-* classes.
  - Other images will be left alone. Use "size-auto" class to apply to other images.
  */
}
.post__content p,
.post__content ul:not(.blocks-gallery-grid),
.post__content ol:not(.blocks-gallery-grid),
.post__content blockquote,
.post__content q,
.post__content pre,
.post__content address,
.post__content area,
.post__content article,
.post__content aside,
.post__content audio,
.post__content code,
.post__content colgroup,
.post__content div,
.post__content details,
.post__content figure,
.post__content footer,
.post__content form,
.post__content h1,
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5,
.post__content h6,
.post__content header,
.post__content hgroup,
.post__content hr,
.post__content img,
.post__content section,
.post__content table,
.post__content summary,
.post__content video {
  margin-bottom: 2em;
}
.post__content h1,
.post__content h2,
.post__content h3,
.post__content h4,
.post__content h5,
.post__content h6,
.post__content big {
  font-size: large;
  font-weight: 700;
}
.post__content hr {
  border: 1px solid gray;
}
.post__content b,
.post__content strong {
  font-weight: 700;
}
.post__content em,
.post__content i {
  font-style: italic;
}
.post__content blockquote {
  font-style: italic;
  margin: 0rem 0.625rem;
}
.post__content cite {
  font-size: 0.75rem;
}
@media (min-width: 48rem) {
  .post__content cite {
    font-size: 0.875rem;
  }
}
.post__content th {
  font-weight: 700;
  text-decoration: none;
}
.post__content th,
.post__content td {
  border: 1px solid gray;
  padding: 0.5em;
}
.post__content del,
.post__content strike {
  text-decoration: line-through;
}
.post__content ul {
  list-style: disc outside none;
}
.post__content ul ul {
  margin-top: 0.5em;
}
.post__content ul > li > ul {
  list-style-type: circle;
}
.post__content ul > li > ul > li > ul {
  list-style-type: square;
}
.post__content ol {
  list-style: decimal outside none;
}
.post__content ol ol {
  margin-top: 0.5em;
}
.post__content ol > li > ol {
  list-style-type: lower-roman;
}
.post__content ol > li > ol > li > ol {
  list-style-type: lower-alpha;
}
.post__content li {
  margin: 0 0 0.5em 1em;
}
.post__content a img {
  border: none;
  display: inline-block;
}
.post__content p img {
  margin-bottom: 0.5em;
  /* a small bottom margin prevents content floating under images */
}
.post__content address {
  font-size: 0.75em;
}
.post__content abbr,
.post__content acronym {
  color: gray;
  text-decoration: underline dotted;
}
.post__content code,
.post__content var,
.post__content tt,
.post__content kbd {
  display: inline;
  font: 400 1em "Courier", monospace;
}
.post__content pre {
  font: 400 1em "Courier", monospace;
  white-space: pre-wrap;
}
.post__content img,
.post__content figure,
.post__content video {
  display: block;
}
.post__content figure img {
  height: auto;
  width: 100%;
}
.post__content figcaption {
  font-size: 0.75em;
  text-align: center;
}
.post__content .wp-caption {
  height: auto;
}
.post__content .alignleft {
  display: inline;
  float: left;
}
.post__content .alignright {
  display: inline;
  float: right;
}
.post__content .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.post__content .image-attachment div.entry-meta {
  float: left;
}
.post__content .image-attachment nav {
  float: right;
  margin: 0 0 1em;
}
.post__content .entry-content {
  clear: both;
}
.post__content .entry-attachment {
  background: #eee;
  margin: 0 0 1em;
  padding: 1em;
  text-align: center;
}
.post__content .attachment {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.attachment .post__content img, .widget-area .post__content img, .post__content img.size-auto, .post__content img.size-full, .post__content img.size-large, .post__content img.size-medium {
  /* Override height to match resized width for correct aspect ratio. */
  height: auto;
  /* When images are too wide for containing element, force them to fit. */
  max-width: 100%;
}
.post__content img.alignleft {
  margin-right: 1em;
}
.post__content img.alignright {
  margin-left: 1em;
}
.wp-caption .post__content img {
  margin: 0.25em;
}
.post__content .wp-caption {
  height: auto;
  max-width: 100%;
  padding: 0.5em;
  text-align: center;
}
.post__content .wp-caption .wp-caption-text {
  margin: 0.5em;
}
.post__content .wp-smiley {
  margin: 0;
}

.widget {
  display: block;
}

.widget-area .widget_search {
  overflow: hidden;
}
.widget-area .widget_search input {
  float: left;
}

/*
About Blurb

It Gets Better About Template Blurb

markup: about-blurb.hbs

data: about-blurb.json

Styleguide about.blurb
*/
.about-blurb {
  margin-bottom: 5rem;
}
.about-blurb p {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 48rem) {
  .about-blurb p {
    font-size: 1.375rem;
    width: 40rem;
  }
}
@media (min-width: 60rem) {
  .about-blurb p {
    width: 42.5rem;
  }
}

/* stylelint-disable selector-max-specificity */
.story-grid--about .story-grid__item--primary .grid-item__content {
  position: relative;
}
.story-grid--about .story-grid__item--primary .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #7A548A;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--about .story-grid__item--primary .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #7A5389;
  }
}
.story-grid--about .story-grid__item--info {
  background: #BBA6C8;
}
.story-grid--about .story-grid__item--info + .story-grid__item--info {
  background: #80678F;
}

.section--article-river .more-link .more-link__icon {
  display: inline;
  vertical-align: middle;
}
.section--article-river .more-link .more-link__icon svg {
  display: inline-block;
  width: 8px;
  height: auto;
  stroke: #5E3A7E;
}

/* stylelint-enable */
/*
Post

It Gets Better Get Help Post

markup: post.hbs

data: post.json

Styleguide post
*/
@media (min-width: 48rem) {
  .single .hero--video {
    height: 0;
    padding-bottom: 56.25%;
  }
}
@media (min-width: 60rem) {
  .single .hero--video {
    height: auto;
    min-height: 25rem;
    padding-bottom: 0;
  }
}
@media (min-width: 75.25rem) {
  .single .hero--video {
    min-height: 31.25rem;
  }
}
@media (min-width: 48rem) {
  .single .hero__figure {
    left: 0;
    min-height: inherit;
    position: absolute;
    top: 0;
  }
}
@media (min-width: 60rem) {
  .single .hero__figure {
    height: 0;
    overflow: hidden;
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
  }
}
@media (min-width: 60rem) {
  .single .hero__figure img {
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}
.single .hero-caption__content {
  bottom: 1.25rem;
}

.hero-play {
  display: flex;
}

.hero-play__wrapper {
  align-items: center;
  display: flex;
  justify-content: center;
  pointer-events: none;
}

.hero-play__text {
  margin-right: 0.3125rem;
}

.hero-play__icon {
  height: 0.625rem;
  width: 0.5rem;
}
.hero-play__icon svg {
  fill: #5E3A7E;
}

.post__header {
  color: #FFFFFF;
  position: relative;
}
.post__header.no-post-image {
  color: #5E3A7E;
  display: flex;
  flex-direction: column;
  margin: 1.875rem auto 2.5rem auto;
  width: 100%;
}
@media (min-width: 60rem) {
  .post__header.no-post-image {
    margin: 8.125rem auto 2.5rem auto;
    max-width: 34.375rem;
  }
  body.page-template-page-wide .post__header.no-post-image {
    max-width: 51.5625rem;
  }
}
.post--post .post__header.no-post-image { /* stylelint-disable-line selector-max-specificity */
  color: #45ACCE;
}

.thank-you__header {
  margin: 1.875rem auto 2.5rem auto;
  width: 100%;
}
@media (min-width: 60rem) {
  .thank-you__header {
    width: 34.375rem;
  }
}

.post__featured-image {
  margin: 0;
  position: relative;
}
.post__featured-image::after {
  background: linear-gradient(20deg, rgba(22, 14, 29, 0.6) 50%, transparent);
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

.post-image__caption {
  align-items: center;
  background-color: white;
  color: #464646;
  display: flex;
  font-size: 0.75rem;
  height: 5rem;
  justify-content: center;
  position: relative;
  width: 100%;
  z-index: 1;
}
@media (min-width: 48rem) {
  .post-image__caption {
    justify-content: flex-start;
  }
}
@media (min-width: 60rem) {
  .post-image__caption {
    font-size: 0.625rem;
    height: 5.625rem;
  }
}

.post-image__credit {
  margin: 0 auto;
  text-align: center;
}
@media (min-width: 48rem) {
  .post-image__credit {
    text-align: left;
  }
}
@media (min-width: 60rem) {
  .post-image__credit {
    width: 34.375rem;
  }
}

.post__meta {
  display: flex;
  flex-direction: column;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 60rem) {
  .post__meta {
    width: 34.375rem;
  }
}
.post-image + .post__meta {
  bottom: 7.5rem;
  left: 0;
  position: absolute;
}
@media (min-width: 60rem) {
  .post-image + .post__meta {
    bottom: 7.5rem;
    left: 50%;
    transform: translateX(-50%);
  }
}

.post__title,
.thank-you__heading {
  font-size: 1.5rem;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .post__title,
  .thank-you__heading {
    font-size: 2.25rem;
  }
}
@media (min-width: 60rem) {
  .post__title,
  .thank-you__heading {
    font-size: 1.375rem;
  }
}

.post__label {
  font-size: 0.875rem;
  line-height: 1;
  order: -1;
  text-transform: uppercase;
}
@media (min-width: 48rem) {
  .post__label {
    font-size: 1rem;
  }
}
@media (min-width: 60rem) {
  .post__label {
    font-size: 0.8125rem;
  }
}

.post__location {
  color: #2E2037;
  font-size: 0.875rem;
}
@media (min-width: 48rem) {
  .post__location {
    font-size: 1rem;
  }
}
@media (min-width: 60rem) {
  .post__location {
    font-size: 0.8125rem;
  }
}

.post__content {
  /**
   * Contains styles for WP content
   *
   * These should be used for both frontend representations of body content and
   * admin TinyMCE editor styles
   *
   * All article-level nodes should be styled in this partial. A list of these nodes can be found here:
   * https://github.com/WordPress/WordPress/blob/master/wp-includes/kses.php#L61-L415
   */
}
.post__content .post__content {
  /*
  Resize images to fit the main content area.
  - Applies only to images uploaded via WordPress by targeting size-* classes.
  - Other images will be left alone. Use "size-auto" class to apply to other images.
  */
}
.post__content .post__content p,
.post__content .post__content ul:not(.blocks-gallery-grid),
.post__content .post__content ol:not(.blocks-gallery-grid),
.post__content .post__content blockquote,
.post__content .post__content q,
.post__content .post__content pre,
.post__content .post__content address,
.post__content .post__content area,
.post__content .post__content article,
.post__content .post__content aside,
.post__content .post__content audio,
.post__content .post__content code,
.post__content .post__content colgroup,
.post__content .post__content div,
.post__content .post__content details,
.post__content .post__content figure,
.post__content .post__content footer,
.post__content .post__content form,
.post__content .post__content h1,
.post__content .post__content h2,
.post__content .post__content h3,
.post__content .post__content h4,
.post__content .post__content h5,
.post__content .post__content h6,
.post__content .post__content header,
.post__content .post__content hgroup,
.post__content .post__content hr,
.post__content .post__content img,
.post__content .post__content section,
.post__content .post__content table,
.post__content .post__content summary,
.post__content .post__content video {
  margin-bottom: 2em;
}
.post__content .post__content h1,
.post__content .post__content h2,
.post__content .post__content h3,
.post__content .post__content h4,
.post__content .post__content h5,
.post__content .post__content h6,
.post__content .post__content big {
  font-size: large;
  font-weight: 700;
}
.post__content .post__content hr {
  border: 1px solid gray;
}
.post__content .post__content b,
.post__content .post__content strong {
  font-weight: 700;
}
.post__content .post__content em,
.post__content .post__content i {
  font-style: italic;
}
.post__content .post__content blockquote {
  font-style: italic;
  margin: 0rem 0.625rem;
}
.post__content .post__content cite {
  font-size: 0.75rem;
}
@media (min-width: 48rem) {
  .post__content .post__content cite {
    font-size: 0.875rem;
  }
}
.post__content .post__content th {
  font-weight: 700;
  text-decoration: none;
}
.post__content .post__content th,
.post__content .post__content td {
  border: 1px solid gray;
  padding: 0.5em;
}
.post__content .post__content del,
.post__content .post__content strike {
  text-decoration: line-through;
}
.post__content .post__content ul {
  list-style: disc outside none;
}
.post__content .post__content ul ul {
  margin-top: 0.5em;
}
.post__content .post__content ul > li > ul {
  list-style-type: circle;
}
.post__content .post__content ul > li > ul > li > ul {
  list-style-type: square;
}
.post__content .post__content ol {
  list-style: decimal outside none;
}
.post__content .post__content ol ol {
  margin-top: 0.5em;
}
.post__content .post__content ol > li > ol {
  list-style-type: lower-roman;
}
.post__content .post__content ol > li > ol > li > ol {
  list-style-type: lower-alpha;
}
.post__content .post__content li {
  margin: 0 0 0.5em 1em;
}
.post__content .post__content a img {
  border: none;
  display: inline-block;
}
.post__content .post__content p img {
  margin-bottom: 0.5em;
  /* a small bottom margin prevents content floating under images */
}
.post__content .post__content address {
  font-size: 0.75em;
}
.post__content .post__content abbr,
.post__content .post__content acronym {
  color: gray;
  text-decoration: underline dotted;
}
.post__content .post__content code,
.post__content .post__content var,
.post__content .post__content tt,
.post__content .post__content kbd {
  display: inline;
  font: 400 1em "Courier", monospace;
}
.post__content .post__content pre {
  font: 400 1em "Courier", monospace;
  white-space: pre-wrap;
}
.post__content .post__content img,
.post__content .post__content figure,
.post__content .post__content video {
  display: block;
}
.post__content .post__content figure img {
  height: auto;
  width: 100%;
}
.post__content .post__content figcaption {
  font-size: 0.75em;
  text-align: center;
}
.post__content .post__content .wp-caption {
  height: auto;
}
.post__content .post__content .alignleft {
  display: inline;
  float: left;
}
.post__content .post__content .alignright {
  display: inline;
  float: right;
}
.post__content .post__content .aligncenter {
  clear: both;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.post__content .post__content .image-attachment div.entry-meta {
  float: left;
}
.post__content .post__content .image-attachment nav {
  float: right;
  margin: 0 0 1em;
}
.post__content .post__content .entry-content {
  clear: both;
}
.post__content .post__content .entry-attachment {
  background: #eee;
  margin: 0 0 1em;
  padding: 1em;
  text-align: center;
}
.post__content .post__content .attachment {
  display: block;
  margin: 0 auto;
  text-align: center;
}
.attachment .post__content .post__content img, .widget-area .post__content .post__content img, .post__content .post__content img.size-auto, .post__content .post__content img.size-full, .post__content .post__content img.size-large, .post__content .post__content img.size-medium {
  /* Override height to match resized width for correct aspect ratio. */
  height: auto;
  /* When images are too wide for containing element, force them to fit. */
  max-width: 100%;
}
.post__content .post__content img.alignleft {
  margin-right: 1em;
}
.post__content .post__content img.alignright {
  margin-left: 1em;
}
.wp-caption .post__content .post__content img {
  margin: 0.25em;
}
.post__content .post__content .wp-caption {
  height: auto;
  max-width: 100%;
  padding: 0.5em;
  text-align: center;
}
.post__content .post__content .wp-caption .wp-caption-text {
  margin: 0.5em;
}
.post__content .post__content .wp-smiley {
  margin: 0;
}
.post__content .widget {
  display: block;
}
.post__content .widget-area .widget_search {
  overflow: hidden;
}
.post__content .widget-area .widget_search input {
  float: left;
}

.post__content {
  color: #2E2037;
  font-size: 0.75rem;
  margin: 0 auto;
  width: 100%;
  /* Leave Gutenberg default styling alone */
  /* End Gutenberg defaults */
}
.post--post .post__content {
  color: #09495d;
}
@media (min-width: 48rem) {
  .post__content {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .post__content {
    max-width: 34.375rem;
  }
  body.page-template-page-wide .post__content {
    max-width: 51.5625rem;
  }
}
.post__content p q {
  display: inline;
}
.post__content ul.wp-block-gallery {
  display: flex;
}
.post__content .wp-block-columns {
  display: flex;
}
.post__content .wp-block-cover {
  display: flex;
}
.post__content .wp-block-audio audio {
  min-height: 50px;
}
.post__content a.wp-block-button__link.has-background {
  text-decoration: none;
}
.post__content .wp-block-media-text {
  display: grid;
}
.post__content .wp-block-media-text .wp-block-media-text__content,
.post__content .wp-block-media-text p,
.post__content .wp-block-media-text img {
  margin: 0;
}
.post__content img {
  width: auto;
}
.post__content blockquote {
  color: #45ACCE;
  font-size: 1.125rem;
  font-style: normal;
  margin: 4.375rem 0.625rem;
}
@media (min-width: 48rem) {
  .post__content blockquote {
    font-size: 1.5rem;
  }
}
.post__content a:not(.wp-block-button__link) {
  color: #5E3A7E;
  text-decoration: underline;
}
.post--post .post__content a:not(.wp-block-button__link) {
  color: #45ACCE;
}
.post--story .post__content a:not(.wp-block-button__link) {
  color: #F2566E;
}
.post--opportunity .post__content {
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable */
}
.post--opportunity .post__content ul {
  padding: 0.625rem 0rem 1.875rem 0.3125rem;
}
@media (min-width: 48rem) {
  .post--opportunity .post__content ul {
    padding: 1.25rem 0rem 2.5rem 2.5rem;
  }
}
@media (min-width: 60rem) {
  .post--opportunity .post__content ul {
    padding: 2.8125rem 0rem 3.75rem 4.375rem;
  }
}
.post--opportunity .post__content ul li:not(:last-of-type) {
  margin-bottom: 1.875rem;
}
@media (min-width: 60rem) {
  .post--opportunity .post__content ul li:not(:last-of-type) {
    margin-bottom: 0.9375rem;
  }
}
.post--opportunity .post__content ul h2,
.post--opportunity .post__content ul h3,
.post--opportunity .post__content ul h4 {
  color: #5E3A7E;
}
.post--opportunity .post__content h2,
.post--opportunity .post__content h3,
.post--opportunity .post__content h4 {
  margin-bottom: 0;
}
.post--opportunity .post__content h2 {
  font-size: 0.75rem;
}
@media (min-width: 48rem) {
  .post--opportunity .post__content h2 {
    font-size: 0.875rem;
  }
}

@media (min-width: 48rem) {
  .post--post .post__content,
  .single-post .post__meta {
    max-width: 61.25rem;
    width: 100%;
    font-size: 1rem;
  }
  .single-post .post__meta .post__title {
    font-size: 1.75rem;
  }
}
.post-footer {
  width: 100%;
}

.post-footer__nav-wrapper {
  background-color: #5E3A7E;
  width: 100%;
}
.post--story .post-footer__nav-wrapper {
  background-color: #F2566E;
}
.post--post .post-footer__nav-wrapper {
  background-color: #45ACCE;
}

.post-footer__nav {
  align-items: center;
  display: flex;
  flex-direction: column;
  justify-content: center;
  margin: 0 auto;
  width: 100%;
}
@media (min-width: 48rem) {
  .post-footer__nav {
    flex-direction: row;
    height: 5rem;
    justify-content: space-between;
    width: 100%;
  }
}
@media (min-width: 60rem) {
  .post-footer__nav {
    max-width: 60rem;
  }
}
.post-footer__nav > a {
  align-items: center;
  color: #FFFFFF;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0.9375rem 0rem;
  text-transform: uppercase;
}
@media (min-width: 48rem) {
  .post-footer__nav > a {
    margin: 0;
  }
}
.post-footer__nav > a[rel=prev] .post-footer__nav-arrow { /* stylelint-disable-line selector-max-specificity */
  margin-right: 0.625rem;
}
.post-footer__nav > a[rel=next] {
  margin-left: auto;
}
.post-footer__nav > a[rel=next] .post-footer__nav-arrow { /* stylelint-disable-line selector-max-specificity */
  margin-left: 0.625rem;
}

.post-footer__nav-arrow {
  display: block;
  height: 0.875rem;
  width: 0.5rem;
}

/* stylelint-disable selector-max-specificity */ /*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
.bsd-wrapper .site-header {
  margin-bottom: 3.125rem;
}
.bsd-wrapper .section--bsd {
  margin-bottom: 3.125rem;
  max-width: 50rem;
}
.bsd-wrapper .section--bsd a {
  text-decoration: underline;
}
.bsd-wrapper h1 {
  font-size: 1.625rem;
  font-weight: 600;
  margin-bottom: 1.875rem;
}
.bsd-wrapper h2 {
  font-size: 1.375rem;
  font-weight: 600;
}
.bsd-wrapper p {
  margin-bottom: 1.875rem;
}
.bsd-wrapper form {
  padding: 1.875rem 0.625rem;
}
@media (min-width: 48rem) {
  .bsd-wrapper form {
    padding: 1.875rem 0rem;
  }
}
.bsd-wrapper form > table {
  margin: 0 auto;
  max-width: 21.375rem;
}
.bsd-wrapper table {
  font-size: 0.875rem;
  margin-bottom: 0.625rem;
  width: 100%;
}
.bsd-wrapper table div,
.bsd-wrapper table span {
  line-height: 1.4 !important; /* stylelint-disable-line declaration-no-important */
}
.bsd-wrapper table.amounts td {
  display: inline-block;
  font-size: 0.625rem;
}
@media (min-width: 48rem) {
  .bsd-wrapper table.amounts td {
    display: table-cell;
  }
}
.bsd-wrapper td {
  display: block;
}
input[type=radio] + .bsd-wrapper label {
  display: inline;
}
.bsd-wrapper form input[type=tel],
.bsd-wrapper form input[type=text],
.bsd-wrapper form input[type=email] {
  margin-bottom: 0.625rem;
}
.bsd-wrapper form .amounts input[type=text] {
  width: auto;
}
.bsd-wrapper form textarea {
  margin-bottom: 0.625rem;
}
.bsd-wrapper form select {
  margin-bottom: 0.625rem;
}
.bsd-wrapper form select[name^=cc_expir] {
  width: calc(50% - 10px);
}
.bsd-wrapper form select[name^=cc_expir]:last-of-type {
  float: right;
}
.bsd-wrapper form input[type=radio] {
  margin-right: 0.3125rem;
}
.bsd-wrapper form input[type=radio] + label {
  display: inline;
}
.bsd-wrapper form input[type=checkbox] {
  margin-bottom: 0.3125rem;
  margin-right: 0.3125rem;
}
.bsd-wrapper form input[type=checkbox] + label {
  display: inline;
  vertical-align: top;
}
.bsd-wrapper a.popuphelp {
  display: inline-block;
}
.bsd-wrapper a.popuphelp img {
  height: 0.75rem;
  width: 0.75rem;
}
.bsd-wrapper [type=submit] {
  margin-top: 1.25rem;
}
.bsd-wrapper #required_note {
  text-align: center;
}

#signup td td {
  margin-right: 0;
}

td[style] {
  width: auto !important; /* stylelint-disable-line declaration-no-important */
}

#contribution td td tr {
  display: flex;
  flex-wrap: wrap;
}

#contribution td td tr td {
  width: 100%;
}

#contribution td td .amounts tr {
  display: inline-flex;
  vertical-align: top;
  width: 49%;
}

input#amt_other_text.bsd-other-amount-input {
  display: block;
}

@media screen and (max-width: 768px) {
  #contribution table {
    max-width: 99%;
  }
}
@media screen and (max-width: 959px) {
  .bsd-wrapper .section--bsd {
    padding: 0;
  }
  .bsd-contribForm-aboveContent {
    padding-left: 1.25rem;
    padding-right: 1.25rem;
  }
  #contribution label .radio {
    font-size: 0.8em;
    margin-right: 0.1em !important; /* stylelint-disable-line declaration-no-important */
    vertical-align: top;
  }
}
/* stylelint-enable */
.connect-container {
  min-height: 50rem;
}

.connect-filters {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2.1875rem auto 2.8125rem auto;
  width: 100%;
}
@media (min-width: 48rem) {
  .connect-filters {
    max-width: 40.625rem;
  }
}
@media (min-width: 60rem) {
  .connect-filters {
    flex-wrap: nowrap;
    justify-content: space-between;
    max-width: 45.9375rem;
  }
}

.connect-filters__item {
  margin: 0.375rem 0.3125rem;
}
@media (min-width: 60rem) {
  .connect-filters__item {
    margin: 0;
  }
}

.connect-filters__button {
  border-style: solid;
  border-width: 2px;
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.25rem;
  padding: 0rem 0.8125rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  color: #5E3A7E;
  cursor: pointer;
  display: flex;
  font-size: 0.75rem;
  font-weight: 600;
}
@media (min-width: 60rem) {
  .connect-filters__button {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.625rem;
    font-size: 0.625rem;
  }
}
.connect-filters__button.active, .connect-filters__button:hover, .connect-filters__button:focus {
  background-color: #5E3A7E;
  color: #FFFFFF;
}
.connect-filters__button svg {
  height: auto;
  margin-right: 0.625rem;
  width: auto;
}
.connect-filters__button--facebook svg {
  height: 1.5rem;
  width: 1.4545454545rem;
}
@media (min-width: 60rem) {
  .connect-filters__button--facebook svg {
    height: 1.1875rem;
    width: 1.1515151515rem;
  }
}
.connect-filters__button--twitter svg {
  height: 1.5rem;
  width: 1.7884615385rem;
}
@media (min-width: 60rem) {
  .connect-filters__button--twitter svg {
    height: 1.1875rem;
    width: 1.4158653846rem;
  }
}
.connect-filters__button--youtube svg {
  height: 1.5rem;
  width: 2.0435967302rem;
}
@media (min-width: 60rem) {
  .connect-filters__button--youtube svg {
    height: 1.1875rem;
    width: 1.6178474114rem;
  }
}
.connect-filters__button--instagram svg {
  height: 1.5rem;
  width: 1.5rem;
}
@media (min-width: 60rem) {
  .connect-filters__button--instagram svg {
    height: 1.1875rem;
    width: 1.1875rem;
  }
}
.connect-filters__button--tumblr svg {
  height: 1.5rem;
  width: 0.941923775rem;
}
@media (min-width: 60rem) {
  .connect-filters__button--tumblr svg {
    height: 1.1875rem;
    width: 0.7456896552rem;
  }
}
.connect-filters__button--youtube svg, .connect-filters__button--instagram svg, .connect-filters__button--tumblr svg {
  fill: #5E3A7E;
}
.connect-filters__button--youtube.active svg, .connect-filters__button--youtube:hover svg, .connect-filters__button--youtube:focus svg, .connect-filters__button--instagram.active svg, .connect-filters__button--instagram:hover svg, .connect-filters__button--instagram:focus svg, .connect-filters__button--tumblr.active svg, .connect-filters__button--tumblr:hover svg, .connect-filters__button--tumblr:focus svg {
  fill: #FFFFFF;
}
.connect-filters__button--facebook svg, .connect-filters__button--twitter svg {
  stroke: #5E3A7E;
}
.connect-filters__button--facebook.active svg, .connect-filters__button--facebook:hover svg, .connect-filters__button--facebook:focus svg, .connect-filters__button--twitter.active svg, .connect-filters__button--twitter:hover svg, .connect-filters__button--twitter:focus svg {
  stroke: #FFFFFF;
}

.connect-filters-circle {
  max-width: 550px;
  margin-bottom: 60px;
}
.connect-filters-circle .connect-filters__item {
  height: 60px;
  width: 60px;
}
.connect-filters-circle .connect-filters__button {
  border: none;
  outline: none;
  padding: 0;
  margin: 16px 0 0 0;
  height: 60px;
}
.connect-filters-circle .connect-filters__button svg {
  fill: #FFFFFF;
  background: #4a99c4;
  border-radius: 50%;
  display: block;
  height: auto;
  width: 60px;
}
.connect-filters-circle .connect-filters__button.active, .connect-filters-circle .connect-filters__button:hover, .connect-filters-circle .connect-filters__button:focus {
  background: none;
}
.connect-filters-circle .connect-filters__button.active > svg, .connect-filters-circle .connect-filters__button:hover > svg, .connect-filters-circle .connect-filters__button:focus > svg {
  fill: #4a99c4;
  background: #FFFFFF;
  border: 3px solid #4a99c4;
}
.connect-filters-circle .connect-filters__button--reset {
  font-size: 18px;
  width: 60px;
  background: #4a99c4;
  color: #FFFFFF;
  height: 60px;
  padding: 15px 13px;
  border-radius: 50%;
}
.connect-filters-circle .connect-filters__button--reset.active, .connect-filters-circle .connect-filters__button--reset:hover, .connect-filters-circle .connect-filters__button--reset:focus {
  background: #FFFFFF;
  border: 3px solid #4a99c4;
  color: #4a99c4;
}

/* stylelint-disable declaration-no-important, selector-max-specificity */
.juicer-feed {
  max-width: 61.25rem;
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
@media (min-width: 48rem) {
  .juicer-feed {
    padding-left: 1.875rem !important;
    padding-right: 1.875rem !important;
  }
}
@media (min-width: 60rem) {
  .juicer-feed {
    padding-left: 0.625rem !important;
    padding-right: 0.625rem !important;
  }
}
@media (min-width: 25rem) {
  .juicer-feed .j-stacker > *:not(:last-child) {
    padding-right: 1.25rem !important;
  }
}
@media (min-width: 48rem) {
  .juicer-feed .j-stacker > *:not(:last-child) {
    padding-right: 1.875rem !important;
  }
}
.juicer-feed.image-grid li.feed-item {
  margin-bottom: 1.25rem !important;
}
@media (min-width: 48rem) {
  .juicer-feed.image-grid li.feed-item {
    margin-bottom: 1.875rem !important;
  }
}
.juicer-feed.image-grid li.feed-item.words {
  border: none !important;
}

/* stylelint-enable */
.form-wrapper--contact {
  padding: 3.125rem 0rem 4.6875rem 0rem;
}
@media (min-width: 48rem) {
  .form-wrapper--contact {
    padding: 4.0625rem 0rem 5.3125rem 0rem;
  }
}
.form-wrapper--contact .section {
  margin-bottom: 0;
  margin-top: 0;
}

.contact__panel[aria-hidden=true] {
  display: none;
}

.contact__forms-wrapper {
  position: relative;
}
.contact__forms-wrapper form {
  margin: 0 auto;
}
.contact__forms-wrapper form div {
  margin-bottom: 0.9375rem;
}
.contact__forms-wrapper form div:last-of-type { /* stylelint-disable-line selector-max-specificity */
  margin-bottom: 3.4375rem;
}
.contact__forms-wrapper input:not([type=checkbox]) {
  display: block;
}
.contact__forms-wrapper input[type=checkbox] {
  margin-right: 0.625rem;
}
.contact__forms-wrapper textarea {
  display: block;
  height: 10.5rem;
}
.contact-form__select-wrapper {
  background-color: transparent;
  height: auto;
  margin-bottom: 0.9375rem !important; /* stylelint-disable-line declaration-no-important */
}
@media (min-width: 60rem) {
  .contact-form__select-wrapper {
    margin-bottom: 0.9375rem !important; /* stylelint-disable-line declaration-no-important */
  }
}
.contact-form__select-wrapper::after { /* stylelint-disable-line selector-max-specificity */
  bottom: calc(1.3125rem);
  top: auto;
}
@media (min-width: 60rem) {
  .contact-form__select-wrapper::after {
    bottom: calc(0.875rem);
  }
}
.contact-form__select-wrapper select { /* stylelint-disable-line selector-max-specificity */ }
@media (min-width: 48rem) {
  .contact-form__select-wrapper select {
    margin-top: 0.3125rem;
  }
}

/* stylelint-disable declaration-no-important */
.contact-form select {
  margin-bottom: 0 !important;
}
.contact-form input[type=email],
.contact-form input[type=text] {
  max-width: 100% !important;
}
.contact-form label.checkbox {
  align-items: center;
  display: flex !important;
}
.contact-form input[type=checkbox] {
  margin-bottom: 0 !important;
}

/* stylelint-enable */
/*
Take The Donate Form

It Gets Better Global Take The Donate Form

markup: form-donate.hbs

data: form-donate.json

Styleguide form.donate
*/
.form-wrapper--donate {
  padding: 1.875rem 0rem 7.5rem 0rem;
}
@media (min-width: 48rem) {
  .form-wrapper--donate {
    padding: 3.75rem 0rem 7.5rem 0rem;
  }
}
@media (min-width: 60rem) {
  .form-wrapper--donate {
    padding: 8.125rem 0rem 9.375rem 0rem;
  }
}

@media (min-width: 48rem) {
  .donate-form {
    max-width: 34.625rem;
  }
}
@media (min-width: 60rem) {
  .donate-form {
    max-width: 21.375rem;
  }
}

/**
 * Progress dots
 */
.donate__progress {
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  padding: 0.3125rem 0rem 2.5rem 0rem;
  width: 9.375rem;
}
@media (min-width: 48rem) {
  .donate__progress {
    padding: 1.25rem 0rem 2.8125rem 0rem;
    width: 8.125rem;
  }
}
@media (min-width: 60rem) {
  .donate__progress {
    padding: 0rem 0rem 2.5rem 0rem;
    width: 5rem;
  }
}

.form-progress__dot {
  border: 2px solid #5E3A7E;
  border-radius: 50%;
  display: block;
  height: 0.625rem;
  width: 0.625rem;
}
@media (min-width: 48rem) {
  .form-progress__dot {
    height: 0.75rem;
    width: 0.75rem;
  }
}
@media (min-width: 60rem) {
  .form-progress__dot {
    border-width: 1px;
    height: 0.5rem;
    width: 0.5rem;
  }
}
.form-progress__dot.active {
  background-color: #5E3A7E;
}

/**
 * Shared elements
 */
.donate__radio-label {
  align-items: center;
  display: flex;
  font-weight: 400;
}

.donate__submit {
  margin: 0 0 0 auto;
}

/**
 * Form Navigation
 */
.form-nav {
  display: flex;
  margin-bottom: 4.375rem;
}

@media (min-width: 60rem) {
  .form-nav__back,
  .form-nav__next {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0rem 1.25rem;
    text-align: center;
    text-transform: uppercase;
  }
}

.form-nav__next {
  background-color: #5E3A7E;
  color: #FFFFFF;
  margin-left: auto;
}

.donation-details {
  margin-bottom: 3.125rem;
}
@media (min-width: 60rem) {
  .donation-details {
    margin-bottom: 2.8125rem;
  }
}

.amount-info {
  margin-bottom: 2.5rem;
}
@media (min-width: 48rem) {
  .amount-info {
    margin-bottom: 4.0625rem;
  }
}
@media (min-width: 60rem) {
  .amount-info {
    margin-bottom: 1.875rem;
  }
}

.amount-list__legend {
  font-size: 1rem;
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .amount-list__legend {
    margin-bottom: 1.875rem;
  }
}

.amount-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 0rem auto 0.625rem auto;
}
@media (min-width: 48rem) {
  .amount-list {
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 1.875rem;
  }
}

.amount-list__item {
  margin: 0rem 0.625rem 0.625rem 0.625rem;
}
@media (min-width: 48rem) {
  .amount-list__item {
    flex: 1 0 calc(25% - 17px);
  }
}
@media (min-width: 60rem) {
  .amount-list__item {
    margin: 0;
  }
}

.amount-list__item-label {
  border-radius: 1.375rem/50%;
  height: 2.75rem;
  line-height: 2.75rem;
  padding: 0rem 1.875rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  border: 2px solid #5E3A7E;
  color: #5E3A7E;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: none;
}
@media (min-width: 60rem) {
  .amount-list__item-label {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.875rem;
    padding: 0rem 0.9375rem;
    font-size: 0.625rem;
  }
}
.amount-list__item-label:last-of-type {
  margin-right: 0;
}

[name=amount]:checked + label {
  background-color: #5E3A7E;
  color: #FFFFFF;
}
[name=amount][aria-invalid=true] + label {
  border-color: #F2566E;
}
[name=amount] + label.failed {
  color: #F2566E;
}

.amount-info__details {
  margin-bottom: 1.25rem;
}
@media (min-width: 48rem) {
  .amount-info__details {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.625rem;
  }
}

.donate__label--amount-input {
  width: 100%;
}
@media (min-width: 48rem) {
  .donate__label--amount-input {
    width: calc(50% - 1.25rem);
  }
}

.frequency {
  width: 100%;
}
@media (min-width: 48rem) {
  .frequency {
    width: calc(50% - 1.25rem);
  }
}

@media (min-width: 48rem) {
  .frequency__list {
    margin-top: 0.3125rem;
  }
}

.frequency__list-item {
  flex: 1 0 50%;
}

.amount-info__honoree-label {
  align-items: center;
  display: flex;
  font-size: 0.75rem;
  font-weight: 400;
}
@media (min-width: 48rem) {
  .amount-info__honoree-label {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .amount-info__honoree-label {
    font-size: 0.75rem;
  }
}

.personal-info {
  margin-bottom: 2.5rem;
}
@media (min-width: 60rem) {
  .personal-info {
    margin-bottom: 1.875rem;
  }
}

.honoree-info__heading {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  padding-bottom: 0.625rem;
  position: relative;
}
.honoree-info__heading::after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 3.125rem;
}

.honoree-info__address-textarea {
  height: 5.625rem;
}

.honoree-info__message-textarea {
  height: 9.25rem;
}

/**
 * Billing Info
 */
.billing-info {
  margin-bottom: 3.125rem;
}
@media (min-width: 60rem) {
  .billing-info {
    margin-bottom: 2.8125rem;
  }
}

@media (min-width: 48rem) {
  .location {
    display: flex;
    justify-content: space-between;
  }
}

@media (min-width: 48rem) {
  .donate__label--state,
  .donate__label--country {
    width: calc(50% - 1.25rem);
  }
}
@media (min-width: 60rem) {
  .donate__label--state,
  .donate__label--country {
    width: calc(50% - 0.78125rem);
  }
}

.donate__label--country {
  margin-left: auto;
}

/**
 * Card Info
 */
.card-info {
  margin-bottom: 3.125rem;
}
@media (min-width: 60rem) {
  .card-info {
    margin-bottom: 2.8125rem;
  }
}

.card-type {
  margin-bottom: 1.875rem;
}
@media (min-width: 60rem) {
  .card-type {
    margin-bottom: 1.25rem;
  }
}

.card-type__list {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 48rem) {
  .card-type__list {
    flex-wrap: nowrap;
    justify-content: space-between;
  }
}

.card-type__list-item {
  margin: 0.375rem;
}
@media (min-width: 48rem) {
  .card-type__list-item {
    margin: 0;
  }
}

.card-type__paypal-link {
  border-style: solid;
  border-width: 1px;
  border-radius: 0.8125rem/50%;
  height: 1.625rem;
  line-height: 1.5rem;
  padding: 0rem 0.5625rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  display: flex;
}

.card-details {
  display: flex;
  justify-content: space-between;
}

.card-details__dates .donate__label {
  width: 100%;
}
.card-details__dates .donate__select {
  float: left;
  width: calc(50% - 0.3125rem);
}
.card-details__dates .donate__select:first-of-type { /* stylelint-disable-line selector-max-specificity */
  margin-right: 0.625rem;
}

.card-details__dates,
.donate__label--card-details {
  width: calc(50% - 0.625rem);
}
@media (min-width: 48rem) {
  .card-details__dates,
  .donate__label--card-details {
    width: calc(50% - 2.1875rem);
  }
}
@media (min-width: 60rem) {
  .card-details__dates,
  .donate__label--card-details {
    width: calc(50% - 1.71875rem);
  }
}

.donate__label--card-details .donate__csc-link {
  font-weight: 400;
}
.donate__label--card-details abbr {
  cursor: help;
}

/* EVENT ARCHIVE VIEW */
/* Top spacing */
@media (min-width: 60rem) {
  .post-type-archive-se-event .store {
    margin: 3.125rem auto 2.5rem auto;
  }
}
/* Event archive main "Events" title */
.post-type-archive-se-event .page-title {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 1.275rem 0rem !important;
  padding-bottom: 0.625rem;
  position: relative;
  text-align: left;
}

.post-type-archive-se-event .page-title::after {
  background-color: currentColor;
  bottom: 0;
  content: "";
  display: block;
  height: 0.125rem;
  left: 0;
  position: absolute;
  width: 3.125rem;
}

@media (min-width: 48rem) {
  .post-type-archive-se-event .page-title {
    font-size: 1.125rem;
  }
}
/* Event listing */
.post-type-archive-se-event #section-store .simple-events-archive .se-event {
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0px !important;
  padding: 0px !important;
}

.post-type-archive-se-event #section-store .simple-events-archive .se-event:hover {
  -webkit-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.1);
}

.post-type-archive-se-event #section-store:after {
  content: "";
  clear: both;
  display: block;
}

.post-type-archive-se-event #section-store .simple-events-archive li.se-event {
  float: none;
  height: auto;
  margin-bottom: 2.992em;
  width: 100%;
}

.simple-events-archive li.se-event {
  width: 100% !important;
  max-width: 100% !important;
  position: relative;
  min-height: 25.625rem;
}
.simple-events-archive li.se-event .se-event-container {
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 0;
  background-size: cover;
  background-color: #704393;
  background-repeat: no-repeat;
}
.simple-events-archive li.se-event .se-event-container:after {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  background: -ms-linear-gradient(right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.7) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=0 );
}
@media (max-width: 60rem) {
  .simple-events-archive li.se-event .se-event-container:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.7) 100%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.7) 100%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.7) 100%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.2) 10%, rgba(0, 0, 0, 0.7) 100%);
  }
}
@media (max-width: 40rem) {
  .simple-events-archive li.se-event .se-event-container:after {
    background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
    background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
    background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
    background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
    background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
  }
}

@media (max-width: 60rem) {
  .simple-events-archive li.se-event {
    min-height: 21.625rem !important;
  }
}
@media (max-width: 40rem) {
  .simple-events-archive li.se-event {
    min-height: 19.625rem !important;
  }
}
.se-event-details {
  position: absolute;
  max-width: 50%;
  z-index: 2;
  top: 50%;
  left: 2%;
  transform: translateY(-50%);
}
@media (max-width: 60rem) {
  .se-event-details {
    max-width: 70%;
  }
}
@media (max-width: 40rem) {
  .se-event-details {
    max-width: 90%;
    left: 5%;
  }
}

/* Inside each event listing */
.post-type-archive-se-event #section-store .simple-events-archive .se-event .entry-title {
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 2rem !important;
  color: white;
}
@media (max-width: 60rem) {
  .post-type-archive-se-event #section-store .simple-events-archive .se-event .entry-title {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 40rem) {
  .post-type-archive-se-event #section-store .simple-events-archive .se-event .entry-title {
    font-size: 1.5rem !important;
    margin-bottom: 0.8rem;
  }
}

.se-event .se-event-date,
.se-event .se-event-location {
  font-size: 1rem !important;
  font-weight: 700;
  text-shadow: 1px 0 white;
  letter-spacing: 1px;
  color: white;
  margin-bottom: 15px;
}
@media (max-width: 60rem) {
  .se-event .se-event-date,
  .se-event .se-event-location {
    font-size: 0.8rem !important;
    margin-bottom: 10px;
  }
}
.se-event .se-event-date:after,
.se-event .se-event-location:after {
  display: block;
  content: "";
  width: 50px;
  border-bottom: 2px solid #e69f22;
  margin-top: 3px;
  margin-left: 2px;
}

.se-event-details-more-info a {
  background: #e69f22 !important;
  border-radius: 5px !important;
  color: #fff;
  display: inline-block !important;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 1rem;
  padding: 0.325rem !important;
  text-align: center;
  text-transform: none !important;
}

/* since there's no class on the "more information" link, undo the last-of-type styling applied to the other links. When this is added to the template, see if a class can be added to the "more information" link to avoid needing this rule. */
.se-event h2 a:last-of-type,
.se-event .post-thumbnail a:last-of-type {
  border-radius: inherit;
  background: inherit;
  color: inherit;
  font-size: inherit;
  text-transform: inherit;
  margin: unset;
  padding: unset;
  text-align: inherit;
}

/* Event listing featured images */
.se-event .post-thumbnail {
  padding: 0;
  margin: 0 0 1rem;
}

/* EVENT SINGLE VIEW */
/* Spacing adjustments - make it have the same spacing as the other pages */
@media (min-width: 60rem) {
  .se-event {
    margin: 2.125rem auto 2.5rem auto !important;
    max-width: 100% !important;
  }
}
/* Single event typography and container adjustments */
.se-event .product_title {
  font-size: 1.375rem;
  font-weight: 700;
}

.wp-block-se-event-info {
  background: #E7DEED;
  background: linear-gradient(to right, #5E3A7E, #966D95);
  box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 1.25rem;
  position: relative;
  margin: 2rem 0;
}

.se-event h3 {
  margin: 0.1rem 0 0.1rem;
  font-weight: 700;
}

.se-event h3:after {
  content: ":";
  display: inline-block;
}

.se-event ul {
  margin-bottom: 1rem;
}

/* The little arrow on the event info box */
@media (min-width: 48rem) {
  .wp-block-se-event-info::after {
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 0 20px 20px 20px;
    border-color: transparent transparent #603F7D transparent;
    content: "";
    display: block;
    height: 0.75rem;
    position: absolute;
    left: 1rem;
    top: -0.75rem;
    width: 1.5rem;
    z-index: 1;
  }
}
/* Embeds */
.se-event .wp-block-embed {
  margin-left: 0;
  margin-right: 0;
}

.se-event iframe {
  max-width: 100%;
  width: 100%;
}

.post-type-archive-se-event .site-main {
  padding-top: 0px !important;
}

@media (max-width: 60rem) {
  .event-duration-switch {
    margin-bottom: 50px;
  }
}
.event-duration-switch h3 {
  display: block;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1rem;
  text-align: left;
}
.event-duration-switch a {
  background-color: #e69f22;
  color: white;
  padding: 6px 4px;
  border-radius: 5px;
  font-size: 12px;
}

.single-se-event .store {
  padding-left: 0px;
  padding-right: 0px;
  width: 100%;
  max-width: 100%;
}
.single-se-event .site-main {
  padding-top: 0px !important;
}
.single-se-event .wp-block-se-event-info {
  display: none;
}
.single-se-event .se-event-content {
  width: 100%;
}
@media (min-width: 48rem) {
  .single-se-event .se-event-content {
    margin: 0 auto;
    max-width: 61.25rem;
  }
}
.single-se-event .se-event {
  margin: 2.125rem auto 2.5rem auto !important;
  max-width: 100% !important;
}
.single-se-event .wp-block-se-next-event-countdown {
  margin: 30px auto !important;
  padding-top: 0px !important;
}
@media (max-width: 60rem) {
  .single-se-event .wp-block-se-next-event-countdown {
    padding-bottom: 0px !important;
  }
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__col {
  height: 120px !important;
  max-width: 120px;
  margin: 0px 10px !important;
}
@media (max-width: 60rem) {
  .single-se-event .wp-block-se-next-event-countdown .event-timer__col {
    height: 100px !important;
    max-width: 100px;
  }
}
@media (max-width: 40rem) {
  .single-se-event .wp-block-se-next-event-countdown .event-timer__col {
    height: 80px !important;
    max-width: 80px;
    margin: 0px 5px !important;
  }
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__time-days,
.single-se-event .wp-block-se-next-event-countdown .event-timer__time-hours,
.single-se-event .wp-block-se-next-event-countdown .event-timer__time-minutes,
.single-se-event .wp-block-se-next-event-countdown .event-timer__time-seconds {
  font-size: 3rem !important;
  font-weight: 700;
  color: white;
  line-height: 3rem;
  padding-top: 1.4rem;
}
@media (max-width: 60rem) {
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-days,
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-hours,
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-minutes,
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-seconds {
    font-size: 2.8rem !important;
    line-height: 2.5rem;
    padding-top: 1.4rem;
  }
}
@media (max-width: 40rem) {
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-days,
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-hours,
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-minutes,
  .single-se-event .wp-block-se-next-event-countdown .event-timer__time-seconds {
    font-size: 2rem !important;
    padding-top: 0.9rem;
    line-height: 2.2rem;
  }
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__label {
  font-size: 16px !important;
  color: white;
}
@media (max-width: 60rem) {
  .single-se-event .wp-block-se-next-event-countdown .event-timer__label {
    font-size: 14px !important;
  }
}
@media (max-width: 40rem) {
  .single-se-event .wp-block-se-next-event-countdown .event-timer__label {
    font-size: 12px !important;
  }
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__col:nth-child(1) {
  background-color: #d9596b;
  border-radius: 100px;
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__col:nth-child(2) {
  background-color: #e69f22;
  border-radius: 100px;
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__col:nth-child(3) {
  background-color: #4999c4;
  border-radius: 100px;
}
.single-se-event .wp-block-se-next-event-countdown .event-timer__col:nth-child(4) {
  background-color: #5e3a73;
  border-radius: 100px;
}
.single-se-event .join-us-section {
  margin: 30px auto;
}
@media (max-width: 60rem) {
  .single-se-event .join-us-section {
    margin: 20px auto;
  }
}
.single-se-event .join-us-section h2,
.single-se-event .join-us-section .se-event-date {
  color: #4999c4;
  font-size: 2rem !important;
  line-height: 2.8rem;
  font-weight: 500;
}
@media (max-width: 60rem) {
  .single-se-event .join-us-section h2,
  .single-se-event .join-us-section .se-event-date {
    font-size: 1.8rem !important;
    line-height: 2.5rem;
  }
}
@media (max-width: 40rem) {
  .single-se-event .join-us-section h2,
  .single-se-event .join-us-section .se-event-date {
    font-size: 1.6rem !important;
    line-height: 2rem;
  }
}
.single-se-event .join-us-section .se-event-date {
  margin-bottom: 0px;
}
.single-se-event .join-us-section .se-event-date:after {
  display: none;
}
.single-se-event .join-us-section h1 {
  color: #5e3a73;
  font-size: 2.4rem !important;
  line-height: 3rem;
  font-weight: 700;
}
@media (max-width: 60rem) {
  .single-se-event .join-us-section h1 {
    font-size: 2.2rem !important;
    line-height: 2.4rem;
  }
}
@media (max-width: 40rem) {
  .single-se-event .join-us-section h1 {
    font-size: 1.9rem !important;
    line-height: 2.4rem;
  }
}
.single-se-event .join-us-section .join-us-text {
  font-weight: 700;
}
.single-se-event .join-us-section .wp-block-button a {
  background-color: #e69f22;
  border-radius: 5px;
  color: #fff;
  display: block;
  font-size: 0.75rem;
  font-weight: 700;
  margin-top: 1rem;
  padding: 0.625rem;
  text-align: center;
  text-transform: uppercase;
}
.single-se-event .wp-block-group__inner-container p {
  margin: 15px auto;
  padding-left: 10px;
  padding-right: 10px;
  color: #5e3a73;
}
.single-se-event .wp-block-coblocks-row.add-column-separator-line .wp-block-coblocks-column {
  padding-top: 20px;
  padding-bottom: 20px;
}
@media (max-width: 40rem) {
  .single-se-event .wp-block-coblocks-row.add-column-separator-line .wp-block-coblocks-column {
    padding-top: 0px;
    padding-bottom: 30px;
    border-bottom: 2px solid #d9596b;
  }
  .single-se-event .wp-block-coblocks-row.add-column-separator-line .wp-block-coblocks-column:last-of-type {
    border-bottom: none;
  }
}
.single-se-event .wp-block-coblocks-row.add-column-separator-line .wp-block-coblocks-column:before {
  content: "";
  margin-left: 0px;
  margin-right: 10px;
  border-right: 2px solid #d9596b;
  display: block;
  margin-top: -10px;
  height: calc(100% + 40px);
  height: -webkit-calc(100% + 40px);
  height: -moz-calc(100% + 40px);
}
@media (max-width: 40rem) {
  .single-se-event .wp-block-coblocks-row.add-column-separator-line .wp-block-coblocks-column:before {
    display: none;
  }
}
.single-se-event .wp-block-coblocks-row.add-column-separator-line .wp-block-coblocks-column:first-of-type:before {
  display: none;
}
.single-se-event .event-schedule {
  padding-top: 20px;
  background-color: #5e3a73;
  color: white;
}
.single-se-event .event-schedule h2 {
  font-size: 2rem !important;
  line-height: 2.8rem;
  font-weight: 500;
  text-shadow: 2px 0 white;
  letter-spacing: 2px;
  margin-bottom: 10px;
}
@media (max-width: 60rem) {
  .single-se-event .event-schedule h2 {
    font-size: 1.8rem !important;
    line-height: 2.5rem;
  }
}
@media (max-width: 40rem) {
  .single-se-event .event-schedule h2 {
    font-size: 1.6rem !important;
    line-height: 2rem;
    text-shadow: 1px 0 white;
    letter-spacing: 1px;
  }
}
.single-se-event .event-schedule .wp-block-table {
  margin-top: 30px;
  margin-left: 0px;
  margin-right: 0px;
}
.single-se-event .event-schedule .wp-block-table table th {
  padding: 10px;
  border-left: 2px solid #d9596b;
  border-right: 2px solid #d9596b;
}
.single-se-event .event-schedule .wp-block-table table td {
  padding: 10px;
  border: 2px solid #d9596b;
}
.single-se-event .event-schedule .wp-block-table table th:first-of-type, .single-se-event .event-schedule .wp-block-table table td:first-of-type {
  border-left: none;
}
.single-se-event .event-schedule .wp-block-table table th:last-of-type, .single-se-event .event-schedule .wp-block-table table td:last-of-type {
  border-right: none;
}
.single-se-event .event-schedule .wp-block-table table tr:last-of-type td {
  border-bottom: none;
}

.se-single-event-image-container {
  position: relative;
  top: 0px;
  width: 100%;
  min-height: 550px;
  background-size: cover;
  background-color: #704393;
  background-repeat: no-repeat;
}
.se-single-event-image-container:after {
  display: block;
  content: "";
  min-height: 550px;
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0px;
  left: 0;
  background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0)));
  background: linear-gradient(to left, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
  background: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
  background: -o-linear-gradient(right, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
  background: -ms-linear-gradient(right, rgba(0, 0, 0, 0.5) 100%, rgba(0, 0, 0, 0) 0%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr="#a6000000", endColorstr="#00000000",GradientType=0 );
}
.se-single-event-image-container h2.entry-title {
  font-weight: 700;
  margin-bottom: 1rem;
  font-size: 3rem !important;
  color: white;
  text-align: center;
  position: absolute;
  width: 100%;
  z-index: 2;
  top: 60%;
  left: 0px;
  transform: translateY(-50%);
}
@media (max-width: 60rem) {
  .se-single-event-image-container h2.entry-title {
    font-size: 1.8rem !important;
  }
}
@media (max-width: 40rem) {
  .se-single-event-image-container h2.entry-title {
    margin-bottom: 0.8rem;
    padding-left: 10px;
    padding-right: 10px;
  }
}

/*
Hero Grid

It Gets Better Get Help Hero Grid

markup: hero-grid.hbs

data: hero-grid.json

Styleguide hero.grid
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu, .video-river--about .video-river__caption, .story-grid--about .story-grid__item {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before, rule-empty-line-before */
/**
 * Convert px to rem or em
 * Unitless values are assumed to be in px
 *
 * NOTE: px-to-rem is intended as a function for internal use only.
 *	Favor usage of rem-calc over px-to-rem, as rem-calc is more versatile.
 *
 */
/**
 * Convert a list of unitless values (or px) to rem or em
 *
 * $values: single value or list of values
 * $em: should output be in em units?
 * $base-value: font size from which calculations are made
 */
/**
 * Internal helper for setting the point size and position
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Update an existing grid point
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Add a point to a grid item
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Internal pill() padding helper
 *
 * @param {Number} $padding The element's side padding width
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() height helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Update pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Update borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Create a frosted glass effect for modal overlays
 */
/**
 * The loading spinner which doesn't actually spin but whatevers
 *
 * @param {String} $color The spinner's color
 */
/**
 * Maintain icon ratio when changing dimensions
 *
 * Ratios are width / height so the values can be copied from the
 * SVG's viewbox attribute value (the last two values are width & height)
 *
 * @param {Number} $ratio The icon's ratio
 * @param {Boolean} $height The height desired for the icon
 * @param {Boolean} $width The width desired for the icon
 */
/**
 * The hero 'label' above the heading
 */
/**
 * The main hero heading
 */
/* stylelint-enable */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu, .video-river--about .video-river__caption, .story-grid--about .story-grid__item {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

.hero-grid {
  color: #FFFFFF;
  position: relative;
}
@media (min-width: 48rem) {
  .hero-grid {
    margin-bottom: 0;
  }
}
@media (min-width: 60rem) {
  .hero-grid {
    display: flex;
    height: 28.125rem;
    margin: 0rem auto;
    max-width: 61.25rem;
  }
}

.hero-grid__primary {
  /* stylelint-disable-line at-rule-empty-line-before */
  position: relative;
  padding: 2.5rem 1.25rem;
}
.hero-grid__primary::after {
  bottom: auto;
  height: 1.625rem;
  left: auto;
  right: -0.8125rem;
  top: calc(50% - (1.625rem / 2));
  width: 1.625rem;
  background: #2EAAD3;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .hero-grid__primary {
    padding: 3.125rem 1.875rem;
  }
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    align-items: center;
    display: flex;
    padding: 0rem 3.75rem;
    width: 50%;
  }
}
.hero-grid__primary::after {
  display: none;
}
@media (min-width: 60rem) {
  .hero-grid__primary::after {
    display: block;
  }
}

.hero-primary__content {
  max-width: 22.5rem;
}
@media (min-width: 60rem) {
  .hero-primary__content {
    max-width: 16.875rem;
  }
}

.hero-primary__label {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.625rem;
  text-transform: uppercase;
  text-transform: uppercase;
}
@media (min-width: 48rem) {
  .hero-primary__label {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .hero-primary__label {
    font-size: 0.75rem;
  }
}

.hero-primary__heading {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  text-transform: none;
  font-weight: 600;
  margin-bottom: 0.625rem;
}
@media (min-width: 60rem) {
  .hero-primary__heading {
    font-size: 1.875rem;
  }
}

.hero-primary__description {
  font-size: 0.75rem;
}
@media (min-width: 48rem) {
  .hero-primary__description {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .hero-primary__description {
    font-size: 0.75rem;
  }
}

.hero-grid__toggle,
.hero-grid__toggle-replace {
  background-color: #45ACCE;
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.2);
  height: 2.5rem;
  position: relative;
  width: 100%;
}

.hero-grid__toggle,
.toggle-replace__heading {
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: uppercase;
  z-index: 1;
}

@media (min-width: 60rem) {
  .hero-grid__toggle {
    display: none;
  }
}
.no-js .hero-grid__toggle {
  display: none;
}

.hero-grid__toggle-icon {
  display: inline-block;
  height: 0.5625rem;
  margin-left: 1.25rem;
  width: 1rem;
}

.hero-grid__toggle-replace {
  display: none;
}
.no-js .hero-grid__toggle-replace {
  align-items: center;
  display: flex;
  justify-content: center;
}
@media (min-width: 60rem) {
  .hero-grid__toggle-replace, .no-js .hero-grid__toggle-replace {
    display: none;
  }
}

.hero-grid__secondary {
  display: flex;
  flex-wrap: wrap;
  height: 0;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  transition: height 200ms ease-in-out;
}
@media (min-width: 60rem) {
  .hero-grid__secondary {
    height: auto;
    position: static;
    transform: none;
    width: 50%;
    z-index: 0;
  }
}
.no-js .hero-grid__secondary {
  height: auto;
  position: static;
  transform: none;
  z-index: 0;
}
@media (max-width: 64rem) {
  .hero-grid__secondary[aria-hidden=false] {
    height: 31.25rem;
  }
}

.hero-grid__secondary-item {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 15.625rem;
  justify-content: flex-end;
  padding-bottom: 2.5rem;
  width: 50%;
}
.hero-grid__secondary[data-count="1"] .hero-grid__secondary-item {
  justify-content: center;
  width: 100%;
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    height: 14.0625rem;
    padding-bottom: 1.5625rem;
  }
  .hero-grid__secondary[data-count="1"] .hero-grid__secondary-item {
    height: 100%;
    justify-content: center;
    width: 100%;
  }
  .hero-grid__secondary[data-count="2"] .hero-grid__secondary-item {
    justify-content: center;
    width: 100%;
  }
  .hero-grid__secondary[data-count="3"] .hero-grid__secondary-item:last-of-type {
    width: 100%;
  }
}

.hero-secondary__logo {
  height: auto;
  margin-bottom: 0.9375rem;
  margin-left: 0.5rem;
  margin-right: 0.5rem;
  max-height: 4.375rem;
  max-width: 9.375rem;
  width: auto;
}
@media (min-width: 60rem) {
  .hero-secondary__logo {
    margin-bottom: 1.875rem;
  }
}

.hero-secondary__info {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  padding-left: 0.5rem;
  padding-right: 0.5rem;
  text-align: center;
  text-transform: uppercase;
}
@media (min-width: 60rem) {
  .hero-secondary__info {
    font-size: 0.9375rem;
  }
}

.hero-secondary__link {
  border-style: solid;
  border-width: 2px;
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.25rem;
  padding: 0rem 1.125rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875rem;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .hero-secondary__link {
    font-size: 0.75rem;
  }
}
@media (min-width: 60rem) {
  .hero-secondary__link {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.625rem;
    font-size: 0.625rem;
  }
}

/*
Get Help Form

It Gets Better Get Help Form

markup: help-form.hbs

data: help-form.json

Styleguide help.form
*/
.help-form {
  display: flex;
  flex-direction: column;
}
@media (min-width: 48rem) {
  .help-form {
    align-items: center;
    justify-content: center;
  }
}
@media (min-width: 60rem) {
  .help-form {
    flex-direction: row;
    flex-wrap: wrap;
    margin: 0 auto;
    max-width: 49.375rem;
  }
}

.help-form__heading,
.help-form__conjunction {
  color: #45ACCE;
  font-size: 0.875rem;
  font-weight: 600;
}
@media (min-width: 60rem) {
  .help-form__heading,
  .help-form__conjunction {
    font-size: 0.75rem;
  }
}

.help-form__heading {
  display: block;
  margin-bottom: 0.9375rem;
}
@media (min-width: 48rem) {
  .help-form__heading {
    width: 100%;
  }
}
@media (min-width: 60rem) {
  .help-form__heading {
    margin: 0;
    width: auto;
  }
}
.help-form__search-term-wrapper .help-form__heading {
  display: inline-block;
  margin-right: 30px;
}

@media (min-width: 60rem) {
  .help-form__search-term-wrapper {
    width: 49.375rem;
    display: flex;
    align-items: center;
  }
  .help-form__search-term-wrapper .help-form__heading {
    width: 172px;
    margin-right: 0;
  }
  .help-form__search-term-wrapper .help-form__input-search-term {
    width: 100% !important;
  }
}

.help-form__location-wrapper {
  display: flex;
  flex-direction: column;
  margin-bottom: 1.875rem;
}
@media (min-width: 48rem) {
  .help-form__location-wrapper {
    align-items: center;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 3.75rem;
    width: 44.25rem;
  }
}
@media (min-width: 60rem) {
  .help-form__location-wrapper {
    width: 49.375rem;
  }
}

.help-form__conjunction {
  display: block;
  margin-bottom: 0.9375rem;
}
@media (min-width: 48rem) {
  .help-form__conjunction {
    display: inline-block;
    margin: 0;
  }
  .help-form__conjunction--and {
    text-align: center;
    width: calc(100% - 35.5rem);
  }
  .help-form__conjunction--or {
    margin-left: auto;
    margin-right: 3.125rem;
  }
}
@media (min-width: 60rem) {
  .help-form__conjunction {
    margin: 0;
    width: auto;
  }
}
.help-form__conjunction[aria-hidden=true] {
  height: 0;
  margin: 0;
  order: -1;
  visibility: hidden;
}
@media (min-width: 60rem) {
  .help-form__conjunction[aria-hidden=true] {
    order: 99;
  }
}

.help-form__select {
  margin-bottom: 0.9375rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .help-form__select {
    margin-bottom: 2.8125rem;
    width: 17.75rem !important; /* stylelint-disable-line declaration-no-important */
  }
}
@media (min-width: 60rem) {
  .help-form__select {
    margin: 0;
    width: 10.875rem !important; /* stylelint-disable-line declaration-no-important */
  }
}
.help-form__select[aria-hidden=true] {
  height: 0;
  margin: 0;
  order: -1;
  visibility: hidden;
}
@media (min-width: 60rem) {
  .help-form__select[aria-hidden=true] {
    order: 99;
  }
}
.help-form__select::after {
  background-image: url("assets/dist/images/icon-arrow-down-white.svg");
}
.help-form__select select {
  background-color: #45ACCE;
  color: #FFFFFF;
}

.help-form__input {
  background-color: #DEEDF2;
  color: #45ACCE;
  font-weight: 600;
  width: 100%;
}
@media (min-width: 48rem) {
  .help-form__input {
    margin-right: auto;
    width: 17.75rem !important; /* stylelint-disable-line declaration-no-important */
  }
}
@media (min-width: 60rem) {
  .help-form__input {
    margin: 0;
    width: 10.875rem !important; /* stylelint-disable-line declaration-no-important */
  }
}
.help-form__input::placeholder {
  color: #45ACCE;
}

.help-form__input-zip[aria-hidden=true] {
  height: 0;
  margin: 0;
  order: -1;
  visibility: hidden;
}
@media (min-width: 60rem) {
  .help-form__input-zip[aria-hidden=true] {
    order: 99;
  }
}

.help-form__filter-wrapper {
  align-content: center;
  display: flex;
  flex-direction: column;
  margin-bottom: 1.25rem;
  margin-top: 2.5rem;
  width: 100%;
}

.help-form__filter-heading {
  color: #45ACCE;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .help-form__filter-heading {
    width: 100%;
  }
}
@media (min-width: 60rem) {
  .help-form__filter-heading {
    font-size: 0.75rem;
  }
}

.help-form__filter-list {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  max-width: 31.875rem;
}
@media (min-width: 60rem) {
  .help-form__filter-list {
    max-width: none;
    width: 100%;
  }
}

.help-form__filter-list-item {
  margin: 0rem 0.25rem 0.9375rem 0.25rem;
}

.help-form__filter {
  border-style: solid;
  border-width: 2px;
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.25rem;
  padding: 0rem 0.8125rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: none;
}
@media (min-width: 60rem) {
  .help-form__filter {
    font-size: 0.625rem;
  }
}
.help-form__filter:last-of-type {
  margin-right: 0;
}

.help-form__submit,
.help-form__button {
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0rem 1.25rem;
  text-align: center;
  text-transform: uppercase;
  align-self: center;
  background-color: #45ACCE;
  color: #FFFFFF;
  font-size: 0.75rem;
  margin-bottom: 2.5rem;
}

/* stylelint-disable selector-max-specificity */
.help-form__filter--online {
  color: #F6AA3E;
}
[name=filter]:checked + .help-form__filter--online {
  background-color: #F6AA3E;
  color: #FFFFFF;
}

.help-form__filter--community {
  color: #E93949;
}
[name=filter]:checked + .help-form__filter--community {
  background-color: #E93949;
  color: #FFFFFF;
}

.help-form__filter--social {
  color: #BE67AD;
}
[name=filter]:checked + .help-form__filter--social {
  background-color: #BE67AD;
  color: #FFFFFF;
}

.help-form__filter--family {
  color: #5E3A73;
}
[name=filter]:checked + .help-form__filter--family {
  background-color: #5E3A73;
  color: #FFFFFF;
}

.help-form__filter--housing {
  color: #20B9AB;
}
[name=filter]:checked + .help-form__filter--housing {
  background-color: #20B9AB;
  color: #FFFFFF;
}

.help-form__filter--legal {
  color: #86D348;
}
[name=filter]:checked + .help-form__filter--legal {
  background-color: #86D348;
  color: #FFFFFF;
}

.help-form__filter--medical {
  color: #1976D2;
}
[name=filter]:checked + .help-form__filter--medical {
  background-color: #1976D2;
  color: #FFFFFF;
}

.help-form__filter--mental-health {
  color: #F36B88;
}
[name=filter]:checked + .help-form__filter--mental-health {
  background-color: #F36B88;
  color: #FFFFFF;
}

.help-form__filter--youth-crisis {
  color: #F97D3A;
}
[name=filter]:checked + .help-form__filter--youth-crisis {
  background-color: #F97D3A;
  color: #FFFFFF;
}

.help-form__filter--advocacy-awareness {
  color: #5E3A73;
}
[name=filter]:checked + .help-form__filter--advocacy-awareness {
  background-color: #5E3A73;
  color: #FFFFFF;
}

/* stylelint-enable */
/*
Filter Results Grid

It Gets Better Get Help Filter Results Grid

markup: filter-results.hbs

data: filter-results.json

Styleguide filter.results
*/
.help-results {
  margin-bottom: 6.25rem;
}

.help-results__list {
  margin-bottom: 1.5625rem;
  position: relative;
}
@media (min-width: 48rem) {
  .help-results__list {
    display: flex;
    flex-wrap: wrap;
  }
}

.help-results__list--loading::before {
  animation: spectrum 3s ease infinite;
  background: linear-gradient(-45deg, #F97D3A, #F36B88, #1976D2, #86D348);
  background-size: 200% 200%;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (min-width: 48rem) {
  .help-results__item {
    width: 50%;
  }
}
@media (min-width: 60rem) {
  .help-results__item {
    width: 25%;
  }
}

.no-results {
  display: block;
  margin: 0 auto;
  text-align: center;
  width: 50%;
}

.results-content {
  align-items: flex-start;
  background: linear-gradient(45deg, #2493B8, #2EAAD3);
  border: 0;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  height: auto;
  justify-content: flex-start;
  padding: 1.25rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content {
    height: 100%;
    padding: 1.5625rem 1.875rem 1.875rem 1.875rem;
  }
}
@media (min-width: 60rem) {
  .results-content {
    padding: 1.5625rem 1.875rem 1.25rem 1.875rem;
  }
}

.results-content__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  order: -1;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 60rem) {
  .results-content__title {
    font-size: 0.9375rem;
  }
}

.results-content__label {
  font-size: 0.75rem;
  order: -2;
  text-transform: uppercase;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content__label {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .results-content__label {
    font-size: 0.5rem;
  }
}

.results-content__categories {
  display: flex;
  margin-bottom: 0.625rem;
  order: -3;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content__categories {
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 60rem) {
  .results-content__categories {
    margin-bottom: 0.625rem;
  }
}

.results-content__category {
  border-radius: 0.3125rem/50%;
  height: 0.625rem;
  line-height: 0.625rem;
  padding: 0rem 0rem;
  text-align: center;
  text-transform: uppercase;
  width: 1.875rem;
}
@media (min-width: 60rem) {
  .results-content__category {
    border-radius: 0.1875rem/50%;
    height: 0.375rem;
    line-height: 0.375rem;
    width: 1.125rem;
  }
}
.results-content__category:not(:last-child) {
  margin-right: 0.9375rem;
}

.results-content__location {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.9375rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content__location {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 60rem) {
  .results-content__location {
    font-size: 0.75rem;
  }
}

.results-content__description {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content__description {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .results-content__description {
    font-size: 0.75rem;
  }
}

.results-content__phone {
  font-size: 1rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .results-content__phone {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .results-content__phone {
    font-size: 0.75rem;
  }
}

.results-content__link {
  border-style: solid;
  border-width: 2px;
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.25rem;
  padding: 0rem 1.125rem;
  text-align: center;
  text-transform: uppercase;
  display: inline-block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-right: 8px;
  margin-top: auto;
}
@media (min-width: 48rem) {
  .results-content__link {
    font-size: 0.75rem;
  }
}
@media (min-width: 60rem) {
  .results-content__link {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.625rem;
    font-size: 0.625rem;
    height: 30px;
  }
}

.help-results__load-more {
  align-items: center;
  color: #45ACCE;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0rem auto 1.5625rem auto;
  text-transform: uppercase;
}
.help-results__load-more span {
  display: block;
  height: 0.5625rem;
  margin-left: 0.9375rem;
  width: 1rem;
}
.help-results__load-more span svg {
  stroke: #45ACCE;
}

.help-results__loading-arrow {
  animation: jump 1.5s ease 0s infinite normal;
  background: url("assets/dist/images/icon-arrow-down-purple.svg") no-repeat scroll center center rgba(255, 255, 255, 0.95);
  background-size: 35px;
  border-radius: 50%;
  bottom: 1em;
  box-shadow: #333 0 1px 16px;
  display: block;
  height: 50px;
  left: calc(50% - 25px);
  margin-right: -50%;
  position: fixed;
  transform: translate(-50%, 0);
  width: 50px;
}
@media (min-width: 48rem) {
  .help-results__loading-arrow {
    display: none;
  }
}

/* stylelint-disable selector-max-specificity */
.category--online {
  background-color: #F6AA3E;
}

.category--community {
  background-color: #E93949;
}

.category--family {
  background-color: #5E3A73;
}

.category--housing {
  background-color: #20B9AB;
}

.category--legal {
  background-color: #86D348;
}

.category--medical {
  background-color: #1976D2;
}

.category--mental-health {
  background-color: #F36B88;
}

.category--youth-crisis {
  background-color: #F97D3A;
}

.category--social {
  background-color: #BE67AD;
}

.category--advocacy-awareness {
  background-color: #5E3A73;
}

/* stylelint-enable */
/*
Help Page CTA Buttons

It Gets Better Help CTAs

markup: help-ctas.hbs

data: help-ctas.json

Styleguide help.ctas
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu, .video-river--about .video-river__caption, .story-grid--about .story-grid__item {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/* stylelint-disable block-closing-brace-newline-after, at-rule-empty-line-before, rule-empty-line-before */
/**
 * Convert px to rem or em
 * Unitless values are assumed to be in px
 *
 * NOTE: px-to-rem is intended as a function for internal use only.
 *	Favor usage of rem-calc over px-to-rem, as rem-calc is more versatile.
 *
 */
/**
 * Convert a list of unitless values (or px) to rem or em
 *
 * $values: single value or list of values
 * $em: should output be in em units?
 * $base-value: font size from which calculations are made
 */
/**
 * Internal helper for setting the point size and position
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Update an existing grid point
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Add a point to a grid item
 *
 * @param {String} $location The point's position ('top', 'right', 'bottom', 'left')
 * @param {String} $background The background color value
 * @param {String} $size The point's size variant ('small', 'large')
 */
/**
 * Internal pill() padding helper
 *
 * @param {Number} $padding The element's side padding width
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() height helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Boolean|Number} $border-width The element's border width
 */
/**
 * Internal pill() helper
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Update pill-shaped buttons and links with borders
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 * @param {Number} $border-width The element's border width
 */
/**
 * Create borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Update borderless pill-shaped buttons and links
 *
 * @param {String} $height The element's height; used to calculate the correct border-radius
 * @param {Number} $padding The element's side padding width
 */
/**
 * Create a frosted glass effect for modal overlays
 */
/**
 * The loading spinner which doesn't actually spin but whatevers
 *
 * @param {String} $color The spinner's color
 */
/**
 * Maintain icon ratio when changing dimensions
 *
 * Ratios are width / height so the values can be copied from the
 * SVG's viewbox attribute value (the last two values are width & height)
 *
 * @param {Number} $ratio The icon's ratio
 * @param {Boolean} $height The height desired for the icon
 * @param {Boolean} $width The width desired for the icon
 */
/**
 * The hero 'label' above the heading
 */
/**
 * The main hero heading
 */
/* stylelint-enable */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .home-ctas-wrapper, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu, .video-river--about .video-river__caption, .story-grid--about .story-grid__item {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

section.section--help-ctas {
  padding-left: 0;
  padding-right: 0;
}

.help-ctas-wrapper {
  color: #FFFFFF;
  padding: 0;
}
@media (min-width: 60rem) {
  .help-ctas-wrapper {
    padding: 0rem 1.25rem;
  }
}

.help-ctas {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 auto;
  max-width: 100%;
  padding: 0;
}
@media (min-width: 60rem) {
  .help-ctas {
    align-items: center;
    display: flex;
    font-size: 0.75rem;
    justify-content: space-between;
    max-width: 61.25rem;
    padding: 0.9375rem 0.625rem;
  }
}

.help-ctas__heading {
  font-size: 1rem;
  font-weight: 600;
  margin: 0rem 0rem 1.25rem;
  text-align: center;
  display: none;
}
@media (min-width: 60rem) {
  .help-ctas__heading {
    font-size: 0.75rem;
    margin: 0rem 1.875rem 0rem 0rem;
    text-align: left;
    display: block;
    width: 12.1875rem;
  }
}

.help-ctas__list {
  display: flex;
  max-height: 0;
  overflow: hidden;
  position: relative;
  transform: translateZ(0);
  transition: max-height 200ms ease-in-out;
  justify-content: center;
  align-items: center;
  flex-flow: column nowrap;
}
@media (min-width: 60rem) {
  .help-ctas__list {
    flex: 1 0 auto;
    flex-wrap: nowrap;
    justify-content: flex-end;
    max-height: none;
    position: static;
    transform: none;
    z-index: 0;
    overflow: visible;
    align-items: center;
    flex-flow: row wrap;
  }
}
.no-js .help-ctas__list {
  height: auto;
  position: static;
  transform: none;
  z-index: 0;
}
@media (max-width: 64rem) {
  .help-ctas__list[aria-hidden=false] {
    max-height: 1000px;
  }
}

.help-ctas__list-item {
  margin: 0.625rem 0rem;
}
@media (min-width: 48rem) {
  .help-ctas__list-item {
    width: calc(50% - 0.9375rem);
  }
}
@media (min-width: 60rem) {
  .help-ctas__list-item {
    margin: 0rem;
    width: auto;
  }
  .help-ctas__list-item:not(:last-of-type) {
    margin: 0rem 0.9375rem 0rem 0rem;
  }
}
.help-ctas__list-item--support .help-ctas__icon {
  height: 1.625rem;
  width: 2.5524956162rem;
}
@media (min-width: 60rem) {
  .help-ctas__list-item--support .help-ctas__icon {
    height: 1.3125rem;
    width: 2.0616310746rem;
  }
}
.help-ctas__list-item--share .help-ctas__icon {
  height: 1.25rem;
  width: 2.1875rem;
}
@media (min-width: 60rem) {
  .help-ctas__list-item--share .help-ctas__icon {
    height: 1.375rem;
    width: 2.40625rem;
  }
}
.help-ctas__list-item--shop .help-ctas__icon {
  height: 1.5625rem;
  width: 1.7578125rem;
}
@media (min-width: 60rem) {
  .help-ctas__list-item--shop .help-ctas__icon {
    height: 1.6875rem;
    width: 1.8984375rem;
  }
}
.help-ctas__list-item--connect .help-ctas__icon {
  height: 1.375rem;
  width: 2.7947634476rem;
}
@media (min-width: 60rem) {
  .help-ctas__list-item--connect .help-ctas__icon {
    height: 1.4375rem;
    width: 2.9217981497rem;
  }
}

.help-ctas__link {
  border-radius: 1.3125rem/50%;
  height: 2.625rem;
  line-height: 2.625rem;
  padding: 0rem 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  line-height: 1;
}
@media (min-width: 60rem) {
  .help-ctas__link {
    border-radius: 1.40625rem/50%;
    height: 2.8125rem;
    line-height: 2.8125rem;
    justify-content: space-around;
    line-height: 1;
  }
}
.help-ctas__list-item:first-of-type .help-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: rgba(9, 73, 93, 0.8);
}
.help-ctas__list-item:nth-child(2) .help-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: rgba(9, 73, 93, 0.7);
}
.help-ctas__list-item:nth-child(3) .help-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: rgba(9, 73, 93, 0.5);
}
.help-ctas__list-item:last-of-type .help-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: #09495d;
}
.help-ctas__link .help-ctas__icon {
  display: block;
  margin-right: 0.9375rem;
}

.section--get-help {
  margin-top: 3.4375rem;
}
@media (min-width: 48rem) {
  .section--get-help {
    margin-top: 3.75rem;
  }
}
@media (min-width: 60rem) {
  .section--get-help {
    margin: 4.6875rem auto 0rem auto;
  }
}

.has-blue-background-color,
.wp-block-cover.has-background-dim.has-blue-background-color,
.wp-block-button__link.has-blue-background-color {
  background-color: #45acce;
}

.has-blue-color,
.wp-block-button__link.has-blue-color {
  color: #45acce;
}

.has-red-background-color,
.wp-block-cover.has-background-dim.has-red-background-color,
.wp-block-button__link.has-red-background-color {
  background-color: #f2566e;
}

.has-red-color,
.wp-block-button__link.has-red-color {
  color: #f2566e;
}

.has-purple-background-color,
.wp-block-cover.has-background-dim.has-purple-background-color,
.wp-block-button__link.has-purple-background-color {
  background-color: #5e3a73;
}

.has-purple-color,
.wp-block-button__link.has-purple-color {
  color: #5e3a73;
}

.has-gold-background-color,
.wp-block-cover.has-background-dim.has-gold-background-color,
.wp-block-button__link.has-gold-background-color {
  background-color: #e69f22;
}

.has-gold-color,
.wp-block-button__link.has-gold-color {
  color: #e69f22;
}

.has-gray-background-color,
.wp-block-cover.has-background-dim.has-gray-background-color,
.wp-block-button__link.has-gray-background-color {
  background-color: #f4f4f4;
}

.has-gray-color,
.wp-block-button__link.has-gray-color {
  color: #f4f4f4;
}

.has-purple-pink-gradient-background {
  background: linear-gradient(90deg, rgb(97, 58, 129) 0%, rgb(216, 90, 107) 100%);
}

.has-purple-purple-gradient-background {
  background: linear-gradient(90deg, rgb(153, 109, 149) 0%, rgb(94, 58, 126) 100%);
}

.has-pink-pink-gradient-background {
  background: linear-gradient(90deg, rgb(188, 43, 77) 0%, rgb(242, 86, 110) 100%);
}

.has-yellow-yellow-gradient-background {
  background: linear-gradient(90deg, rgb(240, 196, 127) 0%, rgb(230, 159, 34) 100%);
}

.has-blue-blue-gradient-background {
  background: linear-gradient(90deg, rgb(69, 172, 206) 0%, rgb(27, 142, 195) 100%);
}

.has-blue-blue-gradient-background-vertical {
  background: linear-gradient(0, rgb(69, 172, 206) 0%, rgb(27, 142, 195) 100%);
}

.block-content > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide),
.block-content .wp-block-group__inner-container > *:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.is-style-wide) {
  margin: 0 auto;
  max-width: 60rem;
}

.block-content > .alignwide,
.block-content .wp-block-group__inner-container > .alignwide {
  margin: 0 auto;
  max-width: 76.25rem;
}

.block-content > .wp-block-cover {
  margin-bottom: 2.5rem;
}
.block-content > .wp-block-cover p, .block-content > .wp-block-cover h1, .block-content > .wp-block-cover h2, .block-content > .wp-block-cover h3, .block-content > .wp-block-cover h4 {
  margin: 3.75rem 0;
}

.block-content .wp-block-archives:not(.alignwide):not(.alignfull),
.block-content .wp-block-categories:not(.alignwide):not(.alignfull),
.block-content .wp-block-code,
.block-content .wp-block-columns:not(.alignwide):not(.alignfull),
.block-content .wp-block-cover:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.block-content .wp-block-embed:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.block-content .wp-block-gallery:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.block-content .wp-block-group:not(.has-background):not(.alignwide):not(.alignfull),
.block-content .wp-block-image:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright):not(.aligncenter),
.block-content .wp-block-latest-comments:not(.aligncenter):not(.alignleft):not(.alignright),
.block-content .wp-block-latest-posts:not(.aligncenter):not(.alignleft):not(.alignright),
.block-content .wp-block-media-text:not(.alignwide):not(.alignfull),
.block-content .wp-block-preformatted,
.block-content .wp-block-pullquote:not(.alignwide):not(.alignfull):not(.alignleft):not(.alignright),
.block-content .wp-block-quote,
.block-content .wp-block-quote.is-large,
.block-content .wp-block-quote.is-style-large,
.block-content .wp-block-verse,
.block-content .wp-block-video:not(.alignwide):not(.alignfull) {
  margin-bottom: 2.5rem;
  margin-top: 2.5rem;
}

.block-content .wp-block-group .wp-block-media-text {
  margin-bottom: 1.25rem;
  margin-top: 1.25rem;
}

div.wp-block-media-text div.wp-block-media-text__content {
  padding: 8%;
}
div.wp-block-media-text div.wp-block-media-text__content p a {
  text-decoration: underline;
}

.wp-block-group {
  padding-top: 1.25rem;
  padding-bottom: 1.25rem;
}

.wp-block-buttons {
  margin: 0.625rem 0;
}

.block-content h1,
.block-content h2,
.block-content h3 {
  font-weight: 800;
}

.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > a {
  width: 100%;
  height: 100%;
  display: block;
}
.wp-block-media-text.is-image-fill figure.wp-block-media-text__media > a img {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

a.wp-block-button__link {
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0rem 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.75rem;
  font-weight: 600;
}

a.wp-block-button__link:hover,
a.wp-block-button__link:active,
a.wp-block-button__link:focus {
  background: #ffffff;
  color: #5e3a73 !important;
  border: #5e3a73 !important;
  box-shadow: 0 0 0 1px #5e3a73 !important;
  height: 1.875rem;
}

div.wp-block-group.is-style-equal-height-grid .wp-block-group__inner-container {
  display: grid;
  grid-template-columns: 1fr;
  grid-gap: 2rem;
  margin: 0 auto;
  max-width: 60rem;
}
@media (min-width: 48rem) {
  div.wp-block-group.is-style-equal-height-grid .wp-block-group__inner-container {
    grid-template-columns: 1fr 1fr;
  }
}
div.wp-block-group.is-style-equal-height-grid div.wp-block-media-text {
  margin: 0;
  padding: 0;
}
@media (min-width: 48rem) {
  div.wp-block-group.is-style-equal-height-grid div.wp-block-media-text.is-image-fill figure.wp-block-media-text__media {
    min-height: auto;
  }
  div.wp-block-group.is-style-equal-height-grid div.wp-block-media-text figure.wp-block-media-text__media::before {
    content: "";
    display: block;
    width: 0;
    height: 0;
    margin-top: calc(50% - 10px);
    margin-left: calc(100% - 20px);
    border: 0 solid transparent;
    border-bottom-width: 20px;
    border-top-width: 20px;
    border-right: 20px solid #349dc8;
  }
  div.wp-block-group.is-style-equal-height-grid div.wp-block-media-text.has-media-on-the-right figure.wp-block-media-text__media::before {
    margin-left: 0;
    transform: rotate(180deg);
  }
}
@media (min-width: 48rem) {
  div.wp-block-group.is-style-equal-height-grid div.wp-block-buttons.aligncenter {
    grid-column: 1/3;
  }
}

.wp-block-embed.is-type-video.wp-has-aspect-ratio {
  margin-left: 0;
  margin-right: 0;
}
.wp-block-embed.is-type-video.wp-has-aspect-ratio span.embed-youtube::before {
  padding-top: 56.25%;
  content: "";
  display: block;
}
.wp-block-embed.is-type-video.wp-has-aspect-ratio iframe {
  border: 0;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  height: 100%;
  width: 100%;
}

/* Gutenberg styles for global pages */
.gutenberg-page-type .post__content {
  max-width: 100%;
  width: 100%;
  padding: 0px;
}
.gutenberg-page-type .hero-cover {
  min-height: 600px;
  max-height: 600px;
}
@media (max-width: 90rem) {
  .gutenberg-page-type .hero-cover {
    min-height: 548px;
    max-height: 548px;
  }
}
@media (max-width: 48rem) {
  .gutenberg-page-type .hero-cover {
    align-items: flex-end;
  }
}
.gutenberg-page-type .hero-cover:after {
  display: block;
  content: "";
  height: 100%;
  width: 100%;
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  background: linear-gradient(0deg, #5E3A7E 16.25rem, transparent 100%);
}
@media (min-width: 48rem) {
  .gutenberg-page-type .hero-cover:after {
    background: linear-gradient(90deg, rgba(94, 58, 126, 0.9), transparent);
  }
}
.gutenberg-page-type .wp-block-cover__inner-container {
  z-index: 2 !important;
  max-width: 61.25rem;
  width: 100%;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}
@media (max-width: 48rem) {
  .gutenberg-page-type .wp-block-cover__inner-container {
    margin-bottom: 50px;
  }
}
.gutenberg-page-type .wp-block-cover__inner-container h1 {
  font-size: 1.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0;
  text-transform: none;
  margin-bottom: 20px;
}
@media (min-width: 60rem) {
  .gutenberg-page-type .wp-block-cover__inner-container h1 {
    font-size: 1.875rem;
  }
}
.gutenberg-page-type .wp-block-cover__inner-container p.hero-caption__description {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
}
@media (min-width: 48rem) {
  .gutenberg-page-type .wp-block-cover__inner-container p.hero-caption__description {
    font-size: 0.875rem;
    margin-bottom: 2.1875rem;
    width: 21.25rem;
  }
}
@media (min-width: 60rem) {
  .gutenberg-page-type .wp-block-cover__inner-container p.hero-caption__description {
    font-size: 0.875rem;
    margin-bottom: 1.5625rem;
    width: 28.125rem;
  }
}
@media (min-width: 75.25rem) {
  .gutenberg-page-type .wp-block-cover__inner-container p.hero-caption__description {
    font-size: 0.875rem;
  }
}
.gutenberg-page-type .wp-block-group__inner-container {
  clear: both;
  margin-left: auto;
  margin-right: auto;
  max-width: 61.25rem;
}
.gutenberg-page-type .wp-block-coblocks-column__inner figure.is-type-video {
  height: 100%;
  width: 100%;
  margin: 0px;
}

.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-coblocks-column {
  margin: 0px !important;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-coblocks-column__inner {
  padding: 0px !important;
  margin: 0px !important;
  height: 100%;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -ms-flex-align: start;
  align-items: flex-start;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-coblocks-column__inner div:first-of-type {
  margin-bottom: 0px;
  height: 100%;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-coblocks-column__inner .wp-block-group__inner-container {
  padding-top: 1rem;
  padding-left: 2.5rem;
  padding-right: 2.5rem;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin h4 {
  margin-bottom: 20px;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin p {
  margin-bottom: 20px;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin p.section-subtitle {
  margin-top: 20px;
  margin-bottom: -2px;
  font-size: 0.7rem;
  letter-spacing: 1.5px;
  text-transform: uppercase;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-buttons.is-content-justification-center {
  text-align: center;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-image, .igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin img {
  margin: 0px !important;
  padding: 0px !important;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-image {
  height: 100%;
  width: 100%;
}
.igb-global-row-section .igb-global-row-section.has-no-padding.has-no-margin .wp-block-image img {
  flex-shrink: 0;
  min-width: 100%;
  min-height: 100%;
}

.site-gradient-bg {
  background: -webkit-gradient(linear, left top, right top, from(#5E3A7E), to(#966D95));
  background: -o-linear-gradient(left, #5E3A7E, #966D95);
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.wp-block-cover.is-style-semi-border::after {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0) 60%, rgba(94, 58, 126, 0.25) 75%, #5e3a7e 100%);
}
.wp-block-cover.is-style-semi-border .wp-block-cover__inner-container {
  position: absolute;
  top: 0;
  bottom: 0;
  width: calc(100% - 4rem) !important;
  max-width: 61.25rem;
  display: flex;
  justify-content: center;
  border-top: 2px solid #FFFFFF;
  border-left: 2px solid #FFFFFF;
  border-right: 2px solid #FFFFFF;
  margin: 1.2rem !important;
  padding: 2rem;
  left: auto;
}
@media screen and (max-width: 667px) {
  .wp-block-cover.is-style-semi-border .wp-block-cover__inner-container {
    left: 0;
    margin: 1em !important;
    padding: 2em;
    width: calc(100% - 2em) !important;
  }
}
.wp-block-cover.is-style-semi-border .wp-block-cover__inner-container .wp-block-group {
  margin: 0 0 -3.25rem !important;
  padding: 0;
  align-self: flex-end;
}
.wp-block-cover.is-style-semi-border .wp-block-cover__inner-container::before, .wp-block-cover.is-style-semi-border .wp-block-cover__inner-container::after {
  content: "";
  height: 0;
  border-top: 2px solid #FFFFFF;
  width: 18%;
  position: absolute;
  bottom: 0;
}
@media (max-width: 769px) {
  .wp-block-cover.is-style-semi-border .wp-block-cover__inner-container::before, .wp-block-cover.is-style-semi-border .wp-block-cover__inner-container::after {
    width: 7%;
  }
}
.wp-block-cover.is-style-semi-border .wp-block-cover__inner-container::before {
  left: 0;
}
.wp-block-cover.is-style-semi-border .wp-block-cover__inner-container::after {
  right: 0;
}
.wp-block-cover .vertical-centered-with-border {
  line-height: 100%;
}

figure.wp-block-video figcaption,
figure.wp-block-embed.is-type-video figcaption {
  margin: 0;
  text-align: center;
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px;
}

/*
Homepage CTAs

It Gets Better Global Homepage CTAs

markup: home-ctas.hbs

data: home-ctas.json

Styleguide home.ctas
*/
.home-ctas-wrapper {
  color: #FFFFFF;
  padding: 0rem 1.25rem;
}

.home-ctas {
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0 auto;
  max-width: 17.5rem;
  padding: 2.8125rem 1.25rem;
}
@media (min-width: 48rem) {
  .home-ctas {
    max-width: 33.125rem;
    padding: 1.875rem 1.875rem;
  }
}
@media (min-width: 60rem) {
  .home-ctas {
    align-items: center;
    display: flex;
    font-size: 0.75rem;
    justify-content: center;
    max-width: none;
    padding: 0.9375rem 0.625rem;
  }
}

.home-ctas__heading {
  font-size: 1rem;
  font-weight: 600;
  margin: 0rem 0rem 1.25rem;
  text-align: center;
}
@media (min-width: 60rem) {
  .home-ctas__heading {
    font-size: 0.75rem;
    margin: 0rem 1.875rem 0rem 0rem;
    text-align: left;
    width: 12.1875rem;
  }
}

@media (min-width: 48rem) {
  .home-ctas__list {
    align-items: center;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}
@media (min-width: 60rem) {
  .home-ctas__list {
    flex-wrap: nowrap;
  }
}

.home-ctas__list-item {
  margin: 0rem 0rem 1.25rem 0rem;
}
@media (min-width: 48rem) {
  .home-ctas__list-item {
    width: calc(50% - 0.9375rem);
  }
}
@media (min-width: 60rem) {
  .home-ctas__list-item {
    margin: 0rem;
    width: auto;
  }
  .home-ctas__list-item:not(:last-of-type) {
    margin: 0rem 0.9375rem 0rem 0rem;
  }
}
.home-ctas__list-item--support .home-ctas__icon {
  height: 1.625rem;
  width: 2.5524956162rem;
}
@media (min-width: 60rem) {
  .home-ctas__list-item--support .home-ctas__icon {
    height: 1.3125rem;
    width: 2.0616310746rem;
  }
}
.home-ctas__list-item--share .home-ctas__icon {
  height: 1.25rem;
  width: 2.1875rem;
}
@media (min-width: 60rem) {
  .home-ctas__list-item--share .home-ctas__icon {
    height: 1.375rem;
    width: 2.40625rem;
  }
}
.home-ctas__list-item--shop .home-ctas__icon {
  height: 1.5625rem;
  width: 1.7578125rem;
}
@media (min-width: 60rem) {
  .home-ctas__list-item--shop .home-ctas__icon {
    height: 1.6875rem;
    width: 1.8984375rem;
  }
}
.home-ctas__list-item--connect .home-ctas__icon {
  height: 1.375rem;
  width: 2.7947634476rem;
}
@media (min-width: 60rem) {
  .home-ctas__list-item--connect .home-ctas__icon {
    height: 1.4375rem;
    width: 2.9217981497rem;
  }
}

.home-ctas__link {
  border-radius: 1.3125rem/50%;
  height: 2.625rem;
  line-height: 2.625rem;
  padding: 0rem 0.9375rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  line-height: 1;
}
@media (min-width: 60rem) {
  .home-ctas__link {
    border-radius: 1.40625rem/50%;
    height: 2.8125rem;
    line-height: 2.8125rem;
    justify-content: space-around;
    line-height: 1;
  }
}
.home-ctas__list-item:first-of-type .home-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: rgba(22, 14, 29, 0.8);
}
.home-ctas__list-item:nth-child(2) .home-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: rgba(22, 14, 29, 0.7);
}
.home-ctas__list-item:nth-child(3) .home-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: rgba(22, 14, 29, 0.5);
}
.home-ctas__list-item:last-of-type .home-ctas__link { /* stylelint-disable-line selector-max-specificity */
  background-color: #563664;
}
.home-ctas__link .home-ctas__icon {
  display: block;
  margin-right: 0.9375rem;
}

/*
Homepage Blurb

It Gets Better Global Homepage Blurb

markup: home-blurb.hbs

data: home-blurb.json

Styleguide home.blurb
*/
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
/*
 * This file is written via a node script. Don't write to it by hand!
 * edit /client/config/breakpoints.json instead, then run `npm run syncBreakpoints`
 */
[for=s3-direct-file]:hover, [for=s3-direct-file]:focus, [for=s3-direct-file]:focus-within,
[for=s3-direct-file] .focus-within, .story-grid--education .story-grid__item .grid-item__content, .woocommerce.single-product #section-store .product .summary, .shop-navigation .store-menu ul li .sub-menu, .header-menu .sub-menu, .video-river--about .video-river__caption, .story-grid--about .story-grid__item, .home-ctas-wrapper {
  background: linear-gradient(to right, #5E3A7E, #966D95);
}

.story-grid--video .story-grid__item, .video-search__toggle, .video-river__caption {
  background: linear-gradient(135deg, #BC2B4D, #F2566E);
}

.story-grid--media .story-grid__item .grid-item__content, .story-grid--home .story-grid__item, .help-ctas-wrapper {
  background: linear-gradient(to right, #0588C2, #45ACCE);
}

.hero-grid__primary {
  background-color: #1F8FC0;
}
@media (min-width: 60rem) {
  .hero-grid__primary {
    background: linear-gradient(to right, #2493B8, #2EAAD3);
  }
}

.hero-grid__secondary-item {
  background: linear-gradient(45deg, #4AB8DE, #30A3D1);
}
@media (min-width: 60rem) {
  .hero-grid__secondary-item {
    background: linear-gradient(45deg, #4CB9DD, #63C8EA);
  }
}

.home-blurb {
  margin: 0 auto;
  padding: 6.25rem 0rem 2.1875rem 0rem;
  position: relative;
  text-align: center;
  width: 62.5%;
}
@media (min-width: 48rem) {
  .home-blurb {
    padding: 6.25rem 0rem 5.625rem 0rem;
    width: 30.625rem;
  }
}
@media (min-width: 60rem) {
  .home-blurb {
    padding: 9.375rem 0rem 6.25rem 0rem;
    width: 38.125rem;
  }
}

.home-blurb__top-border {
  display: block;
  height: 1.5625rem;
  margin: 0rem auto 0.9375rem auto;
  position: relative;
  width: calc(100% - 1.25rem);
}
@media (min-width: 48rem) {
  .home-blurb__top-border {
    width: calc(100% - 4.375rem);
  }
}
@media (min-width: 60rem) {
  .home-blurb__top-border {
    width: calc(100% - 6.25rem);
  }
}
.home-blurb__top-border::before, .home-blurb__top-border::after {
  border-color: #5E3A7E;
  border-style: solid;
  content: "";
  display: block;
  height: 1.5625rem;
  position: absolute;
  top: 0;
  width: calc(50% - 1.25rem);
}
@media (min-width: 48rem) {
  .home-blurb__top-border::before, .home-blurb__top-border::after {
    width: calc(50% - 3.75rem);
  }
}
.home-blurb__top-border::before {
  border-width: 1px 0 0 1px;
  left: 0;
}
.home-blurb__top-border::after {
  border-width: 1px 1px 0 0;
  right: 0;
}

.home-blurb__icon {
  display: block;
  height: 2.5rem;
  left: 50%;
  position: absolute;
  top: calc(-100% - 0.9375rem);
  transform: translateX(-50%);
  width: 3.375rem;
}
@media (min-width: 48rem) {
  .home-blurb__icon {
    height: 3.75rem;
    top: calc(-100% - 1.5625rem);
    width: 5.125rem;
  }
}
@media (min-width: 60rem) {
  .home-blurb__icon {
    height: 4.125rem;
    top: calc(-100% - 1.875rem);
    width: 5.625rem;
  }
}

.home-blurb__text {
  font-size: 1rem;
}
.home-blurb__text strong {
  display: block;
  font-size: 1.75rem;
}
@media (min-width: 48rem) {
  .home-blurb__text {
    font-size: 1.125rem;
  }
  .home-blurb__text strong {
    font-size: 2rem;
  }
}
@media (min-width: 60rem) {
  .home-blurb__text {
    font-size: 1.375rem;
  }
  .home-blurb__text strong {
    font-size: 2.5rem;
  }
}

.home-blurb__bottom-border {
  border-color: #5E3A7E;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  display: block;
  height: 1.25rem;
  margin: 0.9375rem auto 0rem auto;
  width: calc(100% - 1.25rem);
}
@media (min-width: 48rem) {
  .home-blurb__bottom-border {
    margin: 0.3125rem auto 0rem auto;
    width: calc(100% - 4.375rem);
  }
}
@media (min-width: 60rem) {
  .home-blurb__bottom-border {
    width: calc(100% - 6.25rem);
  }
}

/*
More Link

It Gets Better Homepage More Link

markup: more-link.hbs

data: more-link.json

Styleguide more.link
*/
.more-link {
  align-items: center;
  color: inherit;
  font-size: 0.75rem;
  font-weight: 600;
  text-transform: uppercase;
}
.more-link--video {
  color: #F2566E;
}
.more-link--video svg {
  stroke: currentColor;
}
.more-link--articles {
  color: #45ACCE;
}
.more-link--articles svg {
  stroke: currentColor;
}
.section > .more-link {
  display: flex;
}
@media (min-width: 48rem) {
  .section > .more-link {
    display: none;
  }
}
.section__header--home .more-link {
  display: none;
  margin-left: auto;
}
@media (min-width: 48rem) {
  .section__header--home .more-link {
    display: flex;
  }
}

.more-link__icon {
  display: block;
  height: 0.6875rem;
  margin-left: 0.3125rem;
  width: 0.375rem;
}

/* stylelint-disable selector-max-specificity */
.story-grid--home .story-grid__item--primary .grid-item__content {
  position: relative;
}
.story-grid--home .story-grid__item--primary .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #259AC8;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--home .story-grid__item--primary .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #259AC8;
  }
}
.story-grid--home .story-grid__item--secondary .grid-item__content {
  position: relative;
}
.story-grid--home .story-grid__item--secondary .grid-item__content::after {
  bottom: auto;
  height: 1.25rem;
  left: -0.625rem;
  right: auto;
  top: calc(50% - (1.25rem / 2));
  width: 1.25rem;
  background: #259AC8;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--home .story-grid__item--secondary .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #259AC8;
  }
}
@media (min-width: 48rem) {
  .story-grid--home .story-grid__item--secondary:nth-last-child(-n+2) .grid-item__content {
    display: flex;
  }
  .story-grid--home .story-grid__item--secondary:nth-last-child(-n+2) .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: auto;
    right: -0.8125rem;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #259AC8;
  }
}
@media (min-width: 48rem) {
  .story-grid--home .story-grid__item:nth-last-child(-n+2) {
    display: flex;
  }
}
.story-grid--home .story-grid__item--info {
  background: #E69F22;
}

/* stylelint-enable */
@media (min-width: 90rem) {
  .home-hero-wrapper {
    height: calc(100vh - 82px);
  }
}
@media (min-width: 90rem) {
  .home-hero-wrapper .hero--home {
    height: calc(100vh - (82px + 75px));
  }
}
@media (min-width: 90rem) {
  .home-hero-wrapper .hero__figure img {
    height: 100%;
    object-fit: cover;
  }
}
@media (min-width: 90rem) {
  .home-hero-wrapper .home-ctas-wrapper {
    height: 75px;
  }
}

.mailing-modal {
  background-size: cover;
  color: #FFFFFF;
}

.mailing-modal__inner {
  padding: 1.5rem;
}
@media (min-width: 48rem) {
  .mailing-modal__inner {
    padding: 3rem 4rem;
  }
}
.mailing-modal__inner .section__header {
  margin: 0 0 1rem;
}
.mailing-modal__inner .section__heading {
  padding: 0;
  font-size: 1.2rem;
}
.mailing-modal__inner .section__heading:after {
  content: none;
}
@media (min-width: 48rem) {
  .mailing-modal__inner .section__heading {
    font-size: 2.25rem;
  }
}
@media (min-width: 48rem) {
  .mailing-modal__inner p, .mailing-modal__inner form {
    max-width: 50%;
  }
}
.mailing-modal__inner form {
  margin-top: 1.5rem;
}
.mailing-modal__inner form input {
  width: 100%;
  padding: 0.75rem 1rem;
}
.mailing-modal__inner form input:first-of-type {
  margin-bottom: 0.75rem;
}
@media (min-width: 48rem) {
  .mailing-modal__inner form input {
    width: 90%;
  }
}
.mailing-modal__inner form button {
  background: #e69f22;
  color: #FFFFFF;
  margin: 0.25rem 0 0;
  padding: 0.75rem 1rem;
  border-radius: 0.25rem;
  font-weight: 700;
}
.mailing-modal__inner form fieldset {
  display: none;
}

/* stylelint-disable selector-max-specificity */
.story-grid--media .story-grid__item:nth-child(odd) .grid-item__content {
  position: relative;
}
.story-grid--media .story-grid__item:nth-child(odd) .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #259AC8;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--media .story-grid__item:nth-child(odd) .grid-item__content {
    order: 0;
  }
  .story-grid--media .story-grid__item:nth-child(odd) .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #0688C2;
  }
}
.story-grid--media .story-grid__item:nth-child(even) .grid-item__content {
  position: relative;
}
.story-grid--media .story-grid__item:nth-child(even) .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #259AC8;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--media .story-grid__item:nth-child(even) .grid-item__content {
    order: -1;
  }
  .story-grid--media .story-grid__item:nth-child(even) .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: auto;
    right: -0.8125rem;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #44ABCE;
  }
}

/* stylelint-enable */
/*
Education PDF Form
*/
.hero-caption > [data-component=educationModal] {
  position: absolute;
  left: 16px;
  right: 16px;
  bottom: 30px;
}

.education-modal {
  padding: 5rem 1.25rem 3.75rem;
}
@media (min-width: 48rem) {
  .education-modal {
    padding: 5rem 1.875rem 3.75rem;
  }
}
@media (min-width: 60rem) {
  .education-modal {
    padding: 3.75rem 4.375rem;
  }
}

@media (min-width: 48rem) {
  .modal-form__inner {
    align-items: flex-end;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
  }
}

@media (min-width: 48rem) {
  .modal-form__label {
    width: calc(100% - 11.25rem);
  }
}

.modal-form__label--full {
  margin-bottom: 1em;
  width: 100%;
}

@media (min-width: 48rem) {
  .modal-form__input {
    margin-bottom: 0 !important; /* stylelint-disable-line declaration-no-important */
  }
}

.modal-form__checkbox {
  margin-bottom: 1em;
}
.modal-form__checkbox label {
  font-weight: 600;
  line-height: 1.1;
}
.modal-form__checkbox label.failed {
  color: #F2566E;
}

@media (min-width: 48rem) {
  .modal-form__submit {
    margin: 0 0 0 auto;
  }
}

.modal-form__error {
  bottom: 0.625rem;
  color: #F2566E;
  font-size: 0.875rem;
  left: 0;
  position: absolute;
  text-align: center;
  width: 100%;
}
@media (min-width: 48rem) {
  .modal-form__error {
    bottom: 1.25rem;
  }
}

.modal-success {
  display: none;
}

.modal-footer {
  text-align: center;
}

.modal-footer__course-link {
  background-color: #5E3A7E;
  color: #FFFFFF;
  display: inline-block;
}

.modal-success__content p {
  margin-bottom: 1.25rem;
}

/* stylelint-disable selector-max-specificity */
.story-grid--education .story-grid__item:nth-child(odd) .grid-item__content {
  position: relative;
}
.story-grid--education .story-grid__item:nth-child(odd) .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #795389;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--education .story-grid__item:nth-child(odd) .grid-item__content {
    order: 0;
  }
  .story-grid--education .story-grid__item:nth-child(odd) .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #5E3A7E;
  }
}
.story-grid--education .story-grid__item:nth-child(even) .grid-item__content {
  position: relative;
}
.story-grid--education .story-grid__item:nth-child(even) .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #795389;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--education .story-grid__item:nth-child(even) .grid-item__content {
    order: -1;
  }
  .story-grid--education .story-grid__item:nth-child(even) .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: auto;
    right: -0.8125rem;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #956D95;
  }
}

/* stylelint-enable */
/*
Jobs Grid

It Gets Better Jobs Grid

markup: jobs-grid.hbs

data: jobs-grid.json

Styleguide jobs.grid
*/
.jobs__list {
  margin-bottom: 1.5625rem;
}
@media (min-width: 48rem) {
  .jobs__list {
    display: flex;
    flex-wrap: wrap;
  }
}

@media (min-width: 48rem) {
  .jobs__item {
    width: 50%;
  }
}
@media (min-width: 60rem) {
  .jobs__item {
    width: 25%;
  }
}

.job-content {
  align-items: flex-start;
  background: linear-gradient(45deg, #E4DAEA, #E7DEED);
  border-bottom: 1px solid #E8E0EE;
  color: #5E3A7E;
  display: flex;
  flex-direction: column;
  font-weight: 600;
  height: auto;
  justify-content: center;
  padding: 1.25rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .job-content {
    height: 100%;
    padding: 1.5625rem 1.875rem 1.875rem 1.875rem;
  }
}
@media (min-width: 60rem) {
  .job-content {
    padding: 1.5625rem 1.875rem 1.25rem 1.875rem;
  }
}

.job-content__title {
  font-size: 1.25rem;
  font-weight: 600;
  line-height: 1.2;
  order: -1;
}
@media (min-width: 48rem) {
  .job-content__title {
    font-size: 1.5rem;
  }
}
@media (min-width: 60rem) {
  .job-content__title {
    font-size: 0.9375rem;
  }
}

.job-content__location {
  font-size: 0.75rem;
  font-weight: 600;
  line-height: 1;
  margin-bottom: 0.9375rem;
}
@media (min-width: 48rem) {
  .job-content__location {
    font-size: 0.875rem;
    margin-bottom: 1.25rem;
  }
}
@media (min-width: 60rem) {
  .job-content__location {
    font-size: 0.75rem;
  }
}

.job-content__description {
  font-size: 0.75rem;
  margin-bottom: 1.25rem;
  width: 100%;
}
@media (min-width: 48rem) {
  .job-content__description {
    font-size: 0.875rem;
  }
}
@media (min-width: 60rem) {
  .job-content__description {
    font-size: 0.75rem;
  }
}

.job-supplemental {
  align-items: center;
  display: flex;
  margin-top: auto;
  width: 100%;
}

.job-supplemental__link {
  border-style: solid;
  border-width: 2px;
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.25rem;
  padding: 0rem 1.125rem;
  text-align: center;
  text-transform: uppercase;
  font-size: 0.875rem;
}
.job-supplemental__link:not(:first-of-type) {
  margin-left: 1.25rem;
}
@media (min-width: 48rem) {
  .job-supplemental__link {
    font-size: 0.75rem;
  }
  .job-supplemental__link:not(:first-of-type) {
    margin-left: 0.9375rem;
  }
}
@media (min-width: 60rem) {
  .job-supplemental__link {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.625rem;
    padding: 0rem 0.8125rem;
  }
  .job-supplemental__link:not(:first-of-type) {
    margin-left: 0.625rem;
  }
}
.job-supplemental__link--apply {
  background-color: #FFFFFF;
  border-color: #FFFFFF;
}

.jobs__load-more {
  align-items: center;
  color: #5E3A7E;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0rem auto 1.5625rem auto;
  text-transform: uppercase;
}
.jobs__load-more span {
  display: block;
  height: 0.5625rem;
  margin-left: 0.9375rem;
  width: 1rem;
}
.jobs__load-more span svg {
  stroke: #5E3A7E;
}

.post__content .post--search-list {
  list-style: none;
}
.post__content .post--search-list__item {
  margin: 0 0 2em 0;
}
.post__content .post--search-content {
  align-items: start;
  display: flex;
}
.post__content .post--search-content__title {
  flex: 1;
  font-size: large;
  font-weight: 700;
  margin-bottom: 2em;
}
.post__content .post--search-content__image {
  margin: 0 1rem 0 0;
  max-width: 6.25rem;
}

/*
Form Share

It Gets Better Share Your Story Form

markup: form-share.hbs

data: form-share.json

Styleguide form.share
*/
.form-wrapper--share {
  padding: 1.875rem 0rem 7.5rem 0rem;
}
@media (min-width: 48rem) {
  .form-wrapper--share {
    padding: 3.75rem 0rem 7.5rem 0rem;
  }
}
@media (min-width: 60rem) {
  .form-wrapper--share {
    padding: 8.125rem 0rem 9.375rem 0rem;
  }
}

.share-upload {
  align-items: center;
  display: flex;
  flex-direction: column;
  height: 21.25rem;
  justify-content: space-between;
  margin: 0rem auto 1.875rem auto;
  max-width: 33.125rem;
  padding-bottom: 0.3125rem;
}
@media (min-width: 60rem) {
  .share-upload {
    margin-bottom: 2.5rem;
  }
}
.share-upload.video-upload {
  background-color: #CEBFD8;
  justify-content: center;
}

.share-form__label--video-url {
  margin-bottom: 1.25rem;
  max-width: calc(100% - 2.5rem);
  text-align: center;
}
.share-form__label--video-url input {
  background-color: rgba(255, 255, 255, 0.2);
  border: 1px solid #5E3A7E;
}

.share-form__inner-wrapper {
  margin-bottom: 1.875rem;
}
@media (min-width: 60rem) {
  .share-form__inner-wrapper {
    margin-bottom: 1.5625rem;
  }
}

.share-form__checkbox {
  margin-bottom: 0.625rem;
}
.share-form__checkbox label {
  width: 100%;
}

.share-form__select::after {
  background-image: url("assets/dist/images/icon-arrow-down-white.svg");
}

.video-upload__label {
  display: none;
}

.share-upload__written-story {
  width: 100%;
}

.written-story__textarea {
  height: 12.5rem;
  margin-top: 0 !important; /* stylelint-disable-line declaration-no-important */
}

.written-story__label--textarea {
  width: 100%;
}

.share-form__tag-heading {
  color: #5E3A7E;
  display: block;
  font-size: 0.875rem;
  font-weight: 600;
  margin-bottom: 1.25rem;
}
@media (min-width: 48rem) {
  .share-form__tag-heading {
    font-size: 0.75rem;
  }
}

.share-form__tag-list {
  align-self: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}

.share-form__tag-list-item {
  margin: 0rem 0.125rem 0.5rem 0.125rem;
}

[name=tag] {
  display: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable */
}
.no-js [name=tag] {
  display: block;
}
[name=tag]:checked + label {
  background-color: #5E3A7E;
  color: #FFFFFF;
}
[name=tag][aria-invalid=true] + label {
  background-color: rgba(242, 86, 110, 0.2);
  border: 1px solid #F2566E;
}

.share-form__tag {
  border-style: solid;
  border-width: 1px;
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.375rem;
  padding: 0rem 0.875rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  color: #5E3A7E;
  cursor: pointer;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  text-transform: none;
}
@media (min-width: 60rem) {
  .share-form__tag {
    border-radius: 0.78125rem/50%;
    height: 1.5625rem;
    line-height: 1.4375rem;
    font-size: 0.625rem;
  }
}
.share-form__tag:last-of-type {
  margin-right: 0;
}

.share-form__tags-input {
  background-color: transparent;
  border-bottom: 1px solid #5E3A7E;
  color: #5E3A7E;
  height: 2.5rem;
  margin: 0rem 0rem 1.25rem 0rem;
  padding: 0rem 0.3125rem;
  width: 100%;
}
.share-form__tags-input::placeholder {
  color: inherit;
  font-weight: 400;
}
@media (min-width: 60rem) {
  .share-form__tags-input {
    height: 1.5625rem;
    margin-bottom: 1.25rem;
  }
}
.share-form__tags-input[aria-invalid=true] {
  background-color: rgba(242, 86, 110, 0.2);
  border-color: #F2566E;
}

.share-form__input {
  margin-bottom: 0.9375rem;
}

.share-form__textarea {
  height: 6.875rem;
  margin-bottom: 1.25rem;
}

[for=share-form-legal] a {
  text-decoration: underline;
}

.share-form__error-message {
  color: #F2566E;
  display: none;
  font-size: 0.875rem;
  margin-bottom: 1.5625rem;
  text-align: center;
}
@media (min-width: 60rem) {
  .share-form__error-message {
    margin-bottom: 1.25rem;
  }
}

.share-form__submit[disabled=disabled] {
  background-image: none;
  cursor: wait;
}

[for=s3-direct-content-type] {
  display: none;
}

[for=s3-direct-file] {
  border-radius: 1.25rem/50%;
  height: 2.5rem;
  line-height: 2.5rem;
  padding: 0rem 1.25rem;
  text-align: center;
  text-transform: uppercase;
  align-items: center;
  background-color: #5E3A7E;
  color: #FFFFFF;
  display: inline-flex;
  font-size: 0.75rem;
  justify-content: center;
  margin: 0 auto;
}
@media (min-width: 60rem) {
  [for=s3-direct-file] {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.875rem;
  }
}
[for=s3-direct-file].failed {
  background-color: rgba(242, 86, 110, 0.2);
  border: 1px solid #F2566E;
  color: #5E3A7E;
  /* stylelint-disable selector-max-specificity */
  /* stylelint-enable */
}
[for=s3-direct-file].failed:hover, [for=s3-direct-file].failed:focus {
  color: #FFFFFF;
}
[for=s3-direct-file].replace_file {
  background: transparent;
  text-decoration: underline;
  color: #5E3A7E;
  cursor: pointer;
}
[for=s3-direct-file].replace_file:hover, [for=s3-direct-file].replace_file:focus {
  background: transparent;
  text-decoration: none;
  color: #5E3A7E;
}
.s3-direct-attachment {
  position: relative;
  width: 100%;
  text-align: center;
}
.s3-direct-attachment [type=submit],
.s3-direct-attachment .replace_file {
  display: none;
}
.s3-direct-attachment .video-river__spinner {
  top: 2.5rem;
}

/*
Video Search

It Gets Better Video Search

markup: video-search.hbs

data: video-search.json

Styleguide video.search
*/
.video-search {
  background: linear-gradient(180deg, #AC1A3F, #CC324F);
  margin-bottom: 3.125rem;
}
@media (min-width: 48rem) {
  .video-search {
    margin-bottom: 5.625rem;
  }
}
@media (min-width: 60rem) {
  .video-search {
    margin-bottom: 4.6875rem;
  }
}

.video-search__toggle {
  color: #FFFFFF;
  font-size: 0.875rem;
  font-weight: 600;
  height: 2.5rem;
  position: relative;
  text-transform: uppercase;
  width: 100%;
  z-index: 1;
}
body.no-js .video-search__toggle {
  display: none;
}

.video-search__toggle-icon {
  display: inline-block;
  height: 0.5625rem;
  margin-left: 1.25rem;
  width: 1rem;
}

.video-search__form {
  display: flex;
  flex-direction: column;
  height: 14.0625rem;
  justify-content: center;
  margin: 0 auto;
  max-width: 696px;
  padding: 0rem 1.25rem;
  transform: translateZ(0);
  transition: all 200ms ease-in-out;
  width: 100%;
}
@media (min-width: 48rem) {
  .video-search__form {
    height: 14.0625rem;
    padding: 0;
  }
}
@media (min-width: 60rem) {
  .video-search__form {
    height: 11.25rem;
  }
}
body:not(.no-js) .video-search__form {
  height: 0;
  overflow: hidden;
  position: relative;
}
body:not(.no-js) .video-search__form[aria-hidden=false] { /* stylelint-disable-line selector-max-specificity */
  height: 14.0625rem;
}
@media (min-width: 48rem) {
  body:not(.no-js) .video-search__form[aria-hidden=false] {
    height: 14.0625rem;
  }
}
@media (min-width: 60rem) {
  body:not(.no-js) .video-search__form[aria-hidden=false] {
    height: 11.25rem;
  }
}

.video-search__input-label {
  display: block;
  margin-bottom: 1.875rem;
  position: relative;
  width: 100%;
}

.video-search__input {
  background-color: transparent;
  border-bottom: 1px solid rgba(255, 255, 255, 0.8);
  color: #FFFFFF;
  font-size: 1rem;
  font-weight: 400;
  height: 2.1875rem;
  padding: 0rem 0.9375rem 0rem 1.5625rem;
  width: 100%;
}
.video-search__input::placeholder {
  color: rgba(255, 255, 255, 0.8);
}
@media (min-width: 60rem) {
  .video-search__input {
    font-size: 0.75rem;
  }
}

.video-search__icon {
  fill: #FFFFFF;
  height: 1.125rem;
  left: 0;
  position: absolute;
  top: calc(50% - 0.5625rem);
  width: 1.125rem;
}
@media (min-width: 60rem) {
  .video-search__icon {
    height: 0.75rem;
    top: calc(50% - 0.375rem);
    width: 0.75rem;
  }
}

.video-search__categories {
  align-items: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width: 100%;
}

.video-search__button {
  border-style: solid;
  border-width: 2px;
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.625rem;
  padding: 0rem 0.8125rem;
  text-align: center;
  text-transform: uppercase;
  color: #FFFFFF;
  font-size: 0.75rem;
  font-weight: 600;
  margin: 0rem 0.25rem 0.625rem 0.25rem;
}
.video-search__button.active {
  background: white;
  color: #AC1A3F;
}
@media (min-width: 48rem) {
  .video-search__button {
    border-radius: 1.5rem/50%;
    height: 3rem;
    line-height: 2.75rem;
    padding: 0rem 1.4375rem;
    font-size: 0.875rem;
    margin: 0rem 1.25rem 1.25rem 0rem;
  }
  .video-search__button:last-child {
    margin-right: 0;
  }
}
@media (min-width: 60rem) {
  .video-search__button {
    border-radius: 0.9375rem/50%;
    height: 1.875rem;
    line-height: 1.625rem;
    padding: 0rem 1.125rem;
    font-size: 0.625rem;
  }
}

.video-river-container {
  position: relative;
}

.video-river__spinner {
  margin: 0 auto;
  position: absolute;
  text-align: center;
  top: calc(50% - 0.5625rem);
  width: 100%;
  display: none;
  top: -1.875rem;
}
@keyframes sk-bouncedelay {
  0%, 80%, 100% {
    transform: scale(0);
  }
  40% {
    transform: scale(1);
  }
}
.video-river__spinner > span {
  animation: sk-bouncedelay 1.4s infinite ease-in-out both;
  background-color: #F2566E;
  border-radius: 100%;
  display: inline-block;
  height: 1.125rem;
  width: 1.125rem;
}
.video-river__spinner span:first-child {
  animation-delay: -0.32s;
}
.video-river__spinner span:nth-child(2) {
  animation-delay: -0.16s;
}

/* stylelint-disable selector-max-specificity */
.story-grid--video .story-grid__item:last-child {
  display: none;
}
@media (min-width: 48rem) {
  .story-grid--video .story-grid__item:last-child {
    display: flex;
  }
}
.story-grid--video .story-grid__item--primary .grid-item__content {
  position: relative;
}
.story-grid--video .story-grid__item--primary .grid-item__content::after {
  bottom: auto;
  height: 1.625rem;
  left: calc(50% - (1.625rem / 2));
  right: auto;
  top: -0.8125rem;
  width: 1.625rem;
  background: #D63F5D;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--video .story-grid__item--primary .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: -0.8125rem;
    right: auto;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #D7405D;
  }
}
.story-grid--video .story-grid__item--secondary .grid-item__content {
  position: relative;
}
.story-grid--video .story-grid__item--secondary .grid-item__content::after {
  bottom: auto;
  height: 1.25rem;
  left: -0.625rem;
  right: auto;
  top: calc(50% - (1.25rem / 2));
  width: 1.25rem;
  background: #D7415E;
  content: "";
  display: block;
  position: absolute;
  transform: rotate(45deg);
  z-index: 1;
}
@media (min-width: 48rem) {
  .story-grid--video .story-grid__item--secondary .grid-item__content::after {
    bottom: auto;
    height: 1.625rem;
    left: auto;
    right: -0.8125rem;
    top: calc(50% - (1.625rem / 2));
    width: 1.625rem;
    background: #D7405D;
  }
}

.video-results__load-more {
  align-items: center;
  color: #45ACCE;
  display: flex;
  font-size: 0.875rem;
  font-weight: 600;
  margin: 0rem auto 1.5625rem auto;
  text-transform: uppercase;
}
.video-results__load-more span {
  display: block;
  height: 0.5625rem;
  margin-left: 0.9375rem;
  width: 1rem;
}
.video-results__load-more span svg {
  stroke: #45ACCE;
}

/* stylelint-enable */
/*
Share Your Story CTA

It Gets Better Share Your Story CTA Module

markup: share-cta.hbs

data: share-cta.json

Styleguide share.cta
*/
.stories-cta {
  margin: 0rem auto 3.125rem auto;
  max-width: 28.125rem;
  text-align: center;
}
@media (min-width: 48rem) {
  .stories-cta {
    margin-bottom: 6.5625rem;
  }
}

.stories-cta__link {
  border-radius: 0.9375rem/50%;
  height: 1.875rem;
  line-height: 1.875rem;
  padding: 0rem 1.875rem;
  text-align: center;
  text-transform: uppercase;
  background-color: #F2566E;
  color: #FFFFFF;
  display: inline-block;
  font-size: 0.75rem;
  font-weight: 600;
}
@media (min-width: 48rem) {
  .stories-cta__link {
    font-size: 0.625rem;
  }
}

/* stylelint-disable selector-max-specificity */
.no-submit .donate__submit {
  display: none;
}

.steps-layout > [aria-hidden=true] {
  display: none;
}

.form-nav a:not([href]) {
  display: none;
}
.form-nav a[href] {
  display: block;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
.wrapper {
  filter: blur(10px);
  position: relative;
  z-index: 1;
}
.wrapper::after {
  background-color: #FFFFFF;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.education-modal.modal {
  background-color: #FFFFFF;
  left: 50%;
  max-height: 100vh;
  max-width: 50rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 20;
}
@media (min-width: 48rem) {
  .education-modal.modal {
    width: calc(100% - 5rem);
  }
}
@media (min-width: 37.5625rem) {
  .admin-bar .education-modal.modal {
    max-height: calc(100vh - 2.875rem);
    top: calc(50% + 1.4375rem);
  }
}
@media (min-width: 48.9375rem) {
  .admin-bar .education-modal.modal {
    max-height: calc(100vh - 2rem);
    top: calc(50% + 1rem);
  }
}
.education-modal.modal[aria-hidden=false] {
  display: block;
}
.form-success .modal-form {
  display: none;
}
.form-success .modal-success {
  display: block;
}

.no-course .modal-footer__course-link {
  display: none;
}

.overflow {
  overflow-y: scroll;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
.header-menu .menu-item .toggle-icon,
.store-menu .menu-item .toggle-icon {
  display: block;
  position: relative;
}
@media (min-width: 60rem) {
  .header-menu .menu-item .toggle-icon,
  .store-menu .menu-item .toggle-icon {
    padding-right: 0.9375rem;
  }
}
.header-menu .menu-item .toggle-icon::after,
.store-menu .menu-item .toggle-icon::after {
  background: transparent url("assets/dist/images/icon-arrow-down-2E2037.svg") no-repeat;
  content: "";
  display: block;
  height: 0.5625rem;
  position: absolute;
  right: 0.1875rem;
  top: calc(50% - 0.1875rem);
  transition: transform 200ms ease-in-out;
  width: 1rem;
}
@media (min-width: 60rem) {
  .header-menu .menu-item .toggle-icon::after,
  .store-menu .menu-item .toggle-icon::after {
    height: 0.375rem;
    right: 0;
    width: 0.625rem;
  }
}
.header-menu .menu-item .toggle-icon[aria-expanded=true]::after,
.store-menu .menu-item .toggle-icon[aria-expanded=true]::after {
  transform: rotate(180deg);
}

.store-menu .menu-item .toggle-icon::after {
  right: 0;
  width: 0.625rem;
}

.header-menu .sub-menu[aria-hidden=false] {
  display: block !important;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
.wrapper {
  filter: blur(10px);
  position: relative;
  z-index: 1;
}
.wrapper::after {
  background-color: #FFFFFF;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  opacity: 0.6;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 1;
}

.mailing-modal.modal {
  background-color: #FFFFFF;
  left: 50%;
  min-height: 50vh;
  max-width: 50rem;
  position: fixed;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  z-index: 20;
}
@media (min-width: 48rem) {
  .mailing-modal.modal {
    width: calc(100% - 5rem);
  }
}
@media (min-width: 37.5625rem) {
  .admin-bar .mailing-modal.modal {
    max-height: calc(100vh - 2.875rem);
    top: calc(50% + 1.4375rem);
  }
}
@media (min-width: 48.9375rem) {
  .admin-bar .mailing-modal.modal {
    max-height: calc(100vh - 2rem);
    top: calc(50% + 1rem);
  }
}
.mailing-modal.modal[aria-hidden=false] {
  display: block;
}
.modal[aria-hidden=true],
.mailing-modal[aria-hidden=true] {
  display: none;
}

.overflow {
  overflow-y: scroll;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
[aria-expanded=true] + .header-nav__inner-wrapper {
  display: block;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
.search-open {
  position: fixed !important;
}
.search-open #main::before {
  background-color: rgba(0, 0, 0, 0.5);
  bottom: 0;
  content: "";
  display: block;
  height: 100%;
  left: 0;
  position: absolute;
  right: 0;
  top: 5.125rem;
  width: 100%;
  z-index: 2000;
}

.overlay-cover {
  background-color: #FFFFFF;
  border-bottom: 1px solid #160E1D;
  box-shadow: 0 4px 8px -4px #160E1D;
  height: 25%;
  left: 0;
  position: fixed;
  top: 5.125rem;
  width: 100%;
  z-index: 3000;
}
.admin-bar .overlay-cover {
  top: 7.125rem;
}
.overlay-cover[aria-hidden=false] {
  display: block;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
.initialized {
  position: relative;
  width: 100% !important; /* stylelint-disable-line declaration-no-important */
}
.initialized.overflow-track {
  margin-left: 0;
  overflow: visible;
  padding: 0;
}
.initialized .video-river__prev,
.initialized .video-river__next {
  background-color: #FFFFFF;
  background-image: url(assets/dist/images/icon-arrow-right-red.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: 0.75rem 1.25rem;
  cursor: pointer;
  height: 100%;
  padding: 0;
  position: absolute;
  top: 0;
  width: 1.25rem;
  z-index: 1;
}
@media (min-width: 48rem) {
  .initialized .video-river__prev,
  .initialized .video-river__next {
    width: 1.875rem;
  }
}
@media (min-width: 60rem) {
  .initialized .video-river__prev,
  .initialized .video-river__next {
    width: 1.25rem;
  }
}
@media (min-width: 64.375rem) {
  .initialized .video-river__prev,
  .initialized .video-river__next {
    width: 1.875rem;
  }
}
.initialized .video-river__prev[aria-disabled=true],
.initialized .video-river__next[aria-disabled=true] {
  cursor: default;
  opacity: 0.5;
  z-index: -1;
}
.initialized .video-river__prev {
  left: -1.25rem;
  transform: rotate(180deg);
}
@media (min-width: 48rem) {
  .initialized .video-river__prev {
    left: -1.875rem;
  }
}
@media (min-width: 60rem) {
  .initialized .video-river__prev {
    left: -0.625rem;
  }
}
@media (min-width: 64.375rem) {
  .initialized .video-river__prev {
    left: -1.875rem;
  }
}
.initialized .video-river__next {
  right: -1.25rem;
}
@media (min-width: 48rem) {
  .initialized .video-river__next {
    right: -1.875rem;
  }
}
@media (min-width: 60rem) {
  .initialized .video-river__next {
    right: -0.625rem;
  }
}
@media (min-width: 64.375rem) {
  .initialized .video-river__next {
    right: -1.875rem;
  }
}

.carousel {
  position: relative;
  z-index: 0;
}
.carousel > div {
  overflow: hidden;
}
.carousel > div > div {
  padding: 1.25rem 0.625rem;
}
.carousel .video-river__item {
  width: 100%;
}

/* stylelint-enable */
/* stylelint-disable selector-max-specificity */
.player-active {
  background-color: #000000;
}
.player-active .hero__figure {
  display: none;
}
.player-active iframe {
  display: block;
  margin: 0 auto;
}

/* stylelint-enable */

/*# sourceMappingURL=style.css.map */