/*
/content/dam/oclc/resource-sharing/css/resource-sharing.css
*/

/* Fonts */

@font-face {
	font-family: 'Graphik Light';
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.eot');
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.eot?#iefix') format('embedded-opentype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.woff') format('woff'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.ttf') format('truetype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Light-Web.svg#Graphik-Light') format('svg');
	font-weight: 300;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Graphik Regular';
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.eot');
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.eot?#iefix') format('embedded-opentype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.woff') format('woff'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.ttf') format('truetype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Regular-Web.svg#Graphik-Regular') format('svg');
	font-weight: 400;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Graphik Regular-Italic';
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.eot');
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.woff') format('woff'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.ttf') format('truetype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-RegularItalic-Web.svg#Graphik-RegularItalic') format('svg');
	font-weight: 400;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: 'Graphik Bold';
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.eot');
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.eot?#iefix') format('embedded-opentype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.woff') format('woff'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.ttf') format('truetype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-Bold-Web.svg#Graphik-Bold') format('svg');
	font-weight: 700;
	font-style: normal;
	font-stretch: normal;
}

@font-face {
	font-family: 'Graphik Bold-Italic';
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.eot');
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.eot?#iefix') format('embedded-opentype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.woff') format('woff'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.ttf') format('truetype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/Graphik-BoldItalic-Web.svg#Graphik-BoldItalic') format('svg');
	font-weight: 700;
	font-style: italic;
	font-stretch: normal;
}

@font-face {
	font-family: 'OCLC Stencil';
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.eot');
	src: url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.eot?#iefix') format('embedded-opentype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.woff2') format('woff2'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.woff') format('woff'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.ttf') format('truetype'), url('https://www.oclc.org/apps/settings/wcm/designs/oclc/share/css/oclcstencil_largeformat-regular-webfont.svg#oclc-stencil') format('svg');
	font-weight: normal;
	font-style: normal;
}

.customjavascript.section {
	margin: 0;
}

.hero_area div.parsyscolumncontrol {
	margin: 0 !important;
}

.new.section {
	margin-bottom: 0px
}

.parsys.hero_area {
	background: none;
	border: none;
	box-shadow: none;
	padding: 0;
}

#main-content h2,
#main-content h3,
#main-content h4,
p,
li {
	font-family: 'Graphik', Helvetica, Arial, sans-serif;
	letter-spacing: 0px
}

#main-content h4 {
	font-size: 20px;
	font-family: 'Graphik Bold', sans-serif;
}

#main-content h5 {
	font-size: 16px;
	font-family: 'Graphik Bold', sans-serif;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #000;
}

#main-content p,
#main-content li {
	font-weight: 400;
	font-size: 16px;
	line-height: 22px
}

#main-content strong {
	font-weight: 600 !important
}


/* Page intro paragraph */

p.page-intro {
	font-size: 21px !important;
	line-height: 28px !important;
	font-weight: 300;
}


/* Color headlines */

#main-content h2 {
	font-weight: 400;
}

#main-content h2.main,
#main-content h2.section {
	font-size: 44px;
	line-height: 50px;
}

#main-content h2.main {
	text-align: center;
	color: #1D252D;
	padding: 18px 0 32px;
	border-bottom: 1px solid #333f48
}

#main-content h2.section {
	margin: 60px 0 24px
}

#main-content h2.section.first,
#main-content h2.section.home {
	margin-top: 0px
}

#main-content h2.main.second {
	padding-top: 36px
}

#main-content h2.section.ptop {
	margin-top: 0px;
	padding-top: 16px
}

#main-content h2.section.blue {
	color: #236192
}

#main-content h2.section.blue strong {
	color: #236192
}

#main-content h2.section.green {
	color: #78be20
}

#main-content h2.section.green strong {
	color: #007749
}

#main-content h2.section.fuschia {
	color: #ae2573
}

#main-content h2.section.fuschia strong {
	color: #8a1b61
}

#main-content h2.section.grey {
	color: #333f48
}

#main-content h2.section.grey strong {
	color: #1d252d
}

#main-content h2.section.orange {
	color: #e87722
}

#main-content h2.section.orange strong {
	color: #d33805
}


/* Tri-color bar */

.divider {
	height: 25px;
}

.divider .bar-1 {
	height: 25px;
	float: left;
	width: 25%;
}

.divider .bar-2 {
	height: 25px;
	float: left;
	width: 5%;
}

.divider.blue-green {
	background: #78be20;
}

.divider.blue-green .bar-1 {
	background: #00b5df;
}

.divider.blue-green .bar-2 {
	background: #3c9d6d;
}


/* Bar quotes */

.barquote {
	margin: 0 0 24px
}

.barquote-header,
.barquote-image {
	height: 48px
}

.barquote-header {
	margin: 0 0 14px;
	padding-right: 14px
}

.barquote-image {
	float: left;
	width: 62px
}

.barquote-header img {
	border: none !important;
	border-radius: 0px !important;
	background: transparent !important;
	padding: 0 !important;
}

.barquote-header h3,
.barquote-text,
.barquote-attr {
	font-family: 'Graphik', Helvetica, sans-serif
}

.barquote-header h3 {
	margin: 0;
	padding: 0 12px 0 0;
	font-weight: 700;
	letter-spacing: 0;
	color: #fff;
	font-size: 18px !important;
	line-height: 22px !important;
	position: relative;
	top: 12px;
	left: 12px;
}

p.barquote-text,
p.barquote-attr {
	font-weight: 300
}

p.barquote-text {
	font-size: 18px !important;
	line-height: 26px !important;
	margin-bottom: 14px;
	padding-bottom: 12px;
	border-bottom-style: solid;
	border-bottom-width: 1px
}

