/* OVERALL PAGE SETTINGS - TAGS */

  body {
    font-family: 'Arial', sans-serif;
    font-size:10px;
    background-attachment: fixed;
    background-repeat:repeat;
    background-position:left top;
    background-position:bottom right;
    overflow-x: hidden;
    }

.wrapper {
    background-image: url("/Pictures/SitePictures/BookBackgroundSeamless.jpg");
    position:relative;
    }


  h2 {
    font-size: 1.2em;                   
    background-color:#2b78c3;
    color:white;
   -webkit-column-span: all;  
    column-span: all;
    padding-top:15px;
    padding-bottom:15px;
    padding-left:15px;
    margin-left:-10px;
    margin-right:-10px;
    margin-top:-10px;
    opacity:0.9;
    }

  h3 {
    font-size:1.5em;             
    color:blue;
    }

  h4 {
    margin-top:-10px;           
    color: #333c97;
    font-size:1em;
    }

  h5 {
    color:darkred;                
    margin-bottom:-3px;
    font-size:2em;
    }
  
  h6 {
     font-size:1.2em;
     margin:0 0 5px 0;
    }

 /* .center {
     text-align:center;            
    }*/
    
    .dynamicimg {     /* for placing images precisely, even overlapping the title box, for effect eg the hat in Deacon King Kong*/
  position:absolute;     /* style width, top, bottom, right, left on the page */
}
    
    
/* FLEX CONTAINERS */
.flex-container{
    width: 93.5%;
    min-height: 300px;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */     
    display: flex; /* Standard syntax */
    margin-top:10px;
   /* border:1px solid #2b78c3;*/
   
  }

.flex-container .column{
    padding: 10px;
    /*background-image: linear-gradient(to right, #85d5d2 , #d6f9f8, );*/
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
    flex-basis:20%;
    }

.flex-container .column.two{

   /* background-image: linear-gradient(to right, #d6f9f8 , #85d5d2,);*/
   }

.flex-container .column.three{
 /* background-image: linear-gradient(to right, #d69565 , #fcf4ab);*/
    }

.flex-container .column.four{
  
 
  /*background-image: linear-gradient(to right, #fcf4ab , #d69565);*/
  
}

/* END FLEX CONTAINERS */    
    
    .challenge {
     width:70%;
     display:block;
     margin-left:auto;
     margin-right:auto;
     font-size:3em;
     border: 5px red dotted;
     background-color:yellow;
     color:#2b78c3;
     padding:10px;
     text-align:center;
    }
    
  /* WEBSITE INFORMATION BOX */
  
  .siteInfo {
  background-color:#e0ffff;       
  border: 3px solid #2b78c3;
  display:block;
  margin-left:auto;
  margin-right:auto;
  width:93.5%;  
  padding:7px;
  margin-bottom:10px;
  margin-top:15px;
  text-align:center;
  opacity:0.9;
  text-align:center;
  }
  
.siteInfo p {
   font-family: 'Arial', sans-serif;     
   font-size:2em;
   margin:5px;
   padding-bottom:5px;
   opacity:1;
  }

.siteInfo span {
  color:#2b78c3;                    
  font-weight:bold;
  }

.siteInfo .icon {
  float:left;
  width:10%;
  display:inline-block;
   }

.siteInfoHeading {
  font-size:1.5em;                    
  color:#2b78c3;
  font-weight:bold;
  margin-bottom:-10px;
  margin-top:20px;
  text-align:left;
  margin-left:15px;
  }
  
  .gcse-search {
   display:block;
     
  }
  
  .searchbar {
   width:90%;
   margin-left:10%;
  }

.searchnote {
  font-size:1.2em;
  color:#2b78c3; 
  margin-top:-20px;
  display:inline-block;
  }

/* MICHAEL DUFFY INTERVIEWS THE GREAT WRITERS */

.duffybutton {
  color:white;
  background-color:red;
  border-radius:5px;
  border:1px solid black;
  padding:10px;
  font-size:2em;
  text-decoration:none;
}


.duffybutton:hover {
 background-color:orange; 
}

.duffybutton:active {
  color:red;
}

