@import url("https://fonts.googleapis.com/css2?family=Archivo+Narrow:wght@700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Archivo:ital,wdth,wght@0,62..125,100..900;1,62..125,100..900&display=swap");
@use "sass:map";
:root {
  --color-brand-pink: #FEA1E4;
  --color-brand-blue: #001D3D;
  --color-brand-off-white: #F3F2EC;
  --color-brand-white: #FFFFFF;
  --color-secondary-magenta: #F37FBE;
  --color-secondary-violet-blue: #9EB2FB;
  --color-secondary-light-blue: #BCDDFF;
  --color-secondary-green: #78D27C;
  --color-secondary-lime-green: #BCF68F;
  --color-secondary-red: #F5738B;
  --color-secondary-peach-red: #FFACAC;
  --color-ui-black: #000000; }

.color-brand-pink {
  color: #FEA1E4; }

.bg-brand-pink {
  background-color: #FEA1E4; }

.color-brand-blue {
  color: #001D3D; }

.bg-brand-blue {
  background-color: #001D3D; }

.color-brand-off-white {
  color: #F3F2EC; }

.bg-brand-off-white {
  background-color: #F3F2EC; }

.color-brand-white {
  color: #FFFFFF; }

.bg-brand-white {
  background-color: #FFFFFF; }

.color-secondary-magenta {
  color: #F37FBE; }

.bg-secondary-magenta {
  background-color: #F37FBE; }

.color-secondary-violet-blue {
  color: #9EB2FB; }

.bg-secondary-violet-blue {
  background-color: #9EB2FB; }

.color-secondary-light-blue {
  color: #BCDDFF; }

.bg-secondary-light-blue {
  background-color: #BCDDFF; }

.color-secondary-green {
  color: #78D27C; }

.bg-secondary-green {
  background-color: #78D27C; }

.color-secondary-lime-green {
  color: #BCF68F; }

.bg-secondary-lime-green {
  background-color: #BCF68F; }

.color-secondary-red {
  color: #F5738B; }

.bg-secondary-red {
  background-color: #F5738B; }

.color-secondary-peach-red {
  color: #FFACAC; }

.bg-secondary-peach-red {
  background-color: #FFACAC; }

.color-primary-ruby {
  color: #D70976; }

.bg-primary-ruby {
  background-color: #D70976; }

.color-primary-magenta {
  color: #FF429D; }

.bg-primary-magenta {
  background-color: #FF429D; }

.color-primary-blush {
  color: #FFEFF7; }

.bg-primary-blush {
  background-color: #FFEFF7; }

.color-primary-midnight {
  color: #151B38; }

.bg-primary-midnight {
  background-color: #151B38; }

.color-primary-navy {
  color: #2F3B61; }

.bg-primary-navy {
  background-color: #2F3B61; }

.color-primary-seafoam {
  color: #CDD8EA; }

.bg-primary-seafoam {
  background-color: #CDD8EA; }

.color-primary-sky {
  color: #EAEFF6; }

.bg-primary-sky {
  background-color: #EAEFF6; }

.color-secondary-sand {
  color: #FBF9F2; }

.bg-secondary-sand {
  background-color: #FBF9F2; }

.color-secondary-linen {
  color: #F1EEE6; }

.bg-secondary-linen {
  background-color: #F1EEE6; }

.color-ui-grey {
  color: #797979; }

.bg-ui-grey {
  background-color: #797979; }

.color-ui-concrete {
  color: #D6D6D6; }

.bg-ui-concrete {
  background-color: #D6D6D6; }

.color-ui-white {
  color: #FFFFFF; }

.bg-ui-white {
  background-color: #FFFFFF; }

.color-ui-black {
  color: #000000; }

.bg-ui-black {
  background-color: #000000; }

.color-interface-error {
  color: #FF4B32; }

.bg-interface-error {
  background-color: #FF4B32; }

.color-interface-focus {
  color: #3281DD; }

.bg-interface-focus {
  background-color: #3281DD; }

.off-white-on-blue {
  color: var(--color-brand-off-white);
  background: var(--color-brand-blue); }

.pink-on-blue {
  color: var(--color-brand-pink);
  background: var(--color-brand-blue); }

.blue-on-magenta {
  color: var(--color-brand-blue);
  background: var(--color-secondary-magenta); }

.blue-on-pink {
  color: var(--color-brand-blue);
  background: var(--color-brand-pink); }

.blue-on-violet-blue {
  color: var(--color-brand-blue);
  background: var(--color-secondary-violet-blue); }

.blue-on-light-blue {
  color: var(--color-brand-blue);
  background: var(--color-secondary-light-blue); }

.blue-on-green {
  color: var(--color-brand-blue);
  background: var(--color-secondary-green); }

.blue-on-lime-green {
  color: var(--color-brand-blue);
  background: var(--color-secondary-lime-green); }

.blue-on-red {
  color: var(--color-brand-blue);
  background: var(--color-secondary-red); }

.blue-on-peach-red {
  color: var(--color-brand-blue);
  background: var(--color-secondary-peach-red); }

:root {
  --font-archivo: 'Archivo';
  --font-archivo-narrow: 'Archivo Narrow'; }

:root {
  --header-height: 73px; }

body {
  font-family: var(--font-archivo), sans-serif;
  color: var(--color-brand-blue);
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 22px;
  /* or 157% */ }

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-archivo), sans-serif; }

h1 {
  font-family: var(--font-archivo-narrow), sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 64px;
  line-height: 70px;
  /* or 109% */ }
  h1.mobile {
    font-size: 40px;
    line-height: 110%;
    /* or 44px */ }
  @media (max-width: 767px) {
    h1 {
      font-size: 40px;
      line-height: 110%;
      /* or 44px */ } }

h2 {
  font-family: var(--font-archivo-narrow), sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 56px;
  line-height: 110%;
  /* or 62px */ }
  h2.mobile {
    font-size: 34px;
    font-weight: 700;
    line-height: 110%;
    /* or 37px */ }
  @media (max-width: 767px) {
    h2 {
      font-size: 34px;
      font-weight: 700;
      line-height: 110%;
      /* or 37px */ } }

h3 {
  font-family: var(--font-archivo-narrow), sans-serif;
  font-style: normal;
  font-weight: 700;
  font-size: 40px;
  line-height: 48px;
  /* identical to box height, or 120% */ }
  h3.mobile {
    font-size: 28px;
    line-height: 32px;
    /* identical to box height, or 114% */ }
  @media (max-width: 767px) {
    h3 {
      font-size: 28px;
      line-height: 32px;
      /* identical to box height, or 114% */ } }

h4 {
  font-family: var(--font-archivo-narrow), sans-serif;
  font-style: normal;
  font-weight: 500;
  font-size: 28px;
  line-height: 120%;
  /* or 34px */ }
  h4.mobile {
    font-size: 20px;
    line-height: 120%;
    /* or 24px */ }
  @media (max-width: 767px) {
    h4 {
      font-size: 20px;
      line-height: 120%;
      /* or 24px */ } }

h5 {
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 300;
  font-size: 18px;
  line-height: 24px;
  /* or 133% */ }
  h5 strong {
    font-weight: 700; }

h6 {
  font-family: var(--font-archivo), sans-serif;
  font-weight: 500; }

strong {
  font-family: var(--font-archivo), sans-serif;
  font-weight: 700; }

.label, .breadcrumb li, .breadcrumb a {
  color: var(--color-brand-blue);
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 10px;
  line-height: 14px;
  /* identical to box height, or 140% */
  letter-spacing: 0.05em;
  text-transform: uppercase; }

.caption {
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  line-height: 16px;
  /* or 133% */ }
  .caption strong {
    font-family: var(--font-archivo), sans-serif; }

img, video, select {
  max-width: 100%; }

a {
  text-decoration: none; }

.cursor-pointer {
  cursor: pointer; }

.btn-secondary {
  border: 0;
  border-radius: 0;
  padding: 4px 23px;
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* identical to box height, or 157% */
  background: var(--color-brand-blue);
  border: 1px solid var(--color-brand-blue);
  color: var(--color-brand-white); }
  .btn-secondary.btn-lg {
    font-size: 28px;
    padding: 14px 33px; }
  .btn-secondary:hover, .btn-secondary.hover, .btn-secondary:active, .btn-secondary.active {
    background-color: var(--color-brand-blue);
    border: 1px solid var(--color-brand-blue); }
  .btn-secondary:disabled {
    background-color: var(--color-brand-off-white);
    border: 1px solid var(--color-brand-off-white);
    color: var(--color-brand-blue);
    opacity: 1; }
  .btn-secondary:focus, .btn-secondary.focus {
    border: 1px dashed var(--color-brand-white); }

.btn-outline-secondary {
  border: 0;
  border-radius: 0;
  padding: 4px 23px;
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* identical to box height, or 157% */
  border: 1px solid var(--color-brand-blue);
  color: var(--color-brand-blue); }
  .btn-outline-secondary.btn-lg {
    font-size: 28px;
    padding: 14px 33px; }
  .btn-outline-secondary:hover, .btn-outline-secondary.hover, .btn-outline-secondary:active, .btn-outline-secondary.active {
    background: transparent;
    border: 1px solid var(--color-brand-blue);
    color: var(--color-brand-blue); }
  .btn-outline-secondary:disabled {
    border: 1px solid var(--color-brand-blue);
    color: var(--color-brand-blue); }
  .btn-outline-secondary:focus, .btn-outline-secondary.focus {
    background: transparent;
    color: var(--color-brand-blue); }

.btn-light {
  border: 0;
  border-radius: 0;
  padding: 4px 23px;
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* identical to box height, or 157% */
  background: var(--color-brand-white);
  border: 1px solid var(--color-brand-white);
  color: var(--color-brand-blue); }
  .btn-light.btn-lg {
    font-size: 28px;
    padding: 14px 33px; }
  .btn-light:hover, .btn-light.hover, .btn-light:active, .btn-light.active {
    background-color: var(--color-brand-off-white);
    border: 1px solid var(--color-brand-off-white); }
  .btn-light:disabled {
    background-color: var(--color-brand-off-white);
    border: 1px solid var(--color-brand-off-white);
    color: var(--color-brand-blue);
    opacity: 1; }
  .btn-light:focus, .btn-light.focus {
    border: 1px dashed var(--color-ui-black); }

.btn-outline-light {
  border: 0;
  border-radius: 0;
  padding: 4px 23px;
  font-family: var(--font-archivo), sans-serif;
  font-style: normal;
  font-weight: 400;
  font-size: 14px;
  line-height: 1.5;
  /* identical to box height, or 157% */
  border: 1px solid var(--color-brand-white); }
  .btn-outline-light.btn-lg {
    font-size: 28px;
    padding: 14px 33px; }
  .btn-outline-light:hover, .btn-outline-light.hover, .btn-outline-light:active, .btn-outline-light.active {
    background: transparent;
    border: 1px solid var(--color-brand-white);
    color: var(--color-brand-white); }
  .btn-outline-light:disabled {
    border: 1px solid var(--color-brand-white);
    color: var(--color-brand-white); }

.btn-link {
  text-decoration: none; }
  .btn-link--light {
    color: var(--color-brand-blue); }
    .btn-link--light:hover, .btn-link--light:active, .btn-link--light:focus, .btn-link--light.hover {
      color: var(--color-brand-blue); }
  .btn-link--bold {
    color: var(--color-brand-blue);
    font-family: var(--font-archivo), sans-serif; }
    .btn-link--bold:hover, .btn-link--bold:active, .btn-link--bold:focus, .btn-link--bold.hover {
      color: var(--color-brand-blue); }
  .btn-link--white {
    color: var(--color-brand-white); }
    .btn-link--white:hover, .btn-link--white:active, .btn-link--white:focus, .btn-link--white.hover {
      color: var(--color-brand-off-white); }
  .btn-link:hover, .btn-link:active, .btn-link:focus, .btn-link.hover {
    text-decoration: underline; }

.tag, a.tag {
  border: 1px solid var(--color-brand-off-white);
  border-radius: 30px;
  color: var(--color-brand-blue);
  display: flex;
  flex-direction: row;
  justify-content: center;
  align-items: center;
  padding: 5px 16px;
  margin-right: 0.5rem;
  margin-bottom: 1rem;
  white-space: nowrap; }
  .tag.active, .tag:hover, a.tag.active, a.tag:hover {
    border: 1px solid var(--color-brand-blue);
    background-color: var(--color-brand-off-white); }
  .tag.form-select, a.tag.form-select {
    padding-right: 36px; }

.pagination {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 1rem auto 2rem; }
  .pagination a, .pagination .dots {
    border: 1px solid var(--color-brand-off-white);
    color: var(--color-brand-blue);
    margin-right: 0.25rem;
    padding: 5px 16px; }
    .pagination a:last-child, .pagination .dots:last-child {
      margin-right: 0; }
    .pagination a.current, .pagination a:hover, .pagination .dots.current, .pagination .dots:hover {
      border: 1px solid var(--color-brand-blue);
      background: var(--color-brand-off-white); }
    .pagination a img.rotate, .pagination .dots img.rotate {
      transform: rotate(180deg); }

header {
  background: var(--color-brand-pink);
  color: var(--color-brand-blue);
  padding: 1rem;
  position: fixed;
  width: 100%;
  z-index: 3; }
  header + div {
    padding-top: var(--header-height); }
  header .logo {
    width: 124px;
    height: 40px; }
    header .logo svg {
      max-width: 100%;
      max-height: 100%;
      fill: var(--color-brand-blue); }
  header nav menu.menu {
    margin-top: 0;
    margin-bottom: 0; }
    header nav menu.menu li {
      display: inline-block; }
      header nav menu.menu li a {
        padding: 7px 1rem;
        color: var(--color-brand-blue);
        text-decoration: none;
        font-family: var(--font-archivo), sans-serif; }
        header nav menu.menu li a:hover, header nav menu.menu li a:visited, header nav menu.menu li a:active, header nav menu.menu li a:focus {
          color: var(--color-brand-blue); }
  @media (max-width: 991px) {
    header nav {
      display: none; } }
  header .mobile-menu {
    display: none;
    text-align: center; }
    header .mobile-menu menu {
      list-style: none;
      margin-top: 50px;
      padding: 0; }
      header .mobile-menu menu li {
        margin-bottom: 2rem; }
        header .mobile-menu menu li a {
          color: var(--color-brand-blue);
          font-family: var(--font-archivo), sans-serif; }
  header .menu-icon {
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    transition: all 0.2s; }
    header .menu-icon .top-rectangle, header .menu-icon .bottom-rectangle {
      background: var(--color-brand-blue);
      height: 4px;
      width: 32px;
      transition: all 0.2s; }
    header .menu-icon .top-rectangle {
      margin-top: 8px;
      margin-bottom: 8px; }
    @media (min-width: 992px) {
      header .menu-icon {
        display: none; } }
  header.mobile-version {
    background: var(--color-brand-pink);
    height: 100vh;
    position: fixed;
    width: 100%;
    z-index: 10; }
    header.mobile-version .mobile-menu {
      display: block; }
    header.mobile-version .menu-icon {
      margin-top: 7px;
      padding-top: 5px;
      padding-bottom: 10px; }
      header.mobile-version .menu-icon .top-rectangle {
        margin-bottom: -4px;
        transform: rotate(45deg); }
      header.mobile-version .menu-icon .bottom-rectangle {
        transform: rotate(-45deg); }
  header.scroll-version {
    background: var(--color-brand-white);
    color: var(--color-brand-blue);
    border-bottom: 1px solid var(--color-brand-off-white); }
    header.scroll-version nav menu.menu li a {
      color: var(--color-brand-blue); }
      header.scroll-version nav menu.menu li a:hover, header.scroll-version nav menu.menu li a:visited, header.scroll-version nav menu.menu li a:active, header.scroll-version nav menu.menu li a:focus {
        color: var(--color-brand-blue); }
    header.scroll-version .mobile-menu menu li a {
      color: var(--color-brand-blue); }
  header.mobile-version .logo svg, header.scroll-version .logo svg {
    fill: var(--color-brand-blue); }
  header.mobile-version .menu-icon .top-rectangle, header.mobile-version .menu-icon .bottom-rectangle, header.scroll-version .menu-icon .top-rectangle, header.scroll-version .menu-icon .bottom-rectangle {
    background: var(--color-brand-blue); }
  header.mobile-version .sites-dropdown, header.scroll-version .sites-dropdown {
    border: 1px solid var(--color-brand-blue); }
    header.mobile-version .sites-dropdown span, header.scroll-version .sites-dropdown span {
      color: var(--color-brand-blue); }
  header.mobile-version .sites-dropdown svg circle, header.mobile-version .sites-dropdown svg path, header.mobile-version .sites-dropdown svg line, header.scroll-version .sites-dropdown svg circle, header.scroll-version .sites-dropdown svg path, header.scroll-version .sites-dropdown svg line {
    stroke: var(--color-brand-blue) !important; }

footer {
  background-color: var(--color-brand-off-white);
  background-size: cover;
  background-position: bottom center;
  padding-top: 0.25rem;
  padding-bottom: 2rem; }
  footer .container {
    padding-left: 2rem;
    padding-right: 2rem; }
    footer .container .col-md-6 {
      padding-top: 25px;
      padding-bottom: 25px; }
      @media (max-width: 767px) {
        footer .container .col-md-6 {
          padding-top: 16px;
          padding-bottom: 16px; } }
  footer .subscribe {
    border: 1px solid var(--color-brand-blue); }
    footer .subscribe input {
      background: transparent;
      border: 0;
      border-radius: 0;
      padding-top: 10px;
      padding-bottom: 10px; }

.color-box {
  display: inline-block;
  margin-right: 20px;
  margin-top: 20px;
  margin-bottom: 30px; }
  .color-box .color-circle {
    border-radius: 100%;
    height: 120px;
    width: 120px;
    margin-bottom: 10px; }

.combination-square {
  height: 120px;
  align-items: center;
  justify-content: center;
  display: flex; }

.breadcrumb {
  margin-bottom: 0;
  display: grid;
  grid-auto-flow: column;
  width: fit-content; }
  .breadcrumb > li {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; }
  .breadcrumb li, .breadcrumb a {
    padding-top: 1rem;
    padding-bottom: 1rem; }
  .breadcrumb a, .breadcrumb .separator {
    margin-right: 1rem; }
  .breadcrumb .separator {
    color: var(--color-brand-blue); }
  .breadcrumb li .active {
    color: var(--color-brand-blue); }

.breadcrumb-col {
  border-bottom: 1px solid var(--color-brand-off-white); }

.article-top-container {
  padding-top: var(--header-height); }

.article {
  max-width: 906px;
  margin-left: auto;
  margin-right: auto; }
  .article .title {
    margin-top: 192px; }
    @media (max-width: 767px) {
      .article .title {
        margin-top: 92px; } }
  .article .label, .article .breadcrumb li, .breadcrumb .article li, .article .breadcrumb a, .breadcrumb .article a {
    color: var(--color-brand-blue);
    margin-top: 2rem;
    margin-bottom: 2rem; }
  .article .intro {
    margin-bottom: 4rem; }
    @media (max-width: 767px) {
      .article .intro {
        margin-bottom: 2rem; } }
  .article .written-by-name {
    font-size: 0.75rem; }
  .article .written-by-image {
    width: 75px;
    height: 75px; }

.article-text {
  max-width: 648px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 1rem;
  margin-bottom: 2rem; }
  .article-text a {
    color: var(--color-brand-blue);
    text-decoration: underline; }
    .article-text a:hover {
      text-decoration: none; }

.article-image {
  max-width: 648px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 2rem; }
  .article-image.with-caption {
    margin-bottom: 1.5rem; }
  .article-image.wider {
    max-width: none; }
  .article-image .caption {
    margin-left: 10px;
    margin-right: 10px; }

.links-plugin {
  max-width: 648px;
  margin-left: auto;
  margin-right: auto; }

.social-icons {
  bottom: 0;
  position: sticky;
  display: flex;
  justify-content: center; }
  .social-icons > div {
    background: color-mix(in srgb, var(--color-brand-off-white) 90%, transparent);
    border: 1px solid var(--color-brand-blue);
    border-radius: 3rem;
    padding: 0.75rem 1rem;
    margin-bottom: 1rem;
    transition: background-color 0.5s; }
    .social-icons > div:hover {
      background: var(--color-brand-off-white); }
  .social-icons img {
    height: 20px;
    opacity: 0.8;
    transition: all 0.2s; }
    .social-icons img:hover {
      opacity: 1;
      transform: scale(1.2); }
  .social-icons .social-icon {
    margin-left: 1rem;
    margin-right: 1rem; }

#CookielawBanner {
  background: var(--color-secondary-light-blue);
  position: fixed;
  bottom: 1rem;
  right: 1rem;
  max-width: 328px;
  font-size: 12px;
  line-height: 16px;
  padding: 1rem;
  z-index: 2; }

.cookie-page.page-header .container:last-child {
  border-bottom: 0; }
.cookie-page .cookie-group-form {
  display: flex;
  align-items: center; }
  .cookie-page .cookie-group-form > * {
    margin-right: 1rem;
    margin-bottom: 1rem; }
.cookie-page .cookie-group {
  margin-bottom: 1.5rem;
  margin-top: 0.5rem; }
.cookie-page h3 {
  margin-bottom: 1rem; }

.home-hero {
  background: var(--color-brand-pink);
  color: var(--color-brand-blue);
  text-align: center;
  min-height: 810px;
  display: flex;
  align-items: flex-end;
  margin-bottom: 7rem; }
  @media (max-width: 767px) {
    .home-hero {
      margin-bottom: 5rem; } }
  .home-hero h1 {
    max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 5rem; }
    @media (min-width: 768px) {
      .home-hero h1 {
        margin-bottom: 10rem; } }
  .home-hero .portraits {
    align-items: flex-end;
    display: flex;
    margin-bottom: -4rem; }
    @media (max-width: 767px) {
      .home-hero .portraits {
        margin-bottom: -2.5rem; } }
    .home-hero .portraits .portrait-1 img, .home-hero .portraits .portrait-3 img, .home-hero .portraits .portrait-6 img {
      padding-bottom: 2rem; }
    .home-hero .portraits .portrait-2 img {
      padding-bottom: 10px; }
    .home-hero .portraits .portrait-5 img {
      padding-bottom: 4rem; }
    @media (max-width: 767px) {
      .home-hero .portraits .portrait-1 img {
        padding-bottom: 0;
        margin-bottom: -1rem; }
      .home-hero .portraits .portrait-2 img {
        padding-bottom: 2rem; }
      .home-hero .portraits .portrait-3 img {
        padding-bottom: 0;
        margin-bottom: -1.5rem; }
      .home-hero .portraits .portrait-4 img {
        padding-bottom: 1rem; }
      .home-hero .portraits .portrait-5 img {
        padding-bottom: 3.5rem; }
      .home-hero .portraits .portrait-6 img {
        padding-bottom: 0.5rem; } }

.page-header {
  padding: var(--header-height) 1rem 1.5rem 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between; }
  @media (min-width: 768px) {
    .page-header {
      min-height: calc(420px + var(--header-height));
      padding: var(--header-height) 0 0 0; } }
  @media (max-width: 767px) {
    .page-header {
      padding-left: 12px;
      padding-right: 12px;
      padding-bottom: 2px; } }
  .page-header.has-background, .page-header.high-header {
    min-height: calc(720px + var(--header-height)); }
    @media (max-height: 793px) {
      .page-header.has-background, .page-header.high-header {
        min-height: 100vh; } }
  .page-header.has-background {
    color: var(--color-brand-white);
    background-size: cover; }
  @media (max-width: 767px) {
    .page-header__content {
      padding-top: 4rem; } }
  .page-header .container:last-child {
    border-bottom: 1px solid var(--color-brand-off-white);
    padding-bottom: 2rem; }
  .page-header.has-background .container:last-child, .page-header.high-header .container:last-child {
    margin-bottom: -1px; }
    @media (max-width: 767px) {
      .page-header.has-background .container:last-child, .page-header.high-header .container:last-child {
        margin-bottom: -3px; } }
  .page-header-replacement {
    min-height: 0; }

.subheader {
  margin-top: 4rem;
  margin-bottom: 2rem; }
  @media (min-width: 768px) {
    .subheader {
      display: flex;
      justify-content: space-between; } }
  .subheader > div {
    max-width: 648px; }

.subheader.full-width > div {
  max-width: 100%; }

.cards-plugin {
  margin-top: 2rem; }
  @media (min-width: 768px) {
    .cards-plugin.max-width .col-md-6, .cards-plugin.max-width .col-lg {
      max-width: 50%; } }
  @media (min-width: 991px) {
    .cards-plugin.max-width .col-md-6, .cards-plugin.max-width .col-lg {
      max-width: 25%; } }
  .cards-plugin.small-spacings {
    margin-top: 0; }
    .cards-plugin.small-spacings .card-plugin {
      margin-bottom: 0; }

.card-plugin {
  margin-bottom: 3rem; }
  .card-plugin img {
    margin-bottom: 1rem; }
  .card-plugin a {
    color: var(--color-brand-pink); }
  .card-plugin.miniature {
    display: flex;
    align-items: flex-start; }
    .card-plugin.miniature img {
      width: 62px;
      margin-right: 1rem; }
  .card-plugin .article-text, .card-plugin .article-image {
    margin-bottom: 1rem; }

.counter-plugin {
  min-height: 300px;
  margin-bottom: 3rem;
  display: flex;
  justify-content: flex-start;
  flex-direction: column;
  align-items: flex-start;
  padding: 1rem;
  position: relative; }
  @media (max-width: 767px) {
    .counter-plugin {
      min-height: 200px; } }

.event-notify-me-popup .helptext, .event-pfc23-popup .helptext {
  display: none; }

.large-feature .video-frame {
  height: 467px; }
  @media (max-width: 1199px) {
    .large-feature .video-frame {
      height: 324px; } }
  @media (max-width: 991px) {
    .large-feature .video-frame {
      height: 197px; } }

.small-feature {
  background-color: var(--color-brand-off-white);
  max-width: 440px;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 1.5rem; }
  .small-feature .illustration {
    max-width: 300px; }
  .small-feature .text {
    padding: 2rem;
    text-align: center; }

.notice {
  background-size: cover;
  padding: 6rem 1rem 6rem;
  color: var(--color-brand-white); }
  .notice h1 {
    margin-bottom: 1.5rem; }
  @media (min-width: 768px) {
    .notice {
      padding: 11rem 1rem 11rem;
      text-align: center; } }
  .notice .col {
    max-width: 810px;
    margin-left: auto;
    margin-right: auto; }
  .notice p {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 1.5rem; }
    @media (min-width: 768px) {
      .notice p {
        max-width: 420px; } }
  .notice.color-schema {
    color: inherit; }
  @media (max-width: 767px) {
    .notice .btn {
      display: block; } }

.social-link a {
  color: var(--color-brand-blue); }
.social-link .social-icon {
  display: inline-block;
  margin-right: 5px;
  text-align: center;
  width: 20px; }

.cms-menu {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0; }
  .cms-menu a {
    color: var(--color-brand-blue); }

.sites-dropdown {
  border: 1px solid var(--color-brand-blue);
  max-height: 32px;
  font-family: var(--font-archivo), sans-serif;
  position: relative;
  display: flex;
  justify-content: center; }
  .sites-dropdown .button {
    align-items: center;
    display: flex;
    cursor: pointer;
    width: 100%;
    justify-content: center;
    padding: 4px 10px; }
  .sites-dropdown svg circle, .sites-dropdown svg path, .sites-dropdown svg line {
    stroke: var(--color-brand-blue) !important; }
  .sites-dropdown span {
    padding-left: 0.5rem;
    padding-right: 0.75rem; }
  .sites-dropdown .select-area {
    border: 1px solid var(--color-brand-blue);
    position: absolute;
    top: 40px;
    left: -1px;
    z-index: 1;
    background: var(--color-brand-white);
    box-shadow: 0 2px 10px rgba(0, 0, 0, 0.07);
    padding: 10px 0.5rem 2px;
    display: flex;
    flex-direction: column; }
    .sites-dropdown .select-area a {
      color: var(--color-brand-off-white);
      background: var(--color-brand-blue);
      padding: 5px 1rem;
      margin-bottom: 8px;
      white-space: nowrap;
      align-self: flex-start; }
      .sites-dropdown .select-area a.active, .sites-dropdown .select-area a:hover {
        background-color: var(--color-brand-off-white);
        color: var(--color-brand-blue); }
  .sites-dropdown.dark {
    border-color: var(--color-brand-blue); }
    .sites-dropdown.dark svg circle, .sites-dropdown.dark svg path, .sites-dropdown.dark svg line {
      stroke: var(--color-brand-blue) !important; }
  .sites-dropdown.big {
    max-height: 46px; }
    .sites-dropdown.big .button {
      padding-top: 11px;
      padding-bottom: 11px; }

.divider {
  margin: 2rem -2rem; }
  @media (max-width: 767px) {
    .divider {
      margin: 12px -12px; } }
  .divider.small {
    height: 1px;
    background: var(--color-brand-blue); }
  .divider.big-pink {
    height: 4px;
    background-image: url("./../images/divider--big-pink.png"); }
  .divider.big-blue {
    height: 4px;
    background-image: url("./../images/divider--big-blue.png"); }

.video-caption {
  margin-left: 10px;
  margin-right: 10px;
  margin-bottom: calc(2rem + 10px); }

.quote {
  margin-top: 2.5rem;
  margin-bottom: 2.5rem; }
  .quote .author {
    color: var(--color-brand-blue); }

.links-plugin {
  margin-top: 2rem;
  margin-bottom: 2rem; }
  .links-plugin h5 {
    margin-bottom: 1.5rem; }
  .links-plugin a {
    display: inline-block; }
    @media (min-width: 576px) {
      .links-plugin a {
        margin-right: 0.75rem; } }
    @media (max-width: 575px) {
      .links-plugin a {
        margin-bottom: 1rem;
        width: 100%; } }

.list-entrepreneur .sdg-image {
  position: absolute;
  left: 4px;
  bottom: calc(1rem + 4px); }
.list-entrepreneur .country-flag {
  position: absolute;
  left: 4px;
  top: 4px;
  border-radius: 4px; }
.list-entrepreneur .badge {
  font-size: 12px; }
.list-entrepreneur .special-chars {
  font-family: "Montserrat", sans-serif; }

.list-program .sdg-image {
  position: absolute;
  left: 4px;
  bottom: calc(1rem + 4px); }

@media (min-width: 768px) {
  .submenu .row {
    padding-top: 1rem;
    padding-bottom: 1rem;
    border-bottom: 1px solid var(--color-brand-off-white); } }
@media (min-width: 576px) and (max-width: 767px) {
  .submenu .row .col {
    border-bottom: 1px solid var(--color-brand-off-white); } }
.submenu menu {
  list-style: none;
  margin: 0;
  padding: 0;
  position: relative; }
  @media (max-width: 575px) {
    .submenu menu {
      border-bottom: 1px solid var(--color-brand-off-white); } }
  @media (min-width: 768px) {
    .submenu menu {
      display: flex; } }
  .submenu menu li a {
    font-family: var(--font-archivo), sans-serif;
    font-style: normal;
    font-weight: 400;
    font-size: 11px;
    line-height: 14px;
    /* identical to box height, or 140% */
    letter-spacing: 0.05em;
    text-transform: uppercase;
    margin-right: 1rem;
    color: var(--color-brand-blue); }
    .submenu menu li a:hover, .submenu menu li a.hover, .submenu menu li a:active, .submenu menu li a.active {
      color: var(--color-brand-blue);
      text-decoration: underline; }
  .submenu menu li.selected a {
    color: var(--color-brand-blue); }
  .submenu menu .submenu__show-more {
    display: none; }
  @media (min-width: 767px) {
    .submenu menu .see-more {
      display: none; } }
  @media (max-width: 767px) {
    .submenu menu .child.sibling {
      display: none; }
    .submenu menu .child.descendant {
      display: none; }
    .submenu menu .submenu__show-more {
      display: inline-block;
      position: absolute;
      top: 2px;
      right: 10px; }
      .submenu menu .submenu__show-more.rotated {
        transform: rotate(180deg); }
    .submenu menu a {
      display: block;
      padding-top: 1rem;
      padding-bottom: 1rem;
      padding-left: 15px; } }
.submenu.size-12px menu li a {
  font-size: 12px; }
.submenu.size-14px menu li a {
  font-size: 14px; }
@media (min-width: 768px) {
  .submenu.size-16px .row {
    padding-top: 1.1rem; } }
.submenu.size-16px menu li a {
  font-size: 16px; }
@media (min-width: 768px) {
  .submenu.size-18px .row {
    padding-top: 1.3rem;
    padding-bottom: 1.2rem; } }
.submenu.size-18px menu li a {
  font-size: 18px; }

.youtube-video-embed-iframe {
  height: 730px; }
  @media (max-width: 1400px) {
    .youtube-video-embed-iframe {
      height: 630px; } }
  @media (max-width: 1200px) {
    .youtube-video-embed-iframe {
      height: 530px; } }
  @media (max-width: 991px) {
    .youtube-video-embed-iframe {
      height: 400px; } }
  @media (max-width: 767px) {
    .youtube-video-embed-iframe {
      height: 300px; } }
  @media (max-width: 575px) {
    .youtube-video-embed-iframe {
      height: 270px; } }
  @media (max-width: 420px) {
    .youtube-video-embed-iframe {
      height: 230px; } }

.carousel-caption a {
  color: var(--color-brand-white); }

.carousel-bottom-nav {
  font-size: 28px;
  line-height: 40px;
  display: flex;
  gap: 1rem;
  justify-content: center;
  padding-top: 1.5rem;
  padding-bottom: 1.5rem; }
  .carousel-bottom-nav .bi {
    font-size: 40px;
    cursor: pointer; }
    .carousel-bottom-nav .bi.is-first, .carousel-bottom-nav .bi.is-last {
      opacity: 0.3; }
  .carousel-bottom-nav span {
    display: none; }
    .carousel-bottom-nav span.active {
      display: block; }

.carousel-wrapper.centered .carousel {
  margin-left: auto;
  margin-right: auto; }
.carousel-wrapper.limit-height {
  max-width: calc(100vh - var(--header-height) - 90px); }

.event-program .accordion-button {
  color: inherit;
  background: none;
  box-shadow: none;
  margin-bottom: 0.5rem;
  padding: 0; }
  .event-program .accordion-button h5 {
    margin-bottom: 0; }
.event-program .accordion-header {
  cursor: pointer; }

.picture-container {
  display: flex;
  justify-content: center; }

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