/**
* Component: Homepage Intro
*
* Styles for the Homepage Intro component.
*
* @package Point_Hope
*/

.outer-home-intro {
	padding-left: 14px;
}
.homepage-intro-bg-image {
	position: absolute;
	right: 0;
	top: -100px;
	z-index: -1;
	width: 600px;
	height: 632px;
}
.homepage-intro-bg-image img,
.homepage-intro-image.image-1 img,
.homepage-intro-image.image-4 img {
	width: 100%;
	height: 100%;
	object-fit: cover;
	max-width:100%;
}
.homepage-intro-image.image-2 img,
.homepage-intro-image.image-3 img{
	max-width:100%;
	height:auto;
}
.intro-row {
	display:flex;
}
.intro-col-left {
	width: calc(100% - 540px);
	padding-right: 40px;
}
.intro-col-right {
	width: 500px;
}
.outer-home-intro .heading-and-text h2 {
	margin-bottom:36px;
}
.outer-home-intro .heading-and-text {
	max-width: 480px;
}
.left-image-wrap {
	display: flex;
	justify-content: space-between;
	align-items: flex-end;
	gap:40px;
}
.homepage-intro-images {
	margin-top:-147px;
}
.homepage-intro-text ul.link-list-container {
	margin-top: 36px;
}
.homepage-intro-text ul.link-list-container li,
.homepage-intro-text ul.link-list-container li:last-child {
	margin-bottom:22px;
}
.homepage-intro-image.image-1 {
	top: -247px;
	z-index: 2;
	position: relative;
	line-height: 1;
	height: 620px;
}
.homepage-intro-image.image-2 {
	line-height: 1;
	margin-bottom: -2px;
	position: relative;
	z-index: 10;
	opacity: 0;
}
.homepage-intro-image.image-3 {
	padding-bottom: 40px;
	line-height: 1;
}
.homepage-intro-image.image-4 {
	margin-top: -70px;
	line-height: 1;
	height:455px;
	width:411px;
}
.homepage-intro-image.image-4 img {
	height:100%;
	object-fit:cover;
	max-width:100%;
}
.homepage-intro-image.image-mobile-2,
.mobile-view {
	display:none;
}
/* Responsive CSS */
@media(min-width:1364px){
	.outer-home-intro {padding-left: calc((100vw - 1312px) / 2 - 7px);}
	.intro-col-left {width: calc(100% - 677px);}
	.intro-col-right {width: 637px;}
	.homepage-intro-bg-image {width: 736px;}
}
@media(max-width:1199px) {
	.outer-home-intro .heading-and-text h2 {margin-bottom: 24px;font-size:50px;}
	.intro-text, .intro-text p {font-size:18px;}
	.homepage-intro-bg-image {width: 480px;}
	.intro-col-left {width: calc(100% - 440px);}
	.intro-col-right {width: 400px;}
	.homepage-intro-image.image-4 {width: 300px;height: 370px;}
}
@media(max-width:992px){ 
	.outer-home-intro {padding-right: 14px;}
	.outer-home-intro .heading-and-text h2 {font-size:40px;}
	.homepage-intro-image.image-mobile-2, .mobile-view {display:block;}
	.homepage-intro-image.image-2, .homepage-intro-image.image-3, .homepage-intro-image.image-4, .desktop-view {display:none;}
	.intro-col-left, .intro-col-right {width: 100%;padding: 0;}
	.intro-row {flex-wrap: wrap;}
	.homepage-intro-text-row {flex-direction: column-reverse;}
	.heading-and-text {max-width: 100%;}
	.homepage-intro-image.image-1 {width: 100%;height: 458px;top: 0;max-width: 464px;margin-left: auto;right: -14px;}
	.homepage-intro-images {margin-top: 0;}
	.homepage-intro-right-image {position:relative;top: -240px;margin-bottom: -237px;}
	.homepage-intro-bg-image.mobile-view {width: 287px;height: 100%;top: auto;bottom: -58px;right: -14px;}
	.homepage-intro-image.image-mobile-2 {width: 149px;height: 119px;left: -14px;position: relative;margin-bottom: 5px;}
}
@media(max-width:575px) {
	.homepage-intro-image.image-1 {height: 258px;max-width: 264px;}
	.homepage-intro-bg-image.mobile-view {width: 187px;}
	.outer-home-intro {padding-right: 14px;}
	.homepage-intro-right-image {top: -129px;margin-bottom: -126px;}
}