/* 
CloudLibrary marketing kit CLP 01/2025
/content/dam/campaign-landing-pages/en/cloudlibrary/css/cloudlibrary_mktg_kit_clp.css
*/

#toolkit-hero {
	margin-bottom: 3rem;
	border: 1px solid #666F76;
}

#toolkit-hero .cq-colctrl-lt0-c0 {
	padding: 24px;
}

#toolkit-hero.parsys_column.cq-colctrl-lt0 {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	justify-content: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	align-items: center;
}

#toolkit-hero .cq-colctrl-lt0-c0,
#toolkit-hero .cq-colctrl-lt0-c1 {
	margin-block-end: 0;
}

#toolkit-hero h1 {
	margin: 0;
}

#toolkit-hero h1 span {
	display: block;
}

#toolkit-hero h1 .logo {
	margin: 0 0 0.75rem;
	text-indent: -9999px;
	padding: 0;
	max-width: 322px;
	line-height: 52px;
	background-image: url('/content/dam/campaign-landing-pages/en/cloudlibrary/images/bg_hero_h1_logo_cloudlibrary.png');
	background-repeat: no-repeat;
	background-position: top left;
	background-size: contain;
}

#toolkit-hero h1 .text {
	line-height: 1.1em;
}

#toolkit-hero .cq-colctrl-lt0-c1 {
	background-image: url('/content/dam/campaign-landing-pages/en/cloudlibrary/images/bg_hero_illo_cloudlibrary.jpg');
	background-repeat: no-repeat;
	background-position: center right;
	background-size: cover;
	min-height: 250px;
}

@media screen and (max-width: 991.98px) {
	#toolkit-hero.parsys_column.cq-colctrl-lt0 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column;
		flex-flow: column;
		/* column-reverse */
	}
	#toolkit-hero .parsys_column.cq-colctrl-lt0-c0,
	#toolkit-hero .parsys_column.cq-colctrl-lt0-c1 {
		width: 100% !important;
	}
	#toolkit-hero .cq-colctrl-lt0-c1 {
		min-height: 200px;
	}
}

@media screen and (max-width: 480px) {
	#toolkit-hero .cq-colctrl-lt0-c0 {
		padding: 18px;
	}
}

@media screen and (max-width: 400px) {
	#toolkit-hero h1 .logo {
		line-height: 48px;
	}
}

@media screen and (max-width: 360px) {
	#toolkit-hero h1 .logo {
		line-height: 42px;
	}
}

@media screen and (max-width: 320px) {
	#toolkit-hero h1 .logo {
		line-height: 38px;
	}
}