<>
.slider-hero {
margin-top: 6px;
color: #fff;
}
.slider-hero .image {
width:40%; vertical-align:bottom;
text-align: center;
}
.slider-hero .desc {
width:60%; padding-bottom: 22px; color: #fff;
}
.slider-hero .hero-loginembed .image {
width: auto;
padding-right: 0px;
padding-left: 0px;
}
.slider-hero .hero-mobile .desc {
width:auto;
}
.slider-hero .desc.right {
padding-right:30px;
}
.slider-hero .desc.left {
padding-left:30px;
}
.slider-hero h3 {
font-family: BrandonText-medium; font-size:20px;
text-transform: uppercase;
}
.slider-hero h4 {
font-family: BrandonText-Light; font-size:40px;
margin: 30px 0;
}
.slider-hero .siginblock{
text-align: center;height:220px;width:306px; position: relative; z-index: 2;
}
.slider-hero .siginblock .ctalist{
width: 245px;height: 108px;background-color: #ffff; position: relative; top: 24px; padding: 30px
}
.slider-hero .siginblock .ctalist .cta-1{
padding: 0px 0px 0px 0px;
position: relative;
}
.slider-hero .siginblock .ctalist .cta-2{
padding: 14px 0px 0px 0px;
}
.slider-hero .siginblock .ctalist .cta-3{
padding: 14px 0px 0px 0px;
}
.slider-hero .siginblock .ctalist .cta-1 a.siginlink{
display: block;
text-align: center;
font-size: 18px;
color: #fff;
text-transform: uppercase;
background: #E81111 !important;
border-radius: 40px;
height: 40px;
line-height: 40px;
}
.slider-hero .siginblock .ctalist .cta-1 a.siginlink:before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(000.08);
transition: opacity 0s;
opacity: 0;
z-index: 2;
border-radius: 40px;
}
.slider-hero .siginblock .ctalist .cta-1 a.siginlink:hover:before {
opacity: 1;
}
.slider-hero .siginblock .ctalist .cta-2 a.createaccount{
display: block;
text-align: left;
color: #3a3a3a;
font-family: BrandonText-bold;
font-size: 18px;
line-height: 1.22;
text-transform: uppercase;
}
.slider-hero .siginblock .ctalist .cta-2 a.createaccount:hover {color: #F98041;}
.slider-hero .siginblock .ctalist .cta-3 a.connectteacher{
display: block;
text-align: left;
color: #3a3a3a;
font-family: BrandonText-bold;
font-size: 18px;
line-height: 1.22;
text-transform: uppercase;
}
.slider-hero .siginblock .ctalist .cta-3 a.connectteacher:hover {color: #F98041;}
.slider-hero .slide_image_1 {
bottom:0px;z-index:1;width:100%; max-width: 393px; left: 324px;
}
.slider-hero .slide_image_1_m {
display:none; bottom:0px;z-index:1;
}
.slider-hero .slide_image_2 {
right:0px;position:relative; bottom:-10px;z-index:1;
}
.slider-hero .slide_image_3 {
right:5px; bottom:-20px;z-index:1;
}
.slider-hero .slide_image_4 {
right:-30px; bottom:20px;top:30px;
}
.slider-hero .slide_image_5 {
top:-15px;right:15px;
}
.slider-hero .cta_position {
position:absolute;
}
.slider-hero .logoimg {
padding-bottom : 65px;
}
.slider-hero p {
font-family: BrandonText-Light; font-size:20px; line-height:28px;
}
.slider-hero a {
font-family: BrandonText-Bold; color:#fff; text-transform: uppercase; font-size:14px; line-height:30px;
}
.slider-hero a.link-horizon {
margin-right: 37px;
}
.slider-hero a:hover {
color: #fff
}
.slider-hero a i.fa-chevron-right {
font-size: .8em;
}
.slider-hero .img-right {
position:relative
}
.slider-hero .img-right img {
position: absolute;
}
.slider-hero .img-right .row{
width: 55%;
}
.cartridges-title {
color: #000!Important;
}
.signin-hero-right-text {float: right; width: 405px; max-width: 405px; text-align: left; margin-top: 0px; margin-bottom: 0px;}
.signin-hero-header{position: absolute; font-family: BrandonText-Medium; font-size: 32px; line-height: 36px; color: #ffffff; z-index: 2; margin-top: 37px; margin-left: 110px; width: 306px;}
.signin-hero-cta{position: absolute; font-family: BrandonText-Bold; font-size: 18px; line-height: 32px; color: #ffffff; z-index: 2; margin-top: 159px; margin-left: 110px; width: 306px;}
.signin-hero-url-text {font-size: 18px!Important; line-height: 32px!Important; color: #ffffff!Important; text-transform: unset!Important;}
.signin-hero-url-text:hover{color: #F98041!Important;}
.signin-hero-url-text:active{color: #F98041!Important;}
.carat-size {font-size: 14px;}
@media screen and (min-width: 320px) and (max-width: 359px) {
.signin-hero-right-text {width: 320px!Important; max-width: 360px!Important;}
.signin-hero-header{width: 320px!Important; margin-left: 0px!Important;}
}
@media screen and (max-width: 480px) {
.slider-hero {
margin-top: 10px;
min-height: 508px;
}
.slider-hero .image {
display:none;
width: initial;
}
.slider-hero .image img.slider-hero .img-right img {
max-height: 325px;
position: unset;;
}
.slider-hero .img-right img {
top : 0px;
}
.slider-hero .img-right .row{
width: 100%;
}
.slider-hero .wrapper-content-signinwall{
min-height: 508px;
}
.slider-hero .desc {
width: initial;
padding: 0 15px;
}
.slider-hero h3 {
font-size:16px; line-height:32px;
margin: 15px 0;
}
.slider-hero h4 {
font-size:28px; line-height:32px;
margin: 15px 0;
}
.slider-hero .siginblock{
text-align: center;height:310px;width:85%;position: absolute;padding-left: 8%;padding-top: 0px; margin: 20px 0 0 0;
}
.slider-hero .siginblock .ctalist{
width: 80%;height: 108px;background-color: #ffffff; position: unset; top: unset; left: unset;
}
.slider-hero .slide_image_1 {
right:0px;bottom:0px;z-index:0;display:none;
}
.slider-hero .slide_image_1_m {
right:0px;bottom:0px;z-index:1;display:block; width:100%; position:absolute!Important; max-height: none!Important; top: 276px!Important;
}
.slider-hero .hero_center_m{
width: 360px; height: 360px; position:absolute; left: 0; right: 0; margin: 0 auto;
}
.slider-hero .slide_image_2 {
right:0px;position:relative; bottom:0px;z-index:0;
}
.slider-hero .slide_image_3 {
right:0px; bottom:0px;z-index:10;
}
.slider-hero .slide_image_4 {
right:0px; bottom:0px;top:0px;
}
.slider-hero .slide_image_5 {
top:0px;right:0px;
}
.slider-hero .cta_position {
position:unset;
}
.slider-hero .logoimg {
padding-bottom : 0px;
padding-top : 20px;
}
.slider-hero .logoimg img{
top:20px;
}
.slider-hero p {
font-size:18px;
line-height:24px;
margin-top: 0;
margin-bottom: 7px;
text-align:center;
}
.slider-hero a.link-horizon {
margin-right: 0px;
}
.slider-hero a.link-horizon:after {
content:"\a";
white-space: pre;
}
.home-signInWall .login-box-content{ padding: 0}
.signin-hero-right-text {width: 360px; max-width: 360px; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto;}
.signin-hero-header{width: 100%; margin-top: 202px; font-size: 30px; margin-left: unset; text-align: center;}
.signin-hero-cta{width: 100%; margin-top: 473px; margin-left: unset; text-align: center;}
}
<>
.signin-msgbar {max-width: none; height: 60px; background-color:#FFDC5D;}
.signin-header-d {display: inline-block; font-family: BrandonText-Bold; margin: 16px 0px; color: #121212; font-size: 19px; width: 100%; line-height: 22px; text-align: center;}
.signin-header-m {display: none; font-family: BrandonText-Bold; margin: 16px 0px; color: #121212; font-size: 19px; width: 100%; line-height: 22px; text-align: center;}
.star-icon {position: absolute; margin-left: -46px;}
.signin-msgbar-url-text {text-decoration-line: underline; color: #121212; font-family: BrandonText-Regular; margin-left: 16px;}
.signin-msgbar-url-text:hover{color: #F98041;}
.signin-msgbar-url-text:active{color: #F98041;}
@media screen and (max-width: 480px) {
.signin-header-d {display: none;}
.signin-header-m {display: inline-block; BrandonText-Bold; margin: 8px 20px;}
.signin-msgbar-url-text {text-decoration-line: underline; color: #121212; font-family: BrandonText-Regular; margin-left: -43px;}
}
New to Book Clubs?Learn how it works
New to Book Clubs?Learn how it works
<>
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%;}
.section-wrapper {max-width: 1005px; width: 1005px; margin: auto;}
.cartridge-header-box {width: 100%; height: 128px; text-align: center; background-color:#FFFFFF; margin-top: 24px;}
.cartridge-header {display: inline-block; width: 600px; font-family: BrandonText-Bold; margin-top: 30px; color: #121212; font-size: 34px; line-height: 38px; text-align: center;}
.cartridge-description {display: inline-block; width: 600px; font-family: BrandonText-Regular; margin-top: 8px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
/* Smaller Mobile section */
@media screen and (min-width: 320px) and (max-width: 359px) {
.cartridge-header{font-size: 30px!Important;}
.cartridge-description{font-size: 16px!Important;}
}
/* Mobile section */
@media screen and (max-width: 480px) {
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.cartridge-header-box {max-width: 100%; height: 148px; margin-bottom: -18px;}
.cartridge-header {width: 100%; font-size: 32px; line-height: 36px;}
.cartridge-description {width: 315px;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.section-wrapper{width: 768px; max-width: 768px;}
}
This Month's Rewards
Here’s what you can earn when you order this month from Book Clubs!
<>
.points-wrapper {max-width: 1005px; width: 1005px; margin: auto;}
.promo-img {max-width: 502.5px; margin-top: -18px;}
@media screen and (max-width: 480px) {
.points-wrapper {max-width: 100%; width: 100%; margin: auto;}
.promo-img {max-width: 100%; margin-top: unset; margin-bottom: -5px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.points-wrapper {max-width: 768px; width: 768px; margin: auto;}
.promo-img {max-width: 384px;}
}
<>
.section-wrapper {max-width: 1005px; width: 1005px; margin: auto;}
.signin-button-top{max-width: none; height: 120px; background-color:#FFFFFF; margin-top: 0px;}
.button-center {width: 100%; text-align: center;}
.shadow{position: relative; width: 100%; text-align: center;}
.shadow .shadow-center-top {display: inline-block; position: relative; padding: 0px 0px 0px 0px; margin-top: 25px;}
.shadow .shadow-center-top a.top-button-text {display: inline-block; width:150px; height: 40px; font-family: BrandonText-Bold; margin-top: 0px; color: #FFFFFF; background: #E81111; font-size: 16px; line-height: 40px; letter-spacing: 0px; border-radius: 40px;}
.shadow .shadow-center-top a.top-button-text:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(000.08); transition: opacity 0s; opacity: 0; z-index: 2; border-radius: 40px; width: 150px; height: 40px; margin-top: 0px;}
.shadow .shadow-center-top a.top-button-text:hover:before {opacity: 1;}
@media screen and (max-width: 480px) {
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.signin-button-top {width: 100%; max-width: 100%; height: 120px; background-color:#FFFFFF; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; }
.shadow .shadow-center-top a.top-button-text {margin-top: 0px;}
.shadow .shadow-center-top a.top-button-text:before {margin-top: 0px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
}
<>
.wrapper-content {max-width: 1005px; width: 1005px; margin: auto;}
.signin-grades {max-width: none; height: 305px;}
.grades-center {width: 100%; text-align: center;}
.grades-header {display: inline-block; width: 100%; font-family: BrandonText-Bold; margin-top: 0px; color: #121212; font-size: 34px; line-height: 35px; text-align: center;}
.grades-description {display: inline-block; width: 760px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
.points-wrapper2 {max-width: 1005px; width: 1005px; margin: auto;}
.grades-pointa {float: left; width: 230px; max-width: 230px; height: 60px; background-color: #01C365; margin-top: 23px; margin-left: 0px; text-align: center;}
.grades-pointb {float: left; width: 230px; max-width: 230px; height: 60px; background-color:#FFDC5D; margin-top: 23px; margin-left: 28.33px; text-align: center;}
.grades-pointc {float: left; width: 230px; max-width: 230px; height: 60px; background-color:#FF97B6; margin-top: 23px; margin-left: 28.33px; text-align: center;}
.grades-pointd {float: right; width: 230px; max-width: 230px; height: 60px; background-color:#FF9D1B; margin-top: 23px; text-align: center;}
.grades-pointe {float: left; width: 230px; max-width: 230px; height: 60px; background-color:#83B2F9; margin-top: 23px; margin-left: 0px; text-align: center;}
.grades-pointf {float: left; width: 230px; max-width: 230px; height: 60px; background-color:#FFB1C8; margin-top: 23px; margin-left: 28.33px; text-align: center;}
.grades-pointg {float: left; width: 230px; max-width: 230px; height: 60px; background-color:#66D496; margin-top: 23px; margin-left: 28.33px; text-align: center;}
.grades-pointh {float: right; width: 230px; max-width: 230px; height: 60px; background-color:#4383E9; margin-top: 23px; text-align: center;}
.grades-name {width: 230px; height: 60px; font-family: BrandonText-Regular; color: #121212; font-size: 28px; line-height: 30px; margin-top: 16px;}
.gray-overlay {float: left; width: 230px; max-width: 230px; height: 60px; inset: 0; background-color: rgba(000.08); opacity: 0; display: none; transition: opacity 0.3s ease; margin-top: -76px;}
.hover-effect {display: inline-block;}
.hover-effect:hover .gray-overlay {opacity: 1; display: flex;}
.hover-effect:active .gray-overlay {opacity: 1; display: flex;}
.carat-sizeB {font-size: 24px;}
@media screen and (min-width: 315px) and (max-width: 370px) {
.points-wrapper2 {width: 320px!Important;}
.grades-pointa {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-left: 12px!Important;}
.grades-pointb {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-right:12px!Important;}
.grades-pointc {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-left: 12px!Important;}
.grades-pointd {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-right: 12px!Important;}
.grades-pointe {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-left: 12px!Important;}
.grades-pointf {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-right:12px!Important;}
.grades-pointg {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-left: 12px!Important;}
.grades-pointh {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-right: 12px!Important;}
.grades-name {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-top: 7px!Important;}
.gray-overlay {width: 142px!Important; max-width: 142px!Important; height: 38px!Important; margin-top: -45px!Important;}
}
@media screen and (max-width: 480px) {
.signin-grades {width: 100%; max-width: 100%; height: 410px; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; }
.grades-header {width: 315px; text-align: center; padding-top: 0px; margin: 0 auto;}
.grades-description {width: 315px; text-align: center; padding-top: 18px; margin: 0 auto;}
.points-wrapper2 {max-width: 100%; width: 375px; margin: auto;}
.grades-pointa {float: left; width: 165px; max-width: 165px; height: 44px; margin-left: 15px;}
.grades-pointb {float: right; width: 165px; max-width: 165px; height: 44px; margin-left: unset; margin-right:15px;}
.grades-pointc {float: left; width: 165px; max-width: 165px; height: 44px; margin-left: 15px;}
.grades-pointd {float: right; width: 165px; max-width: 165px; height: 44px; margin-right: 15px;}
.grades-pointe {float: left; width: 165px; max-width: 165px; height: 44px; margin-left: 15px;}
.grades-pointf {float: right; width: 165px; max-width: 165px; height: 44px; margin-left: unset; margin-right:15px;}
.grades-pointg {float: left; width: 165px; max-width: 165px; height: 44px; margin-left: 15px;}
.grades-pointh {float: right; width: 165px; max-width: 165px; height: 44px; margin-right: 15px;}
.grades-name {width: 165px; max-width: 165px; height: 44px; font-size: 20px; line-height: 22px; margin-top: 10px;}
.gray-overlay {float: left; width: 165px; max-width: 165px; height: 44px; margin-top: -54px;}
.carat-sizeB {font-size: 16px;}
}
Shop by grade
Discover just-right picks for readers at every grade and reading level.
<>
.signin-deals {max-width: none; height: 139px; background-color:#FFFFFF; margin-bottom: 46px;}
.deals-center {width: 100%; text-align: center;}
.deals-header {display: inline-block; width: 100%; font-family: BrandonText-Bold; margin-top: 27px; color: #121212; font-size: 34px; line-height: 35px; text-align: center;}
.deals-description {display: inline-block; width: 760px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
@media screen and (max-width: 480px) {
.signin-deals {width: 100%; max-width: 100%; height: 120px; background-color:#FFFFFF; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; margin-bottom: -35px;}
.deals-header {margin-top: 20px}
.deals-description {width: 290px; text-align: left; margin-left: 0%; margin-top: 18px;}
}
Shop our best deals
Discover just-right picks for every reader.
<>
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%}
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.type-g-left {float: left; width: 495px; max-width: 495px; height: 270px; background: #83B2F9; text-align: center; margin-top: -53px;}
.type-g-right {float: right; width: 495px; max-width: 495px; height: 270px; background: #2B72E3; text-align: center; margin-top: -53px;}
.type-g-img {width: 100%; max-width: 495px;}
.type-g-text-left {position: absolute; width: 495px; text-align: center;}
.text-eyebrow{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 19px; line-height: 21px; color: #121212; margin-top: 51.5px;}
.text-header{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 32px; line-height: 38px; color: #121212; margin-top: 55px; }
.text-header-override {margin-top: 16px!Important; }
.text-main{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Regular; font-size: 18px; line-height: 22px; color: #121212; margin-top: 16px;}
.text-cta{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 18px; line-height: 32px; color: #121212; margin-top: 21.5px;}
.soldout{position: absolute; width: 495px; text-align: right;}
.soldout .soldout-button{display: inline-block; width:187px; height: 43px; font-family: BrandonText-Bold; margin-top: 30px; color: #d8342e; background: #ffffff; font-size: 24px; line-height: 43px; border-radius: 40px 0px 0px 40px; text-align: center; text-shadow: 0.5px 0.5px 3px RGBA(000.2);}
.type-g-subcat {float: left; width: 990px; height: 165px; background: #D1ECFF;}
.type-g-sub-left {float: left; width: 330px; max-width: 330px; height: 135px; text-align: center; padding: 15px 0px;}
.type-g-sub-center {float: left; width: 330px; max-width: 330px; height: 135px; text-align: center; padding: 15px 0px;}
.type-g-sub-right {float: right; width: 330px; max-width: 330px; height: 135px; text-align: center; padding: 15px 0px;}
.type-g-sub-icon{float: left; width: 125px; max-width: 125px; height: 105px; text-align: center; margin: 15px 0px 15px 15px;}
.type-g-sub-text {float: right; width: 165px; max-width: 165px; height: 105px; text-align: left; margin: 15px 15px 15px 0px;}
.type-g-sub-img {width: 100%; max-width: 125px;}
.sub-text-header{display: inline-block; width: 165px; text-align: left; font-family: BrandonText-Bold; font-size: 23px; line-height: 27px; color: #121212; margin-top: 23px; }
.sub-text-cta{display: inline-block; width: 165px; text-align: left; font-family: BrandonText-Bold; font-size: 18px; line-height: 32px; color: #121212; margin-top: 13.5px;}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.carat-size {font-size: 14px;}
/* Smaller Mobile section */
@media screen and (min-width: 320px) and (max-width: 359px) {
.text-header{font-size: 28px!Important;}
.text-main{font-size: 14px!Important;}
.text-eyebrow{margin-top: 25px!Important;}
.text-cta{font-size: 14px!Important;}
.type-g-sub-text {padding: 3% 0%!Important;}
.sub-text-header{font-size: 20px!Important; line-height: 24px!Important;}
}
/* Mobile section */
@media screen and (max-width: 480px) {
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.type-g-left {width: 100%; max-width: 100%; height: 238px; float: unset; margin-top: unset;}
.type-g-right {width: 100%; max-width: 100%; height: unset; float: unset; aspect-ratio: 16/9; margin-top: 16px;}
.type-g-text-left {width: 100%;}
.text-eyebrow{width: 84%; margin-top: 35px;}
.text-header{width: 84%; font-size: 32px; line-height: 36px; color: #121212; margin-top: 40px; }
.text-header-override {width: 86%!Important; }
.text-main{width: 84%; margin-top: 16px;}
.text-cta{width: 84%; margin-top: 16px;}
.type-g-subcat {float: unset; width: 100%; height: unset; aspect-ratio: 3 / 4;}
.type-g-sub-left {float: unset; width: 100%; max-width: 100%; height: unset; padding: 0px 0px; aspect-ratio: 16 / 7;}
.type-g-sub-center {float: unset;width: 100%; max-width: 100%; height: unset; padding: 0px 0px; aspect-ratio: 16 / 7;}
.type-g-sub-right {float: unset; width: 100%; max-width: 100%; height: unset; padding: 0px 0px; aspect-ratio: 16 / 7;}
.type-g-sub-icon {float: left; width: 100%; max-width: 50%; height: unset; text-align: center; padding-top: 10px; margin: unset;}
.type-g-sub-text {float: right; width: 100%; max-width: 50%;height: unset; text-align: left; padding: 6% 0%; margin: unset;}
.type-g-sub-img {max-width: unset; width: 80%;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
.type-g-left {float: left; width: 384px; max-width: 384px; height: 238px;}
.type-g-right {float: right; width: 384px; max-width: 384px; height: 238px;}
.type-g-text-left {position: absolute; width: 384px; text-align: center;}
.text-header{width: 324px; line-height: 36px; margin-top: 40px;}
.text-main{width: 324px;}
.text-cta{width: 324px; margin-top: 16px;}
.type-g-img {margin: 14px 0px;}
.type-g-subcat {float: left; width: 768px; height: 236px;}
.type-g-sub-left {float: left; width: 256px; max-width: 256px; height: 206px; text-align: center; padding: 15px 0px;}
.type-g-sub-center {float: left; width: 256px; max-width: 256px; height: 206px; text-align: center; padding: 15px 0px;}
.type-g-sub-right {float: right; width: 256px; max-width: 256px; height: 206px; text-align: center; padding: 15px 0px;}
.type-g-sub-icon{float: left; width: 256px; max-width: 256px; height: 103px; text-align: center; margin: 0px;}
.type-g-sub-text {float: right; width: 256px; max-width: 256px; height: 103px; text-align: center; margin: 0px;}
.type-g-sub-img {width: 100%; max-width: 125px;}
.sub-text-header{text-align: center; }
.sub-text-cta{text-align: center; }
}
$2 books of the week
Check out this week’s $2 titles—perfectly priced for nabbing multiple copies for the classroom or to give as gifts.
<>
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%;}
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.type-k-top {width: 100%; height: auto; text-align: center; background-color:#66D496; margin-top: 64px;}
.type-k-header {display: inline-block; width: 600px; font-family: BrandonText-Bold; margin-top: 30px; color: #121212; font-size: 34px; line-height: 38px; text-align: center;}
.type-k-cta {display: inline-block; width: 600px; font-family: BrandonText-Bold; margin-top: 8px; color: #121212; font-size: 18px; line-height: 32px; text-align: center; padding-bottom: 25px;}
.type-k-bottom {width: 100%; height: auto; text-align: center;}
.type-k-img {max-width: 100%; width: 320px; margin-top: 30px;}
.type-k-title-leftB {float: left; width: 495px; max-width: 495px; height: auto; background-color: #01C365; text-align: center;}
.type-k-title-rightB {float: right; width: 495px; max-width: 495px; height: auto; background-color: #CBF1D6; text-align: center;}
.type-k-sub-header {display: inline-block; width: 495px; font-family: BrandonText-Bold; margin-top: 5px; color: #121212; font-size: 25px; line-height: 29px; text-align: center;}
.type-k-sub-description {display: inline-block; width: 440px; font-family: BrandonText-Regular; margin-top: 8px; color: #121212; font-size: 19px; line-height: 22px; text-align: center; }
.type-k-sub-cta{display: inline-block; width: 495px; font-family: BrandonText-Bold; margin-top: 13.5px; color: #121212; font-size: 18px; line-height: 32px; text-align: center; padding-bottom: 30px;}
.soldout-middle{position: absolute; width: 495px; text-align: center;}
.soldout-middle .soldout-button-middle{display: inline-block; width:170px; height: 43px; font-family: BrandonText-Bold; margin-top: 94px; color: #d8342e; background: #ffffff; font-size: 24px; line-height: 43px; border-radius: 40px; text-align: center; rotate: -4deg; text-shadow: 0.5px 0.5px 3px RGBA(000.2);}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.carat-size {font-size: 14px;}
/* Smaller Mobile section */
@media screen and (min-width: 310px) and (max-width: 359px) {
.type-k-header{font-size: 30px!Important;}
.type-k-sub-header{font-size: 22px!Important;}
.type-k-sub-description{font-size: 16px!Important;}
.type-k-sub-cta{font-size: 14px!Important;margin-top: 5px!Important;}
}
/* Mobile section */
@media screen and (max-width: 480px) {
.type-k-top {max-width: 100%; margin-top: 32px;}
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.type-k-header {width: 88%;}
.type-k-title-leftB {float: unset; width: 100%; max-width: 100%;}
.type-k-title-rightB {float: unset; width: 100%; max-width: 100%;}
.type-k-sub-header {width: 88%;}
.type-k-sub-description{width: 84%; margin: 8px 8% 0% 8%;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
.type-k-title-leftB {width: 384px; max-width: 384px;}
.type-k-title-rightB {width: 384px; max-width: 384px;}
.type-k-sub-header {width: 384px; max-width: 384px;}
.type-k-sub-description {width: 324px; max-width: 324px;}
.type-k-sub-cta {width: 384px; max-width: 384px;}
.soldout-middle{position: absolute; width: 384px; text-align: center;}
}
Browse our best values
<>
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%;}
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.type-i-left-text {width: 495px; max-width: 495px; text-align: center;}
.type-i-left-boxC {float: left; background: #F39D95; height: 270px; margin-top: 64px;}
.type-i-right-imageC {float: right; width: 495px; max-width: 495px; height: 270px; background: #F36D6D; text-align: center; margin-top: 64px;}
.type-i-img {width: 100%; max-width: 495px;}
.type-i-text {position: absolute; width: 495px; text-align: center;}
.text-header{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 32px; line-height: 38px; color: #121212; margin-top: 55px; }
.text-main{display: inline-block; width: 393px; text-align: left; font-family: BrandonText-Regular; font-size: 18px; line-height: 22px; color: #121212; margin-top: 16px; margin-left: -22px; }
.text-cta{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 18px; line-height: 32px; color: #121212; margin-top: 16px;}
.soldout{position: absolute; width: 495px; text-align: right;}
.soldout .soldout-button{display: inline-block; width:187px; height: 43px; font-family: BrandonText-Bold; margin-top: 30px; color: #d8342e; background: #ffffff; font-size: 24px; line-height: 43px; border-radius: 40px 0px 0px 40px; text-align: center; text-shadow: 0.5px 0.5px 3px RGBA(000.2);}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.carat-size {font-size: 14px;}
/* Smaller Mobile section */
@media screen and (min-width: 310px) and (max-width: 359px) {
.text-header{font-size: 28px!Important;}
.text-main{font-szie: 14px!Important;}
.text-cta{font-size: 14px!Important;}
}
/* Mobile section */
@media screen and (max-width: 480px) {
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.type-i-left-text {width: 100%; max-width: 100%;}
.type-i-left-boxC{float: unset; height: auto; margin-top: unset;}
.type-i-right-imageC {width: 100%; max-width: 100%; height: unset; float: unset; margin-top: 64px;}
.type-i-text {width: 100%; position: relative;}
.text-header{width: 84%; font-size: 32px; line-height: 36px; color: #121212; margin-top: 20px; }
.text-main{width: 84%; margin-top: 16px; margin-left: unset;}
.text-cta{width: 84%; margin-top: 16px; padding-bottom: 20px;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
.type-i-left-text {width: 384px; max-width: 384px;}
.type-i-left-boxC{height: 238px;}
.type-i-right-imageC {float: right; width: 384px; max-width: 384px; height: 238px;}
.type-i-text {position: absolute; width: 384px; text-align: center;}
.text-header{width: 324px; line-height: 36px; margin-top: 40px;}
.text-main{width: 324px;}
.text-cta{width: 324px; margin-top: 16px;}
.type-i-img {margin: 14px 0px;}
}
<>
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%;}
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.type-i-left-text {width: 495px; max-width: 495px; text-align: center;}
.type-i-right-boxA {float: right; background: #FFEE97; height: 270px; margin-top: 64px;}
.type-i-left-image {float: left; width: 495px; max-width: 495px; height: 270px; background: #FFDC5D; text-align: center; margin-top: 64px;}
.type-i-img {width: 100%; max-width: 495px;}
.type-i-text {position: absolute; width: 495px; text-align: center;}
.text-header{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 32px; line-height: 38px; color: #121212; margin-top: 55px; }
.text-main{display: inline-block; width: 393px; text-align: left; font-family: BrandonText-Regular; font-size: 18px; line-height: 22px; color: #121212; margin-top: 16px; margin-left: -22px; }
.text-cta{display: inline-block; width: 415px; text-align: left; font-family: BrandonText-Bold; font-size: 18px; line-height: 32px; color: #121212; margin-top: 16px;}
.soldout{position: absolute; width: 495px; text-align: right;}
.soldout .soldout-button{display: inline-block; width:187px; height: 43px; font-family: BrandonText-Bold; margin-top: 30px; color: #d8342e; background: #ffffff; font-size: 24px; line-height: 43px; border-radius: 40px 0px 0px 40px; text-align: center; text-shadow: 0.5px 0.5px 3px RGBA(000.2);}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.white-link:hover{color: #FFFFFF!Important;}
.white-link:active{color: #FFFFFF!Important;}
.carat-size {font-size: 14px;}
/* Smaller Mobile section */
@media screen and (min-width: 310px) and (max-width: 359px) {
.text-header{font-size: 28px!Important;}
.text-main{font-szie: 14px!Important;}
.text-cta{font-size: 14px!Important;}
}
/* Mobile section */
@media screen and (max-width: 480px) {
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.type-i-left-text {width: 100%; max-width: 100%;}
.type-i-right-boxA{float: unset; height: auto; margin-top: unset;}
.type-i-left-image {width: 100%; max-width: 100%; height: unset; float: unset; margin-top: 64px;}
.type-i-text {width: 100%; position: relative;}
.text-header{width: 84%; font-size: 32px; line-height: 36px; color: #121212; margin-top: 20px; }
.text-main{width: 84%; margin-top: 16px; margin-left: unset;}
.text-cta{width: 84%; margin-top: 16px; padding-bottom: 20px;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
.type-i-left-text {width: 384px; max-width: 384px;}
.type-i-right-boxA{height: 238px;}
.type-i-left-image {float: left; width: 384px; max-width: 384px; height: 238px;}
.type-i-text {position: absolute; width: 384px; text-align: center;}
.text-header{width: 324px; line-height: 36px; margin-top: 40px;}
.text-main{width: 324px;}
.text-cta{width: 324px; margin-top: 16px;}
.type-i-img {margin: 14px 0px;}
}
Honoring Black History Month
Biographies and stories that spotlight the Black experience.
<>
.signin-certona {max-width: none; height: 139px; background-color:#FFFFFF; margin-bottom: 46px;}
.certona-center {width: 100%; text-align: center;}
.certona-header {display: inline-block; width: 100%; font-family: BrandonText-Bold; margin-top: 88px; color: #121212; font-size: 34px; line-height: 35px; text-align: center;}
.certona-description {display: inline-block; width: 760px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
@media screen and (max-width: 480px) {
.signin-certona {width: 100%; max-width: 100%; height: 180px; background-color:#FFFFFF; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; margin-bottom: -35px;}
.certona-header {margin-top: 48px}
.certona-description {width: 290px; text-align: left; margin-left: 0%; margin-top: 18px;}
}
Trending bestsellers
Browse Book Clubs for the gotta-read books kids want.
<>
.primary-content {padding-bottom: 0px;}
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%;}
.pt_storefront .authenticated-homepage .marketing-message {margin-top: 0px; margin-bottom: 0px;}
.colorbarB {width: 100%; max-width: 100%; background-color: #FFF; height: 80px; margin: 64px 0px 64px 0px;}
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.img-box {float: left; width: 182px; height: 80px; text-align: right; background-color: #CBF1D6; padding-right: 30px;}
.overridden-box {width: 413px!Important; height: 60px!Important; background-color: #D1ECFF!Important; padding-right: 0px!Important; padding: 10px 0px;}
.img-box-img {max-width: 53px; margin: 10px 0px;}
.overridden-img {max-width: 250px!Important;}
.vertical-box {float: left; width: 28px; height: 115px; background-color: #CBF1D6; border-right: 2px solid #121212; height: 115px; padding: 20px 0px;}
.text-box {float: right; width: 778px; height: 80px; text-align: left; background-color: #CBF1D6;}
.overridden-text {width: 577px!Important; background-color: #D1ECFF!Important;}
.text-box-text {display: inline-block; width: 441px; font-family: BrandonText-Bold; margin-top: 25px; margin-left: 32px; color: #121212; font-size: 23px; line-height: 27px;}
.overridden-text-box {width: 247px!Important;}
.text-box-cta {display: inline-block; width: 188px; font-family: BrandonText-Bold; margin-top: 13.5px; margin-left: 32px; color: #121212; font-size: 18px; line-height: 32px;}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.carat-size {font-size: 14px;}
/* Smaller Mobile section */
@media screen and (min-width: 320px) and (max-width: 359px) {
}
/* Mobile section */
@media screen and (max-width: 480px) {
.pt_storefront .authenticated-homepage .tcool-homepage .marketing-message {margin-top: 0px; padding-top: 0px;}
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.img-box {width: 32%; height: auto; text-align: center; padding-right: unset;}
.overridden-box {width: 100%!Important; height: auto!Important; text-align: center; padding: 0px 0px;}
.img-box-img {max-width: 60px; margin: 28px 0px;}
.overridden-img {margin: 30px 0px 0px!Important;}
.vertical-box {display: none;}
.text-box {width: 68%; height: auto;}
.overridden-text {width: 100%!Important;}
.text-box-text {width: 100%; margin-top: 16px; margin-left: unset;}
.overridden-text-box {width: 100%!Important; margin-top: 0px!Important; text-align: center!Important;}
.text-box-cta {width: 100%; margin-left: unset; }
.overridden-cta-box {text-align: center!Important; margin-bottom: 30px;}
.colorbarB {height: auto; margin: 32px 0px 32px 0px;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.pt_storefront .authenticated-homepage .tcool-homepage .marketing-message {margin-top: 0px; padding-top: 0px; margin-bottom: 0px;}
.section-wrapper {width: 768px; max-width: 768px;}
.img-box {width: 180px; }
.text-box {width: 558px; }
}
Find that just-right book
<>
.sectionbar-d{display: block; max-width: none; width: 100%; margin-bottom: -5px;}
.sectionbar-m{display: none;}
.sectionbar-wrapper-content {width: 100%; max-width: 100%;}
@media screen and (max-width: 480px) {
.sectionbar-d{display: none;}
.sectionbar-m{display: block; margin-bottom: -5px;}
.sectionbar-center-m{width: 100%; position:relative; left: 0; right: 0; margin: 0 auto;}
}
<>
.wrapper-content {max-width: 1005px; width: 1005px; margin: auto;}
.signin-section2 {max-width: none; height: 643px; background-color:#01C365;}
.section2-center {width: 100%; text-align: center;}
.section2-header {display: inline-block; width: 100%; font-family: BrandonText-Bold; margin-top: 88px; color: #121212; font-size: 34px; line-height: 35px; text-align: center;}
.section2-description {display: inline-block; width: 760px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
.points-wrapper {max-width: 1005px; width: 1005px; margin: auto;}
.section2-img {max-width: 125px; margin-bottom: 16px;}
.section2-pointa {float: left; width: 225px; max-width: 225px; height: 192px; margin-top: 32px; margin-left: 0px; text-align: center;}
.section2-pointb {float: left; width: 225px; max-width: 225px; height: 192px; margin-top: 32px; margin-left: 35px; text-align: center;}
.section2-pointc {float: left; width: 225px; max-width: 225px; height: 192px; margin-top: 32px; margin-left: 35px; text-align: center;}
.section2-pointd {float: right; width: 225px; max-width: 225px; height: 192px; margin-top: 32px; text-align: center;}
.points-description {font-family: BrandonText-Regular; color: #121212; font-size: 18px; line-height: 25px;}
.bullet-point {display: none;}
.section2-button-text {display: inline-block; width:194px; height: 40px; font-family: BrandonText-Bold; margin-top: 40px; color: #333333; background: #ffffff; font-size: 16px; line-height: 40px; letter-spacing: 0px; border-radius: 40px;}
.section2-button-text:hover {color: #ffffff; background: #333333;}
.section2-link{display: inline-block; width: 390px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
.section2-url-text {text-decoration-line: underline; color: #121212; font-family: BrandonText-Regular;}
.section2-url-text:hover{color: #FFFFFF;}
.section2-url-text:active{color: #FFFFFF;}
@media screen and (max-width: 480px) {
.signin-section2 {width: 100%; max-width: 100%; height: 842px; background-color:#01C365; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; }
.section2-header {width: 273px; text-align: left; margin-left: 7%; margin-top: 48px}
.section2-description {width: 273px; text-align: left; margin-left: 7%; margin-top: 18px;}
.points-wrapper {max-width: 100%; width: 320px; margin: auto;}
.section2-pointa {display: none; float: unset; width: 320px; max-width: 320px;}
.section2-pointb {display: none; float: unset; width: 320px; max-width: 320px; margin-left: unset;}
.section2-pointc {display: none; float: unset; width: 320px; max-width: 320px; margin-left: unset;}
.section2-pointd {display: none; float: unset; width: 320px; max-width: 320px; }
.points-description {width: 273px; margin-left: 23.5px;}
.bullet-point {display: block; text-align: left; width: 273px; margin-top: 48px ! Important;}
.bullet-point- {width: 238px; margin-bottom: 18px; margin-left: 42px; }
.content-asset .bullet-point- {list-: disc !important;}
.section2-button-text {margin-top: 23px;}
.section2-link {width: 273px; text-align: center; margin-top: 18px;}
}
How Book Clubs Works
Kids love browsing the monthly flyersparents love the convenience of online orderingand teachers love earning points with every purchase to get free books and classroom resources. It’s a win for everyone—and a big win for reading!
Teachers send home
Book Clubs flyers.
Book Clubs flyers.
Families shop and place their orders online.
Teachers finalize all orders with Scholastic.
Books ship to school for a Book Box Day celebration!
- Teachers send home Book Clubs flyers.
- Families shop and place their orders online.
- Teachers finalize all orders with Scholastic.
- Books ship to school for a Book Box Day celebration!
<>
.signin-section5 {max-width: none; height: auto; min-height: 283px; background-color:#F4F1EA; margin-top: 0px; padding-bottom: 0px;}
.section5-center {width: 100%; text-align: center; background-color:#F4F1EA;}
.points-wrapper {max-width: 1005px; width: 1005px; margin: auto;}
.points-wrapper-home {max-width: 990px; width: 990px; margin: auto;}
.sv-text-left {display: block; float: left; width: 495px; max-width: 495px; margin-top: 26px; margin-left: 0px; text-align: center;}
.sv-image-right {float: right; width: 495px; max-width: 495px; text-align: left; margin-top: 26px;}
.img-width {max-width: 495px;}
.sv-header {display: inline-block; width: 415px; font-family: BrandonText-Bold; margin-top: 27px; color: #121212; font-size: 34px; line-height: 38px; text-align: left;}
.sv-description {display: inline-block; width: 415px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: left;}
.sv-link {display: inline-block; width: 415px; font-family: BrandonText-Bold; margin-top: 16px; color: #121212; font-size: 18px; line-height: 32px; text-align: left; padding-bottom: 14px;}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.carat-size {font-size: 14px;}
.section5-button-text {display: inline-block; width:228px; height: 40px; font-family: BrandonText-Regular; margin-top: 16px; color: #333333; background: #ffffff; font-size: 11px; line-height: 40px; letter-spacing: 1.5px; border-radius: 40px; text-align: center}
.section5-button-text:hover {color: #ffffff; background: #333333;}
@media screen and (max-width: 480px) {
.signin-section5 {width: 100%; max-width: 100%; height: 575px; background-color:#F4F1EA; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; margin-top: 0px; padding-bottom: unset;}
.sv-header {width: 273px; text-align: left; margin-left: 7%; margin-top: 18px;}
.sv-description {width: 273px; text-align: left; margin-left: 7%; margin-top: 18px;}
.sv-link {width: 278px; text-align: left; margin-left: 8%; margin-top: 18px;}
.points-wrapper {max-width: 100%; width: 320px; margin: auto;}
.points-wrapper-home {max-width: 100%; width: 320px; margin: auto;}
.sv-image-right {float: unset; width: 100%; max-width: 100%; margin-top: 56px; text-align: center;}
.sv-text-left {float: unset; width: 100%; max-width: 100%; text-align: center; margin: 0 auto; margin-top: 0px;}
.img-width {max-width: 100%;}
.section5-button-text {margin-top: 16px; margin-left: 26px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.points-wrapper {max-width: 100%; width: 100%; margin: auto;}
.points-wrapper-home {max-width: 100%; width: 100%; margin: auto;}
}
Bring live author events to your classroom every week
Boost your students’ excitement for reading by connecting them with popular authors and illustrators every Friday—for free!
<>
.pt_storefront .authenticated-homepage .marketing-message .wrapper-content {width: 100%; max-width: 100%;}
.storyvoice-section {max-width: none; background-color: #F4F1EA; height: 614px;}
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.type-d-bottom {width: 100%; text-align: center; padding-top: 33px; }
.type-d-img {max-width: 226px;}
.type-d-sub-time{display: inline-block; width: 215px; font-family: BrandonText-Bold; margin-top: 16px; color: #FFFF00; font-size: 24px; line-height: 22px; text-align: center;}
.type-d-sub-author{display: inline-block; width: 205px; font-family: BrandonText-Regular; margin-top: 8.5px; color: #FFFFFF; font-size: 18px; line-height: 22px; text-align: center; padding-bottom: 11px;}
.type-d-sub-cta{display: inline-block; width: 205px; font-family: BrandonText-Bold; margin-top: 12px; color: #121212; font-size: 18px; line-height: 32px; text-align: center;}
.cta-text {color: #121212;}
.cta-text:hover{color: #F98041;}
.cta-text:active{color: #F98041;}
.carat-size {font-size: 14px;}
.type-d-bottom .asset-tiles-container {margin-top: 0px;}
.home-signInWall .wrapper-content .slick-slider {margin-top: 0px;}
.asset-tiles-container .asset-tiles {max-width: 226px; margin-left: 14px; margin-right: 14px; border: 0px;}
.asset-tiles-container .asset-tiles img {width: 100%;}
.button-textbox {float: left; width: 100%; max-width: 226px; height: 150px; border-bottom-right-radius: 20px; border-bottom-left-radius: 20px; background: #121212; margin-top: -5px; margin-left: 0px; text-align: center; padding-top: 1px;}
.section5-url-text {display: inline-block; width:150px; height: 40px; font-family: BrandonText-Regular; margin-top: 4.5px; color: #FFFFFF; font-size: 18px; line-height: 22px; text-decoration-line: underline; }
.section5-url-text:hover{color: #F98041;}
.section5-url-text:active{color: #F98041;}
.event-button{position: relative; width: 100%; text-align: center;}
.event-button .button-center {display: inline-block; position: relative; padding: 0px 0px 0px 0px; margin-top: 8px;}
.section5b-button-text {display: inline-block; width:150px; height: 40px; font-family: BrandonText-Bold; margin-top: 8px; color: #121212; background: #FFFFFF; font-size: 16px; line-height: 40px; letter-spacing: 0px; border-radius: 40px;}
.section5b-button-text:hover {color: #FFFFFF; background: #E81111; }
.section5b-button-text:active {color: #FFFFFF; background: #E81111; }
.collection-button {position: relative; width: 100%; text-align: center;}
.collection-button .buttoncenter {display: inline-block; position: relative; padding: 0px 0px 0px 0px; margin-top: 12px;}
.collection-button .buttoncenter a.section5b-button-text {display: inline-block; width: 242px; height: 40px; font-family: BrandonText-Bold; margin-top: 8px; color: #FFFFFF; background: #E81111; font-size: 16px; line-height: 40px; letter-spacing: 0px; border-radius: 40px;}
.collection-button .buttoncenter a.section5b-button-text:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(000.08); transition: opacity 0s; opacity: 0; z-index: 2; border-radius: 40px; width: 242px; height: 40px; margin-top: 8px;}
.collection-button .buttoncenter a.section5b-button-text:hover:before {opacity: 1;}
/* Smaller Mobile section */
@media screen and (min-width: 320px) and (max-width: 359px) {
.storyvoice-section {height: 544px!Important;}
.type-d-sub-time{width: 170px ! Important; font-size: 18px ! Important;}
.type-d-sub-author{width: 170px!Important; font-size: 16px!Important;margin-top: 5px!Important;}
}
/* Mobile section */
@media screen and (max-width: 480px) {
.storyvoice-section {height: 595px;}
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.type-d-bottom {height: unset;}
.type-d-img {max-width: 100%;}
.asset-tiles-container .asset-tiles {max-width: 250px;}
.asset-tiles-container .asset-tiles-cont.slick-slider {margin-left: 0px;}
.button-textbox {max-width: 250px;}
.event-button .button-center a.section5b-button-text {margin-top: 18px;}
.event-button .button-center a.section5b-button-text:before {margin-top: 18px;}
}
/* Tablet section */
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.pt_storefront .authenticated-homepage .tcool-homepage .teachers-message .wrapper-content .authenticated-left {width: 100%; height: unset; aspect-ratio: 16/9;}
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
.type-d-sub-time{width: 160px; font-size: 23px; line-height: 27px; }
.type-d-sub-author{width: 160px; }
}
<>
.signin-section6 {max-width: none; height: 375px; background-color:#D1ECFF;}
.section6-center {width: 100%; text-align: center;}
.points-wrapper {max-width: 1005px; width: 1005px; margin: auto;}
.section6-img {max-width: 125px; margin-bottom: 0px;}
.section6-pointa {float: left; width: 303px; max-width: 303px; height: 267px; margin-top: 54px; margin-left: 0px; text-align: center;}
.section6-pointb {float: left; width: 303px; max-width: 303px; height: 267px; margin-top: 54px; margin-left: 48px; text-align: center;}
.section6-pointc {float: right; width: 303px; max-width: 303px; height: 267px; margin-top: 54px; text-align: center;}
.points-header {font-family: BrandonText-Medium; color: #121212; font-size: 23px; line-height: 24px; margin-top: 8px; margin-bottom: 16px;}
.points-description {font-family: BrandonText-Regular; color: #121212; font-size: 18px; line-height: 25px;}
@media screen and (max-width: 480px) {
.signin-section6 {width: 100%; max-width: 100%; height: 1000px; background-color:#D1ECFF; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; }
.points-wrapper {max-width: 100%; width: 320px; margin: auto;}
.section6-pointa {float: unset; width: 320px; max-width: 320px; margin-top: 15px;}
.section6-pointb {float: unset; width: 320px; max-width: 320px; margin-left: unset; margin-top: 15px;}
.section6-pointc {float: unset; width: 320px; max-width: 320px; margin-top: 15px;}
.points-description {width: 273px; margin-left: 23.5px;}
}
The books
kids want to read
kids want to read
Discover new favorite stories and characters from Scholastic and more than 50 other publishers.
The prices
grown-ups love to see
grown-ups love to see
Stock your shelves for less with $2 books of the weekvalue book packsand other great deals.
The partner
teachers trust
teachers trust
Team up with Scholastic and our 75+ years of enriching children’s lives with the joy and power of reading.
<>
.signin-section7 {max-width: none; height: 291px; background-color:#FFFFFF;}
.section7-center {width: 100%; text-align: center;}
.section7-header {display: inline-block; width: 100%; font-family: BrandonText-Bold; margin-top: 88px; color: #121212; font-size: 34px; line-height: 35px; text-align: center;}
.section7-description {display: inline-block; width: 760px; font-family: BrandonText-Regular; margin-top: 16px; color: #121212; font-size: 19px; line-height: 22px; text-align: center;}
.shadow{position: relative; width: 100%; text-align: center;}
.shadow .shadow-center {display: inline-block; position: relative; padding: 0px 0px 0px 0px; margin-top: 8px;}
.shadow .shadow-center a.section7-button-text {display: inline-block; width:150px; height: 40px; font-family: BrandonText-Bold; margin-top: 8px; color: #FFFFFF; background: #E81111; font-size: 16px; line-height: 40px; letter-spacing: 0px; border-radius: 40px;}
.shadow .shadow-center a.section7-button-text:before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(000.08); transition: opacity 0s; opacity: 0; z-index: 2; border-radius: 40px; width: 150px; height: 40px; margin-top: 8px;}
.shadow .shadow-center a.section7-button-text:hover:before {opacity: 1;}
@media screen and (max-width: 480px) {
.signin-section7 {width: 100%; max-width: 100%; height: 324px; background-color:#FFFFFF; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; }
.section7-header {width: 273px; text-align: center; margin-left: 0%; margin-top: 48px;}
.section7-description {width: 273px; text-align: center; margin-left: 0%; margin-top: 18px;}
.shadow .shadow-center a.section7-button-text {margin-top: 18px;}
.shadow .shadow-center a.section7-button-text:before {margin-top: 18px;}
}
Ready for Book Clubs?
Sign up today to start exploring great books and other resources that boost student learning.
<>
.sectionbar-d{display: block; max-width: none; width: 100%; margin-bottom: -5px;}
.sectionbar-m{display: none;}
.sectionbar-wrapper-content {width: 100%; max-width: 100%;}
@media screen and (max-width: 480px) {
.sectionbar-d{display: none;}
.sectionbar-m{display: block; margin-bottom: -5px;}
.sectionbar-center-m{width: 100%; position:relative; left: 0; right: 0; margin: 0 auto;}
}
<>
.section-wrapper {max-width: 990px; width: 990px; margin: auto;}
.legal-lines {max-width: none; height: auto; background-color:#f4f1ea; padding-top: 32px; padding-bottom:32px; margin-bottom: 4px;}
.legal-center {width: 100%; text-align: center;}
.legal-disclaimer {display: inline-block; width: 950px; font-family: BrandonText-Regular; margin-top: 0px; color: #121212; font-size: 15px; line-height: 18px; text-align: left;}
.legal-copyright {display: inline-block; width: 950px; font-family: BrandonText-Regular; margin-top: 8px; color: #121212; font-size: 15px; line-height: 18px; text-align: left;}
.disclaimer-url-text {text-decoration-line: underline; color: #121212; font-family: BrandonText-Regular;}
.disclaimer-url-text:hover{color: #F98041;}
.disclaimer-url-text:active{color: #F98041;}
@media screen and (max-width: 480px) {
.section-wrapper {max-width: 100%; width: 100%; margin: auto;}
.legal-lines {width: 100%; max-width: 100%; height: auto; background-color:#f4f1ea; text-align: center; position:relative; left: 0; right: 0; margin: 0 auto; padding-bottom: 40px; margin-bottom: 8px;}
.legal-disclaimer {width: 315px; text-align: left; margin-left: 0%; margin-top: 8px;}
.legal-copyright {width: 315px; text-align: left; margin-left: 0%; margin-top: 8px;}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation : portrait) {
.section-wrapper {max-width: 768px; width: 768px; margin: auto;}
.legal-disclaimer {width: 708px;}
.legal-copyright {width: 708px;}
}
†To choose your free up-to-$5 itemplace your family order online and enter the promo code READS on the Review Your Cart page. Free up-to-$5 item promo is valid with Clubs orders of $25+.
*Place a $35+ class order between February 12026and February 282026at 11:59pm ET to receive $10 to spend with that order plus a $5 coupon for a future order. The $5 coupon will be included in the box with your February order and is valid between March 12026and March 312026at 11:59pm ET. Promotion is non-transferable. Limit one promotion per customer.
†To choose your free up-to-$5 itemplace your family order online and enter the promo code READS on the Review Your Cart page. Free up-to-$5 item promo is valid with Clubs orders of $25+.
Trouble viewing the flyer? Click Here
<>
@media screen and (max-width: 480px) {
.banner-slider-wrapper .banner-inner-content .hero_content_asset img {width:350px!important;}
}
< type="text/css">
#logo-recaptcha {float:right; width:300px; margin-top:-35px;}
#logo-recaptcha img {float:right; margin-left:10px}
#logo-recaptcha .details {text-align:right; font-size:14px; line-height: 16px}
#logo-recaptcha .details .links {color:#00799e; font-size: 12px}
#logo-recaptcha .details .links a#logo-recaptcha .details .links a:hover {color:#00799e}
@media screen and (max-width: 480px) {
#logo-recaptcha {float: none; margin-top:0}
#logo-recaptcha .details {text-align:left;}
#logo-recaptcha img {float:left; margin-right:10px; margin-left:15px;}
.footer-container.privacy-terms .footer-copy-links {padding-bottom: 13px}
}
