/* 
OCLC Trust Center homepage 06/25
/content/dam/oclc/trust-center/css/trust_center_home.css
*/


/* Column vertical centering */

#trust-hero-home .parsys_column.cq-colctrl-lt0,
#trust-compliance-tout .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;
	margin-bottom: 0;
}

@media screen and (max-width: 800px) {
	#trust-hero-home .parsys_column.cq-colctrl-lt0,
	#trust-compliance-tout .parsys_column.cq-colctrl-lt0 {
		-webkit-box-orient: vertical;
		-webkit-box-direction: normal;
		-ms-flex-flow: column-reverse;
		flex-flow: column;
	}
}


/* Homepage hero */

#trust-hero-home .parsys_column.cq-colctrl-lt0-c0 {
	padding-right: 2% !important;
}

#trust-hero-home .parsys_column.cq-colctrl-lt0-c1 {
	padding-left: 2% !important;
}

#trust-hero-home h1 {
	margin: 0 0 0.75rem;
	font-weight: 300;
	font-size: 56px;
	line-height: 62px;
	letter-spacing: -1px;
	color: #fff;
}

:lang(fr) > #trust-hero-home h1, 
:lang(nl) > #trust-hero-home h1 {
	font-size: 54px;
	line-height: 62px;
	letter-spacing: -0.75px;
}

:lang(es) > #trust-hero-home h1 {
	font-size: 50px;
	line-height: 58px;
	letter-spacing: -0.75px;
}

#trust-hero-home .image.parbase.section {
	max-width: 400px;
	margin: 0 auto !important;
}

@media screen and (min-width: 1400px) {
	#trust-hero-home h1 {
		font-size: 66px;
		line-height: 72px;
		letter-spacing: -1.5px;
	}
	:lang(fr) > #trust-hero-home h1, 
	:lang(nl) > #trust-hero-home h1 {
		font-size: 66px;
		line-height: 76px;
		letter-spacing: -1.25px;
	}
	:lang(es) > #trust-hero-home h1 {
		font-size: 62px;
		line-height: 72px;
		letter-spacing: -1.25px;
	}
}

@media screen and (max-width: 1024px) {
	#trust-hero-home .parsys_column.cq-colctrl-1-fc{	
		padding: 0 3% !important;
	}
	#trust-hero-home h1 {
		font-size: 48px;
		line-height: 52px;
		letter-spacing: -0.5px;
	}
}

@media screen and (max-width: 800px) {
	#trust-hero-home .parsys_column.cq-colctrl-lt0-c0,
	#trust-hero-home .parsys_column.cq-colctrl-lt0-c1 {
		padding: 0 !important;
	}
	#trust-hero-home .parsys_column.cq-colctrl-lt0-c0 {
		margin-bottom: 2rem;
	}
}

@media screen and (max-width: 780px) {
	#trust-hero-home h1 {
		font-size: 44px;
		line-height: 48px;
	}
}

@media screen and (max-width: 600px) {
	#trust-hero-home .parsys_column.cq-colctrl-1-fc{	
		padding: 0 !important;
	}
	#trust-hero-home .parsys_column.cq-colctrl-default-c0,
	#trust-hero-home .parsys_column.cq-colctrl-1-fc-c0,
	#trust-hero-home .parsys_column.cq-colctrl-lt0-c1 {
		margin-bottom: 0;
	}
	#trust-hero-home {
		padding: 3rem 24px !important;
	}
	:lang(fr) > #trust-hero-home h1, 
	:lang(nl) > #trust-hero-home h1,
	:lang(es) > #trust-hero-home h1 {
		font-size: 48px;
		line-height: 56px;
		letter-spacing: -0.5px;
	}
	#trust-hero-home .image.parbase.section {
		max-width: 400px !important;
	}
}

@media screen and (max-width: 480px) {
	#trust-hero-home h1 {
		font-size: 44px !important;
		line-height: 48px !important;
		letter-spacing: -0.5px;
	}
}

@media screen and (max-width: 360px) {
	#trust-hero-home h1 {
		font-size: 40px !important;
		line-height: 44px !important;
	}
}


/* Merged */

#trust-intro-home,
#trust-pages-nav,
#trust-quote,
#trust-home-feature, 
#trust-contact .hbox {
	margin: 0 0 4rem !important;
}


/* Homepage intro */

#trust-intro-home {
	border-bottom: 1px dotted #888B8D;
}

#trust-intro-home .text.parbase.section {
	width: 94%;
	margin: 0 3% !important;
}

#trust-intro-home p.intro {
	margin: 0;
	padding: 0 0 2rem;
	font-weight: 300;
}

