/* 
Quotes carousel using jCarousel http://sorgalla.com/jcarousel/ 
Widths set for oclc.org full-width page template; break points at 600 and 1450
*/

.jcarousel-container{margin-left:0px !important}

.qcar{margin-bottom:24px;border:1px solid #c7cccf;border-radius:12px}
.qcar,.qcar .jcarousel-container,.qcar .jcarousel-clip-horizontal{width:940px !important}
.qcar .jcarousel-clip-horizontal{height:264px !important}
.qcar .panel{min-height:264px}
.qcar .jcarousel-item{width:874px !important;display:inline;margin:0 10px;padding:0 24px;cursor:default}
.qcar .jcarousel-clip-horizontal{margin:0 auto}
.qcar .jcarousel-prev-horizontal,.qcar .jcarousel-next-horizontal
{width:24px !important;height:62px !important;background-image:url('/content/dam/oclc/design-images/Partnerships/quotecarousel/bg_quotecarousel_prevnextbtns.png') !important;background-repeat:no-repeat;position:absolute;top:86px !important;cursor:pointer}
.qcar .jcarousel-prev-horizontal,.qcar .jcarousel-prev-horizontal:active{background-position:0px 0px !important}
.qcar .jcarousel-prev-horizontal:hover{background-position:-24px 0px !important}
.qcar .jcarousel-next-horizontal,.qcar .jcarousel-next-horizontal:active{background-position:-48px 0px !important}
.qcar .jcarousel-next-horizontal:hover{background-position:-72px 0px !important}
.qcar .jcarousel-prev-horizontal{left:10px !important}
.qcar .jcarousel-next-horizontal{right:10px !important}
.qcar .panel span.quote,.qcar .panel span.attr{display:block}
.qcar .panel span.quote{padding:24px 24px 0 24px;font-size:20px;line-height:28px}
.qcar .panel span.attr{margin-top:8px;padding:0 24px 24px 24px;font-size:16px;line-height:20px}

/* wide */ @media screen and (min-width:1450px) {

	.qcar,.qcar.jcarousel-container,.qcar .jcarousel-clip-horizontal{width:1180px !important}
	.qcar .jcarousel-clip-horizontal{height:234px !important}
	.qcar .jcarousel-item{width:1114px !important;height:234px !important}
	.qcar .jcarousel-prev-horizontal,.qcar .jcarousel-next-horizontal{top:74px !important}

}

/* mobile */ @media screen and (max-width:600px) {

	.qcar{padding-bottom:24px}
	.qcar,.qcar.jcarousel-container,.qcar .jcarousel-clip-horizontal{width:320px !important}
	.qcar .jcarousel-clip-horizontal{height:460px !important}
	.qcar .jcarousel-item{width:254px !important;height:460px !important}
	.qcar .jcarousel-prev-horizontal,.qcar .jcarousel-next-horizontal{top:410px !important}
	.qcar .jcarousel-prev-horizontal{left:24px !important}
	.qcar .jcarousel-next-horizontal{right:24px !important}
	.qcar .panel span.quote{padding:24px 0 0 0;font-size:18px;line-height:23px}
	.qcar .panel span.attr{font-size:14px;line-height:18px}

}