.duffybuttonproject {
  color:white;
  background-color:orange;
  border-radius:5px;
  border:1px solid black;
  padding:10px;
  font-size:2em;
  text-decoration:none;
}


.duffybuttonproject:hover {
 background-color:pink; 
}

.duffybuttonproject:active {
  background-color:red;
  color:pink;
}



/* CAROUSEL */

.box {
  width:94.5%;                            
  /*margin:0 auto;*/
  margin-top:15px;
  padding-bottom:15px;
  
}

.heading {
  font-size: 3em;                     
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  display:block;
  margin-top:-10px;
  color: orange;
  font-weight:bold;
  background-image: linear-gradient(to right, #2b78c3 , transparent);
}



.latestBooks {
  display:inline-block;      
  margin:0 auto;
  width:95%;
  clear:both;
  background-color:transparent;
  margin-bottom:20px;
}

/* END - CAROUSEL - END */




/* LATEST BOOK LIST */

.books p {
  text-align:center;             
  font-size:1.2em;
}

.books img:hover {
opacity:0.7; 
}

.cover {
  height:224px;                    
  width:145px;
  }


.stars {
  margin:0 auto;                   
  width:90px;
  height:18px;
  margin-top:5px;
}

/* END - LATEST BOOK LIST - END */




/* BOOKS CURRENTLY BEING READ */

.infopanel {
 width:94%;                             
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin-top:20px;
 border-left:2px solid #2b78c3;
 /*background: rgba(179, 185, 220, 0.4);*/
 background-image: linear-gradient(to right, #b3b9dc , transparent);
  }


.flex-readcontainer{
    width: 93.5%;
    min-height: 300px;
    margin: 0 auto;
    display: -webkit-flex; /* Safari */     
    display: flex; /* Standard syntax */
    margin-top:10px;
    
   }
   


.flex-readcontainer .firstcolumn{
    padding: 10px;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
    flex-basis:50%;
    background-color:transparent;
        }

.flex-readcontainer .secondcolumn{
   padding: 10px;
   -webkit-flex: 1; /* Safari */
   -ms-flex: 1; /* IE 10 */
   flex: 1; /* Standard syntax */
   flex-basis:50%;
   background-color:transparent;
   }
   
 .flex-readcontainer .thirdcolumn{
    padding: 10px;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
    flex-basis:50%;
    background-color:transparent;
    }

.flex-readcontainer .fourthcolumn{
   padding: 10px;
   -webkit-flex: 1; /* Safari */
   -ms-flex: 1; /* IE 10 */
   flex: 1; /* Standard syntax */
   flex-basis:50%;
   background-color:transparent;
   }
   
  .flex-readcontainer .fifthcolumn{
    padding: 10px;
    -webkit-flex: 1; /* Safari */
    -ms-flex: 1; /* IE 10 */
    flex: 1; /* Standard syntax */
    flex-basis:50%;
    background-color:transparent;
    }

.flex-readcontainer .sixthcolumn{
   padding: 10px;
   -webkit-flex: 1; /* Safari */
   -ms-flex: 1; /* IE 10 */
   flex: 1; /* Standard syntax */
   flex-basis:50%;
   background-color:transparent;
   }  
   
 .title {
  font-size:4em;                           
  color: #2b78c3;
  font-weight:bold;
}

.firstcolumn p, .secondcolumn p, .thirdcolumn p, .fourthcolumn p, .fifthcolumn p, .sixthcolumn p {
  font-size:1.5em;
  
}

.authorname {
 color:#53AA42;
 font-size:3em;
 margin-bottom:15px;
}

.reviewer {
    color: #333c97;
    font-size:1.5em;
}


.tagline {
  color:darkred;                
    margin-bottom:15px;
    font-size:2em;
    font-style:italic;
}

.recentcover {
   width:25%;
   height:auto;
    float: left;
    padding-top:0;
    padding-left:0;
    margin-right:15px;
    margin-bottom:5px;
    z-index:999;
    opacity:1;
}

.progresscontainer {
  width:70%;
  display:block;
  margin-left:auto;
  margin-right:auto;
}

.bottomborder {
  height:2px;      
  margin-left:2.95%;
  background-image: linear-gradient(to right, #2b78c3 , transparent);
}


      /* END - CURRENT BOOKS - END */


/* SPECIAL READING PROJECTS COMPLETE */


.titlespecialcomplete {
      color:#794140;                         /* checked */
      font-size:3em;
      font-weight:bold;
      margin-left:18px;
}

.projectsubtitle {
font-size:1.5em;
  text-align:left;
  padding-left:20px;
  margin-bottom:0;
  margin-top:0; font-weight:bold;
  text-decoration:none;
}

.specialprojecttext p {
 font-size:1.5em;
 padding-left:20px;
 padding-right:20px;
 padding-top:20px;
}


.FedAd {
  background-color:burlywood;                /* checked */
  /*width:94%; */
  width:93.5%; /*changed*/
  display:block;
  margin-left:auto;
  margin-right:auto;
  margin-bottom:10px;
  margin-top:10px;
  border: 1px solid #2b78c3;
  overflow:hidden;
}

.FedAd img:hover {
 opacity:0.7; 
}

.covercompleted {
 float:left;
 width:25%;
 padding:20px; 
}



  /* SPECIAL READING PROJECTS BOX */
  
 .specialprojectswrapper {
 width:94%;                             
 display:block;
 margin-left:auto;
 margin-right:auto;
 margin-top:20px;
 border-left:1px solid #2b78c3;
 background: rgba(179, 185, 220, 0.4);
  }
  
  .specialprojectstitle {
   font-size: 1.3em;                         /* checked */
    background-color:#2b78c3;
    color:yellow;
   -webkit-column-span: all;  
    column-span: all;
    padding:15px 0 15px 25px;
    margin:-10px -10px 15px -10px;
    opacity:1;
    font-weight:bold;
    
}

.heading2 {
  font-size: 3em;                     
  padding-top:10px;
  padding-bottom:10px;
  padding-left:15px;
  display:block;
  margin-top:-10px;
  color:orange;
  font-weight:bold;
  background-image: linear-gradient(to right, transparent , #2b78c3);
}
  
  .federalistBox {
    display:block;                          
    margin: 0 auto;
    border: 1px solid #2b78c3;
    margin-top:10px;
    width:94%;
    height:auto;
    opacity:0.9;
    overflow:hidden;
    z-index:900;
    background-color:#fdd39e;
    overflow-x: hidden;
}

.federalistBox p {
    font-size: 1em;                   
    color:#0b1368;
    max-width: 93.5%;       /* Width of content in boxes */
    text-align: justify;
    padding-bottom: 5px;
}

.federalistBox img {
 display:block;       
}

    /* BOOKER PRIZE */
    .specialprojectsbox {
     width:94%;                             
     display:block;
     margin-left:auto;
     margin-right:auto;
     margin-top:20px;
     border-right:2px solid #2b78c3;
   /* background-image: linear-gradient(to right, transparent , #b3b9dc);*/
    background-image: linear-gradient(to right, transparent, #d6f9f8 , #85d5d2);
  }
  
  .specialprojectsbox2 {
     width:94%;                             
     display:block;
     margin-left:auto;
     margin-right:auto;
     margin-top:20px;
     border-left:2px solid #2b78c3;
     /*background-image: linear-gradient(to right, #b3b9dc , transparent);*/
     background-image: linear-gradient(to right, #d69565 , #fcf4ab, transparent);
  }
    
    
    .titlespecial {
     color:#0b1368;                        
      font-size:3em;
      font-weight:bold;
      }
      
      .bookerwrapper {
      background-color:#a0dfdd;
      background-image: linear-gradient(to right, #d6f9f8, #85d5d2);
      width:75%;
      margin-left:auto;
      margin-right:auto;
      border-bottom:50px;
      padding:10px;
      border:1px solid #161211;  
      }
      
      .bookerwrapper img {
        width:146px;                    
        height:226px;
        float: left;
        padding-top:0;
        padding-left:0;
        margin-right:15px;
        margin-left:-5px;
        margin-top:-5px;
        z-index:999;
        opacity:1;
      }
      
      .bookericon {
        float:left;
        width:10%;
        margin-right:20px;
        padding-left:0;
      }
      
      .bookercover {
       width:30%;
       float:right;
       margin:5px;
       height:215px;
       width:145px;
      }

      
      .bookertext {
         font-size:1.5em;
      }
      
      .judgequote {
        background-color:#a0dfdd;
        background-image: linear-gradient(to right, #d6f9f8, #85d5d2);
        width:75%;
        margin-left:auto;
        margin-right:auto;
        border-bottom:50px;
        padding:10px;
        border:1px solid #161211;
        font-size:1.3em;
        font-weight:500;
              }
      
      
      .judgequoteint {
        background-color:#a0dfdd;
        background-image: linear-gradient(to right, #85d5d2 , #d6f9f8);
        width:75%; margin-left:auto;
        margin-right:auto;
        border-bottom:50px;
        padding:10px;
        border:1px solid #161211;
        font-size:1.3em;
        font-weight:500;
      }
      

    .titlespecial a {
      text-decoration:none;             
    }
    
    .titlespecial a:hover {
     opacity:0.7; 
    }
    
    .fedText {
    padding-left:20px;                 
  }
  
.fedText p {
 font-size:1.1em;                        
 line-height:1.3em;

}


.fedText img {
    width:146px;                    
    height:226px;
    float: left;
    padding-top:0;
    padding-left:0;
    margin-right:15px;
    margin-left:-5px;
    margin-top:-5px;
    z-index:999;
    opacity:1;
}

#column {
  float:left;                       
  margin:0;
  width:50%;
}


.counter {
   float:right;
   clear:both;
   margin-top:20px;
   padding-left:10px;
   font-size:2em;
   color:brown;
  }

.counter a {
   text-decoration:none;                  /* checked */
    color:brown;
}

.counter a:hover {
  color:red;                                 /* checked */
  
}

.bottomborder2 {
  height:2px;      
  margin-right:2.95%;
  background-image: linear-gradient(to left, #2b78c3 , transparent);
}


/* END - SPECIAL READING PROJECTS COMPLETE - END */


/* QUOTE OF THE WEEK */

.quoteoftheweek .randomquotes {
  /*min-height:100vh;*/
         transition: 0.5s;
         display: flex;
         /*background-color: #A4E5E0;*/
         align-items: center;
         justify-content: center;
}

.boxSize {
         margin: 30px;
         border-radius: 10px;
         width: 91%;
         /*display: flex;
         flex-direction: column;*/
         display:block;
         margin-left:auto;
         margin-right:auto;
         align-items: center;
         padding: 30px;
         box-shadow: 0 4px 10px rgba(0, 0, 0, 0.6);
         background-color: rgba(255, 255, 255, 0.7);
         text-align:center;
      }
      .fa-quote-left, .fa-quote-right {
         font-size: 20px;
         color: blue;
      }
      

      .QuoteText {
         text-align: center;
         font-size: 20px;
         font-weight: bold;
      }
      .author {
         margin:10px;
         text-align: right;
         font-size: 25px;
         font-style: italic;
         font-family: cursive;
      }
      
      /* QUOTE BUTTON */
      .QuoteBtn {
         width: 100%;
         display: flex;
         margin-top:10px;
         margin-bottom:15px;
      }
      .GenerateQuote_next {
         font-size:18px;
         border-radius: 5px;
         cursor:pointer;
         padding: 10px;
         margin-top: 5px;
         font-weight: bold;
         color: white;
         background-color: #2b78c3;
         
      }
      .GenerateQuote_next:hover {
         background-color: black;
      }
      
        /* END QUOTE BUTTON */

/*.quoteoftheweek {
    display:block;           
    margin: 0 auto;
    border: 1px solid #2b78c3;
    margin-top:10px;
    width:94%;
    height:auto;
    background-color:#ffffff;
    opacity:0.9;
    overflow:hidden;
    z-index:900;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    
}*/


.quoteoftheweektitle {
  text-align:center;                       /* checked */
    font-size: 3em;
    /*background-color:white;*/
    /*border: 1px solid #2b78c3;*/
    color:#2b78c3;
    padding-top:20px;
    padding-bottom:10px;
    display:block;
    margin-top:-10px;
    margin-left:-10px;
    margin-right:-10px;
    padding-left:20px;
    padding-right:20px;
    font-weight:bold;
    
}

.quoteoftheweek p {
    font-size: 16px;                        /* checked */
    color:#0b1368;
    /*max-width: 94.5%;       /* Width of content in boxes */
    width:80%;
    text-align: center;
    padding: 15px;
    margin-left:auto;
    margin-right:auto;
}

.quoteoftheweek img {
 display:block;                             /* checked */
}

.quoteoftheweekarchive {
  float: right;                            /* checked */
  padding: 0 20px 20px 0;
  font-size:0.7vw;
}


/* END - QUOTE OF THE WEEK - END */

/* WEBSITE AUTOMATIC BANNER */


/* ACCORDION */
.accordion {
    background-color: transparent;            /* checked */
    color: black;
    cursor: pointer;
    padding: 10px;
    width: 94.1%;
    border: none;
    text-align: center;
    outline: none;
    font-size: 1.5em;
    transition: 0.4s;
    margin-left:3%;
    
}

.active, .accordion:hover {
    background-color: transparent;              /* checked */
    color:#2b78c3;
    font-weight:bold;
}

.accordion:after {
   /* content: '\002B';*/                      /* checked */
   background-color:transparent;
    color: black;
    font-weight: bold;
    float: right;
    margin-left: 5px;
}

.active:after {
  background-color:transparent;                   /* checked */
  
}

.panel {
    padding: 0 18px;                            /* checked */
    background-color: white;
    color:black;
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.2s ease-out;
    width:94%;
    margin-left:2.8%;
    margin-right:3.2%;
    font-size:1.2em;
    text-align:center;
}

/* WEBSITE BANNER FADER */

.bannerWrapper {
 width:98%;                                        /* checked */
 margin-left:auto;
 margin-right:auto;
 margin-bottom:18px;
}

.bannerFade .bottombanner {
  /* margin-top:1em; */                         /* checked */
     height:250px;
      height:auto;
      display:block;
      margin-left:auto;
      margin-right:auto;
}

.bannerWrapper figcaption {
  color:#2b78c3;                           /* checked */  
  font-weight:bold;
  text-align:center;
  font-size:2vw;
}

.bannerWrapper figcaption p {
  color:#2b78c3;                          /* checked */   
  font-size:1vw;
  margin-top:0;
  margin-bottom:0;
}

.bottombanner {
    /* margin-top:1em; */                  /* checked */
    width:1300px;
     height:440px;
     width:80%;

     max-width:95%;
      display:block;
      margin-left:auto;
      margin-right:auto;
}

/* END - WEBSITE AUTMATIC BANNER - END */


/* WEBSITE FOOTER */

.websiteBottom {
 display:block;                               /* checked */
 width:94%;
 margin-left:auto;
 margin-right:auto;
 background-color:#0fc9a4;
 padding-top:10px;
 padding-bottom:10px;
 margin-bottom:10px;
 border-radius:4px;
 
}

.siteButton {
display: block;                         /* checked */
    margin-left: auto;
    margin-right: auto;

}

.buttonLinks {
display: block;                        /* checked */
margin-right:auto;
margin-left:auto;

}

.buttonLinks a:hover {
  opacity:0.7;                            /* checked */
}

.notes {
      text-align:center;                 /* checked */
    width: 94%;
    display:block;
    margin-left:auto;
    margin-right:auto;
    font-size:11px;
    font-weight:bold;
    color:darkred;

}

.subscribe {
  width:94%;
  display:block;
  margin-left:auto;
  margin-right:auto;
   border: 1px solid #fff;
  box-shadow: 0 0 0 1px #bbb;
  padding:30px;
   background: rgba(43, 120, 195, 0.6);
}

.seva-form {
  margin-top:50px;
  width:60%;
  display:block;
  margin-left:auto;
  margin-right:auto;
}



/* END - WEBSITE FOOTER - END */

/*   END END END */
/*   END END END */
/*   END END END */