p.barquote-attr {
	margin: 0 0 8px;
	font-size: 14px !important;
	line-height: 18px !important;
	color: #333F48
}

p.barquote-attr b {
	font-weight: 700 !important
}

p.barquote-morelink {
	font-size: 14px;
	line-height: 14px
}


/* Bar quote colors */

.barquote.ltblue .barquote-header {
	background: #00afd7
}

.barquote.ltblue .barquote-image {
	background: #007dba
}

.barquote.ltblue .barquote-text {
	color: #007dba;
	border-bottom-color: #007dba
}

.barquote.dkblue .barquote-header {
	background: #007dba
}

.barquote.dkblue .barquote-image {
	background: #236192
}

.barquote.dkblue .barquote-text {
	color: #236192;
	border-bottom-color: #236192
}

.barquote.ltgreen .barquote-header {
	background: #78be20
}

.barquote.ltgreen .barquote-image {
	background: #4c8c2b
}

.barquote.ltgreen .barquote-text {
	color: #4c8c2b;
	border-bottom-color: #4c8c2b
}

.barquote.dkgreen .barquote-header {
	background: #4c8c2b
}

.barquote.dkgreen .barquote-image {
	background: #007749
}

.barquote.dkgreen .barquote-text {
	color: #007749;
	border-bottom-color: #007749
}

.barquote.fuschia .barquote-header {
	background: #ae2573
}

.barquote.fuschia .barquote-image {
	background: #8a1b61
}

.barquote.fuschia .barquote-text {
	color: #8a1b61;
	border-bottom-color: #8a1b61
}

.barquote.grey .barquote-header {
	background: #888b8d
}

.barquote.grey .barquote-image {
	background: #333f48
}

.barquote.grey .barquote-text {
	color: #333f48;
	border-bottom-color: #333f48
}

.barquote.orange .barquote-header {
	background: #e87722
}

.barquote.orange .barquote-image {
	background: #d33805
}

.barquote.orange .barquote-text {
	color: #e87722;
	border-bottom-color: #e87722
}


/* video callout */

.video-callout {
	margin: 0 0 32px 0;
	padding: 18px;
	border: 1px solid #888B8D
}

.video-callout.right-margin {
	margin: 0 18px 32px 0;
}

.video-callout h3 {
	font-weight: 700 !important;
	font-size: 18px !important;
	line-height: 22px !important;
	margin: 0 0 12px !important;
}


/* Call to action box links */

a.cta-box-link {
	display: inline-block;
	border: 4px solid #008ccc;
	color: #008ccc;
	font-size: 16px;
	line-height: 20px;
	font-weight: bold;
	margin: 0 0 14px;
	padding: 8px 15px;
	text-decoration: none !important
}

a.cta-box-link:hover,
a.cta-box-link:focus {
	border-color: #f57f29;
	color: #f57f29;
}

a.cta-box-link.white,
a.cta-box-link.white:hover,
a.cta-box-link.white:focus {
	border-color: #ffffff;
	color: #ffffff;
}

@media handheld and (max-width: 480px),
screen and (max-device-width: 480px),
screen and (max-width: 600px) {
	.parsys.hero_area {
		box-shadow: none
	}
	.parsys.hero_area .parsys_column {
		margin-bottom: 0px !important
	}
	.pills.section {
		overflow: visible !important
	}
	.parsys.hero_area.product-header-stuck #pill-nav-cont {
		height: 88px
	}
	ul#pill-nav {
		margin-left: 18px;
		margin-right: 18px;
	}
	#main-content h2.main,
	#main-content h2.section {
		font-size: 36px;
		line-height: 40px
	}
	.barquote {
		margin-bottom: 36px
	}
	.barquote-header,
	.barquote-image,
	.barquote-image img {
		height: 68px
	}
	.barquote-image {
		width: 82px
	}
	.barquote-image img {
		width: 68px
	}
	#wcint-hero p.wclogorevblock {
		margin: 0;
		padding: 24px;
	}
	#wcint-hero p.wclogorevblock img {
		width: 100%;
		height: auto;
		max-width: 275px
	}
	#wcint-hero h1 {
		font-size: 42px;
		line-height: 46px;
		margin: 0 18px 36px 18px;
	}
	.video-callout.right-margin {
		margin: 0 0 32px 0;
	}
}

@media screen and (min-width: 480px) and (max-width: 600px) {
	.carousel-overlay p {
		font-size: 14px !important;
		line-height: 17px !important
	}
}

@media screen and (min-width: 1024px) and (max-width: 1180px) {
	.carousel-overlay p {
		font-size: 14px !important;
		line-height: 17px !important
	}
}


/* ---- Resource sharing home page ---- */

.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
}


/* 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/resource-sharing/images/resource-sharing-bg.jpg") no-repeat scroll center top;
	background-size: cover;
	padding: 0px !important;
	height: 500px;
}

#wchome-hero .parsys_column.cq-colctrl-default-c0 {
	box-sizing: border-box;
}

#wchome-hero h1 {
	margin: 170px 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-right: 40px;
}

#wchome-hero h1 span.headline-1 {
	font-size: 48px;
	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: 110px;
	line-height: 110px
}


/* Intro text */

#intro-text {
	background: #236192;
	margin: 0;
}

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


/* Carousel */

#carousel-cont {
	background: #236192
}

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

.slider.carousel-responsive {
	margin-bottom: -30px
}

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


/* 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 {
		margin: 0;
		letter-spacing: 0;
		padding: 80px 0 0 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: 0
	}
	#wchome-hero h1 span.headline-2 {
		font-size: 56px;
		line-height: 56px
	}
	#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
	}
}