/* 
WorldCat home page
/content/dam/oclc/worldcat/update/css/wc_homepage.css
*/

.parsys.hero_area {
	padding-top: 12px
}

.parsyscolumncontrol.section .parsys_column.cq-colctrl-lt5,
.parsyscolumncontrol.section .parsys_column.cq-colctrl-lt6 {
	margin-top: 36px
}

.cont-page.crumbs-tools {
	display: none
}

.pills.section,
.image.section {
	overflow: visible;
}

.parsys.header .section.header {
	margin-bottom: 0px
}

.parbase.textimage.section .image img,
.text.parbase.section img,
.parbase.textimage.section img,
.parbase.image.section img {
	background: none;
	border: none;
	border-radius: 0px;
	padding: 0;
}


/* Merged */

#intro-text p,
#carousel-cont h2,
#community-callout h3,
#wc-components h3,
#deep-links h3 {
	font-family: 'Graphik', Helvetica, Arial, sans-serif;
}


/* Hero */

#wchome-hero {
	background: #2cb2d8 url("https://www.oclc.org/content/dam/oclc/worldcat/update/bg_worldcat_hero.jpg") no-repeat scroll center top;
	background-size: cover;
	padding: 0px !important;
}

#wchome-hero .parsys_column.cq-colctrl-default-c0 {
	border-width: 11px 24px 24px;
	border-style: solid;
	border-color: #fff;
	box-sizing: border-box;
}

#wchome-hero p.wclogoblock {
	margin-bottom: 60px;
}

#wchome-hero p.wclogoblock img {
	background: none;
	border: none;
	border-radius: 0px;
	padding: 0px;
}

#wchome-hero h1 {
	margin: 0 0 72px;
	color: #fff;
	text-align: left
}

#wchome-hero h1 span {
	display: block
}

#wchome-hero h1 span.headline-1,
#wchome-hero h1 span.headline-2 {
	margin-left: 40px;
	margin-right: 40px;
}

#wchome-hero h1 span.headline-1 {
	padding-left: 6px;
	font-family: 'Graphik', Helvetica, Arial, sans-serif;
	font-weight: 300;
	letter-spacing: 0px;
	padding-bottom: 12px;
}

#wchome-hero h1 span.headline-2 {
	font-family: 'OCLC Stencil', Helvetica, Arial, sans-serif;
	font-size: 136px;
	line-height: 136px
}


/* Intro text */

#intro-text {
	background: #007dba
}

#intro-text p {
	margin: 0;
	padding: 48px 18px;
	font-weight: 300;
	font-size: 24px;
	line-height: 30px;
	color: #ffffff;
	letter-spacing: 0px;
}

#intro-text .text.parbase.section {
	margin-bottom: 0px
}


/* Carousel */

#carousel-cont {
	background: #236192
}

#carousel-cont .text.parbase.section {
	margin-block-end: 0;
}

#carousel-cont h2 {
	margin: 0;
	padding: 36px 18px 18px;
	font-weight: 300;
	font-size: 30px;
	line-height: 36px;
	color: #ffffff;
	letter-spacing: 0px;
	text-align: center
}

.owl-carousel-container {
	margin: 0 !important;
	border: none !important;
	background: #236192;
}

.owl-carousel .owl-nav button.owl-prev,
.owl-carousel .owl-nav button.owl-prev:hover,
.owl-carousel .owl-nav button.owl-prev:focus {
	background-image: url('https://www.oclc.org/content/dam/common/images/carousel_btn_left_reverse.png');
}

.owl-carousel .owl-nav button.owl-next,
.owl-carousel .owl-nav button.owl-next:hover,
.owl-carousel .owl-nav button.owl-next:focus {
	background-image: url('https://www.oclc.org/content/dam/common/images/carousel_btn_right_reverse.png');
}

.owl-carousel .owl-nav button.owl-prev, .owl-carousel .owl-nav button.owl-next {
	top: 36%;
}

