@charset "UTF-8";
/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	/*
	background: rgb(255,255,255);
	background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(250,250,250,1) 100%) fixed;
	background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%) fixed;
	background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(250,250,250,1) 100%) fixed;
	*/
	background-color:#fafafa;
	background-image:url(images/background-stripe.jpg);
	background-position:center top;
	background-repeat:repeat-x;
}

.mainHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center;
}

.contentHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; text-align:center; display:inline-block; max-width:1280px; margin-top:10px; padding-bottom:20px; overflow:hidden;
}

.titleHolder {
	position:relative; left:0px; top:0px; width:94%; height:auto; min-height:24px; display:inline-block; max-width:1200px;
}

.scholasticLogo {
	position:relative; left:0px; top:0px; width:20%; height:auto; max-width:240px; min-width:200px; float:left; display:inline-block; object-fit: contain;
}

.topRightText {
	position:relative; left:0px; top:0px; width:320px; height:auto; float:right;
	font-family: MuseoSans-500;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.71;
	letter-spacing: normal;
	text-align: right;
	margin:0px;
	padding:0px;
	display:inline-block;
}

.topRightText a {
	color:#50aafc !important;
	text-decoration:none;
}

h1 {
	position:relative; left:0px; top:0px; width:94%; height:auto; max-width:1200px;
	font-family: MuseoSans-300;
	font-size: 62px;
	letter-spacing: 0.3px;
	text-align: center;
	line-height: 1.19em;
	margin:0px;
	padding:0px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	margin-top:40px;
	color:#333333;
	display:inline-block;
}

h2 {
	position:relative; left:0px; top:0px; width:94%; height:auto; max-width:815px;
	margin:0px;
	padding:0px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	font-family: MuseoSans-300;
	font-size: 18px;
	line-height: 1.33;
	text-align: center;
	display:inline-block;
	margin-top:10px;
}

.cardHolder {
	position:relative; left:0px; top:0px; width:100%; height:auto; display:inline-block; max-width:1280px; margin-top:60px; padding-bottom:50px;
}

.itemCard {
	position:relative; left:0px; top:0px; width:380px; height:530px; background-color:#FFFFFF; display: inline-block; vertical-align:top; min-width:320px; max-width:380px; margin-left:15px; margin-right:15px; margin-bottom:60px; -moz-transition: all .5s;
     -webkit-transition: all .5s;
     transition: all .5s;
}

.itemCard .theImage {
	position:relative; left:0px; top:0px; width:100%; height:285px; background-position:50% 50%; background-size:100% auto; background-repeat:no-repeat;
}

.logoHolder {
	position:relative; left:0px; top:0px; width:100%; height:76px; display:inline-block;
}

.logoHolder .theLogo {
	position:absolute; left:50%; top:50%; -webkit-transform:translateX(-50%) translateY(-50%); -ms-transform:translateX(-50%) translateY(-50%); transform:translateX(-50%) translateY(-50%); object-fit: contain;
}

.itemCard p {
	position:relative; left:0px; top:0px; width:85%; height:90px; margin:0px; padding:0px; display:inline-block; font-family: MuseoSans-500;
	font-size: 24px;
	text-align: center; color:#333333; margin-top:-8px;
}

.itemCard .shopNow {
	position:relative; left:0px; top:0px; width:160px; height:auto; line-height:11px; border-radius: 24px; background-color: #ec1921; font-family: MuseoSans-700;
	font-size: 11px;
	line-height: 1.0;
	letter-spacing: 2px;
	text-align: center; padding-top:12px; padding-bottom:12px; color:#FFFFFF;
	text-transform:uppercase;
}

.itemCard a {
	position:absolute; left:0px; top:0px; width:100%; height:100%; z-index:100;
}

.itemCard .tag {
	position:absolute; left:10px; top:6px; width:auto; height:auto; margin:0px;
	padding:0px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal; z-index:80; font-family: MuseoSans-700;
	font-size: 10px;
	letter-spacing: 1px;
	text-align: center;
	color:#ec1921; background-color:#FFF; padding-top:5px; padding-bottom:5px; padding-left:10px; padding-right:10px; border-radius: 4px;
}

.itemCardWide {
	width:575px; height:560px; max-width:575px; margin-left:25px; margin-right:25px;
}

.itemCardWide .theImage {
	height:323px;
}

.theFooter {
	position:relative; left:0px; top:0px; width:98%; height:auto; display:inline-block; font-family: MuseoSans-300;
	font-size: 14px;
	line-height: 1.57;
	text-align: center; color:#919191;
}

.theFooter a {
	color:#5a3487;
}

.src-logo {
	width: 200px;
	height: 20px;
	object-fit: contain;
}

.the-teacher-store {
	width: 172px;
	height: 16px;
	object-fit: contain;
}

.the-teacher-store_v2 {
	width: 86px;
	height: auto;
	object-fit: contain;
}

.the-scholastic-store {
	width: 191px;
	height: 16px;
	object-fit: contain;
}

.classroom-magazine-logo {
	width: 120px;
	height: 21px;
	object-fit: contain;
}

.prt-logo {
	width: 120px;
	height: auto;
	object-fit: contain;
}

.klutz-logo-word-red {
	width: 100px;
	height: 22px;
	object-fit: contain;
}

.fairs-logo {
	width: 100px;
	height: 28px;
	object-fit: contain;
}

/*
.itemCard a:hover + .shopNow {
    background-color:#f0474d;
}
*/


#prt-line {width:75%;}

@media only screen and (max-width:1259px) {
	.itemCard {
		width:320px; height:430px; margin-left:8px; margin-right:8px;
	}
	.itemCard .theImage {
		height:240px;
	}
	.itemCard p {
		font-size: 18px; height:62px;
	}
	.itemCardWide {
		width:488px; height:428px;
	}
}

@media only screen and (max-width:1010px) {
	.itemCardWide {
		width:320px; height:430px; margin-left:8px; margin-right:8px;
	}
	.itemCardWide .theImage {
		background-size:auto 100%;
	}
	h1 {
		font-size:40px;
	}
	h2 {
		font-size:17px; height:auto;
	}
	.cardHolder {
		margin-top:50px;
	}
}

@media only screen and (max-width:600px) {
	.topRightText {
		width:100%; font-size:12px; padding-bottom:15px; text-align:center;
	}
	.scholasticLogo {
		float:none;
	}
	h1 {
		font-size:28px; margin-top:15px;
	}
	h2 {
		font-size:16px; height:auto;
	}
	.cardHolder {
		margin-top:50px;
	}
	#cm-btn, #ss-btn {margin-top:10px !important;}
}

@media only screen and (max-width:360px) {
	.theFooter {
		font-size: 13px;
	}
	
}