/*  #bookfairshome   */
body #bookfairshome { 
    font-size: 13px; font-size: 1rem;
}
.container {  padding: 2.25rem 3.75rem; }
 
/*  left nav   */
.sidebar__section .sidebar h2{font-weight: 600;}
.sidebar__section .sidebar a {font-size: 14px;}
/* END  #bookfairshome   */


@media screen and (max-width: 480px) { 
   body #bookfairshome {  font-size: 14px;  }
}
#bookfairshome {max-width: 775px;margin: 0 0 0 15px;}

@media screen and (max-width: 900px) { 
  #bookfairshome { margin: 0 auto !important;}
} 

#bookfairshome .bf-banner {
    margin: 0 auto 16px;
    max-width: 775px;
    width: 100%;
}
#bookfairshome .bkfr-page-hdr {
    font-weight: bold;
    font-size: 25px;
    margin-left: 28px;
    color: #5a7d56;
    padding: 20px 10px 20px 0;
    font-family: Lato,sans-serif;
    line-height: 1.25 !important
}
@media screen and (max-width: 480px) { 
   #bookfairshome .bkfr-page-hdr { margin-left: 16px; }
}
#bookfairshome ol {
    padding-inline-start: 28px;
    display: flex;
    flex-flow: column;
    width: 80%;
    margin: 0 20px 8px 0;
}
@media screen and (max-width: 480px) { 
   #bookfairshome ol {width: 100%; margin:0; }
}
#bookfairshome .bf-infoContent {
    display: inline-flex;
    justify-content: space-between; 
    margin: 0 26px 0 28px;
}

#bookfairshome .bf-infoContent p {
    margin-top:.75rem;
}

#bookfairshome .bf-signup .content {
    display: inline-flex;
    justify-content: space-between;  
}
@media screen and (max-width: 480px) { 
   #bookfairshome .bf-infoContent{ 
      display: inherit;  
      padding: 0 16px;
      margin: 0 ;
   }
   #bookfairshome .bf-signup .content { 
      display: flex;  
      padding: 0 20px;
      margin: 0 ;
      flex-direction:column;
   }
}
#bookfairshome .bf-infoContent ul {
    margin: 0;
    list-style: none;
    padding: 0 30px 0 0;
}
@media screen and (max-width: 480px) { 
    #bookfairshome .bf-infoContent ul {padding: 0 ;}
}
#bookfairshome li.bf-item {
    background: url(http://images.barnesandnoble.com/presources/images/hrbt.gif) repeat-x left top;
    padding-top: 20px;
}
#bookfairshome li.bf-item.noborder {
    background: none;
    padding: 0;
    margin: 0;
}
#bookfairshome li.bf-item.noborder p {
    margin-top: 0;
}
#bookfairshome .bf-info-img { width: 178px;}
@media screen and (max-width: 480px) { 
   #bookfairshome .bf-info-img { width: 100%; max-width: 100%; }
}
#bookfairshome .bf-curtain {
    font-weight: bold;
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/bkfairs_gradient_bkgd.gif) no-repeat left top;
    min-height:74px;
}
#bookfairshome button {
    display: flex;
    margin: 10px auto 0px; 
    background-color: #f9efba;
    color: #000;
}
@media screen and (max-width: 780px) { 
  #bookfairshome button {margin: 10px 14px 0px 0;} 
}

@media screen and (max-width: 480px) { 
  #bookfairshome button {margin: 25px auto 15px; }
  #bookfairshome picture {margin: 40px auto 28px; display: block;}
}
#bookfairshome button:hover, 
#bookfairshome button:active, 
#bookfairshome button:focus {
    background-color: #f5dd79;
    color: #000;
}
#bookfairshome .btn--medium {
    padding: 0 2rem;
}
#bookfairshome .bf-signup {
    margin: 0 0 12px 0;
}
#bookfairshome .bf-signup h3 {
    padding-left: 32px;
   font-family: Lato,sans-serif;
   padding: 0 0 4px 15px;
}
#bookfairshome  h3 {
    font-size:17px;
    font-size:1.32rem;
    margin-top:.25rem;
} 

#bookfairshome .intro-copy{width:100%; max-width: 945px; text-align: center;margin:0 auto; padding:0 15px;}
#bookfairshome .intro-copy h2{width:100%; max-width: 645px;margin:0 auto;  }
#bookfairshome .intro-copy p{ width:100%; max-width: 645px;margin:0 auto; }




 /*  #bookfairs-content  GRADE downloads  */
 h1 { 
    line-height: 1.15; 
    padding:0 20px 5px;
} 
#bookfairs-content {padding-right: 10%;}
@media screen and (max-width: 900px) {  
    #bookfairs-content {padding-right:0;}  
}
#bookfairs-content > div {margin-left:auto !important;}

 

