@keyframes slideBottomToTop {
  0% {
    transform: translateY(100%);
    opacity: 0;
  }
  100% {
    transform: translateY(0);
    opacity: 1;
  }
}
@keyframes slideRightToLeft {
  0% {
    transform: translateX(100%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

:root {
	--font_base_size: 16px;
	--font_family: "itc-avant-garde-gothic-pro", sans-serif;
	--font_weight_light: 300;
	--font_weight_normal: 500;
	--font_weight_bold: 700;
  --gradient-bg-4: linear-gradient(to right, #E7B664, #D493B2, #D3C2D8, #9CCEEF);
  --gradient-bg-3: linear-gradient(to right, #6BA9D9, #ED92AF, #F4B55D);

	--main_bg: #081334;
	--main_color: #fff;
	--footer_bg: #F2F3F5;
	--footer_color: #191546;
	--links_color: #F4B45E;
	--headings_color: #FF7AAB;
	--map_bg: #081334;
	--highlight_bg: #30324B;

	--hero_bg_img: url('../images/home__hero-bg-002.webp');

	font-size: var(--font_base_size);
}

.theme-white {
  --main_bg: #F2F3F5;
  --main_color: #091334;
  --footer_bg: #F2F3F5;
  --footer_color: #091334;
  --links_color: #000;
  --headings_color: #FF7AAB;
  --map_bg: #E5EEF5;
  --highlight_bg: #fff;

  --hero_bg_img: url('../images/home__hero-bg--light.webp');
}

.theme-black {
  --main_bg: #000;
  --main_color: #fff;
  --footer_bg: #fff;
  --footer_color: #091334;
  --links_color: #F4B45E;
  --headings_color: #FF7AAB;
  --map_bg: #000;
  --highlight_bg: #000;

  --hero_bg_img: url('../images/home__hero-bg--bw.webp');
}

html, body {
  overflow-x: hidden;
  scroll-behavior: smooth;
}
body {
	font: var(--font_base_size)/1.375 var(--font_family);
	background-color: var(--main_bg);
	color: var(--main_color);
}

h1, h2, h3, h4, h5, h6 {
	font-family: var(--font_family);
	font-weight: var(--font_weight_light);
}
strong {
	font-weight: var(--font_weight_bold);
}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}.visually-hidden:focus{overflow:visible;width:auto;height:auto;padding:1rem 2rem;margin:0;background-color:#fafafa;border:1px solid #000;clip:auto}

.wrap {
	width: calc(100vw - 2rem);
	max-width: 72.5rem; /* 1160px */
	margin: 0 auto;
}
.wrap--inner p,
.wrap--inner ol {
	max-width: 64rem; /* 1024px */
}

.nowrap {
	white-space: nowrap;
}

.header {
	position: relative;
	z-index: 2; /* overriding decoration images */
}
.header--spanish::before {
	content: '';
	display: block;
	height: 12px;
	width: 100%;
	background: var(--gradient-bg-4);
}
.sticky-message {
	position: fixed;
	z-index: 1000000;
	top: 0;
	width: 100%;
	font-size: 1.35rem;
	text-align: center;
	padding: 0.5rem;
	background-color: #ee9f84;
	color: #081334;
	transition: font-size 0.3s;
}
.scrolled .sticky-message {
	font-size: 1rem;
}
.sticky-message p {
	font-weight: 700;
	letter-spacing: 1px;
	margin: 0;
	padding: 0;
}
@media (min-width: 568px) {
	.sticky-message br {
		display: none;
	}
}
body.english {
	padding-top: 4rem;
}
@media (min-width: 568px) {
	body.english {
		padding-top: 2rem;
	}
}

.header__nav {
	padding-top: 3rem;
}
@media (min-width: 1024px) {
	.header__nav {
		display: flex;
  	justify-content: space-between;
	}
}

.nav__list {
	display: flex;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
/* Mobile Menu */
@media (max-width: 1023px){
	.nav__list--mobile {
		display: none;
	}
	.menu-active .nav__list--mobile {
		display: block;
		position: absolute;
		top: 8rem;
		left: 0;
		width: 100vw;
		padding-top: 2rem;
		background-color: var(--main_bg);
	}
	.menu-active .nav__list--mobile::after {
		content: '';
    display: block;
    height: 12px;
    width: 100%;
    margin-top: 2rem;
    background: var(--gradient-bg-4);
	}
	.nav__list--mobile .nav__item {
		margin-bottom: 2rem;
	}
}

@media (min-width: 1024px) {
	.nav__item {
		margin-left: 4rem;
	}
	.nav__item--es {
		margin-left: 1.5rem;
	}
	.nav__item--es:nth-child(1) {
		margin-left: 4.5rem;
	}
	.nav__item--es:nth-child(2) {
		margin-left: 1.5rem;
	}
	.nav__item--es:nth-child(1),
	.nav__item--es:nth-child(2) {
		margin-top: -2.75rem;
	}
}
.nav__item--logo {
	margin-left: 0;
}
.nav__item--readspeaker {
	display: flex;
	justify-content: center;
	align-items: center;
	margin-right: 1rem;
	width: 150px;
	min-width: 150px;
}
.nav__item--readspeaker-es {
	width: 170px;
	min-width: 170px;
}
@media (max-width: 599px) {
	.nav__item--readspeaker {
		position: absolute;
		top: 0.5rem;
		left: calc(50% - 60px);
	}
}
@media (min-width: 600px) {
	.nav__item--readspeaker {
		margin-left: 3rem;
	}
}
.nav__item--lang {
	margin-left: 1rem;
	margin-right: auto;
}

@media (min-width: 1024px) {
	.nav__item:not(.nav__item--logo):not(.nav__item--readspeaker):not(.nav__item--lang) {
		height: 3em;
	}
	.nav__item:not(.nav__item--logo):not(.nav__item--readspeaker):not(.nav__item--lang)::after {
		content: '';
		display: block;
		width: 6px;
		height: 4px;
		margin: 12px calc(50% - 3px) 0 auto;
		background: var(--gradient-bg-3);
	}
	.nav__item--es:nth-child(1)::after,
	.nav__item--es:nth-child(2)::after {
		margin-top: 2.25rem !important;
	}
}
.nav__link {
	display: block;
	text-align: center;
	text-decoration: none;
	height: 100%;
	color: var(--main_color);
}
@media (max-width: 1023px) {
	.nav__link[href='about-irds.html'] br {
		display: none;
	}
}
@media (max-width: 799px) {
	.nav__link--logo {
		width: 200px;
		height: 53.48px;
	}
}
@media (min-width: 800px) {
	.nav__link--logo {
		width: 14.1875rem; /*	227px */
		height: 3.3125rem; /* 53px */
	}
}
.nav__link--logo img {
	width: 100%;
	object-fit: contain;
}
.nav__link--readspeaker {
	position: relative;
	display: flex;
	padding: 0.5rem 0.75rem;
	border: none;
	border-radius: 6px;
	color: #191546;
	background: var(--gradient-bg-4);
	cursor: pointer;
}
.nav__link--readspeaker img:first-child {
	width: 1.0625rem;
	height: 1.0625rem;
	margin-right: 8px;
}
.nav__link--readspeaker img:last-child {
	width: 1.125rem;
	height: 1.125rem;
	margin-left: 1rem;
	padding-left: 0.5rem;
}
.nav__link--readspeaker::after {
	content: '';
	position: absolute;
	top: 0;
	right: 2.5rem;
	height: 100%;
	width: 2px;
	background-color: #191546;
}
/* Mobile Menu toggler */
@media (max-width: 1023px) {
	.header__toggler {
		position: absolute;
		top: 3.25rem;
		right: 1rem;
		width: 2.5rem;
		height: 2.5rem;
		padding: 0;
		border: none;
		cursor: pointer;
		background-color: var(--main_bg);
	}
	.header__toggler__icon {
		width: 2.5rem;
		height: 2.5rem;
		object-fit: contain;
	}
	.header__toggler__icon path {
		fill: var(--main_color);
		stroke: var(--main_color);
	}
	.menu-active .header__toggler__icon--open,
	.header__toggler__icon--close {
		display: none;
	}
	.menu-active .header__toggler__icon--close {
		display: block;
	}
}
@media (min-width: 1024px) {
	.header__toggler {
		display: none;
	}	
}

.footer__logo {
	width: 9.625rem; /* 154px */
  height: 10.375rem; /* 166px */
}
.main {
	background-color: var(--main_bg);
}

.hero {
	padding: 6rem 0;
}
.hero--inner::after {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	left: -26rem;
	top: 7.5rem;
	background: url('../images/internal__hero-bg.webp') no-repeat top left;
	background-size: contain;
	width: 47.875rem;  /* 766px */
  height: 27.375rem;  /* 438px */
}
@media (min-width: 1024px) {
	.hero--inner::after {
		left: calc(50vw + 10rem);
		top: 6rem;
	}
}
@media (min-width: 1160px) {
	.hero--inner::after {
		top: 7.5rem;
	}
}
.hero__figure {
	z-index: 1;
	position: relative;
	max-width: calc(100% - 1rem);
	width: 100%;
	padding: 4px 5px;
	margin: 0;
	border-radius: 16px;
	background: var(--gradient-bg-4);
}
.hero__figure__disclaimer {
	display: block;
	position: absolute;
	bottom: -4rem;
	right: 0;
	font-size: 0.75rem;
	line-height: 1.25;
  max-width: 16em;
}
.hero--inner .hero__caption {
	bottom: 0;
	padding: 1rem 2rem 1rem 3rem;
	border-radius: 16px;
	background: var(--gradient-bg-4);
}
@media (min-width: 1024px) {
	.hero--inner .hero__caption {
		position: absolute;
	}
}

.hero--inner .hero__image {
	max-width: 100%;
	border-radius: 16px;
}
.hero--simple .hero__heading,
.hero--inner .hero__heading {
	font-size: 2.75rem;
	line-height: 1;
	font-weight: var(--font_weight_bold);
	margin: 0;
	color: #081334;
}
.hero__heading sup {
	font-size: 0.66em;
}
.hero__heading--simple {
	padding: 2rem 2rem 1.5rem 3rem;
	background: var(--gradient-bg-4);
	border-radius: 16px;
}
.hero__heading--simple small {
	display: block;
	font-weight: var(--font_weight_light);
	font-size: 1.125rem; /* 18px */
	margin-top: 0.5rem;
	padding-bottom: 1rem;
}

.hero--homepage {
	margin-top: -6rem;
	padding-top: 6rem;
}
@media (min-width: 1024px) {
	.hero--homepage {
		padding-top: 10rem;
		background: var(--hero_bg_img) no-repeat center -1rem;
		background-size: auto 806px;
	}
	.hero--homepage::after {
		content: '';
		display: block;
		position: absolute;
		z-index: 0;
		right: -10vw;
		bottom: -100vh;
		background: url('../images/home__wave-right.webp') no-repeat top left;
		background-size: contain;
		width: 50vw;
		height: 60vw;
	}
}
.theme-black .hero--homepage::after {
	filter: saturate(0);
}
.hero--homepage .hero__wrap {
  position: relative;
	z-index: 1;
	display: flex;
	align-items: center;
	max-width: 59.375rem; /* 950px */
	margin: 4rem auto;
}
.hero--homepage .hero__wrap--es {
	margin-top: 2rem;
}
.hero--homepage .hero__image {
	width: 25.8125rem; /* 217px */
	height: 25.8125rem; /* 217px */
	object-fit: contain;
	max-width: 100%;
}
@media (max-width: 1023px) {
	.hero--homepage {
		padding-bottom: 0;
		background-position: 18vw 42vh;
	}
	.hero--homepage .hero__wrap {
		flex-direction: column;
	}
	.hero--homepage .hero__contents {
		margin: 2rem 2rem 0;
	}
}
@media (min-width: 1024px) {
	.hero--homepage .hero__image {
		margin-right: auto;
		margin-left: -0.75rem; /* matching background */
	}
	.hero--homepage .hero__contents {
		max-width: 24rem; /* 380px */
	}
	.hero--homepage .hero__contents--es {
		max-width: 28rem;
	}
}

.hero--homepage .hero__heading {
  font-size: 2.75rem; /* 44px */
  line-height: 1.2;
  margin: 0;
}
.hero--homepage .hero__heading::after {
	content: '';
	display: block;
	height: 4px;
	width: 120%;
	margin: 2rem 0 2rem -10%;
	background: var(--gradient-bg-4);
}
.hero--homepage .hero__caption {
  font-size: 1.125rem; /* 18px */
}

.hero__anchor {
  display: flex;
  justify-content: center;
  align-items: center;
  margin-top: 8rem;
}
.hero__anchor--es {
	margin-top: 6.25rem;
}
.hero__anchor::before {
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	background: linear-gradient(to right, #6BA9D9, #D997B0);
}
.hero__anchor::after {
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	background: linear-gradient(to right, #E098AA, #EAB86C);
	z-index: 1;
}
.hero__anchor__link {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 26px;
	height: 26px;
	min-width: 26px;
	min-height: 26px;
	padding: 0.5rem;
	border: 4px solid #ED92AF;
  border-image-slice: 1;
  border-radius: 50%;
}
.hero__anchor__link__icon {
	transition: transform 0.2s;
}
.hero__anchor__link:hover .hero__anchor__link__icon {
	transform: translateY(4px);
}

/* Homepage About */
.section-about {
	scroll-margin-top: 5rem;
}
.section-about__wrap {
	display: flex;
	margin: 4rem auto;
}
@media (max-width: 1023px) {
	.section-about__wrap {
		flex-direction: column;
		align-items: center;
	}
}
.section-about__contents {
	margin: 0 2rem 2rem;
}
@media (min-width: 1024px) {
	.section-about__contents {
		max-width: 30rem;
		margin: 0 7.25rem 0 auto;
	}
}
.section-about__heading {
	font-size: 2rem;
}
@media (min-width: 1024px) {
	.section-about {
		padding-top: 2rem;
	}
	.section-about__heading {
		font-size: 2.5rem;
	}
}
.section-about__copy--announce::after,
.section-about__heading::after {
	content: '';
	display: block;
	height: 4px;
	width: 110%;
	margin: 2rem 0 2rem -10%;
	background: var(--gradient-bg-4);
}
.section-about__copy {
	font-size: 1.125rem; /* 18px */
	line-height: 1.5;
}
.section-about__copy--announce {
	font-weight: 700;
}

.section-about__image__wrap {
	position: relative;
	max-width: 32.5rem; /* 520px */
	padding: 5px;
	border-radius: 16px;
	background: var(--gradient-bg-4);
}
.section-about__image__disclaimer {
	display: block;
	position: absolute;
	bottom: -3rem;
	right: 1rem;
	font-size: 0.75rem;
	line-height: 1.25;
  max-width: 16em;
}
.section-about__image__disclaimer--es {
	bottom: -4rem;
}
.section-about__image {
	width: 100%;
	height: 100%;
	border-radius: 16px;
	object-fit: cover;
	max-width: 100%;
}

/* Homepage Map */
.map {
	position: relative;
	padding: 4rem 0 6rem;
}
.map::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 1;
	left: -28vw;
	bottom: -12vw;
	background: url('../images/home__wave-bottom-left.webp') no-repeat top left;
	background-size: contain;
	width: 62.5vw;
	height: 27.75vw;
}
.map__wrap {
	position: inherit;
	z-index: 2;
}
.map__wrap::before {
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	background: var(--gradient-bg-4);
}
.map__heading {
	font-size: 2rem;
	font-weight: var(--font_weight_normal);
	text-align: center;
	margin: 4rem auto 3rem;
}
.map__image__wrap {
	position: relative;
	width: 100%;
	padding: 4px 5px;
	border-radius: 16px;
	background: var(--gradient-bg-4);
}
.map__image {
	max-width: 100%;
	border-radius: 16px;
	background-color: var(--map_bg);
	z-index: 0;
}
.map__image__wrap {
	overflow: hidden;
}
.map__image__wrap--zoomed {
	background: transparent;
}
.map__image {
  transition: transform 0.4s ease;
  transform-origin: center center;
  cursor: zoom-in;
}
.map__image--zoomed {
  transform: scale(2.25);
  cursor: zoom-out;
}

/* Contents section */
.section-contents {
	padding-bottom: 6rem;
}
@media (min-width: 1024px) {
	.section-contents .wrap {
		max-width: 65.5rem;
	}
}
.section-contents a {
	color: var(--links_color);
}
.section-contents h2 {
	font-size: 1.5rem;
	font-weight: var(--font_weight_bold);
	color: var(--headings_color);
}
.section-contents h2:not(:first-child) {
	margin-top: 4rem;
}
.section-contents address {
	font-size: 1.125rem; /* 18px */
	line-height: 1.5;
	font-style: normal;
	padding-left: 3rem;
}
.section-contents p,
.section-contents li {
	font-size: 1.125rem; /* 18px */
}
.section-contents ol {
  padding-left: 0;
  list-style: none;
}
.section-contents .wrap--inner > ul > li,
.section-contents .wrap--inner > ol > li {
  margin-top: 3rem;
}
.section-contents .li-style,
.section-contents .wrap--inner > ul li {
	position: relative;
	list-style: none;
}
.section-contents .li-style {
	padding-left: 0;
	margin-left: 1rem;
}
.section-contents address.li-style {
	margin-left: 3rem;
}
.li-style::before,
.section-contents .wrap--inner > ul > li::before {
	content: '';
	display: inline-block;
	width: 0.5625rem;
	height: 0.5625rem;
	margin-right: 1rem;
	background-color: var(--headings_color);
	border-radius: 50%;
	position: absolute;
	left: -1.25rem;
	top: 0.5rem;
}
.section-contents .wrap--inner > ul > li li,
.section-contents .wrap--inner > ol > li li {
  margin-top: 1rem;
}
.section-contents .wrap--inner > ul > li li::before {
	content: '';
	display: inline-block;
	width: 0.66rem;
	height: 0.1rem;
	margin-right: 1rem;
	background-color: var(--headings_color);
	border-radius: 50%;
	position: absolute;
	left: -1.25rem;
	top: 0.75rem;
}
.highlight {
	position: relative;
	width: 100%;
	max-width: calc(100vw - 2.5rem);
	padding: 4px 5px;
	margin: 3rem 0 2rem;
	border-radius: 16px;
	background: var(--gradient-bg-4);
}
@media (min-width: 1024px) {
	.highlight {
    width: calc(100% + 5.5rem);
    margin-left: -3rem;
    margin-right: -3rem;
	}
}
.highlight__wrap {
	background-color: var(--highlight_bg);
	padding: 2rem 3rem;
	border-radius: 16px;
}
.highlight__wrap h2:first-child {
	margin-top: 0;
}
.highlight__wrap p:last-child {
	margin-bottom: 0;
}

.contents__wrap {
	display: flex;
	margin: 3rem auto 6rem;
}
@media (max-width: 1023px) {
	.contents__wrap {
		flex-direction: column-reverse;
	}
}
.contents__image__wrap {
	position: relative;
	z-index: 1;
	min-width: 21.25rem; /* 340px */
	padding: 4px 5px;
	border-radius: 16px;
	background: var(--gradient-bg-4);
}
@media (min-width: 1024px) {
	.contents__image__wrap {
		max-width: 21.25rem; /* 340px */
	}
}
.contents__image__wrap::before {
	content: '';
	display: block;
	position: absolute;
	z-index: 0;
	top: -6rem;
	left: -4rem;
	width: 27.875rem; /* 446px */
  height: 33.375rem; /* 534px */
  background: url('../images/home__wave-right.webp') no-repeat center center;
  background-size: contain;
  transform: rotate(90deg);
}
.contents__image__disclaimer {
	content: 'The image depicts models and is for illustrative purposes only.';
	display: block;
	position: absolute;
	bottom: -4rem;
	left: 0;
	font-size: 0.75rem;
	line-height: 1.25;
  max-width: 16em;
}
.contents__image {
	position: inherit;
	z-index: 1;
	width: 100%;
	border-radius: 16px;
	object-fit: cover;
	height: 100%;
}
@media (min-width: 1024px){
	.contents__text {
		margin: 1rem 8rem;
	}
}
.contents__footer,
.contents__footer p {
	font-size: 0.875em; /* 14px */
}

.footer {
	position: relative;
	z-index: 1; /* overlap decoration image */
	background: var(--footer_bg) url('../images/footer__bg.webp') no-repeat top right;
	background-size: 35%;
	color: var(--footer_color);
}
.footer::before {
	content: '';
	display: block;
	height: 12px;
	width: 100%;
	background: var(--gradient-bg-3);
}
.footer__nav {
	padding-top: 3rem;
}
.footer__nav::after {
	content: '';
	display: block;
	height: 4px;
	width: 100%;
	margin-top: 3rem;
	background: var(--gradient-bg-4);
}
.footer__nav__list {
	display: flex;
	flex-direction: column;
	align-items: center;
	list-style: none;
	margin: 0;
	padding: 0;
}
.footer__nav__item {
	margin-top: 2rem;
}
.footer__nav__item--logo {
	margin-bottom: 1rem;
}
.footer__nav__link {
	display: block;
	text-decoration: none;
	color: var(--footer_color);
}
.footer__nav__link--logo {
	width: 6.3125rem; /* 101px */
	height: 6.1875rem; /* 99px */	
}
.footer__nav__link--logo img {
	width: 100%;
	object-fit: contain;
}
.footer__colophon {
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 4rem 2rem;
}
@media (max-width: 1023px) {
	.footer__colophon {
		flex-direction: column;
	}
}

.footer__disclaimer {
	line-height: 1.5;
	text-align: center;
	max-width: 28.75rem; /* 460px; */
}
.colophon__list {
	display: flex;
	align-items: center;
	font-size: 0.75rem;
	list-style: none;
	margin: 0;
	padding: 0;
}
@media (max-width: 1023px) {
	.colophon__list {
		margin-top: 2rem;
	}
}

.colophon__item:not(:last-child) {
	margin-right: 0.25rem;
}
.colophon__item:not(:last-child)::after {
	content: "|";
}
.colophon__link {
	text-decoration: none;
	color: var(--footer_color);
}

/* Theme controls */
.theme-controls {
	position: fixed;
	z-index: 11;
	background: var(--gradient-bg-4);
}
.theme-controls__wrap {
	height: 100%;
	padding: 0 1rem;
	background-color: #8B8B8B;
}
.theme-controls__heading {
	font-size: 0.9rem; /* 13px */
	font-weight: 500;
	text-align: center;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
}
.theme__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	padding: 0;
	margin: 0;
	list-style: none;
}
.theme__item {
	min-width: 2rem;
	min-height: 2rem;
	width: 2rem;
	height: 2rem;
	margin: 0.2rem 0;
	border-radius: 50%;
}
.theme__button {
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 2.1rem;
	min-height: 2.1rem;
	width: 2.1rem;
	height: 2.1rem;
	border: none;
	background-color: #3A3A3A;
	border-radius: 50%;
	cursor: pointer;
}
.theme__button::after {
	content: "A";
	font-size: 0.9rem;
	font-weight: var(font_weight_bold);
	color: #fff;
}
.theme__button span {
	display: none;
}
.text-smaller-js::after {
	font-size: 0.6875rem; /* 11px */
}
.text-bigger-js::after {
	font-size: 1.375rem; /* 22px */
}
.theme-white-js::after,
.theme-black-js::after {
	content: 'c';
}
.theme-black-js {
	background-color: #000;
}
.theme-white-js {
	background-color: #fff;
}
.theme-white-js::after {
	color: #000;
}
.theme-default-js::after {
	content: url('../images/restore-icon.svg');
	object-fit: contain;
}

@media (max-width: 799px) {
	.theme-controls {
		bottom: 0;
		left: calc(50% - 180px);
		max-width: 360px;
		width: calc(100vw - 8px);
		padding: 4px 4px 0 4px;
		border-radius: 8px 8px 0 0;
		animation: slideBottomToTop 0.5s ease-out forwards;
	}
	.theme-controls__wrap {
		display: flex;
		align-items: center;
		justify-content: center;
		width: calc(100% - 1rem);
		border-radius: 8px 8px 0 0;
		padding: 0.5rem;
	}
	.theme__list {
		margin: 0 0.5rem;
	}
	.theme__list:last-child {
		margin-right: 0;
	}
	.theme__item {
		margin-right: 0.75rem;
	}
}
@media (min-width: 800px) {
	.theme-controls {
		top: 30vh;
		right: 0;
		padding: 4px 0 4px 5px;
		border-radius: 16px 0 0 16px;
		animation: slideRightToLeft 0.5s ease-out forwards;	
	}
	.theme-controls__wrap {
		width: 100%;
		padding: 1rem 0.75rem 1rem 1rem;
		border-radius: 16px;
	}
	.theme-controls__heading:not(:first-child) {
		margin-top: 1rem;
	}
	.theme-controls__heading,
	.theme__list {
		max-width: 4.4rem;
	}
	.theme__item:first-child {
		margin-right: 0.4rem;
	}
}

/* FAQs */
.faqs__wrap {
  max-width: calc(1160px - 12rem);
}
@media (min-width: 1024px) {
	.faqs__wrap {
	  margin-left: calc(4.5rem + 16px);
	  padding: 0 6rem;	
	}
}
.faqs__toggler {
	display: flex;
	position: relative;
	padding: 0 2.5rem 0 0;
	border: none;
	cursor: pointer;
	background: var(--gradient-bg-4);
	color: #081334;
	border-radius: 8px;
}

.faqs__toggler::after {
	content: "+";
	position: absolute;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 1.2em;
	right: 0.5rem;
	top: -1px;
	height: 100%;
	width: 2rem;
	border-radius: 0 1.5rem 1.5rem 0;
}

.faqs__toggler--active::after {
	content: "-";
	width: 2rem;
}

.faqs__toggler__inner {
	padding: 0.75rem 1rem;
	border-right: 1px solid #081334;
}

.faqs__toggler__inner::before {
	content: "Open all FAQs";
}
.faqs__toggler__inner--es::before {
	content: "Abrir todas las preguntas frecuentes";
}
.faqs__toggler--active .faqs__toggler__inner::before {
	content: "Close all FAQs";
}
.faqs__toggler--active .faqs__toggler__inner--es::before {
	content: "Cerrar todas las preguntas frecuentes";
}

.faqs__list {
	margin: 2rem 0;
	padding: 0;
	list-style: none;
}

.faqs__item {
	padding: 1.5rem 2rem 1.5rem 3rem;
	margin-bottom: 1.5rem;
	border-radius: 1.5rem;
	margin-top: 0 !important;
}
.section-contents .wrap--inner > ul .faqs__item::before {
	display: none;
}

.faqs__title {
	position: relative;
	display: inline-block;
	margin: 0;
	cursor: pointer;
}

.faqs__title::before {
	display: flex;
	align-items: center;
	justify-content: center;
	content: '+';
	font-weight: var(--font_weight_light);
	line-height: 1;
	position: absolute;
	margin: -0.25rem 0 0 -3rem;
	padding: 0 0 5px;
	width: 2rem;
	height: 2rem;
	background: linear-gradient(to right, #A8CDEC, #CCA0BA);
	color: #0C183A;
	border-radius: 4px;
}

@media (max-width: 1023px) {
	.faqs__title::before {
		font-size: 1.5rem;
		margin-top: -0.25rem;
	}
}

.faqs__toggle {
	text-align: left;
	padding: 0;
	border: none;
	background-color: transparent;
	color: inherit;
	cursor: pointer;
}

.faqs__item--active .faqs__title::before {
	content: '-';
}

@media (max-width: 1023px) {
	.faqs__item--active .faqs__title::before {
		font-size: 1rem;
	}
}

.faqs__contents {
	display: none;
}

.faqs__item--active .faqs__contents {
	display: block;
}

.faqs__contents p:last-child {
	margin-bottom: 0;
}

.faqs__contents ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.faqs__contents li {
	display: flex;
	margin-bottom: 1em;
}

.faqs__contents li::before {
	margin-right: 0.5rem;
}


/* Page Caregivers background */
.page-caregivers .main {
	background: url('../images/parents-caregivers__bg.webp') no-repeat center top fixed;
	padding-top: 6rem;
	margin-top: -6rem;
}
.theme-black .page-caregivers .main {
	background-image: url('../images/parents-caregivers__bg--dark.webp');
}
.theme-white .page-caregivers .main {
	background-image: none;
}

/* Page About background */
.page-about .main {
	background: url('../images/about__bg.webp') no-repeat top center fixed;
	padding-top: 6rem;
	margin-top: -6rem;
}
.theme-black .page-about .main {
	background-image: url('../images/about__bg--dark.webp');
}

.faqs-page .main {
	background: url('../images/faqs__bg.webp') no-repeat top center fixed;
	background-size: contain;
	padding-top: 6rem;
	margin-top: -6rem;
}
.theme-black .faqs-page .main {
	background: url('../images/faqs__bg--dark.webp') no-repeat top center;
}

/* Remove page bg in white theme */
.theme-white .main {
	background-image: none;
}


.external-popup {
	display: none;
	position: fixed;
	z-index: 10;
	top: 0;
	left: 0;
	width: 100vw;
	height: 100vh;
	background: var(--main_bg) url('../images/popup__bg.webp') no-repeat center center;
	background-size: cover;
}
.theme-white .external-popup {
	background-image: none;
}
.external-popup--active {
	display: flex;
	justify-content: center;
	align-items: center;
}
.external-popup__border {
  padding: 4px 5px 12px;
  margin: 0;
  border-radius: 16px;
  background: var(--gradient-bg-4);
}
.external-popup__wrap {
	text-align: center;
	padding: 3rem 6rem;
	background-color: var(--main_bg);
	color: var(--main_color);
	border-radius: 16px;
}
.external-popup__heading {
	font-size: 1.875rem; /* 30px */
	font-weight: var(--font_weight_bold);
}
.external-popup__text {
	font-size: 1.375rem; /* 22px */
	max-width: 32em;
	margin-bottom: 4rem;
}
.external-popup__text--es {
	max-width: 33em;
}
.external-popup__button {
	position: relative;
	display: inline-flex;
	font-size: 1.3125rem; /* 21px */
	line-height: 1.5;
	text-decoration: none;
	padding: 0.5rem 0.75rem;
	border: none;
	border-radius: 6px;
	color: #191546;
	background: var(--gradient-bg-4);
	cursor: pointer;
}
.external-popup__button--go {
	padding-right: 3rem;
	margin-right: 2rem;
}
.external-popup__button--go::after {
	content: '>';
	position: absolute;
	right: 0;
  padding: 0.5rem 0.75rem 0 0.75rem;
  margin: -0.5rem 0 -0.5rem 0.5rem;
  border-left: 1px solid black;
  height: calc(100% - 0.5rem);  
}
.external-popup__button--back {
	padding-left: 3rem;
}
.external-popup__button--back::before {
	content: '<';
	position: absolute;
	left: 0;
  padding: 0.5rem 0.75rem 0 0.75rem;
  margin: -0.5rem 0.5rem -0.5rem 0;
  border-right: 1px solid black;
  height: calc(100% - 0.5rem);  
}
/* Fade In animation */
.external-popup {
  opacity: 0;
  animation: fadeIn 0.35s ease-in forwards;
}

.external-popup__border {
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInSlideUp 0.35s ease-in forwards;
  animation-delay: 0.15s;
}

@keyframes fadeIn {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fadeInSlideUp {
  0% {
    opacity: 0;
    transform: translateY(2rem);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

 /* Language toggler */
.lang-toggler {
  position: relative;
  display: flex;
  align-items: center;
  cursor: pointer;
}

.lang-toggler svg {
  display: inline-block;
  margin-left: 4px;
}

.lang-toggler__flag {
  display: inline-block;
  margin-right: 0.25em;
}

.lang-toggler__lang {
	display: inline-flex;
  align-items: center;
  font-size: 14px;
	text-wrap: nowrap;
  padding-top: 3px;
  color: #fff;
}
.theme-white .lang-toggler__lang {
	color: #000;
}
.theme-white .lang-toggler__lang path {
	fill: #000;
}

.lang-toggler:hover .lang-toggler__link {
  display: inline-block;
  position: absolute;
  top: 100%;
  width: 100%;
  padding: 1px 0 0.25rem;
  color: #fff;
}
.theme-white .lang-toggler:hover .lang-toggler__link {
	color: #000;
}

.lang-toggler__link {
  display: none;
}

.lang-toggler:hover .lang-toggler__link:hover {
  color: var(--links_color);
}

.lang-toggler--about .lang-toggler__lang,
.lang-toggler--about:hover .lang-toggler__link {
  color: #863fa4;
}

.text-caps {
	text-transform: uppercase;
}