:root {
  --color-brand-primary: #2150de;
  --off-black: #1e1e1e;
  --base-font-size-px: 16px;
  --spacing: 2rem;
  --spacing-half: 1rem;
}

.display-none {
  display: none;
}

@media (min-width: 0) and (max-width: 639px) {
  .visible-xs {
    display: block !important;
  }
}

@media (min-width: 640px) and (max-width: 767px) {
  .visible-sm {
    display: block !important;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .visible-md {
    display: block !important;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .visible-lg {
    display: block !important;
  }
}

@media (min-width: 1200px) and (max-width: 1399px) {
  .visible-xl {
    display: block !important;
  }
}

@media (min-width: 1400px) and (max-width: 1599px) {
  .visible-xxl {
    display: block !important;
  }
}

@media (min-width: 1600px) {
  .visible-xxxl {
    display: block !important;
  }
}

.gradient-bg-1 {
  background: linear-gradient(to right, #1F80F3 0%, #1F80F3 calc(50% - 600px), #1F80F3 calc(50% - 600px), #392AE4 calc(50% + 600px), #392AE4 calc(50% + 600px), #392AE4 100%);
}

body.username-test:before {
  content: "";
  position: fixed;
  left: 0;
  top: 70px;
  background-color: purple;
  color: white;
  padding: 8px 12px;
}
@media (min-width: 0) {
  body.username-test:before {
    content: "xs";
  }
}
@media (min-width: 640px) {
  body.username-test:before {
    content: "sm";
  }
}
@media (min-width: 768px) {
  body.username-test:before {
    content: "md";
  }
}
@media (min-width: 992px) {
  body.username-test:before {
    content: "lg";
  }
}
@media (min-width: 1200px) {
  body.username-test:before {
    content: "xl";
  }
}
@media (min-width: 1400px) {
  body.username-test:before {
    content: "xxl";
  }
}
@media (min-width: 1600px) {
  body.username-test:before {
    content: "xxxl";
  }
}

ul.social-links, ul.appstore-links {
  list-style-type: none;
  display: flex;
  margin: 0;
  padding: 0;
  gap: 12px;
  justify-content: space-between;
  justify-items: flex-start;
}
ul.social-links li a, ul.appstore-links li a {
  color: #f0f1f5;
}
ul.social-links.color-black li a, ul.appstore-links.color-black li a {
  color: #292e3d;
}
ul.social-links.larger li a svg, ul.appstore-links.larger li a svg {
  height: 50px;
  width: auto;
}
ul.social-links.inline-flex, ul.appstore-links.inline-flex {
  display: inline-flex;
  flex-wrap: wrap;
  justify-content: normal;
}

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

.image-responsive {
  margin: 0;
  padding: 0;
}
.image-responsive img {
  max-width: 100%;
  height: auto;
}

body.error404 .addtoany_share_save_container {
  display: none;
}

.dev-note {
  color: #292e3d;
  background-color: #d7d5f3;
  border: 1px solid #ccc;
  padding: 10px;
}

:root {
  --content-max-width: calc( 100% - ( var(--content-gutter-width) * 2 ) );
  --content-gutter-width: 1rem;
}
@media (min-width: 992px) {
  :root {
    --content-max-width: 900px;
    --content-gutter-width: auto;
  }
}
@media (min-width: 1200px) {
  :root {
    --content-max-width: 1000px;
  }
}
@media (min-width: 1600px) {
  :root {
    --content-max-width: 1200px;
  }
}

@media (max-width: 992px) {
  .no-mobile-padding {
    --content-max-width: 100%;
    --content-gutter-width: 0;
  }
}

* {
  box-sizing: border-box;
}

html {
  margin: 0;
  padding: 0;
}
html #wpadminbar {
  position: fixed;
}

body {
  position: relative;
  background-color: #F6F7F9;
  container-type: inline-size;
}
body.username-harborcoatcreative:before {
  content: "xs";
  position: fixed;
  top: 40px;
  left: 0;
}
@media (min-width: 640px) {
  body.username-harborcoatcreative:before {
    content: "sm";
  }
}
@media (min-width: 768px) {
  body.username-harborcoatcreative:before {
    content: "md";
  }
}
@media (min-width: 992px) {
  body.username-harborcoatcreative:before {
    content: "lg";
  }
}
@media (min-width: 1200px) {
  body.username-harborcoatcreative:before {
    content: "xl";
  }
}
@media (min-width: 1400px) {
  body.username-harborcoatcreative:before {
    content: "xxl";
  }
}
@media (min-width: 1600px) {
  body.username-harborcoatcreative:before {
    content: "xxxl";
  }
}

main {
  min-height: calc(100vh - 600px);
  padding-bottom: 4rem;
}
main.padding-bottom-large {
  padding-bottom: 6.25rem;
}
main.no-breadcrumbs section.wp-block:first-child {
  margin-top: 0;
}
main.no-bottom-padding {
  padding-bottom: 0;
}

p {
  font-size: 1.125rem;
  line-height: 1.625rem;
  margin: 0 0 1.5rem;
}
p:last-child {
  margin-bottom: 0;
}

svg path[fill] {
  fill: currentColor;
}
svg path[stroke] {
  stroke: currentColor;
}

hr {
  border-top: 0.125rem solid #292e3d;
  margin-bottom: 4rem;
}

.page-content {
  max-width: var(--content-max-width);
  margin: 0 var(--content-gutter-width);
}
.page-content.no-padding {
  padding: 0;
}

.page-content--listing {
  padding-bottom: 20px;
}

#skip-to-content {
  position: absolute;
  top: 0.75rem;
  left: -18.75rem;
  padding: 0.5rem;
  background-color: #fff;
  text-decoration: none;
}
#skip-to-content:focus {
  left: 0.75rem;
  z-index: 100000;
}

section.wp-block {
  position: relative;
  margin-top: 1.5rem;
}

.section-title-wrapper {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin: 0 0 1.5rem;
}
.section-title-wrapper h2 {
  margin: 0;
}
.section-title-wrapper a.button {
  display: none;
  align-self: center;
}
@media (min-width: 768px) {
  .section-title-wrapper a.button {
    display: block;
  }
}

a.button.section-button-mobile {
  width: 100%;
  margin-top: 1rem;
  text-align: center;
  border-radius: 1.5rem !important;
  font-size: 1rem;
  padding: 1rem 0;
}
@media (min-width: 768px) {
  a.button.section-button-mobile {
    display: none;
  }
}

.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

.margin-top-none {
  margin-top: 0 !important;
}

.image-wrapper__square {
  position: relative;
  aspect-ratio: 1/1;
}

.image-wrapper__16x9 {
  position: relative;
  aspect-ratio: 16/9;
}

.image-wrapper img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 1rem;
}
.image-wrapper.square-corner img {
  border-radius: 0;
}

nav#breadcrumbs {
  margin-top: 1.5rem;
  margin-bottom: 1.5rem;
}
nav#breadcrumbs ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
nav#breadcrumbs ul li {
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  font-size: 1rem;
}
nav#breadcrumbs ul li a {
  display: flex;
  align-items: center;
  font-weight: 500;
  color: #292e3d;
  text-decoration: none;
}
nav#breadcrumbs ul li a:hover {
  text-decoration: underline;
}
nav#breadcrumbs ul li .arrow {
  padding: 0 5px;
}
nav#breadcrumbs ul li .arrow svg {
  width: 1rem;
  height: 1rem;
}
nav#breadcrumbs.overlay-photo {
  position: relative;
  z-index: 30;
}
nav#breadcrumbs.overlay-photo * {
  color: #f0f1f5;
}

