/* Banner - Start */
.human-impact-op .banner-card.has-ctas .banner-card-row {
	text-align: left;
}

.human-impact-op .banner-card-header {
	font-size: 48px;
	line-height: 1.0834933333;
	font-weight: 600;
	letter-spacing: -0.003em;
	font-family:
		SF Pro Display,
		SF Pro Icons,
		Helvetica Neue,
		Helvetica,
		Arial,
		sans-serif;
}

.human-impact-op .banner-card .banner-card-copy {
	margin-top: 25px;
}

.human-impact-op .banner-card-ctas {
	gap: 25px;
	margin-top: 45px;
}

.human-impact-op .banner-card.banner-card-asset-type-background .banner-card-image img {
	object-fit: cover;
	object-position: center;
}

.human-impact-op-open-modal-button {
	cursor: pointer;
}

html.no-touch .human-impact-op-banner-tile:hover {
	transform: none;
}

@media only screen and (min-width: 1069px) {
	.human-impact-op .human-impact-op-banner-tile .banner-card-row {
		--h-padding: 9.7%;
	}

	.human-impact-op .banner-card-header {
		margin-left: 11px;
	}

	.human-impact-op .banner-card .banner-card-copy {
		margin-left: 11px;
	}
}

@media only screen and (max-width: 1068px) {
	.human-impact-op .human-impact-op-banner-tile .banner-card-row {
		--h-padding: 8.57%;
	}

	.human-impact-op .banner-card .banner-card-copy {
		margin-top: 23px;
	}

	.human-impact-op .banner-card-ctas {
		margin-top: 35px;
	}

	.human-impact-op .banner-card-header {
		font-size: 40px;
		line-height: 1.1;
		font-weight: 600;
		letter-spacing: 0em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.human-impact-op .banner-card.banner-card-asset-type-background .banner-card-image {
		place-content: center;
	}

	.human-impact-op .banner-card .banner-card-copy {
		margin-top: 23px;
	}

	.human-impact-op .banner-card-ctas {
		margin-top: 35px;
	}
}

@media screen and (max-width: 734px) {
	.human-impact-op .human-impact-op-banner-tile.banner-card {
		--min-height: 695px;
	}

	.human-impact-op .human-impact-op-banner-tile.banner-card .banner-card-image img {
		height: 100%;
		width: 100%;
	}

	.human-impact-op .human-impact-op-banner-tile .banner-card-row {
		--h-padding: 0;
	}

	.human-impact-op .banner-card.has-ctas .banner-card-row {
		text-align: center;
	}

	.human-impact-op .banner-card-header {
		font-size: 32px;
		line-height: 1.125;
		font-weight: 600;
		letter-spacing: 0.004em;
		font-family:
			SF Pro Display,
			SF Pro Icons,
			Helvetica Neue,
			Helvetica,
			Arial,
			sans-serif;
	}

	.human-impact-op .banner-card .banner-card-copy {
		margin-top: 16px;
	}

	.human-impact-op .banner-card-ctas {
		margin-top: 30px;
	}
}

@media only screen and (min-width: 735px) {
	.human-impact-op
		.human-impact-op-banner-tile:not(
			.banner-card-text-column-placement-center
		)
		.banner-card-row {
		flex-direction: row;
		flex-wrap: wrap;
		justify-items: center;
		align-content: center;
	}

	.human-impact-op
		.human-impact-op-banner-tile:not(
			.banner-card-text-column-placement-center
		)
		.banner-card-row
		.banner-card-copy-column {
		margin-bottom: 0;
		padding-top: 0;
		padding-bottom: 0;
	}
}

@media screen and (max-width: 480px) {
	.human-impact-op .banner-card {
		--min-height: 530px;
	}
}

/* Banner - END */

/* Modal - START */

.inner-container-modal-tile.card-dark .card {
	background-color: #000000;
}

.inner-container-modal-tile.card-dark .card .white {
	color: #ffffff;
}

.feature-card-modal.modal-page-overlay.theme-light .card-dark .feature-card-modal-copy-highlight {
	color: #ffffff;
}

.inner-container-modal-tile.inner-container-card-tile-5 .bg-white {
	background-color: #ffffff;
}

.inner-container-modal-tile.inner-container-card-tile-5 .card .image-container .responsive-image {
	justify-content: center;
}

.inner-container-modal-tile.inner-container-card-tile-5 .card .image-container .responsive-image img {
	width: 90%;
	height: auto;
}

.inner-container-modal-tile.inner-container-card-tile-5 .inner-container-modal-content {
	max-width: 90%;
}

.inner-container-modal-tile.inner-container-card-tile-3 .card .image-container .responsive-image img {
	top: 18px;
}

@media only screen and (min-width: 1069px) {
	.inner-container-modal-tile.inner-container-card-tile-5 .inner-container-modal-content {
		padding-inline-start: 56px;
		padding-inline-end: 56px;
	}

	.inner-container-modal-tile.tile-horizontal-layout.image-first.inner-container-card-tile-4 .tile .inner-container-modal-content {
		width: 360px;
		padding-inline-end: 127px;
		z-index: 1;
	}

	.inner-container-modal-tile.tile-horizontal-layout.inner-container-card-tile-2 .tile .inner-container-modal-copyblock {
		width: 441px;
		z-index: 3;
	}

	.inner-container-modal-tile.tile-horizontal-layout.inner-container-card-tile-2 .tile .image-container {
		margin-inline-start: -49px;
	}
}

@media only screen and (max-width: 1068px) {
	.inner-container-modal-tile.inner-container-card-tile-2 .card .image-container .responsive-image img {
		top: 24px;
	}

	.inner-container-modal-tile.inner-container-card-tile-3 .card .image-container .responsive-image img {
		top: 53px;
	}
}

@media only screen and (max-width: 734px) {
	.inner-container-modal-tile.inner-container-card-tile-2 .card .image-container .responsive-image img {
		top: 0px;
	}

	.inner-container-modal-tile.inner-container-card-tile-3 .card .image-container .responsive-image img {
		top: 0px;
	}
}

/* Modal - END*/

/* no-js - START*/

.no-js .human-impact-op-open-modal-button {
	display: none;
}

.no-js #human-impact-op {
	display: none;
}