.owl-carousel-container .owl-dots {
	display: none;
}

.carousel-overlay {
	background-color: rgba(51, 63, 72, 0.8);
	position: absolute;
	bottom: 0;
	inset-inline: 0;
	height: 86px;
	padding: 10px 20px;
	border-bottom-width: 18px;
	border-bottom-style: solid;
}

.carousel-overlay.magenta {
	border-bottom-color: #AE2573
}

.carousel-overlay.orange {
	border-bottom-color: #E87722
}

.carousel-overlay.yellow {
	border-bottom-color: #F6BE00
}

.carousel-overlay.green {
	border-bottom-color: #78BE20
}

.carousel-overlay.blue {
	border-bottom-color: #00AFD7
}

.carousel-overlay p {
	margin: 0;
	font-size: 13px;
	line-height: 1.3em;
	text-align: center;
}

a .carousel-overlay,
.carousel-overlay a {
	color: #ffffff !important;
}

@media screen and (max-width: 800px) {
	#carousel-cont h2 {
		padding: 36px 18px !important;
	}
  	.owl-carousel-container .mobile-hint {
	    margin-top: 0 !important;
	}
}


/* Community callout */

#community-callout {
	margin-bottom: 24px;
	padding-bottom: 8px !important;
	border: 1px solid #00AFD7
}

#community-callout h3 {
	margin: 20px;
	font-weight: 700;
	font-size: 28px;
	line-height: 32px;
	letter-spacing: 0px
}

#community-callout p {
	padding: 0 20px 20px 20px
}

#community-callout .video-callout {
	margin-right: 24px
}


/* WorldCat components */

#wc-components .image.section,
#wc-components .text.section {
	text-align: center !important
}

#wc-components .image.section,
#wc-components .image.section img {
	margin-bottom: 0px !important
}

#wc-components .image.section img {
	float: none !important
}

#wc-components h3 {
	margin: 0 0 8px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0px
}

#wc-components p {
	padding: 0 36px
}

#wc-components p.more-link {
	padding: 0 18px;
	margin-bottom: 24px
}

#wc-components-quote .barquote {
	margin: 0 10px 72px !important
}


/* Deep links */

#deep-links .deep-link-cont {
	margin: 60px 0;
	border-top: 30px solid #d9d9d6;
	padding-top: 24px;
}

#deep-links h3 {
	margin: 0 0 14px;
	font-weight: 700;
	font-size: 24px;
	line-height: 28px;
	letter-spacing: 0px
}

@media handheld and (max-width: 480px),
screen and (max-device-width: 480px),
screen and (max-width: 600px) {
	.parsys.hero_area {
		padding-top: 0px
	}
	#wchome-hero {
		background-size: cover;
		background-position: 75%;
		height: 250px;
		padding: 0px !important
	}
	#wchome-hero .parsys_column.cq-colctrl-default-c0 {
		border: none
	}
	#wchome-hero h1 {
		text-align: center !important;
		color: #00AFD7;
		margin: 0
	}
	#wchome-hero p.wclogoblock {
		padding-top: 260px;
		margin-bottom: 0px
	}
	#wchome-hero p.wclogoblock img {
		width: 100% !important;
		height: auto !important
	}
	#wchome-hero h1 span.headline-1 {
		font-size: 32px;
		line-height: 36px;
		padding-bottom: 12px
	}
	#wchome-hero h1 span.headline-2 {
		font-size: 56px;
		line-height: 56px
	}
	#intro-text {
		margin-top: 380px !important
	}
	#community-callout p {
		padding-bottom: 0
	}
	#community-callout .video-callout {
		margin: 0 18px
	}
	/* Hide section icons */
	.parsys_column.cq-colctrl-lt6-c0,
	.parsys_column.cq-colctrl-lt5-c1 {
		display: none
	}
	#wc-components .image.section img {
		width: 67%
	}
	#deep-links .parsys.col0 {
		padding-right: 0px
	}
}