.single-post-content-wrapper.collection .collection__header {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  margin-bottom: 2rem;
}
.single-post-content-wrapper.collection .collection__header .collection__featured-image img {
  width: 100%;
  height: auto;
  border-radius: 1.5rem;
  object-fit: cover;
}
.single-post-content-wrapper.collection .collection__header .collection__hoopla-link {
  margin: 1rem 0 0;
}
.single-post-content-wrapper.collection .collection__header .collection__sample-copy__header {
  margin: 2rem 0 1rem;
}
.single-post-content-wrapper.collection .collection__header .collection__content {
  font-size: 1rem;
}
.single-post-content-wrapper.collection .collection__header .collection__content .collection__title {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .single-post-content-wrapper.collection .collection__header {
    flex-direction: row;
  }
  .single-post-content-wrapper.collection .collection__header .collection__featured-image {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
  .single-post-content-wrapper.collection .collection__header .collection__content {
    width: calc(calc((100% - 176px) / 12) * 8 + 112px);
  }
}

.collections {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.collections .collection-item-asset-link {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.collections .collection-item-asset-link .collection-item__thumbnail {
  flex-basis: 35%;
}
.collections .collection-item-asset-link .collection-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.collections .collection-item-asset-link .collection-item__text .collection-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .collections .collection-item-asset-link {
    flex-direction: row;
    gap: 1rem;
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.collections .collection-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.collections .collection-item .collection-item__thumbnail {
  flex-basis: 35%;
}
.collections .collection-item .collection-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.collections .collection-item .collection-item__text .collection-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .collections .collection-item {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
}
.collections a.collection-item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.single-post-content-wrapper.asset .asset__header {
  display: flex;
  gap: 2rem;
  align-items: flex-start;
  margin-bottom: 2rem;
  flex-direction: column;
}
.single-post-content-wrapper.asset .asset__header .asset__featured-image {
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  aspect-ratio: 1/1;
}
.single-post-content-wrapper.asset .asset__header .asset__featured-image img {
  width: 100%;
  height: 100%;
  border-radius: 1.5rem;
  object-fit: cover;
}
.single-post-content-wrapper.asset .asset__header .asset__hoopla-link {
  margin: 1rem 0 0;
}
.single-post-content-wrapper.asset .asset__header .asset__sample-copy__header {
  margin: 2rem 0 1rem;
}
.single-post-content-wrapper.asset .asset__header .asset__content {
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  font-size: 1rem;
}
.single-post-content-wrapper.asset .asset__header .asset__content .asset__title {
  font-size: 2rem;
}
@media (min-width: 768px) {
  .single-post-content-wrapper.asset .asset__header {
    flex-direction: row;
  }
  .single-post-content-wrapper.asset .asset__header .asset__featured-image {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
  .single-post-content-wrapper.asset .asset__header .asset__content {
    width: calc(calc((100% - 176px) / 12) * 8 + 112px);
  }
}

.assets, .post-list-asset {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.assets .asset-item, .post-list-asset .asset-item {
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
@media (min-width: 768px) {
  .assets .asset-item, .post-list-asset .asset-item {
    width: calc(calc((100% - 176px) / 12) * 3 + 32px);
  }
}
.assets .asset-item .asset-item__title, .post-list-asset .asset-item .asset-item__title {
  font-size: 1rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
}
.assets .asset-item .asset-item__updated, .post-list-asset .asset-item .asset-item__updated {
  position: absolute;
  bottom: 1.5rem;
  font-size: 0.75rem;
  color: #606880;
}
.assets .asset-item a.asset-item__link, .post-list-asset .asset-item a.asset-item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
.assets .asset-item.with-updated, .post-list-asset .asset-item.with-updated {
  padding-bottom: 4rem;
}
@media (min-width: 768px) {
  .assets .asset-item.with-updated, .post-list-asset .asset-item.with-updated {
    padding-bottom: 1rem;
  }
}
.assets .asset-item.with-description .asset-item__title, .post-list-asset .asset-item.with-description .asset-item__title {
  font-size: 1.25rem;
  text-align: left;
  margin: 2rem 0 1rem;
}
.assets .asset-item.with-description .asset-item__description, .post-list-asset .asset-item.with-description .asset-item__description {
  font-size: 0.875rem;
  line-height: 1.4;
  color: #606880;
}
@media (min-width: 768px) {
  .assets .asset-item.with-description, .post-list-asset .asset-item.with-description {
    display: flex;
    flex-direction: row;
    gap: 1rem;
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
  .assets .asset-item.with-description .asset-item__thumbnail, .post-list-asset .asset-item.with-description .asset-item__thumbnail {
    flex: 0 0 calc(33.333% - 0.3333333333rem);
  }
  .assets .asset-item.with-description .asset-item__text, .post-list-asset .asset-item.with-description .asset-item__text {
    flex: 0 0 calc(66.666% - 0.6666666667rem);
  }
  .assets .asset-item.with-description .asset-item__text .asset-item__title, .post-list-asset .asset-item.with-description .asset-item__text .asset-item__title {
    font-size: 1.25rem;
    font-weight: 700;
    text-align: left;
    margin-top: 0.5rem;
    margin-bottom: 1rem;
    color: #292e3d;
  }
  .assets .asset-item.with-description .asset-item__text .asset-item__description, .post-list-asset .asset-item.with-description .asset-item__text .asset-item__description {
    font-size: 0.875rem;
    line-height: 1.4;
    display: -webkit-box;
    line-clamp: 4;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    color: #606880;
  }
}

.editorial-calendar__assets {
  margin-bottom: 3rem;
}

.downloads {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.downloads .download-item {
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.downloads .download-item:hover {
  background-color: rgba(32, 80, 221, 0.1607843137);
}
.downloads .download-item img {
  width: 100%;
  height: auto;
  border-radius: 1rem;
}
.downloads .download-item img[src$=svg] {
  max-width: 100px;
  margin: 0 auto;
  display: block;
}
.downloads .download-item .download-item__type {
  display: flex;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1rem;
}
.downloads .download-item .download-item__type svg {
  margin-right: 0.5rem;
}
.downloads .download-item a.download-item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}
@media (min-width: 768px) {
  .downloads .download-item {
    width: calc(calc((100% - 176px) / 12) * 3 + 32px);
  }
}

.results-tags {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  width: var(--content-max-width);
  margin: 0 auto;
}
.results-tags .results {
  order: 2;
}
.results-tags .tags {
  order: 1;
}
.results-tags .tags .tag-section__title {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #606880;
  margin-top: 2rem;
  margin-bottom: 1rem;
}
.results-tags .tags .tag-section__title::after {
  content: "";
  flex: 1;
  height: 1px;
  background-color: rgba(41, 46, 61, 0.1019607843);
}
.results-tags .tags .terms {
  display: flex;
  flex-wrap: wrap;
  gap: 0.5rem;
  margin-top: 0.5rem;
  padding-inline-start: 0;
}
.results-tags .tags .terms .term {
  background-color: rgba(96, 104, 128, 0.1019607843);
  border-radius: 1rem;
  padding: 0.75rem 1rem;
  font-size: 0.875rem;
  font-weight: 600;
  color: #292e3d;
  text-decoration: none;
}
.results-tags .tags .terms .term:hover, .results-tags .tags .terms .term.active {
  background-color: rgba(32, 80, 221, 0.1607843137);
}
@media (min-width: 768px) {
  .results-tags {
    flex-direction: row;
  }
  .results-tags .results {
    order: 1;
    width: calc(calc((100% - 176px) / 12) * 9 + 128px);
  }
  .results-tags .results .asset-item {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
  .results-tags .tags {
    order: 2;
    width: calc(calc((100% - 176px) / 12) * 3 + 32px);
  }
}

.asset-formats {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  margin-top: 2rem;
}
.asset-formats .asset-format {
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  height: 80px;
  display: flex;
  gap: 1rem;
  align-items: center;
  justify-content: center;
  background-color: rgba(96, 104, 128, 0.1019607843);
  border-radius: 1rem;
  padding: 0 1rem;
  font-size: 1.25rem;
  line-height: 1;
  font-weight: 600;
  color: #292e3d;
  text-decoration: none;
}
.asset-formats .asset-format .icon {
  color: #2050DD;
}
.asset-formats .asset-format .icon img, .asset-formats .asset-format .icon svg {
  height: 32px;
  width: auto;
}
.asset-formats .asset-format:hover, .asset-formats .asset-format.active {
  background-color: rgba(32, 80, 221, 0.1607843137);
}
@media (min-width: 768px) {
  .asset-formats .asset-format {
    width: calc(calc((100% - 176px) / 12) * 3 + 32px);
  }
}

.single-post-content-wrapper.hoopla_category .hoopla_category__header {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-bottom: 2rem;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image {
  position: relative;
  width: 100cqw;
  height: 330px;
  margin-left: calc(50% - 50cqw);
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 0.05) 18%, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.05) 82%, rgba(0, 0, 0, 0.3) 88%, rgba(0, 0, 0, 0.6) 100%);
  /*
  box-shadow: 
  inset 0 20px 30px -20px rgba(0, 0, 0, 0.8),
  inset 0 -20px 30px -20px rgba(0, 0, 0, 0.8);
  */
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image h1.hoopla_category__title {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-52%);
  text-align: center;
  font-size: 3rem;
  line-height: 1;
  z-index: 30;
  width: var(--content-max-width);
  color: #f0f1f5;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content {
  font-size: 1rem;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content h2.hoopla_category__intro-text {
  font-size: 2rem;
  text-align: center;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content .hoopla_category__description {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  .single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content {
    width: 800px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image {
    height: 400px;
  }
  .single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image h1.hoopla_category__title {
    font-size: 5rem;
  }
}

.hoopla_categories {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.hoopla_categories .hoopla_category-item-asset-link {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.hoopla_categories .hoopla_category-item-asset-link .hoopla_category-item__thumbnail {
  flex-basis: 35%;
}
.hoopla_categories .hoopla_category-item-asset-link .hoopla_category-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.hoopla_categories .hoopla_category-item-asset-link .hoopla_category-item__text .hoopla_category-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .hoopla_categories .hoopla_category-item-asset-link {
    flex-direction: row;
    gap: 1rem;
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.hoopla_categories .hoopla_category-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.hoopla_categories .hoopla_category-item .hoopla_category-item__thumbnail {
  flex-basis: 35%;
}
.hoopla_categories .hoopla_category-item .hoopla_category-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.hoopla_categories .hoopla_category-item .hoopla_category-item__text .hoopla_category-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .hoopla_categories .hoopla_category-item {
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.hoopla_categories a.hoopla_category-item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.post-list-hoopla_category .hoopla-category-bold {
  position: relative;
  display: flex;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  aspect-ratio: 12/5;
  border-radius: 1.5rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
}
.post-list-hoopla_category .hoopla-category-bold > img {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  object-fit: cover;
  z-index: 10;
  border-radius: 1rem;
}
.post-list-hoopla_category .hoopla-category-bold:after {
  content: "";
  position: absolute;
  z-index: 15;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 1rem;
}
.post-list-hoopla_category .hoopla-category-bold > .hoopla-category__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 20;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-right: 2rem;
  padding-left: 2rem;
  color: #f0f1f5;
}
.post-list-hoopla_category .hoopla-category-bold > .hoopla-category__content .hoopla-category__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.post-list-hoopla_category .hoopla-category-bold > .hoopla-category__content .hoopla-category__description {
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .post-list-hoopla_category .hoopla-category-bold {
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.post-list-hoopla_category .hoopla-category-bold > a.post-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}

main.single-support h1 {
  padding-bottom: 2rem;
  border-bottom: 2px solid #292e3d;
  margin-bottom: 4rem;
}

.single-post-content-wrapper.hoopla_category .hoopla_category__header {
  display: flex;
  flex-direction: column;
  gap: 4rem;
  margin-bottom: 2rem;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image {
  position: relative;
  width: 100cqw;
  height: 330px;
  margin-left: calc(50% - 50cqw);
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 20;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0.6) 0%, rgba(0, 0, 0, 0.3) 12%, rgba(0, 0, 0, 0.05) 18%, transparent 20%, transparent 80%, rgba(0, 0, 0, 0.05) 82%, rgba(0, 0, 0, 0.3) 88%, rgba(0, 0, 0, 0.6) 100%);
  /*
  box-shadow: 
  inset 0 20px 30px -20px rgba(0, 0, 0, 0.8),
  inset 0 -20px 30px -20px rgba(0, 0, 0, 0.8);
  */
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image h1.hoopla_category__title {
  padding: 0;
  margin: 0;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-52%);
  text-align: center;
  font-size: 3rem;
  line-height: 1;
  z-index: 30;
  width: var(--content-max-width);
  color: #f0f1f5;
  font-weight: 800;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.7);
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content {
  font-size: 1rem;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content h2.hoopla_category__intro-text {
  font-size: 2rem;
  text-align: center;
}
.single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content .hoopla_category__description {
  margin-top: 2rem;
  margin-bottom: 2rem;
  font-size: 1.125rem;
  line-height: 1.6;
  text-align: center;
}
@media (min-width: 768px) {
  .single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__content {
    width: 800px;
    margin: 0 auto;
  }
}
@media (min-width: 768px) {
  .single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image {
    height: 400px;
  }
  .single-post-content-wrapper.hoopla_category .hoopla_category__header .hoopla_category__featured-image h1.hoopla_category__title {
    font-size: 5rem;
  }
}

.hoopla_categories {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.hoopla_categories .hoopla_category-item-asset-link {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.hoopla_categories .hoopla_category-item-asset-link .hoopla_category-item__thumbnail {
  flex-basis: 35%;
}
.hoopla_categories .hoopla_category-item-asset-link .hoopla_category-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.hoopla_categories .hoopla_category-item-asset-link .hoopla_category-item__text .hoopla_category-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .hoopla_categories .hoopla_category-item-asset-link {
    flex-direction: row;
    gap: 1rem;
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.hoopla_categories .hoopla_category-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.hoopla_categories .hoopla_category-item .hoopla_category-item__thumbnail {
  flex-basis: 35%;
}
.hoopla_categories .hoopla_category-item .hoopla_category-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.hoopla_categories .hoopla_category-item .hoopla_category-item__text .hoopla_category-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .hoopla_categories .hoopla_category-item {
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.hoopla_categories a.hoopla_category-item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

.post-list-hoopla_category .hoopla-category-bold {
  position: relative;
  display: flex;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  aspect-ratio: 12/5;
  border-radius: 1.5rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
}
.post-list-hoopla_category .hoopla-category-bold > img {
  position: absolute;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  object-fit: cover;
  z-index: 10;
  border-radius: 1rem;
}
.post-list-hoopla_category .hoopla-category-bold:after {
  content: "";
  position: absolute;
  z-index: 15;
  top: 1rem;
  left: 1rem;
  width: calc(100% - 2rem);
  height: calc(100% - 2rem);
  background-color: rgba(0, 0, 0, 0.45);
  border-radius: 1rem;
}
.post-list-hoopla_category .hoopla-category-bold > .hoopla-category__content {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  z-index: 20;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding-right: 2rem;
  padding-left: 2rem;
  color: #f0f1f5;
}
.post-list-hoopla_category .hoopla-category-bold > .hoopla-category__content .hoopla-category__title {
  font-size: 2rem;
  font-weight: 700;
  text-align: center;
}
.post-list-hoopla_category .hoopla-category-bold > .hoopla-category__content .hoopla-category__description {
  font-size: 1rem;
  line-height: 1.6;
  text-align: center;
  margin-top: 1rem;
}
@media (min-width: 768px) {
  .post-list-hoopla_category .hoopla-category-bold {
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.post-list-hoopla_category .hoopla-category-bold > a.post-link {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 30;
}

body {
  font-family: "Inter", sans-serif;
  font-size: var(--base-font-size-px);
  letter-spacing: 0;
  text-underline-offset: 5px;
}

a {
  overflow-wrap: break-word;
  word-break: break-word;
}

h1, h2, h3, h4, h5, h6, .t1, .t2, .t3, .t4, .t5, .t6 {
  margin-bottom: 0.25em;
}
h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, .t1:first-child, .t2:first-child, .t3:first-child, .t4:first-child, .t5:first-child, .t6:first-child {
  margin-top: 0;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .t1 a, .t2 a, .t3 a, .t4 a, .t5 a, .t6 a {
  color: inherit;
  text-decoration: none;
}
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover, h5 a:hover, h6 a:hover, .t1 a:hover, .t2 a:hover, .t3 a:hover, .t4 a:hover, .t5 a:hover, .t6 a:hover {
  text-decoration: underline;
}

.t1-large {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 768px) {
  .t1-large {
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.2;
  }
}

h1, .t1 {
  font-size: 2.5rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 768px) {
  h1, .t1 {
    font-size: 3rem;
    line-height: 1.2;
  }
}

h2, .t2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
}
@media (min-width: 768px) {
  h2, .t2 {
    font-size: 2rem;
  }
}

h3, .t3 {
  font-size: 1.5rem !important;
  font-weight: 700;
  line-height: 1.2;
}

h4, .t4 {
  font-size: 1.125rem;
  font-weight: 700;
  line-height: 1.2;
}

h5, .t5 {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
}

.semi-bold {
  font-weight: 600;
}

.subtitle {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5;
}

.textBaselineAdjust {
  position: relative;
  top: 3px;
}

.montserrat {
  font-family: "Montserrat Alternates", sans-serif;
}
.montserrat span.alt {
  font-family: "Montserrat", sans-serif;
}

ul li, ol li {
  font-size: 1.125rem;
  line-height: 1.7;
  margin-bottom: 0.5rem;
}

.spread-links {
  display: inline-flex;
  gap: 1rem;
}
.spread-links a {
  display: inline-block;
  font-size: 1.125rem;
  font-weight: 600;
  color: #292e3d;
  text-decoration: none;
  border-bottom: 2px solid transparent;
  padding-bottom: 2px;
  transition: border-color 0.3s;
}
.spread-links a:hover {
  border-color: #292e3d;
}
.spread-links a + a {
  margin-left: 2rem;
}

#site-header {
  background: linear-gradient(to right, #1F80F3 0%, #1F80F3 calc(50% - 600px), #1F80F3 calc(50% - 600px), #392AE4 calc(50% + 600px), #392AE4 calc(50% + 600px), #392AE4 100%);
}
#site-header .page-content {
  padding: 1.5rem 0 0;
}
#site-header .page-content .site-header--logo {
  max-width: 200px;
  max-height: 70px;
  margin-bottom: 2rem;
}
@media (min-width: 992px) {
  #site-header .page-content {
    display: flex;
    align-items: center;
    flex-direction: row;
    padding: 1.5rem 0;
  }
  #site-header .page-content .site-header--logo {
    margin-bottom: 0;
  }
}

nav#site-menu {
  position: relative;
}
nav#site-menu > ul.show {
  border-top: 2px solid var(--off-black);
}
nav#site-menu ul {
  display: none;
  flex-direction: column;
  list-style: none;
  padding: 0;
  margin: 0;
}
nav#site-menu ul.show {
  transition: opacity var(--am-open-transition-duration) ease;
}
nav#site-menu ul li {
  display: flex;
  flex-direction: column;
  position: relative;
  padding: 0;
  border-bottom: 1px solid lightgray;
}
nav#site-menu ul li a {
  font-size: 1.125rem;
}
nav#site-menu > ul {
  flex-direction: column;
}
nav#site-menu > ul li button, nav#site-menu > ul li a {
  display: flex;
  flex-direction: row;
  width: 100%;
  padding: 1.5625rem 0;
  align-items: center;
  text-decoration: none;
  background-color: transparent !important;
  color: #f0f1f5;
  font-size: 1.125rem;
  font-weight: 600 !important;
  line-height: 1.15;
  border: none;
  cursor: pointer;
  white-space: nowrap;
}
nav#site-menu > ul li button span, nav#site-menu > ul li a span {
  display: flex;
  white-space: normal;
}
nav#site-menu > ul li button:focus-visible, nav#site-menu > ul li a:focus-visible {
  outline: 1px dotted var(--color-brand-primary);
}
nav#site-menu > ul li button:hover, nav#site-menu > ul li a:hover {
  text-decoration: underline;
}
nav#site-menu > ul li button[aria-expanded=true], nav#site-menu > ul li a[aria-expanded=true] {
  text-decoration: underline;
}
nav#site-menu > ul li button span.icon, nav#site-menu > ul li a span.icon {
  width: 22px;
  margin-right: 12px;
}
nav#site-menu > ul li button span.icon .pathFill, nav#site-menu > ul li a span.icon .pathFill {
  fill: currentColor;
}
nav#site-menu > ul li button span.icon:empty, nav#site-menu > ul li a span.icon:empty {
  display: none;
}
nav#site-menu > ul li button span.arrow, nav#site-menu > ul li a span.arrow {
  margin-left: auto;
  position: relative;
  top: 4px;
}
nav#site-menu > ul li button span.arrow svg, nav#site-menu > ul li a span.arrow svg {
  width: 0.75rem;
  height: 0.75rem;
  transition: transform var(--am-transition-duration) ease;
  transform: rotate(-180deg);
}
nav#site-menu > ul li button[aria-expanded=true] span.arrow svg, nav#site-menu > ul li a[aria-expanded=true] span.arrow svg {
  transform: rotate(0deg);
}
nav#site-menu > ul li button .pathFill, nav#site-menu > ul li a .pathFill {
  fill: currentColor;
}
nav#site-menu > ul ul.dropdown-menu li {
  border-bottom: none;
  padding: 0 3rem 0 1.5rem;
}
nav#site-menu > ul ul.dropdown-menu li a, nav#site-menu > ul ul.dropdown-menu li button {
  display: inline-flex;
  padding: 1.25rem;
}
nav#site-menu #site-header__menu-toggle {
  position: absolute;
  right: 0;
  top: -80px;
  background: none;
  border: none;
}
nav#site-menu #site-header__menu-toggle .pathFill {
  fill: #292e3d;
}
nav#site-menu #site-header__menu-toggle .menu {
  display: block;
}
nav#site-menu #site-header__menu-toggle .close {
  display: none;
}
nav#site-menu #site-header__menu-toggle[aria-expanded=true] .menu {
  display: none;
}
nav#site-menu #site-header__menu-toggle[aria-expanded=true] .close {
  display: block;
}
nav#site-menu .show {
  display: flex !important;
  opacity: 1;
}
@media (min-width: 992px) {
  nav#site-menu {
    margin-left: auto;
    border: 0;
    justify-content: flex-end;
  }
  nav#site-menu .menu-toggle {
    display: none;
  }
  nav#site-menu > ul {
    display: flex;
    flex-direction: row;
    gap: 2rem;
  }
  nav#site-menu > ul li {
    border-bottom: none;
  }
  nav#site-menu > ul li button, nav#site-menu > ul li a {
    font-size: 1rem;
    padding: 0;
  }
  nav#site-menu > ul > li > a .icon, nav#site-menu > ul > li > button .icon {
    display: none;
  }
  nav#site-menu > ul .dropdown-toggle .arrow {
    margin-left: 10px;
  }
  nav#site-menu > ul .dropdown-toggle[aria-expanded=true] span {
    transform: rotate(0deg);
  }
  nav#site-menu > ul ul.dropdown-menu {
    position: absolute;
    width: 250px;
    top: 40px;
    left: -20px;
    padding: 1rem 5px;
    background-color: #292e3d;
    z-index: 999;
    border-radius: 1rem;
  }
  nav#site-menu > ul ul.dropdown-menu.depth-1 {
    top: -1rem;
    left: calc(100% + 0.5rem);
  }
  nav#site-menu > ul ul.dropdown-menu li {
    padding: 0;
  }
  nav#site-menu > ul ul.dropdown-menu li a, nav#site-menu > ul ul.dropdown-menu li button {
    color: #f0f1f5 !important;
    font-weight: 500 !important;
    padding: 0.5rem 2rem 0.5rem 1rem;
  }
  nav#site-menu > ul ul.dropdown-menu li button {
    position: absolute;
    right: 1rem;
  }
}