#bookfairs-content h2 {
    font: 22px lato,sans-serif !important;
    color: #21282d !important;
    font-weight: 400 !important;
    text-align: center;
}
#bookfairs-content .intro-copy {
    color: #21282d;
    font-family: lato,sans-serif;
    text-align: center;
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/hrbt.gif) repeat-x bottom center; 
    padding-bottom: 20px;
    margin: 0 auto 20px;
}
#downloadables .intro-copy{width:100%; max-width: 945px; text-align: center;margin:0 auto 20px; padding:0 15px 20px;}
#downloadables .intro-copy h2{width:100%; max-width: 645px;margin:0 auto 10px;  }
#downloadables .intro-copy p{ width:100%; max-width: 645px;margin:0 auto; font-weight: 600; } 


#bookfairs-content .download-pod {
    width:100%;
    max-width: 790px;
    margin:0 auto;
    text-align: center;
    padding:0 0 5px 0;
    overflow: hidden;
}
#bookfairs-content h3{   
    font: bold 17px lato ;
    line-height:1.65 !important;
    width:100%;
    max-width: 790px ;
    text-align: center;
    text-transform: uppercase;
    color: #21282d; 
    padding:0 0 10%;
    margin:0;
    position: relative;
/*          height: calc(100vw / 4 - 15px);*/
}
#bookfairs-content h3#standard { 
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2022/1/PROD-22585_Bookfair_630x60.jpg) no-repeat bottom center; 
    background-size:  100%;
}
#bookfairs-content h3#holiday { 
    background: transparent url(https://simg1.imagesbn.com/pimages/books/bookfairs/2013_holiday/2013-Holiday-Slice.jpg) no-repeat bottom center; 
    background-size: 100%; 
} 
#bookfairs-content h3#magic { 
    background: transparent url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/Magic_Treehouse_630.jpg) no-repeat bottom center; 
    background-size: 100%;
} 
#bookfairs-content h3#seuss { 
    background: transparent url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/SEUSS_630.jpg) no-repeat bottom center; 
    background-size: 100%;
}
#bookfairs-content h3#caterpillar {
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/Hungry-Caterpillar_630.jpg) no-repeat bottom center; 
    background-size: 100%;
    padding:3% 0 15%;
} 
#bookfairs-content h3.stem-steam {
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/Stem_Steam-Banner_630.jpg)  no-repeat bottom center; 
    background-size: 100%;
}
#bookfairs-content h3#george {
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/curiousgeorge_630.jpg) no-repeat bottom center; 
    background-size: 100%;
}
#bookfairs-content h3#diary {background: url( //dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/Wimpy-Kid_630.jpg) no-repeat bottom center;
background-size: 100%;
}

@media screen and (max-width: 480px) { 
    #bookfairs-content h3#standard,
    #bookfairs-content h3#holiday,
    #bookfairs-content h3#magic,
    #bookfairs-content h3#seuss,
    #bookfairs-content h3#caterpillar,
    #bookfairs-content h3.stem-steam,
    #bookfairs-content h3#george,
    #bookfairs-content h3#diary  {
        background-size:600px auto; 
        padding:0 0 14%;  
        left:45%; 
        margin-left: -45%; 

    } 
}
@media screen and (max-width: 420px) {
    #bookfairs-content h3#standard,
    #bookfairs-content h3#holiday,
    #bookfairs-content h3#magic,
    #bookfairs-content h3#seuss,
    #bookfairs-content h3#caterpillar,
    #bookfairs-content h3.stem-steam,
    #bookfairs-content h3#george,
    #bookfairs-content h3#diary  { padding:0 0 16%; }  
}
@media screen and (max-width: 349px) {
    #bookfairs-content h3#standard,
    #bookfairs-content h3#holiday,
    #bookfairs-content h3#magic,
    #bookfairs-content h3#seuss,
    #bookfairs-content h3#caterpillar,
    #bookfairs-content h3.stem-steam,
    #bookfairs-content h3#george,
    #bookfairs-content h3#diary  { padding:0 0 19%; }  
}
@media screen and (max-width: 285px) {
    #bookfairs-content h3#standard,
    #bookfairs-content h3#holiday,
    #bookfairs-content h3#magic,
    #bookfairs-content h3#seuss,
    #bookfairs-content h3#caterpillar,
    #bookfairs-content h3.stem-steam,
    #bookfairs-content h3#george,
    #bookfairs-content h3#diary { padding:0 0 21%; }  
}
#bookfairs-content table.download-items { 
    width:100%;
    max-width: 790px;
    margin:0 auto;
    text-align: center;
    padding:0;
    border-bottom: 1px solid #ccc;
    margin:0 auto 48px;
}
#bookfairs-content table tr.odd {  background-color: #f4f4f4 ;  } 
#bookfairs-content table tr:nth-child(even) { background-color: #fcfcfc; }
#bookfairs-content table.download-items td { padding: 12px 10px; color:#666;  }
#bookfairs-content table td.item { 
    width: 40%;  
    white-space: nowrap; 
    text-align:right; 
    font:bold 12px Verdana;  
}
@media screen and (max-width: 1023px) { 
    #bookfairs-content table.download-items td { 
        width:100%; 
        padding: 2px 10px 12px;
        display: block; 
        text-align: center; 
        white-space: normal;  
    }
    #bookfairs-content table td.item { 
        width:100%;  
        padding: 12px 10px 2px;
        display: block; 
        text-align: center; 
        white-space: nowrap; 
    }
}
#bookfairs-content table tr.odd {
    background-color: #f4f4f4 !important;
}
#bookfairs-content table tr:nth-child(even) {
    background-color: #fcfcfc !important;
}
#bookfairs-content table.download-items td a {
    font-family: Lato,sans-serif;
    font-weight: 700;
    font-style: normal;
}
@media screen and (max-width: 900px) {  
    #bookfairs-content .download-pod,
    #bookfairs-content table.download-items { 
        width:85%;
    }   
}
@media screen and (max-width: 480px) {  
    #bookfairs-content .download-pod,
    #bookfairs-content table.download-items { 
        width:95%;
    }   
}
@media screen and (max-width: 420px) { 
    #bookfairs-content table.download-items td a { display:block;  padding-top: 6px;}
}

 /* END #bookfairs-content  GRADES */


 