/* no-js - END*/

/* Video - START */

.inner-container-modal-tile.bleed-bottom.card-paid {
	display: none;
}

[data-user-journey="paid"] .inner-container-modal-tile.bleed-bottom.card-paid {
	display: block;
}

[data-user-journey="paid"] .inner-container-modal-tile.bleed-bottom.card-organic {
	display: none;
}

.inner-container-modal .ric-modal-overlay .ric-modal-content-wrapper .card-organic {
	margin-top: 64px;
}

.inner-container-modal-tile.card-paid .card .image-container, .inner-container-modal-tile.card-organic .card .image-container {
	margin-top: 64px;
}

/* Style for custome video player - START */
/* #human-impact-op .inline-video-frame-start.start-frame {
	background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_xlarge.jpg");
	width: 100%;
	height: 100%;
	background-size: contain;
	background-repeat: no-repeat;
	position: absolute;
	background-position: center;
	top: 0;
	z-index: 1;
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	#human-impact-op .inline-video-frame-start.start-frame {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_xlarge_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	#human-impact-op .inline-video-frame-start.start-frame {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_medium.jpg");
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	#human-impact-op .inline-video-frame-start.start-frame {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	#human-impact-op .inline-video-frame-start.start-frame {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_small.jpg");
	}
}
@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	#human-impact-op .inline-video-frame-start.start-frame {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_small_2x.jpg");
	}
} */

/* .human-impact-op-video-container {
	aspect-ratio: 16 / 9;
}

.human-impact-op-video-container video {
	position: relative;
	z-index: 1;
}

.human-impact-op-video-container[playing] video, .human-impact-op-video-container[paused] video {
	z-index: 2;
}

.human-impact-op-video-container[playing] .inline-video-frame-start, .human-impact-op-video-container[paused] .inline-video-frame-start, .human-impact-op-video-container[paused] .fullscreen .inline-video-frame-start, .human-impact-op-video-container[playing] .fullscreen .inline-video-frame-start {
	display: none;
} */

/* Style for custome video player - END */