footer#site-footer {
  background-color: #2150de;
  font-family: "Source Sans 3", sans-serif;
}
footer#site-footer img.footer-logo {
  width: 45%;
  margin-bottom: 2.5rem;
}
footer#site-footer .page-content {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  align-content: center;
  padding: 2.5rem 0;
}
footer#site-footer nav#nav-footer-sites {
  width: 100%;
}
footer#site-footer ul#menu-footer-sites, footer#site-footer ul#menu-footer-internal {
  display: flex;
  width: 100%;
  list-style-type: none;
  flex-direction: column;
  gap: 0;
  margin: 0;
  padding: 0;
}
footer#site-footer ul#menu-footer-sites li, footer#site-footer ul#menu-footer-internal li {
  display: flex;
  flex-direction: column;
  width: 100%;
}
footer#site-footer ul#menu-footer-sites li .nav-section-title, footer#site-footer ul#menu-footer-internal li .nav-section-title {
  display: none;
}
footer#site-footer ul#menu-footer-sites li a, footer#site-footer ul#menu-footer-sites li button, footer#site-footer ul#menu-footer-internal li a, footer#site-footer ul#menu-footer-internal li button {
  font-size: 1.125rem;
  font-weight: 500;
  display: flex;
  justify-content: space-between;
  color: #f0f1f5;
  background-color: #2150de;
  width: 100%;
  padding: 1.5rem 0;
  border: none;
  border-bottom: 1px solid rgba(240, 241, 245, 0.7490196078);
  border-radius: 0 !important;
  text-align: left;
  text-decoration: none;
}
footer#site-footer ul#menu-footer-sites li a .pathFill, footer#site-footer ul#menu-footer-sites li button .pathFill, footer#site-footer ul#menu-footer-internal li a .pathFill, footer#site-footer ul#menu-footer-internal li button .pathFill {
  fill: currentColor;
}
footer#site-footer ul#menu-footer-sites li a.dropdown-item, footer#site-footer ul#menu-footer-sites li button.dropdown-item, footer#site-footer ul#menu-footer-internal li a.dropdown-item, footer#site-footer ul#menu-footer-internal li button.dropdown-item {
  padding-left: 2.5rem;
}
footer#site-footer ul#menu-footer-sites li button .arrow, footer#site-footer ul#menu-footer-internal li button .arrow {
  transition: transform 0.3s;
  transform: rotate(180deg);
}
footer#site-footer ul#menu-footer-sites li button .arrow svg, footer#site-footer ul#menu-footer-internal li button .arrow svg {
  width: 1.25rem;
  height: 1.25rem;
}
footer#site-footer ul#menu-footer-sites li button[aria-expanded=true], footer#site-footer ul#menu-footer-internal li button[aria-expanded=true] {
  background-color: inherit;
  color: inherit;
}
footer#site-footer ul#menu-footer-sites li button[aria-expanded=true] .arrow, footer#site-footer ul#menu-footer-internal li button[aria-expanded=true] .arrow {
  transform: rotate(0deg);
}
footer#site-footer ul#menu-footer-sites li button:hover, footer#site-footer ul#menu-footer-internal li button:hover {
  background-color: initial;
  color: #f0f1f5;
}
footer#site-footer ul#menu-footer-sites li ul.dropdown-menu, footer#site-footer ul#menu-footer-internal li ul.dropdown-menu {
  display: none;
  flex-direction: column;
  padding: 0;
  width: 100%;
  gap: 0;
}
footer#site-footer ul#menu-footer-sites li ul.dropdown-menu.show, footer#site-footer ul#menu-footer-internal li ul.dropdown-menu.show {
  display: flex;
}
footer#site-footer ul#menu-footer-sites li ul.dropdown-menu li, footer#site-footer ul#menu-footer-internal li ul.dropdown-menu li {
  display: flex;
  flex-direction: column;
  width: 100%;
}
footer#site-footer ul#menu-footer-sites li ul.dropdown-menu li .a, footer#site-footer ul#menu-footer-internal li ul.dropdown-menu li .a {
  font-size: 1.125rem;
  font-weight: 500;
  padding: 0.625rem 0;
  border: none;
  border-radius: 0 !important;
  text-align: left;
  color: #f0f1f5;
  text-decoration: none;
}
footer#site-footer ul#menu-footer-sites li ul.dropdown-menu li .a:hover, footer#site-footer ul#menu-footer-internal li ul.dropdown-menu li .a:hover {
  text-decoration: underline;
}
footer#site-footer .social {
  margin: 2rem 0;
}
footer#site-footer nav#nav-footer-middle {
  width: 100%;
}
footer#site-footer ul#menu-footer-sites {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
  padding: 0;
  margin: 0;
  border-top: 1px solid #f0f1f5;
}
footer#site-footer ul#menu-footer-sites a {
  font-size: 1.125rem;
  color: #f0f1f5;
  text-decoration: none;
  font-weight: 600;
}
footer#site-footer ul#menu-footer-sites a:hover {
  text-decoration: underline;
}
footer#site-footer .copyright {
  margin-top: 2rem;
  color: rgba(240, 241, 245, 0.7490196078);
  font-size: 0.875rem;
}
footer#site-footer .copyright a {
  color: #f0f1f5;
  text-decoration: none;
}
footer#site-footer .copyright a:hover {
  text-decoration: underline;
}
footer#site-footer ul.appstore-links {
  flex-wrap: wrap;
  justify-content: center;
}
@media (min-width: 640px) {
  footer#site-footer {
    padding: 0;
  }
  footer#site-footer .page-content {
    gap: 1.5rem 1.375rem;
    flex-direction: row;
  }
  footer#site-footer .page-content > img {
    flex-basis: 15%;
    margin-bottom: 0;
  }
  footer#site-footer nav#nav-footer-sites {
    width: auto;
    flex-basis: 78%;
  }
  footer#site-footer nav#nav-footer-sites ul#menu-footer-sites {
    flex-basis: 70%;
    width: auto;
    flex-direction: row;
    border: none;
    gap: 0.625rem;
  }
  footer#site-footer nav#nav-footer-sites ul#menu-footer-sites li {
    width: auto;
  }
  footer#site-footer nav#nav-footer-sites ul#menu-footer-sites li a {
    border: none;
  }
  footer#site-footer nav#nav-footer-sites ul#menu-footer-sites li a .arrow {
    display: none;
  }
  footer#site-footer .social {
    align-self: flex-start;
    margin: 0;
  }
  footer#site-footer .social svg {
    width: 1.875rem;
    height: 1.875rem;
  }
  footer#site-footer .copyright {
    align-self: flex-start;
    margin: 0;
  }
  footer#site-footer ul.appstore-links {
    align-self: flex-start;
    flex-basis: 100%;
    justify-content: flex-start;
  }
  footer#site-footer ul#menu-footer-internal {
    display: flex;
    flex-direction: row;
    gap: 2.5rem;
    flex-wrap: wrap;
    list-style-type: none;
    margin: 0;
    padding: 0;
  }
  footer#site-footer ul#menu-footer-internal > li {
    position: relative;
    flex-grow: 1;
    flex-basis: 23%;
  }
  footer#site-footer ul#menu-footer-internal > li#menu-item-our-company, footer#site-footer ul#menu-footer-internal > li#menu-item-help {
    flex-basis: 45%;
  }
  footer#site-footer ul#menu-footer-internal > li#menu-item-our-content {
    flex-grow: 4;
    flex-basis: 100%;
  }
  footer#site-footer ul#menu-footer-internal > li#menu-item-our-content ul.dropdown-menu {
    display: grid;
    grid-template-columns: repeat(3, 1fr); /* 3 equal-width columns */
    grid-auto-rows: auto; /* Rows adjust to content height */
    gap: 20px; /* Optional spacing between items */
  }
  footer#site-footer ul#menu-footer-internal > li:after {
    content: "";
    position: absolute;
    z-index: 90;
    left: 0;
    top: 5px;
    width: 100%;
    height: 2px;
    background-color: rgba(240, 241, 245, 0.7490196078);
    opacity: 0.5;
  }
  footer#site-footer ul#menu-footer-internal > li button {
    display: none;
  }
  footer#site-footer ul#menu-footer-internal > li span.nav-section-title {
    color: #f0f1f5;
    font-weight: 800;
    display: inline-block;
    background-color: #2150de;
    z-index: 100;
    padding-right: 1.25rem;
    align-self: flex-start;
  }
  footer#site-footer ul#menu-footer-internal > li a {
    position: relative;
    z-index: 100;
    display: inline-block;
    background-color: #2150de;
    color: #f0f1f5;
    text-decoration: none;
    font-size: 1rem;
    font-weight: 700;
    padding: 0;
    padding-left: 0;
    border: none;
  }
  footer#site-footer ul#menu-footer-internal > li a .arrow {
    display: none;
  }
  footer#site-footer ul#menu-footer-internal > li a[href]:hover {
    text-decoration: underline;
  }
  footer#site-footer ul#menu-footer-internal > li a.dropdown-item {
    padding-left: 0;
  }
  footer#site-footer ul#menu-footer-internal > li ul.dropdown-menu {
    list-style-type: none;
    margin: 20px 0 0;
    padding: 0;
    display: flex;
    flex-direction: column;
    gap: 20px;
  }
  footer#site-footer ul#menu-footer-internal > li ul.dropdown-menu a {
    font-weight: 400;
  }
}
@media (min-width: 1200px) {
  footer#site-footer .page-content {
    align-items: center;
    gap: 2.5rem;
  }
  footer#site-footer img.footer-logo {
    flex-basis: 10%;
  }
  footer#site-footer nav#nav-footer-sites {
    flex-basis: 50%;
  }
  footer#site-footer .social {
    flex-basis: 20%;
    margin: auto 0;
  }
  footer#site-footer .social svg {
    width: 1.5rem;
    height: 1.5rem;
  }
  footer#site-footer nav#nav-footer-middle {
    flex-basis: 100%;
  }
  footer#site-footer nav#nav-footer-middle ul#menu-footer-internal {
    gap: 2.5rem;
  }
  footer#site-footer nav#nav-footer-middle ul#menu-footer-internal li#menu-item-our-company {
    flex-basis: 23%;
  }
  footer#site-footer nav#nav-footer-middle ul#menu-footer-internal li#menu-item-our-content {
    flex-basis: 46%;
  }
  footer#site-footer nav#nav-footer-middle ul#menu-footer-internal li#menu-item-help {
    flex-basis: 23%;
  }
  footer#site-footer .copyright {
    flex-basis: 30%;
    margin: auto 0;
  }
  footer#site-footer ul.appstore-links {
    flex-basis: 50%;
    margin-left: auto;
    justify-content: flex-end;
  }
}