#trust-intro-home p.intro, 
#trust-intro-home p.intro strong {
	font-size: 32px;
	line-height: 38px;
	letter-spacing: -0.5px;
	text-align: center;
}

@media screen and (min-width: 1400px) {
	#trust-intro-home p.intro {
		margin-left: 10%;
		margin-right: 10%;
	}
}

@media screen and (max-width: 600px) {
	#trust-intro-home p.intro, 
	#trust-intro-home p.intro strong {
		font-size: 28px;
		line-height: 34px;
	}
}

@media screen and (max-width: 480px) {
	:lang(nl) > #trust-intro-home p.intro,
	:lang(nl) > #trust-intro-home p.intro strong,
	:lang(de) > #trust-intro-home p.intro,
	:lang(de) > #trust-intro-home p.intro strong {
		font-size: 25px;
		line-height: 32px;
	}
}

@media screen and (max-width: 360px) {
	#trust-intro-home p.intro {
		font-size: 25px;
		line-height: 32px;
	}
}


/* Pages nav */

#trust-pages-nav p {
	margin: 0 0 2rem;
}

#trust-pages-nav p a {
	min-height: 204px;
	box-sizing: content-box;
	border: 1px solid #4C8C2B;
	padding: 24px 24px 24px 160px;
	background-color: #fff;
	background-image: url('../png/bg_pages_nav_sprite.png');
	background-repeat: no-repeat;
	background-size: 125px;
	transition: transform .2s ease-in-out;
}

:lang(de) > #trust-pages-nav p a {
	min-height: 225px;
}

:lang(de) > #trust-pages-nav p a span.title {
	font-size: 34px;
	line-height: 40px;
}

:lang(es) > #trust-pages-nav p a {
	min-height: 210px;
}

:lang(fr) > #trust-pages-nav p a {
	min-height: 210px;
}

:lang(nl) > #trust-pages-nav p a {
	min-height: 230px;
}

:lang(zh-Hans) > #trust-pages-nav p a {
	min-height: 160px;
}

#trust-pages-nav p.compliance a {
	background-position: 14px 22px;
}

#trust-pages-nav p.reliability a {
	background-position: 14px -702px;
}

#trust-pages-nav p.privacy a {
	background-position: 14px -1422px;
}

#trust-pages-nav p.security a {
	background-position: 14px -2190px;
}

#trust-pages-nav p a, #trust-pages-nav p a span {
	display: block;
	text-decoration: none;
	margin-bottom: 0.5rem;
}

#trust-pages-nav p a span.title, #trust-pages-nav p a span.cta {
	font-weight: 600;
}

#trust-pages-nav p a span.title {
	font-size: 36px;
	line-height: 42px;
	color: #478529;
}

#trust-pages-nav p a span.desc {
	color: #333F48;
}

#trust-pages-nav p a span.cta {
	font-size: 21px;
	line-height: 26px;
	color: #478529;
	text-decoration: underline;
}

#trust-pages-nav p a:hover {
	background-color: #F1F8E8;
	-webkit-box-shadow: 0px 0px 14px 0px rgba(136,139,141,0.3);
	-moz-box-shadow: 0px 0px 14px 0px rgba(136,139,141,0.3);
	box-shadow: 0px 0px 14px 0px rgba(136,139,141,0.3);	
	transform: scale(1.025);
}

#trust-pages-nav p a:active {
	border: 1px solid #333F48;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;	
	transform: scale(1);
}

@media screen and (min-width: 1400px) {
	#trust-pages-nav p a {
		min-height: 158px;
	}
	:lang(de) > #trust-pages-nav p a {
		min-height: 180px;
	}

	:lang(es) > #trust-pages-nav p a {
		min-height: 186px;
	}

	:lang(fr) > #trust-pages-nav p a {
		min-height: 186px;
	}

	:lang(nl) > #trust-pages-nav p a {
		min-height: 210px;
	}

	:lang(zh-Hans) > #trust-pages-nav p a {
		min-height: 140px;
	}
}

@media screen and (max-width: 980px) {
	#trust-pages-nav {
		padding: 0 3% !important;
	}
	#trust-pages-nav .cq-colctrl-lt0-c0, 
	#trust-pages-nav .cq-colctrl-lt0-c1 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	#trust-pages-nav p a,
	:lang(de) > #trust-pages-nav p a,
	:lang(es) > #trust-pages-nav p a, 
	:lang(fr) > #trust-pages-nav p a,
	:lang(nl) > #trust-pages-nav p a, 
	:lang(zh-Hans) > #trust-pages-nav p a {
		min-height: 1px;
	}
}

