/* Generally */
body.home #home-regions .container {
	--bs-gutter-x: 2.75rem;
	max-width: 1400px;
}

#home-regions .home-region {
	padding: 10vw 0;
}

#home-regions .home-region a {
	text-decoration: none;
}

#home-regions .home-region h2, #home-regions .home-region h3 {
	font-weight: normal;
}

body.home .first-on-page {
	padding-top: 55vw !important;
}

body.home #masthead .site-title {
	background-image: url('../images/logo-darkbg.svg');
	background-size: 60%;
}

/* Hero text */
#home-regions #hero-text {
	background: var(--aapi-dark-bg-color);
	color: var(--aapi-white-text-color);
	text-align: left;
}

#home-regions #hero-text h2 {
	font-size: 9vw;
}

#home-regions #hero-text .container {
	--bs-gutter-x: 3.5rem;
}

/* Hero image */
#home-regions #hero-image {
	background: var(--aapi-dark-bg-color);
	padding: 0;
	margin-left: -25%;
	overflow-x: hidden;
}

#home-regions #hero-image img {
	height: 80vw;
	object-fit: cover;
	width: 125%;
	max-width: 150%;
}

/* Joy Graphic */
#home-regions #joy.home-region {
	background: var(--aapi-blue-color);
	text-align: center;
}

#home-regions #joy.home-region img {
	max-height: 600px;
}

/* Featured content groups */
#home-regions .home-featured-group.home-region#featured-2 {
	background: var(--aapi-light-gold-color);
}

#home-regions .home-featured-group.home-region a {
	text-decoration: none;
}

#home-regions .home-featured-group.home-region .icon {
	margin-top: -20%;
}

#home-regions .home-featured-group.home-region .icon img {
	height: auto;
	width: 40%;
}

#home-regions .home-featured-group.home-region h2 {
	font-size: 10vw;
	background: url('../images/icon-sun-light.svg') no-repeat top left;
	background-size: 30vw;
	margin-bottom: 0;
	padding: 10vw 0 10vw 10vw;
}

#home-regions .home-featured-group.home-region#featured-2 h2 {
	background-image: url('../images/icon-sun-dark.svg');
}

#home-regions .home-featured-group.home-region .intro {
	margin-top: 50px;
	margin-bottom: 50px;
}

#home-regions .home-featured-group.home-region .intro>p {
	padding-left: 10vw;
	padding-right: 5vw;
}

#home-regions .home-featured-group.home-region .row>div {
	margin-bottom: 50px;
}

#home-regions .home-featured-group.home-region .featured-item {
	background: var(--aapi-gold-color);
	border-top-left-radius: 50%;
	border-top-right-radius: 50%;
	height: 100%;
	padding: 20vw 10vw 8vw 10vw;
	text-align: center;
}

#home-regions .home-featured-group.home-region#featured-2 .featured-item {
	margin-bottom: 0;
	padding: 20vw 10vw 5vw 10vw;
}

#home-regions .home-featured-group.home-region#featured-1 .featured-item-2 {
	background: var(--aapi-light-blue-color);
	border-top-left-radius: 40%;
	border-top-right-radius: 40%;
	border-bottom-right-radius: 40%;
}

#home-regions .home-featured-group.home-region#featured-1 .featured-item-3 {
	background: var(--aapi-green-color);
	border-radius: 40%;
}

#home-regions .home-featured-group.home-region#featured-2 .container:not(.intro) {
	overflow: auto;
}

#home-regions .home-featured-group.home-region#featured-2 .container:not(.intro) .row {
	width: 200vw;
}


/* Featured posts */
#home-regions .home-featured-post.home-region {
	background: var(--aapi-dark-bg-color);
	color: var(--aapi-white-text-color);
	padding-top: 12vw;
	padding-bototm: 12vw;
}

#home-regions .home-featured-post.home-region .container {
	--bs-gutter-x: 5.5rem;
}

#home-regions .home-featured-post.home-region#featured-post-2 {
	text-align: right;
}

#home-regions .home-featured-post.home-region a {
	color: var(--aapi-white-text-color);
	display: block;
}

#home-regions .home-featured-post.home-region h2 {
	font-size: 2rem;
	margin-right: 15vw;
	margin-top: 9vw;
}