.posts {
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 768px) {
  .posts {
    flex-direction: row;
    flex-wrap: wrap;
  }
}

/*
article.post-link-basic {
	display: block;
	position: relative;
	border-radius: rem(24);
	background-color: $color-transparent-2;
	overflow: hidden;
	flex: 1 0 calc((100% - 32px) / 3);
	@include grid-width-mobile(6);

	@include break-from('md') {
		@include grid-width(4);
	}

	a.post-link {
		display: block;
		position: absolute;

		left: 0; top: 0; right: 0; bottom: 0;
	}

	.post-link-basic__image {
		width: 100%;
		height: 50%;

		img {
			width: 100%;
			height: 100%;
			object-fit: cover;
		}
	}

	.post-link-basic__content {
		padding: $spacing-smaller $spacing-smaller $spacing;

		.cats {
			font-size: rem(12);
			font-weight: 700;
			color: $color-text-black-2;
			margin-bottom: 0.5rem;
		}

		.post-link-basic__title {
			@include t5;
			font-weight: 600;
			line-height: 1.3;
			color: $color-text-black;
		}
	}

}

.posts:has(.flex-item:nth-child(1):nth-last-child(2)) .flex-item,
.posts:has(.flex-item:nth-child(1):nth-last-child(3)) .flex-item {
  flex-basis: calc((100% - 16px) / 2); // For 2 items
}

.posts:has(.post-link-basic__image) {
	article {
		aspect-ratio: 1 / 1;
	}
}

.post-hero {
	flex-basis: 100%;
	position: relative;
	border-radius: rem(24);
	overflow: hidden;
	background-color: $color-transparent-2;
	text-decoration: none;

	.post-image {
		position: relative;
		aspect-ratio: 18 / 10;

		img {
			position: absolute;
			left: 0; top: 0;
			width: 100%; height: 100%;
			object-fit: cover;
		}
	}
}
*/
.post-link-basic {
  display: block;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  background-color: rgba(96, 104, 128, 0.1019607843);
  aspect-ratio: 1/1;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
}
@media (min-width: 768px) {
  .post-link-basic {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
  .post-link-basic.half {
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.post-link-basic a.post-link {
  display: block;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
}
.post-link-basic .post-link-basic__image {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 50%;
  overflow: hidden;
}
.post-link-basic .post-link-basic__image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-link-basic .post-link-basic__content {
  position: absolute;
  left: 0;
  top: 50%;
  padding: 1.5rem 1.5rem 2rem;
}
.post-link-basic .post-link-basic__content .cats {
  font-size: 0.875rem;
  font-weight: 700;
  color: #2050DD;
  margin-bottom: 0.5rem;
}
.post-link-basic .post-link-basic__content .post-link-basic__title {
  font-size: 1.25rem;
  font-weight: 700;
  line-height: 1;
  font-weight: 600;
  line-height: 1.3;
  color: #292e3d;
}
.post-link-basic.no-thumb .post-link-basic__content {
  top: auto;
}
.post-link-basic.short {
  aspect-ratio: 2.5/1;
}
.post-link-basic .parent-link {
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: 10;
}

.post-list-basic, .post-list-basic--no-thumb {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  justify-content: flex-start;
  margin-bottom: 3rem;
}
.post-list-basic article, .post-list-basic--no-thumb article {
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
}
@media (min-width: 768px) {
  .post-list-basic, .post-list-basic--no-thumb {
    flex-direction: row;
  }
  .post-list-basic article, .post-list-basic--no-thumb article {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
}

.post-list-basic--no-thumb .post-link-basic {
  aspect-ratio: auto;
}
.post-list-basic--no-thumb .post-link-basic .post-link-basic__content {
  position: relative;
  top: auto;
}
.post-list-basic--no-thumb .post-link-basic .post-link-basic__content .cats {
  font-size: 0.875rem;
  color: #2050DD;
}

.post-hero {
  flex-basis: 100%;
  position: relative;
  border-radius: 1.5rem;
  overflow: hidden;
  background-color: rgba(96, 104, 128, 0.1019607843);
  text-decoration: none;
  margin-bottom: 4rem;
}
.post-hero .post-image {
  position: relative;
  aspect-ratio: 18/10;
}
.post-hero .post-image img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.post-hero .post-image-mirrored {
  position: relative;
  z-index: 10;
  min-height: 50vw;
  background-color: black;
}
.post-hero .post-image-mirrored img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: fill;
  transform: scaleY(-1);
  z-index: 10;
  opacity: 0.8;
}
.post-hero .post-image-mirrored .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, 0.5);
  -webkit-backdrop-filter: saturate(180%) blur(15px);
  backdrop-filter: saturate(180%) blur(15px);
  z-index: 20;
  border-bottom-left-radius: 1.5rem;
  border-bottom-right-radius: 1.5rem;
}
.post-hero .post-image-mirrored .cat-title-date-length {
  position: relative;
  min-height: 70vw;
  z-index: 30;
  padding: 2rem 2rem 4rem;
}
.post-hero .post-image-mirrored .cat-title-date-length .cats {
  position: relative;
  font-size: 1rem;
  font-weight: 700;
  color: rgba(240, 241, 245, 0.7490196078);
  z-index: 30;
  margin-bottom: 0.5rem;
}
.post-hero .post-image-mirrored .cat-title-date-length .title {
  position: relative;
  font-size: 2rem;
  color: #f0f1f5;
  margin: 0;
  z-index: 30;
  line-height: 1.2;
}
.post-hero .post-image-mirrored .cat-title-date-length a.title {
  display: block;
  text-decoration: none;
}
.post-hero .post-image-mirrored .cat-title-date-length .date_length {
  position: absolute;
  bottom: 2rem;
  color: #f0f1f5;
  z-index: 30;
}
.post-hero .post-image-mirrored .cat-title-date-length a.button {
  display: none;
}
@media (min-width: 640px) {
  .post-hero .post-image-mirrored {
    min-height: 40vw;
  }
  .post-hero .post-image-mirrored .cat-title-date-length {
    min-height: 40vw;
  }
}
@media (min-width: 768px) {
  .post-hero {
    height: 300px;
  }
  .post-hero .post-image, .post-hero .post-image-mirrored {
    position: absolute;
    top: 0;
    height: 100%;
    width: 50%;
  }
  .post-hero .post-image img, .post-hero .post-image-mirrored img {
    height: 100%;
  }
  .post-hero .post-image-mirrored {
    min-height: auto;
  }
  .post-hero .post-image-mirrored img {
    transform: scaleY(1) scaleX(-1);
    object-fit: cover;
    min-height: none;
  }
  .post-hero .post-image-mirrored .cat-title-date-length {
    position: absolute;
    min-height: auto;
    left: 2rem;
    right: 2rem;
    bottom: 2rem;
    padding: 0;
  }
  .post-hero .post-image-mirrored .cat-title-date-length .title {
    padding: 0;
    margin-bottom: 1rem;
  }
  .post-hero .post-image-mirrored .cat-title-date-length .date_length {
    position: relative;
    bottom: auto;
  }
  .post-hero .post-image-mirrored .cat-title-date-length a.button {
    display: inline-block;
    position: absolute;
    bottom: 0;
  }
  .post-hero .post-image-mirrored .overlay {
    border-radius: 0;
  }
  .post-hero.image-side-left .post-image {
    left: 0;
  }
  .post-hero.image-side-left .post-image-mirrored {
    right: 0;
  }
  .post-hero.image-side-right .post-image {
    right: 0;
  }
  .post-hero.image-side-right .post-image-mirrored {
    left: 0;
  }
  .post-hero.text-position-top .post-image-mirrored .cat-title-date-length {
    top: 2rem;
  }
  .post-hero.text-position-top .post-image-mirrored .cat-title-date-length .title {
    padding: 0;
    top: auto;
    bottom: auto;
  }
  .post-hero.text-position-top .post-image-mirrored .cat-title-date-length .date_length {
    position: relative;
    top: auto;
    bottom: auto;
  }
}

.single-post-content-wrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 2rem;
}
.single-post-content-wrapper .post-content {
  flex: 1 1 0;
  flex-basis: 100%;
}
.single-post-content-wrapper .post-content h2 {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.2;
  line-height: 2.1rem;
}
@media (min-width: 768px) {
  .single-post-content-wrapper .post-content h2 {
    font-size: 2rem;
  }
}
.single-post-content-wrapper .post-content h2:first-child {
  margin-top: 0;
}
.single-post-content-wrapper .post-content h2.section-header-small {
  font-size: 1.125rem;
  padding-top: 1rem;
  margin-bottom: 1.5rem;
  border-top: 1px solid #8A91A6;
  font-weight: 600;
}
.single-post-content-wrapper .post-content img {
  width: 100%;
}
.single-post-content-wrapper .post-content p {
  line-height: 1.75rem;
}
.single-post-content-wrapper .post-meta {
  flex: 1 1 0;
}
.single-post-content-wrapper .post-meta .social-share {
  border-top: 2px solid #292e3d;
  padding-top: 1.5rem;
  margin-bottom: 2rem;
}
.single-post-content-wrapper .post-meta .social-share .social-share-label {
  font-size: 1rem;
  font-weight: 600;
  color: #8A91A6;
  margin-bottom: 1rem;
}
.single-post-content-wrapper .post-meta .cta-mini {
  background-color: rgba(32, 80, 221, 0.1607843137);
  color: #2050DD;
  padding: 1.5rem;
  border-radius: 1.5rem;
}
.single-post-content-wrapper .post-meta .cta-mini h1, .single-post-content-wrapper .post-meta .cta-mini h2, .single-post-content-wrapper .post-meta .cta-mini h3, .single-post-content-wrapper .post-meta .cta-mini h4, .single-post-content-wrapper .post-meta .cta-mini h5, .single-post-content-wrapper .post-meta .cta-mini h6 {
  font-size: 1.25rem;
  line-height: 1.5rem;
  margin-top: 0;
}
.single-post-content-wrapper .post-meta .cta-mini .cta-link {
  display: flex;
  align-items: center;
  text-decoration: none;
}
.single-post-content-wrapper .post-meta .cta-mini .cta-link .arrow {
  padding-bottom: 4px;
}
.single-post-content-wrapper .post-meta .cta-mini .cta-link .arrow svg {
  width: 1.25rem;
  height: 1.25rem;
  margin-left: 0.5rem;
}
.single-post-content-wrapper .post-meta .banner {
  margin-top: 2rem;
}
@media (min-width: 768px) {
  .single-post-content-wrapper .post-content {
    flex: 2.7 1 0;
  }
  .single-post-content-wrapper .post-meta {
    flex: 1 1 0;
    position: sticky;
    align-self: flex-start;
    top: 1rem;
  }
}