/*   #bookfairs-custom   */ 

#bookfairs-custom {max-width: 750px;margin: 0 0 0 15px;  }
 
@media screen and (max-width: 900px) { 
    #bookfairs-custom {max-width:100%; margin: 2.25rem 5.25rem;} 
}  
@media screen and (max-width: 600px) { 
    #bookfairs-custom { margin:1rem 1.54rem;} 
}  

html #bookfairs-custom div,
html #bookfairs-custom p {font-size: 14px; font-size: 1.077rem;}

#bookfairs-custom #custom-content .intro-copy h2,
#bookfairs-custom #custom-content  .intro-copy p {
    text-align: left; max-height: 100%; padding: 0; margin: 0 0 10px;
}
 
#bookfairs-custom #custom-content .intro-copy {
    color: #21282d;
    font-family: lato,sans-serif; 
    background: url(//dispatch.barnesandnoble.com/content/dam/ccr/h/bookfairs/2018/05/hrbt.gif) repeat-x bottom center; 
    margin: 0 auto 20px;    
    text-align:left; 
    padding: 0;
}
#bookfairs-custom #custom-content h3 {
    font-size: 1.4rem; 
    text-align:left;
    padding-bottom:.88rem;
}
#bookfairs-custom #custom-content h4{
    font-size: 1.35rem;
}
.addCopy {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    max-width: 100%;
} 
.addCopy .content {
    width: 63%;
    padding-right: 2%;
}
.addCopy .productDisplay{
    float:right;
    width: 35%;
    text-align: center;
}
@media screen and (max-width: 540px) { 
   .addCopy .content {
        width: 100%;
        padding-right: 0;
    }
    .addCopy .productDisplay{
        float:unset;
         width: 100%;
    }
}
.productDisplay img{
     width:100%;
     max-width: 215px;
}
/*  END  #bookfairs-custom   */ 






/*   #bookfairshowto  */ 

#bookfairshowto  {
    width:100%; max-width:750px;margin-left: 15px;
}

#bookfairshowto .img-container {
    padding: 10px 0;
    text-align: center;
}
#bookfairshowto .img-container img{
    width:100%; max-width: 100%;
}
#bookfairshowto a {
    color: #347d56;
    font-weight: 700;
    margin-top: 15px;
    display: block;
}
#bookfairshowto .bookfairs-how-to{
    padding: 0 0 20px 0;
    margin: 0 0 20px 0;
    border-bottom: #ccc 1px solid;
  font: 14px/20px lato, sans-serif;
} 
#bookfairshowto  h2 {
    font: 20px lato, sans-serif;
    font-weight: normal;
    color: #21282d;
    margin: 0;
    padding: 0 0 10px;
    font-weight: 700;
    text-align: center;
}
@media screen and (max-width: 900px) {  
  #bookfairshowto { margin: 0 auto; width:85%;  }   
  #bookfairshowto .bookfairs-how-to{ margin-bottom: 12px;}
} 

/*  END  #bookfairshowto  */ 





/* #bookfairs-contact  */ 
  
#bookfairs-contact { 
    width:100%; max-width:750px;
    margin: 0 0 20px 0; 
}   
@media screen and (max-width: 900px) {  
    #bookfairs-contact {  width:85%;    margin: auto; }   
}
@media screen and (max-width: 480px) {  
    #bookfairs-contact {   width:90%; }   
}
#bookfairs-contact h2 {
    font: 22px lato, sans-serif !important;
    color: #21282d !important;
    margin: 0 0 25px !important;
}
#bookfairs-contact ol.steps  {
    padding-left: 25px;
}

#bookfairs-contact ol.steps li {
    margin-bottom: 10px;
    font-size: 14px;
}

/*  END  #bookfairs-contact   */