#home-regions .home-featured-post.home-region#featured-post-2 h2 {
	margin-left: 15vw;
	margin-right: 0;
}

#home-regions .home-featured-post.home-region .featured-images {
	margin-bottom: 40px;
	text-align: right;
}

#home-regions .home-featured-post.home-region#featured-post-2 .featured-images {
	text-align: left;
}

#home-regions .home-featured-post.home-region .featured-images img {
	border-radius: 30px;
	width: 30vw;
	height: 70vw;
	object-fit: cover;
	vertical-align: top;
}

#home-regions .home-featured-post.home-region#featured-post-1 .featured-images img:nth-child(1), #home-regions .home-featured-post.home-region#featured-post-2 .featured-images img:nth-child(2) {
	margin: 0 10px;
	height: 40vw;
}

#home-regions .home-featured-post.home-region .featured-images {
	margin-bottom: 20px;
	text-align: right;
}

/* Movement Hub */
#home-regions #movementhub.home-region {
	background: #d1f4f6 url('../images/bg-movementhub.jpg') no-repeat bottom center;
	padding: 20vw 10vw 65vw 10vw;
	background-size: 180vw;
}

#home-regions #movementhub.home-region h2 {
	font-size: 2rem;
}

/* Testimonials */
#home-regions #testimonials.home-region {
	background: var(--aapi-green-color);
	color: var(--aapi-text-color);
}

#home-regions #testimonials.home-region h2 {
	margin-bottom: 30px;
	font-weight: bolder;
}

#home-regions #testimonials.home-region .container {
	max-width: 900px;
}

#home-regions #testimonials.home-region .carousel {
	padding-bottom: 100px;
}

#home-regions #testimonials.home-region .carousel .carousel-item {
	height: 60vw;
}

#home-regions #testimonials.home-region .carousel .carousel-item figure blockquote {
	padding-top: 20px;
}

#home-regions #testimonials.home-region .carousel .carousel-item .testimonial-image {
	text-align: right;
	width: 100%;
}

#home-regions #testimonials.home-region .carousel .carousel-item .testimonial-image img {
	border-radius: 30px;
	width: 150px;
	height: 300px;
	object-fit: cover;
}

/* About */
#home-regions #about.home-region {
	background: var(--aapi-dark-bg-color);
	color: var(--aapi-white-text-color);
	text-align: center;
}

#home-regions #about.home-region a {
	color: var(--aapi-white-text-color);
	display: block;
}

#home-regions #about.home-region .icon img {
	padding: 50px 0;
	width: 40vw;
}

/* DESKTOP */
@media screen and (min-width: 992px) {
body.home {
	font-size: 1.25rem;
}

body.home #masthead .site-title {
	background-size: 50%;
	background-position: left 0.5rem bottom 0;
	background-position-y: center;
}

body.home #home-regions .container {
	--bs-gutter-x: 6rem;
}

body.home .first-on-page {
	padding-top: 250px !important;
}

#home-regions .home-region {
	padding-top: calc(5px + 4vw);
	padding-bottom: calc(5px + 4vw);
}

#home-regions .home-region h2, #home-regions .home-region h3 {
	font-size: 3rem;
}

/* DESKTOP: Hero text */
#home-regions #hero-text {
	padding-bottom: calc(30px + 5vw);
	text-align: center;
}

#home-regions #hero-text .container {
	max-width: 1000px;
}

#home-regions #hero-text h2 {
	font-size: 2.75rem;
	font-weight: normal;
}

/* DESKTOP: Hero image */
#home-regions #hero-image {
	margin-left: 0;
	overflow-x: visible;
}

#home-regions #hero-image img {
	height: 40vw;
	width: 100%;
	max-width: 100%;
}

/* DESKTOP: Featured content groups */
#home-regions .home-featured-group.home-region h2 {
	font-size: 3rem;
	font-weight: bolder;
	background-size: 10rem;
	margin-bottom: 0;
	padding: 4rem 0 4rem 4rem;
}

#home-regions .home-featured-group.home-region .intro>p {
	padding-left: 4rem;
	padding-right: 0;
}