#post-nav {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  margin-top: 4rem;
  margin-bottom: 4rem;
  justify-content: space-between;
}
#post-nav > div {
  flex: 1;
  display: flex;
  align-items: stretch;
}
#post-nav a {
  flex: 1;
  flex-direction: column;
  justify-content: center;
  display: flex;
  background-color: rgba(96, 104, 128, 0.1019607843);
  padding: 2rem;
  border-radius: 1.5rem;
  font-size: 1.5rem;
  font-weight: 700;
  text-decoration: none;
  color: #292e3d;
}
#post-nav a span.title {
  display: block;
  margin-top: 1rem;
  font-size: 1.125rem;
  font-weight: 600;
}
#post-nav a[rel=prev] {
  text-align: left;
}
#post-nav a[rel=prev] .arrow svg {
  transform: rotate(180deg);
}
#post-nav a[rel=next] {
  text-align: right;
}
#post-nav a:hover {
  background-color: #292e3d;
  color: #f0f1f5;
}
@media (min-width: 768px) {
  #post-nav {
    flex-direction: row;
  }
  #post-nav > div {
    flex: 1 1 50%;
  }
}

#posts-list-header {
  position: relative;
  display: flex;
  flex-direction: row;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: stretch;
  margin-bottom: 4rem;
}
#posts-list-header #posts-list-hero {
  flex-basis: 100%;
  position: relative;
  background: radial-gradient(at center bottom, #4898F8, #392BE4);
  border-radius: 1.5rem;
  display: flow-root;
  overflow: hidden;
}
#posts-list-header #posts-list-hero > * {
  position: relative;
  z-index: 30;
}
#posts-list-header #posts-list-hero .name {
  display: flex;
  justify-content: center;
  align-items: center;
  color: #f0f1f5;
  margin-top: 3rem;
  margin-bottom: 0.3rem;
}
#posts-list-header #posts-list-hero .name svg {
  width: 1.4375rem;
  height: 1.4375rem;
}
#posts-list-header #posts-list-hero .name h1 {
  font-size: 1.4375rem;
  font-weight: 500;
  margin: 0 0 0 0.5rem;
}
#posts-list-header #posts-list-hero h2 {
  font-size: clamp(2.375rem, 8vw, 3.5rem);
  color: #f0f1f5;
  text-align: center;
  max-width: 80%;
  margin: auto;
}
#posts-list-header #posts-list-hero .hero-image {
  overflow: hidden;
  margin-top: 2rem;
}
#posts-list-header #posts-list-hero .hero-image img {
  width: 100%;
  height: auto;
  /*
  position: absolute;
  left: 0; top: 0;
  right: 0; bottom: 0;
  width: 100%; 
  // height: 100%;
  height: clamp(100%, calc(100% + ((120 - 100) * ((1000px - 100vw) / 600))), 120%);
  object-fit: cover;
  */
}
#posts-list-header #posts-list-hero:before {
  content: "";
  position: absolute;
  top: 8px;
  left: 8px;
  right: 8px;
  bottom: 8px;
  border: 1px solid #f0f1f5;
  border-radius: 1rem;
  z-index: 10;
}
#posts-list-header .description {
  flex: 1;
  flex-basis: 100%;
  background-color: rgba(96, 104, 128, 0.1019607843);
  padding: 2rem;
  border-radius: 1.5rem;
  font-size: 1.25rem;
  line-height: 1.5;
}
#posts-list-header .links {
  flex: 1;
  flex-basis: 100%;
  background-color: rgba(96, 104, 128, 0.1019607843);
  padding: 2rem;
  border-radius: 1.5rem;
  font-size: 1.25rem;
}
#posts-list-header .links h2 {
  font-size: 1.125rem;
  font-weight: 600;
  color: #606880;
  margin: 0 0 1rem;
}
#posts-list-header .links ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
#posts-list-header .links ul li {
  padding: 1rem 0;
  border-bottom: 1px solid #292e3d;
}
#posts-list-header .links ul li a {
  font-size: 1.25rem;
  font-weight: 700;
  color: #292e3d;
  text-decoration: none;
}
#posts-list-header .links ul li a:hover {
  text-decoration: underline;
}
#posts-list-header .links ul li:last-child {
  border-bottom: none;
}
@media (min-width: 768px) {
  #posts-list-header #posts-list-hero .name svg {
    width: 1.75rem;
    height: 1.75rem;
  }
  #posts-list-header #posts-list-hero .name h1 {
    font-size: 1.75rem;
  }
  #posts-list-header .description {
    flex: 2;
  }
  #posts-list-header .links {
    flex: 1;
  }
}
@media (min-width: 992px) {
  #posts-list-header #posts-list-hero h2 {
    max-width: 60%;
    white-space: pre-line;
  }
}
#posts-list-header.resources {
  margin-bottom: 2rem;
}
#posts-list-header.resources #posts-list-hero {
  min-height: 280px;
}
#posts-list-header.resources #posts-list-hero .name {
  margin-top: 4rem;
  margin-bottom: 0.3rem;
}
#posts-list-header.resources #posts-list-hero .name h1 {
  font-size: 3rem;
  font-weight: 700;
  margin: 0;
  padding: 0;
}
#posts-list-header.resources .description {
  color: #f0f1f5;
  font-size: 1.125rem;
  text-align: center;
  margin-top: 1rem;
  padding: 0;
  background: transparent;
}
#posts-list-header.resources.resources-cat-kids-hub {
  aspect-ratio: 1/1.25;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-logo {
  display: none;
  width: 60vw;
  top: 40%;
  left: 50%;
  position: absolute;
  transform: translate(-50%, -50%);
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-cloud {
  position: absolute;
  z-index: 10;
  width: 38%;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-cloud.cloud-1 {
  right: -1%;
  top: -1%;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-cloud.cloud-2 {
  transform: rotate(-104deg);
  left: -18%;
  top: 53%;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster {
  position: absolute;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-1 {
  z-index: 25;
  width: 55%;
  left: 29%;
  bottom: -6%;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-2 {
  z-index: 20;
  width: 30%;
  left: 71%;
  bottom: -14%;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-3 {
  z-index: 20;
  width: 52%;
  left: -7%;
  bottom: -8%;
}
#posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-4 {
  transform: rotate(180deg);
  width: 43%;
  top: -3%;
  left: 1%;
}
@media (min-width: 992px) {
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-logo {
    top: 50%;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-cloud {
    display: none;
  }
}
@media (min-width: 768px) {
  #posts-list-header.resources.resources-cat-kids-hub {
    aspect-ratio: 980/280;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-logo {
    width: 53%;
    top: 50%;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-cloud {
    display: none;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-1 {
    width: 28%;
    left: auto;
    right: -5%;
    bottom: -13%;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-2 {
    width: 13%;
    left: 2%;
    bottom: -21%;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-3 {
    width: 21%;
    left: 8.5%;
    bottom: -20%;
  }
  #posts-list-header.resources.resources-cat-kids-hub #posts-list-hero .kidshub-monster.monster-4 {
    display: none;
  }
}

#cat-filter-search-bar {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  border-top: 2px solid #292e3d;
  padding-top: 1rem;
  padding-bottom: 4rem;
}
#cat-filter-search-bar .cat-filters {
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  gap: 1.25rem;
  margin: 1rem 0;
  padding: 0;
}
#cat-filter-search-bar .cat-filters .cat-filter a {
  color: #292e3d;
  text-decoration: none;
  display: inline-block;
  font-size: 0.9rem;
  font-weight: 600;
}
#cat-filter-search-bar .cat-filters .cat-filter a:hover {
  text-decoration: underline;
}
#cat-filter-search-bar .cat-filters .cat-filter.active a {
  text-decoration: underline;
}
#cat-filter-search-bar form.search {
  flex-basis: 100%;
}
@media (min-width: 992px) {
  #cat-filter-search-bar .cat-filters {
    flex-wrap: nowrap;
  }
  #cat-filter-search-bar form.search {
    flex-basis: auto;
    width: 200px;
  }
}
@media (min-width: 1200px) {
  #cat-filter-search-bar form.search {
    width: 312px;
  }
}

form.search {
  display: flex;
  margin: 0 0 0 auto;
  border: 2px solid transparent;
  border-radius: 0.75rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  padding: 0.4375rem;
}
form.search:focus-within {
  border: 2px solid #292e3d;
}
form.search input {
  background: transparent;
  border: none;
  color: #292e3d;
  min-height: 1.25rem;
  line-height: 1.15;
  margin-left: 0.625rem;
}
form.search input::placeholder {
  color: #606880;
}
form.search input:focus-visible {
  outline: none;
}
form.search.search--white {
  width: 316px;
  margin: 0 auto;
  background: transparent;
  border: 1px solid #f0f1f5;
  border-radius: 0.75rem;
  color: #f0f1f5;
  margin-top: 1.5rem;
}
form.search.search--white svg {
  margin-right: 0.5rem;
}
form.search.search--white input {
  color: #f0f1f5;
}
form.search.search--white input::placeholder {
  color: #f0f1f5;
}

#search-results-msg {
  margin-bottom: 2rem;
}
#search-results-msg .search-terms {
  font-size: 1.25rem;
  font-weight: 700;
  color: #292e3d;
}
#search-results-msg .search-total {
  font-size: 1.125rem;
  font-weight: 500;
  color: #606880;
}

