@charset "utf-8";
body {padding:0; margin:0; background:#fff; font-family:Arial, Helvetica, sans-serif; color:#333; font-size:14px;  -webkit-font-smoothing:antialiased; text-rendering: optimizeLegibility; -moz-osx-font-smoothing: grayscale;}
a img {border:none;}

#header {width:100%; height:44px; border-bottom:1px solid #ff0505; overflow:hidden;}
#header #logo {max-width:1020px; /*min-width:320px;*/ margin:0 auto;}
#header #logo h1 {margin:0; padding:0; display:block; text-align:center;}
#header #logo h1 #scholasticlogo {display:inline-block; width:140px; height:44px; background:url(../images/logo-mobile.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden;}

#src_holder {height:68px; background:url(../images/shingle-bg.png) left bottom repeat-x;}
#src_header {max-width:1020px; /*min-width:320px;*/ margin:0 auto;}
#src_header h2 {margin:0; padding:0; width:184px; height:33px; background:url(../images/header-mobile.png) 0 0 no-repeat; text-indent:-9999px; overflow:hidden}

#content_page {position:relative; min-height: 644px;background: #fff url(../images/2017bg_mobile.png) center 4px repeat-x; overflow:hidden;}
.content_frame {position:relative;}
.content_section {margin:0 auto; position:relative; box-sizing:border-box;min-height: 584px;}

#content_top {/*! background:#fff; */}
#shingle-mobile {}
#shingle-mobile img {width:100%; height:auto;}
#shingle-desktop {display:none;}
#shingle-desktop img {max-width:1020px; width:100%; height:auto;}

#content_center {/*! background:#f29f05; */ /*! border-top:17px solid #f28005; */border-bottom: 20px solid #0094b3;}
#content_center .content_section {padding:20px 15px 0 15px;}

#summerflyers {position: absolute; top: 2px; left: -28px;}
#summerflyers #desktopflyers {display: none;}
#summerflyers #mobileflyers {display: inline;}
.content_section br {display: none;}

#sociallinks_mobile {margin: 30px auto 20px; /*! position: absolute; *//*! left: 50%; *//*! bottom: 10px; */width: 110px;/*! right: 50%; */display: block;}
#sociallinks_mobile a {padding-right: 9px;}
#sociallinks_mobile img:hover {opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}



#sociallinks {/*! margin: 0 auto; */ position: absolute;left: 33%;bottom: 10px;width: 110px;/*! margin: 0 -50px 0 0; */ display: none;}
#sociallinks a {padding-right: 9px;}
#sociallinks img:hover {opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}

#content_center h3{text-indent: -9999px; width: 224px; height: 153px; background:url(../images/header_txt_mobile.png) 0 0 no-repeat;padding: 0;margin: 6px 0 0 0;}
#content_center h4{text-indent: -9999px; width: 140px; height: 140px; background:url(../images/date_burst_mobile.png) 0 0 no-repeat; position: absolute; top: 229px; left: 160px;z-index: 10;}


#content_center p {margin:0; padding:0;  position: absolute; top: 400px; left: 20px;}
#content_center p {font-family:BrandonText-Regular, sans-serif; color:#fff; font-size:16px; line-height:19px; font-weight:400; width:85%; margin-bottom:20px;}
#content_center p strong {font-family:BrandonText-Bold, sans-serif; font-weight:400; font-size: 22px;display: block;line-height: 26px;padding: 0 0 8px 0;}
#content_center span {color:#3a3a3a; font-size: 16px;display: block;padding: 15px 0 0 0;}

.content_banner {background-color: #fff8be; line-height: 24px}
.content_banner {font-size: 17.5px; color: #d63436; font-family:BrandonText-Bold, sans-serif; font-weight:400;padding: 10px 10px 10px 10px;}
.content_banner p {margin: 0 auto; padding: 15px 0 0 0; text-align: center;}
.content_banner strong {font-family:BrandonText-Black, sans-serif;  font-weight: 400; font-size: 24px;}
.content_banner strong sup {font-size: 13px;}

.content_banner span {display: block; font-family:BrandonText-Regular, sans-serif; font-weight: 500; color: #58595b; font-size: 10px; padding: 10px 0 0 0;}
.content_banner a.btn {display: block; font-family:BrandonText-Bold, sans-serif; font-weight:400; font-size: 24px; color: #fff; background: #d63436 url(../images/shop_arrow.png) 355px 14px no-repeat; width: 340px; text-decoration: none; padding: 10px 20px;}
.content_banner .content_banner_section {max-width: 1020px; width:100%; margin:10px auto;}
.content_banner .note {max-width: 1020px;margin:0 auto;}

.content_banner:after {
  content: "";
  display: table;
  clear: both;
}

.table-row {
	display:table;
}
.table-cell {
	display:table-cell;
	vertical-align: middle;
}
.div-details {
	width:70%;
	padding-right:20px;
}
.div-btn {
	width:30%;
} 
#content_classmag {
	border-top: 20px solid #1694b1;
}


#footer-holder {max-width:1020px; min-width:320px; margin:0 auto; position:relative;}
#content-footer {padding:24px 15px 0 15px;}
#content-footer ul {margin:0 0 2px 0; padding:0; list-style:none;}
#content-footer li {margin:0 1px 0 0; padding:0; display:inline-block;}
#content-footer li a {font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#666; /*! font-weight:bold; */ text-decoration:none;}
li + li::before {
    content: " | ";
	 padding-right: 5px;
}
#content-footer p {font-size:13px; color:#666;padding: 2px 0 0 0;margin: 0;}
#content-footer p a {text-decoration:none; color: #3a3956; text-transform: uppercase;}
#content-footer p span {padding: 0 6px;}

/*==========  Media Queries  ==========*/

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 480px) {
.content_section {margin:0 auto; position:relative; box-sizing:border-box;min-height: 580px;}

#content-footer li {margin:0 2px 0 0;}
#summerflyers {position: absolute; top: 2px; left: 10%;}
#content_center h4 {text-indent: -9999px; width: 140px; height: 140px; background:url(../images/date_burst_mobile.png) 0 0 no-repeat; position: absolute; top: 229px; left: 320px; /*! right: 10% !important; */ z-index: 10;}

}

/* Extra Small Devices, Phones */ 
@media only screen and (min-width : 600px) {

#content_page {background: #fff url(../images/2017bg_tablet.png) center 4px repeat-x;}


.content_section { min-height: 504px;}

#content-footer li {margin:0 2px 0 0;}
#summerflyers {position: absolute; top: 2px; left: 18%;}
#content_center h4 {text-indent: -9999px; width: 140px; height: 140px; background:url(../images/date_burst_mobile.png) 0 0 no-repeat; position: absolute; top: 229px; left: 420px; /*! right: 10% !important; */ z-index: 10;}

}


@media only screen and (min-width : 667px) {


#content_center h4 {text-indent: -9999px; width: 140px; height: 140px; background:url(../images/date_burst_mobile.png) 0 0 no-repeat; position: absolute; top: 229px; left: 500px; /*! right: 10% !important; */ z-index: 10;}

}



/* Small Devices, Tablets */
@media only screen and (min-width : 768px) {

.content_section {margin:0 auto; position:relative; box-sizing:border-box;min-height: 500px;}

#summerflyers {position: absolute; top: 2px; left: 34%;}

#content_center h3{text-indent: -9999px; width: 299px; height: 204px; background:url(../images/header_txt_768.png) 0 0 no-repeat;padding: 0;margin: 6px 0 0 0;}
#content_center h4 {text-indent: -9999px; width: 140px; height: 140px; background:url(../images/date_burst_mobile.png) 0 0 no-repeat; position: absolute; top: 229px; left: 570px; /*! right: 10% !important; */ z-index: 10;}


#header {height:73px;}
#header #logo h1 {text-align:left;}
#header #logo h1 #scholasticlogo {width:212px; height:73px; background:url(../images/logo-desktop.png) 0 0 no-repeat;}

#src_holder {height:117px;padding: 8px 0 0 0;}
#src_header h2 {width:396px; height:117px; background:url(../images/sbc-logo.png) 0 0 no-repeat; border-left:4px solid #fff;}

#shingle-mobile {display:none;}
#shingle-desktop {display:block;}

#content-footer {padding:14px 15px 0 15px;}  
  
}

/* Medium Devices, Desktops */
@media only screen and (min-width : 960px) {

#content_page {position:relative;min-height: 644px;background: #fff url(../images/2017bg_rev.png) center 4px repeat-x; overflow:visible;}


.content_section {max-width:960px; /*min-width:320px;*/ margin:0 auto; position:relative; box-sizing:border-box;min-height: 640px;}

#summerflyers {position: absolute; top: -18px; left: -100px;}
#summerflyers #desktopflyers {display: inline;}
#summerflyers #mobileflyers {display: none;}
.content_section br {display: inline;}

#content_center h3{text-indent: -9999px; width: 639px; height: 115px; background:url(../images/header_txt.png) 0 0 no-repeat;padding: 0;margin: 17px 0 0 0;}
#content_center h4{text-indent: -9999px; width: 204px; height: 204px; background:url(../images/date_burst.png) 0 0 no-repeat; position: absolute; top: 273px; left: 813px;z-index: 10;}

#content_center p {margin:0; padding:0;  position: absolute; top: 486px; left: 273px;}
#content_center p {font-family:BrandonText-Regular, sans-serif; color:#fff; font-size:21px; line-height:26px; font-weight:400; width:584px; margin-bottom:20px;}
#content_center p strong {font-family:BrandonText-Bold, sans-serif; font-weight:400; font-size: 26px;display: block;line-height: 26px;padding: 0 0 8px 0;}

#sociallinks_mobile {margin: 0 auto 20px; /*! position: absolute; *//*! left: 50%; *//*! bottom: 10px; */width: 110px;/*! right: 50%; */display: none;}


#sociallinks {position: absolute; bottom: 22px; left: 876px; display: block;}
#sociallinks a {padding-right: 9px;}
#sociallinks img:hover {opacity: 0.6; filter: alpha(opacity=60); /* For IE8 and earlier */}

}

/* Large Devices, Wide Screens */
@media only screen and (min-width : 1200px) {
.content_section {max-width:1020px; /*min-width:320px;*/ margin:0 auto; position:relative; box-sizing:border-box;min-height: 644px;}
.content_banner .content_section {min-height: 105px;}

}

/* Large Devices, Wide Screens */
@media only screen and (max-width : 767px) {
 .table-cell {
 	display: block;
 }
 .content_banner a.btn { font-size: 18px; width:280px background-position: 280px 10px; margin-top:10px;}

}