#home-regions .home-featured-group.home-region .featured-item, #home-regions .home-featured-group.home-region#featured-1 .featured-item-2, #home-regions .home-featured-group.home-region#featured-1 .featured-item-3, #home-regions .home-featured-group.home-region#featured-2 .featured-item {
	background: var(--aapi-gold-color);
	border-radius: 0;
	border-top-left-radius: 220px;
	border-top-right-radius: 220px;
	height: 100%;
	padding: 30% 10% 2% 10%;
}

#home-regions .home-featured-group.home-region .featured-item p {
	font-size: 1.2rem;
}

#home-regions .home-featured-group.home-region .featured-item h3 {
	font-size: 1.75rem;
}

#home-regions .home-featured-group.home-region#featured-2 .container:not(.intro) {
	overflow: visible;
}

#home-regions .home-featured-group.home-region#featured-2 .container:not(.intro) .row {
	width: 100%;
}

/* DESKTOP: Featured posts */
#home-regions .home-featured-post.home-region {
	padding-top: calc(30px + 12vw);
	padding-bottom: calc(30px + 10vw);
}

#home-regions .home-featured-post.home-region .container {
	--bs-gutter-x: 9rem;
}

#home-regions .home-featured-post.home-region h2 {
	font-size: 2.7rem;
	font-weight: bolder;
	margin-bottom: 100px;
	margin-right: 100px;
	margin-top: 5px;
}

#home-regions .home-featured-post.home-region#featured-post-2 h2 {
	margin-left: 100px;
	margin-right: 0;
}

#home-regions .home-featured-post.home-region .featured-images {
	height: 100%;
}

#home-regions .home-featured-post.home-region .featured-images img {
	border-radius: 80px;
	width: 50%;
	height: 90%;
}

#home-regions .home-featured-post.home-region#featured-post-1 .featured-images img:nth-child(1), #home-regions .home-featured-post.home-region#featured-post-2 .featured-images img:nth-child(2) {
	margin: 0 20px;
	height: 60%;
	width: 40%;
}

/* DESKTOP: Movement Hub */
#home-regions #movementhub.home-region {
	background-position: bottom -10vw right 0;
	padding: calc(20px + 6vw) 0 20vw 0;
	background-size: 100vw;
}

#home-regions #movementhub.home-region h2 {
	font-size: 3rem;
	font-weight: bolder;
}

#home-regions #movementhub.home-region p {
	margin-bottom: 0;
	max-width: 600px;
}

/* DESTKOP: Testimonials */
#home-regions #testimonials.home-region {
	padding-bottom: calc(25px + 4vw);
	padding-top: calc(25px + 4vw);
}

#home-regions #testimonials.home-region .carousel .carousel-item {
	height: 350px;
	font-size: 1.5rem;
}

#home-regions #testimonials.home-region .carousel .carousel-item .testimonial-image img {
	border-radius: 40px;
	width: 100%;
	height: 350px;
}

/* DESKTOP: About */
#home-regions #about.home-region {
	text-align: left;
}

#home-regions #about.home-region h3 {
	font-size: 3rem;
	font-weight: bolder;
}

#home-regions #about.home-region .icon {
	text-align: right;
	width: 100%;
}

#home-regions #about.home-region .icon img {
	padding: 0 30px 0 0;
	margin-top: 60px;
	width: 70%;
}

#home-regions #about.home-region .container>div>div:nth-child(2) {
	padding-top: 80px;
	padding-bottom: 80px;
}

}

/* WIDE DESKTOP */
@media screen and (min-width: 1400px) {
body.home {
	font-size: 1.7rem;
}

#home-regions .home-featured-group.home-region h2 {
	font-size: 3.5rem;
}

body.home .first-on-page {
	padding-top: 350px !important;
}

#home-regions #hero-text .container {
	max-width: 1200px;
}

#home-regions #hero-text h2 {
	font-size: 3.75rem;
}

#home-regions #joy.home-region img {
	max-height: 40vw;
}
	
#home-regions .home-featured-post.home-region h2 {
	font-size: 3.75rem;
}

#home-regions #about.home-region .container {
	max-width: 1400px;
}

#home-regions #about.home-region h3 {
	font-size: 3.75rem;
}

#home-regions #about.home-region .icon img {
	margin-top: 60px;
}



}