.pagination {
  display: flex;
  gap: 1rem;
  justify-content: center;
  margin: 2rem 0;
}
.pagination span, .pagination a {
  padding: 0.375rem 0.5rem;
  border-radius: 0.5rem;
  color: #292e3d;
  font-size: 1rem;
  line-height: 1;
  text-decoration: none;
}
.pagination span svg, .pagination a svg {
  width: 0.75rem;
  height: 0.75rem;
}
.pagination span.prev svg, .pagination a.prev svg {
  transform: rotate(-90deg);
}
.pagination span.next svg, .pagination a.next svg {
  transform: rotate(90deg);
}
.pagination span.disabled, .pagination a.disabled {
  opacity: 0.2;
}
.pagination span.current, .pagination a.current {
  color: #2050DD;
  background-color: rgba(32, 80, 221, 0.1607843137);
}

.tags {
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 0.5rem;
  padding-bottom: 1.5rem;
}
.tags a, .tags span {
  display: inline-block;
  background-color: rgba(96, 104, 128, 0.1019607843);
  padding: 0.5rem 0.75rem;
  color: #292e3d;
  text-decoration: none;
  border-radius: 0.75rem;
}
.tags a:hover, .tags span:hover {
  background-color: #292e3d;
  color: #f0f1f5;
}