/* Style for ac-video - START */

#human-impact-op .inner-container-modal-tile .ac-video-player > * {
	--sk-tile-border-radius-large: var(--sk-tile-border-radius, 18px);
	--sk-tile-border-radius-xlarge: var(
		--sk-tile-border-radius,
		var(--sk-tile-border-radius-large)
	);
	--sk-tile-border-radius-medium: var(
		--sk-tile-border-radius,
		var(--sk-tile-border-radius-large)
	);
	--sk-tile-border-radius-small: var(
		--sk-tile-border-radius,
		var(--sk-tile-border-radius-large)
	);
	--sk-tile-border-radius-xsmall: var(
		--sk-tile-border-radius,
		var(--sk-tile-border-radius-large)
	);
	border-bottom-left-radius: var(--sk-tile-border-radius-large);
	border-bottom-right-radius: var(--sk-tile-border-radius-large);
}

@media (min-width: 1441px) {
	#human-impact-op .inner-container-modal-tile .ac-video-player > * {
		border-bottom-left-radius: var(--sk-tile-border-radius-xlarge);
		border-bottom-right-radius: var(--sk-tile-border-radius-xlarge);
	}
}

@media (max-width: 480px) {
	#human-impact-op .inner-container-modal-tile .ac-video-player > * {
		border-bottom-left-radius: var(--sk-tile-border-radius-xsmall);
		border-bottom-right-radius: var(--sk-tile-border-radius-xsmall);
	}
}

#human-impact-op .hero-media {
	margin-top: 0;
	max-height: 100%;
	position: relative;
}

#human-impact-op .hero-media .ac-video-player {
	display: grid;
}

#human-impact-op .hero-media .ac-video-player .ac-video-media-controller {
	grid-area: 1/1/1/1;
	height: auto;
}

#human-impact-op .hero-media .ac-video-player .ac-video-poster {
	position: relative;
	grid-area: 1/1/1/1;
}

#humanimpact-op .mouse-leave .center-button-container, #humanimpact-op .mouse-leave .controls-social-tray, .card-organic .mouse-leave .main-controls-container {
	-webkit-transform: translateY(38px);
	transform: translateY(38px);
	opacity: 0;
}

#human-impact-op .hero-media .ac-video-poster {
	background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_xlarge.jpg");
	background-size: 1920px 1080px;
	background-repeat: no-repeat;
	background-size: cover !important;
}

@media (min-resolution: 144dpi), only screen and (min-resolution: 1.5dppx) {
	#human-impact-op .hero-media .ac-video-poster {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_xlarge_2x.jpg");
	}
}

@media only screen and (max-width: 1068px) {
	#human-impact-op .hero-media .ac-video-poster {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_medium.jpg");
	}

	#human-impact-op .inner-container-modal-tile .ac-video-player > * {
		border-bottom-left-radius: var(--sk-tile-border-radius-medium);
		border-bottom-right-radius: var(--sk-tile-border-radius-medium);
	}
}

@media only screen and (max-width: 1068px) and (min-resolution: 1.5dppx), only screen and (max-width: 1068px) and (min-resolution: 144dpi) {
	#human-impact-op .hero-media .ac-video-poster {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_medium_2x.jpg");
	}
}

@media only screen and (max-width: 734px) {
	#human-impact-op .hero-media .ac-video-poster {
		background-size: 320px 180px;
		background-repeat: no-repeat;
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_small.jpg");
	}

	#human-impact-op .inner-container-modal-tile .ac-video-player > * {
		border-bottom-left-radius: var(--sk-tile-border-radius-small);
		border-bottom-right-radius: var(--sk-tile-border-radius-small);
	}
}
@media only screen and (max-width: 734px) and (min-resolution: 1.5dppx), only screen and (max-width: 734px) and (min-resolution: 144dpi) {
	#human-impact-op .hero-media .ac-video-poster {
		background-image: url("/au/watch/shared/human-impact-op/images/modal/modal_right_time__0aloddjdnuau_small_2x.jpg");
	}
}

#human-impact-op .hero-media .ac-video-poster img {
	opacity: 0;
}

/* Style for ac-video - END */

/* Video - END */