@media screen and (max-width: 480px) {
	#trust-pages-nav p a {
		padding: 18px 24px 18px 106px;
		background-size: 70px;
	}
	#trust-pages-nav p a span.title {
		font-size: 28px;
		line-height: 34px;
	}
	#trust-pages-nav p.reliability a {
		background-position: 14px -388px;
	}
	#trust-pages-nav p.privacy a {
		background-position: 14px -790px;
	}
	#trust-pages-nav p.security a {
		background-position: 14px -1220px;
	}
}

@media screen and (max-width: 360px) {
	#trust-pages-nav p a {
		padding: 110px 18px 18px 18px;
		background-size: 70px;
	}
}


/* Compliance tout */

#trust-compliance-tout {
	margin: 2rem 0 8rem;
	padding: 2rem 0 0.5rem !important;
	background: url('../png/bg_trust_stat.png');
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}

#trust-compliance-tout .text.parbase.section {
	padding: 1.5rem;
	background: url('../png/bg_trust_stat_text.png') repeat;
}

#trust-compliance-tout .image.parbase.section img {
	border: 1px solid #BBBCBC !important;
	/* max-width: 216px; */
}

#trust-compliance-tout .parsys_column.cq-colctrl-lt0-c1 .parsys_column.cq-colctrl-lt0 {
	margin-bottom: 1rem;
}

#trust-compliance-tout .parsys_column.cq-colctrl-lt0-c0 .image.parbase.section {
	text-align: right !important;
}

#trust-compliance-tout .parsys_column.cq-colctrl-lt0-c1 .image.parbase.section {
	text-align: left;
}

@media screen and (max-width: 800px) {
	#trust-compliance-tout {
		padding: 2rem 0 !important;
		background-repeat: repeat-y;
		background-size: 200%;
	}
	#trust-compliance-tout .parsys_column.cq-colctrl-lt0-c1 {
		margin: 0;
		max-width: 600px;
	}
	#trust-compliance-tout #logos.parsys_column.cq-colctrl-lt0 {
		display: table;
		margin-bottom: 0;
	}
	#trust-compliance-tout .text.parbase.section {
		margin-bottom: 2rem !important;
		padding: 1.5rem 0;
	}
	#trust-compliance-tout #logos .parsys_column.cq-colctrl-lt0-c0,
	#trust-compliance-tout #logos .parsys_column.cq-colctrl-lt0-c1 {
		float: left !important;
		width: 48% !important;
	}
	#trust-compliance-tout #logos .parsys_column.cq-colctrl-lt0-c0 {
		margin-right: 2%;
	}
	#trust-compliance-tout #logos .parsys_column.cq-colctrl-lt0-c1 {
		margin-left: 2%;
	}
	#trust-compliance-tout #logos .image.parbase.section img {
		width: 100%;
		height: auto;
	}
}

@media screen and (max-width: 600px) {
	#trust-compliance-tout div.parsys_column {
		clear: none !important;
	}
	#trust-compliance-tout #logos .parsys_column.cq-colctrl-lt0-c0 {
		margin-bottom: 0 !important;
	}
}


/* Top links */

#trust-top-links {
	margin: 0 0 8rem;
}

#trust-top-links .hbox {
	padding: 24px 24px 12px !important;
	background: #eff7e5;
	border: none;
}

#trust-top-links h3 {
	margin: 0 0 1.5rem;
	color: #35611F;
}

@media screen and (max-width: 980px) {
	#trust-top-links .parsys_column.cq-colctrl-lt2-c0, 
	#trust-top-links .parsys_column.cq-colctrl-lt2-c1, 
	#trust-top-links .parsys_column.cq-colctrl-lt2-c2 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
}


/* Features */

#trust-home-feature .textimage.parbase.section .image {
	margin: 10px 0 14px 14px;
	width: 140px;
}

@media screen and (max-width: 980px) {
	#trust-home-feature .parsys_column.cq-colctrl-lt2-c0, 
	#trust-home-feature .parsys_column.cq-colctrl-lt2-c1, 
	#trust-home-feature .parsys_column.cq-colctrl-lt2-c2 {
		width: 100%;
		margin-right: 0;
		margin-left: 0;
	}
	#trust-home-feature .parsys_column.cq-colctrl-lt2-c0,
	#trust-home-feature .parsys_column.cq-colctrl-lt2-c1 {
		margin-bottom: 6rem;
	}
	#trust-home-feature .textimage.parbase.section .image {
		margin: 0 0 14px 0;
		width: auto;
		float: none;
		max-width: 200px;
	}
}


/* Contact form */

#trust-contact .hbox {
	background: transparent;
	border: 1px solid #BBBCBC;
}

#trust-contact .hbox * {
	text-align: center;
}