.beans {
  position: absolute;
  color: #f0f1f5;
  left: 0.5rem;
  top: -0.5rem;
  z-index: 5;
  display: flex;
  gap: 1rem;
  align-items: center;
  font-size: 1rem;
  font-weight: 700;
  margin-top: 1rem;
  background-color: #2050DD;
  padding: 0.5rem 1rem;
  border-radius: 1.5rem;
}
.beans svg > *[fill] {
  fill: white !important;
}
.beans svg > *[stroke] {
  stroke: white !important;
}

button, a.button, .wp-block-button > a {
  display: inline-flex;
  flex-direction: row;
  align-items: center;
  white-space: nowrap;
  vertical-align: middle;
  align-self: flex-start;
  color: #292e3d;
  padding: 0.625rem 1rem 0.5rem;
  border: 2px solid #292e3d;
  border-radius: 0.5rem !important;
  font-size: 0.875rem;
  font-weight: 600;
  line-height: 1.5ex;
  text-decoration: none !important;
  justify-content: center;
}
button.large, a.button.large, .wp-block-button > a.large {
  padding: 1.375rem 1.5625rem;
}
button:hover, a.button:hover, .wp-block-button > a:hover {
  background-color: #2150de;
  color: #f0f1f5;
  border-color: #f0f1f5;
}
button.--blue, a.button.--blue, .wp-block-button > a.--blue {
  background-color: #2150de;
  color: #f0f1f5;
  border: none;
  font-size: 1rem;
  border: 2px solid #2150de;
}
button.--blue:hover, a.button.--blue:hover, .wp-block-button > a.--blue:hover {
  background-color: white;
  color: #292e3d;
  border: 2px solid #292e3d;
}
button.--white, a.button.--white, .wp-block-button > a.--white {
  background-color: #f0f1f5;
  color: #2050DD;
  border: none;
  font-size: 1rem;
  border: 2px solid #2150de;
}
button.--white:hover, a.button.--white:hover, .wp-block-button > a.--white:hover {
  background-color: #2150de;
  color: #f0f1f5;
  border: 2px solid #f0f1f5;
}
button.--larger, a.button.--larger, .wp-block-button > a.--larger {
  font-size: 1rem;
  padding: 1rem 2rem;
}
button > svg:last-child:not(:first-child), a.button > svg:last-child:not(:first-child), .wp-block-button > a > svg:last-child:not(:first-child) {
  margin-left: 0.5rem;
}
button a, button input, button [role=textbox], a.button a, a.button input, a.button [role=textbox], .wp-block-button > a a, .wp-block-button > a input, .wp-block-button > a [role=textbox] {
  background: transparent;
  padding: 0;
  color: currentColor;
}

.wp-block-button.--white > a {
  background-color: #f0f1f5;
  color: #2050DD;
  border: none;
  font-size: 1rem;
  border: 2px solid #2150de;
}
.wp-block-button.--white > a:hover {
  background-color: #2150de;
  color: #f0f1f5;
  border: 2px solid #f0f1f5;
}

a.button-pill, .wp-block-button.button-pill > a {
  align-items: center;
  align-self: center;
  color: #ffffff;
  display: inline-flex;
  justify-content: center;
  justify-items: center;
  justify-self: center;
  text-align: center;
  text-decoration: none;
  border-radius: 50px !important;
  border: none;
  font-size: 1rem;
  padding: 1rem 2rem;
}

main > *:not(.alignwide), .block-editor-block-list__layout.is-root-container > *:not(.alignwide) {
  max-width: calc(var(--content-max-width));
  margin-left: auto;
  margin-right: auto;
}
@media (min-width: 992px) {
  main > h1.has-text-align-center, main > h2.has-text-align-center, main > h3.has-text-align-center, main > h4.has-text-align-center, main > h5.has-text-align-center, main > h6.has-text-align-center, .block-editor-block-list__layout.is-root-container > h1.has-text-align-center, .block-editor-block-list__layout.is-root-container > h2.has-text-align-center, .block-editor-block-list__layout.is-root-container > h3.has-text-align-center, .block-editor-block-list__layout.is-root-container > h4.has-text-align-center, .block-editor-block-list__layout.is-root-container > h5.has-text-align-center, .block-editor-block-list__layout.is-root-container > h6.has-text-align-center {
    max-width: calc(var(--content-max-width) * 0.8);
  }
}

.wp-block-media-text[style*=border-radius] .wp-block-media-text__media,
.wp-block-media-text[style*=border-radius] .wp-block-media-text__media a,
.wp-block-media-text[style*=border-radius] .wp-block-media-text__media img {
  border-radius: inherit;
}

.single-post-content-wrapper.media .media__content {
  display: flex;
  flex-direction: column;
  margin-top: 1rem;
}
.single-post-content-wrapper.media .media__content .media__content-embed {
  order: 2;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
}
.single-post-content-wrapper.media .media__content .media__content-embed .media__content-embed-iframe.video iframe {
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 16/9;
  border-radius: 1.5rem;
}
.single-post-content-wrapper.media .media__content .media__content-embed .media__intro-text {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.4;
  margin: 1.5rem 0 1rem;
}
.single-post-content-wrapper.media .media__content .media__content-embed .media__description {
  font-size: 1.125rem;
  line-height: 1.6;
}
.single-post-content-wrapper.media .media__content .media__content-meta {
  order: 1;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  margin-bottom: 2rem;
}
@media (min-width: 768px) {
  .single-post-content-wrapper.media .media__content {
    flex-direction: row;
    gap: 2rem;
    margin-top: 4rem;
  }
  .single-post-content-wrapper.media .media__content .media__content-embed {
    order: 1;
    width: calc(calc((100% - 176px) / 12) * 8 + 112px);
  }
  .single-post-content-wrapper.media .media__content .media__content-meta {
    order: 2;
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
}

.media__embed-player {
  width: 100%;
  border-radius: 1.5rem;
}
.media__embed-player.video {
  aspect-ratio: 16/9;
}

.media {
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  align-items: flex-start;
}
.media .media-item-asset-link {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  padding: 1rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
}
.media .media-item-asset-link .media-item__thumbnail {
  flex-basis: 35%;
}
.media .media-item-asset-link .media-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  font-size: 0.875rem;
  color: #606880;
}
.media .media-item-asset-link .media-item__text .media-item__text__title {
  font-size: 1.25rem;
  font-weight: 700;
  text-align: center;
  margin-top: 1rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .media .media-item-asset-link {
    flex-direction: row;
    gap: 1rem;
    width: calc(calc((100% - 176px) / 12) * 6 + 80px);
  }
}
.media .media-item {
  display: flex;
  flex-direction: column;
  position: relative;
  width: calc(calc((100% - 80px) / 6) * 6 + 80px);
  border-radius: 1.5rem;
  background-color: rgba(96, 104, 128, 0.1019607843);
  transition: background-color 0.3s ease;
  overflow: hidden;
}
.media .media-item .media-item__thumbnail {
  flex-basis: 35%;
}
.media .media-item .media-item__text {
  display: flex;
  flex-direction: column;
  justify-content: center;
  padding: 1.5rem;
  font-size: 0.875rem;
  color: #606880;
}
.media .media-item .media-item__text .cats {
  font-size: 0.75rem;
  font-weight: 700;
  color: #606880;
}
.media .media-item .media-item__text .media-item__text__title {
  font-size: 1.25rem;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
  color: #292e3d;
}
@media (min-width: 768px) {
  .media .media-item {
    width: calc(calc((100% - 176px) / 12) * 4 + 48px);
  }
}
.media a.media-item__link {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}

body.page-template-template-page-straight-download {
  /*
  	Hero Images
  	This should really be some sort of global style - it may already
  	exist somewhere
  */
  /*
  	Main body and sidebar layout - this is probably specific to this page
  	because of the way the pieces reorganize depending on whether its
  	desktop or mobile
  */
}
body.page-template-template-page-straight-download .hero-image-mobile {
  display: block;
}
body.page-template-template-page-straight-download .hero-image-desktop {
  display: none;
}
body.page-template-template-page-straight-download .hero-image {
  width: var(--content-max-width);
  margin: 0 auto;
}
body.page-template-template-page-straight-download .hero-image img {
  width: 100%;
  height: auto;
  object-fit: cover;
  border-radius: 1.5rem;
}
@media (min-width: 768px) {
  body.page-template-template-page-straight-download .hero-image-mobile {
    display: none;
  }
  body.page-template-template-page-straight-download .hero-image-desktop {
    display: block;
  }
}
body.page-template-template-page-straight-download .main-content {
  display: grid;
  max-width: var(--content-max-width);
  margin: 4rem auto 0;
  grid-template-columns: 1fr;
  grid-template-areas: "description" "sidebar" "episodes";
}
@media (min-width: 768px) {
  body.page-template-template-page-straight-download .main-content {
    grid-template-columns: 2.5fr 1fr;
    gap: 2rem;
    grid-template-areas: "description sidebar" "episodes sidebar";
  }
}
body.page-template-template-page-straight-download .main-content .description {
  grid-area: description;
  margin-bottom: 2rem;
}
body.page-template-template-page-straight-download .main-content .description h3 {
  margin-bottom: 1rem;
}
body.page-template-template-page-straight-download .main-content .episodes {
  grid-area: episodes;
  margin-bottom: 2rem;
}
body.page-template-template-page-straight-download .main-content .episodes .episode {
  padding: 1.5rem;
  border-radius: 1.5rem;
  background-color: rgba(136, 152, 168, 0.1019607843);
  border: 1px solid rgba(96, 104, 128, 0.1019607843);
  margin-bottom: 1rem;
}
body.page-template-template-page-straight-download .main-content .episodes .episode .title {
  font-size: 1.125rem;
  font-weight: 700;
}
body.page-template-template-page-straight-download .main-content .episodes .episode .player {
  margin: 1rem 0;
}
body.page-template-template-page-straight-download .main-content .episodes .episode .description, body.page-template-template-page-straight-download .main-content .episodes .episode .description p {
  font-size: 0.875rem;
  color: #606880;
}
body.page-template-template-page-straight-download .main-content .sidebar {
  grid-area: sidebar;
  margin-bottom: 2rem;
}
body.page-template-template-page-straight-download .main-content .sidebar h3 {
  margin-bottom: 1rem;
}
body.page-template-template-page-straight-download .main-content .sidebar .hosted-by {
  margin-bottom: 2rem;
}
body.page-template-template-page-straight-download .main-content .sidebar .hosted-by .host {
  display: flex;
  gap: 0.5rem;
  margin-bottom: 1rem;
}
body.page-template-template-page-straight-download .main-content .sidebar .hosted-by .host img {
  width: 80px;
  height: 80px;
  min-width: 80px;
  object-fit: cover;
  border-radius: 50%;
}
body.page-template-template-page-straight-download .main-content .sidebar .hosted-by .host .details {
  padding-top: 0.5rem;
}
body.page-template-template-page-straight-download .main-content .sidebar .hosted-by .host .details .name {
  font-weight: 700;
  font-size: 1.125rem;
}
body.page-template-template-page-straight-download .main-content .sidebar .hosted-by .host .details .title {
  font-size: 0.875rem;
  color: #606880;
}
body.page-template-template-page-straight-download .main-content .sidebar .streaming-links .links .link {
  display: inline-block;
  margin: 0 0.5rem 0.5rem 0;
}
body.page-template-template-page-straight-download .main-content .sidebar .streaming-links .links .link img {
  height: 56px;
  width: auto;
}