:root {
 --TRGblue: #094d87;
} 

.sectionHeader p,
.sectionHeader h1,
.sectionHeader h2,
.sectionHeader h3,
.sectionHeader h4,
.sectionHeader h5,
.sectionHeader {
  display:flex;
  align-items:center;
  justify-content:center;
  /*  height: 60px; */
  margin: 0;
  padding:14px;
  font-size:20px !important;
}

.bookSectionWrapper {
  width:100%;
}


#bookBoxes {
  display: flex;
  justify-content: space-evenly;
  align-content:center;
  flex-direction: row;
  flex-wrap: wrap;
  width:100%;
  margin: 0px auto auto auto;
  max-width:1500px;
}

.bookCard {
  max-width: 420px;  
  width: 30%;
  background-color: rgba(240,240,240, 1);
  margin: 40px 1px;
  box-shadow: 0px 2px 5px rgba(0,0,0,.6);
  overflow:hidden;
}


.bookCard p {
 padding: 0px 20px; 
}

   
.bookTitle p,
.bookTitle h5,
.bookTitle h4,
.bookTitle h3,
.bookTitle h2,
.bookTitle h1 {
/*   margin:0px; */
  padding:20px 10px;
/*   height:35px; */
  display: flex;
  justify-content: center;
  align-content:center;
  margin-bottom: 20px;
}

.bookImage {
  display: flex;
  justify-content: center;
  align-content:center;
  padding:25px 5px;
}

.bookImage img {
  box-shadow: 0px 2px 5px rgba(0,0,0,.9);
  max-height:250px;
}

.lowerWrapper {
  background-color:white;
  height:100%;
}

.ebookDescription h1,
.ebookDescription h2,
.ebookDescription h3,
.ebookDescription h4,
.ebookDescription h5,
.ebookDescription p,
.ebookDescription {
  padding: .1px 10px !important;
  background-color:white;
  font-family: arial, helvetica, sans-serif !important;
  font-size:13px !important;
  min-height:75px;
  text-align: center;
}
 
.lowerCardDescription{

  padding: 1px; 
  margin:0px;/*
  background-color:var(--TRGblue);*/
}

.learnMoreLink{
  padding: 5px 5px 10px 5px;
}

/* ----- learn More button  ---- */
.learnMoreLink a.readMore  {
  display: flex;
  justify-content:center;
  align-content:flex-end;
  text-decoration:none;
  margin: 0px auto;
  border-style: solid;
  border-width:1px;
  border-color: var(--TRGblue);
  background-color: transparent;
  padding: 8px 0px;
  color: var(--TRGblue) ;
  border-radius: 2px;
  width: 75%;
  max-width: 400px;
  font-family: Arial, Verdana, Helvetica;
  font-size: 14px !important;
}

.learnMoreLink a.readMore:hover{
  background-color: var(--TRGblue);
  color: white;
}

.learnMoreLink a.readMore active{
  transform: scaleY(1.1);
  color: black;
  border-color: black;
}

/*==== end button ==== */


/*== Tablet == */
@media only screen and (max-width: 950px) { 

  .bookCard {
    max-width: 315px;
    width: 30%;
  }

  .bookImage img {
    max-height:200px;
  }

.bookTitle p,
.bookTitle h5,
.bookTitle h4,
.bookTitle h3,
.bookTitle h2,
.bookTitle h1 {
    font-size:16px !important;
  }

  .lowerCardDescription {
    padding: 10px 0px; 
  }
.sectionHeader p,
.sectionHeader h1,
.sectionHeader h2,
.sectionHeader h3,
.sectionHeader h4,
.sectionHeader h5,
.sectionHeader {
 font-size:16px !important;
}
  
  
  
}

/*== Mobile == */
@media only screen and (max-width: 667px) { 
  #bookBoxes{
    margin: 0px auto auto auto;
  }
  

  .bookCard {
    width: 40%;
    max-width: 600px;
    margin: 10px auto;
  } 
  
.ebookDescription h1,
.ebookDescription h2,
.ebookDescription h3,
.ebookDescription h4,
.ebookDescription h5,
.ebookDescription p,
.ebookDescription {
  padding: 1px 10px 0px 10px!important;
  font-size:12px !important;
  min-height:75px;
}
  
 
}

/*== Mobile == */
@media only screen and (max-width: 600px) { 
  .bookCard {
    width: 45%;
  } 
 
}
  
  

/*== Mobile == */
@media only screen and (max-width: 480px) { 
  #bookBoxes{
    margin: 0px auto auto auto;
  }
  

  .bookCard {
    width: 95%;
    max-width: 667px;
    margin: 10px auto;
  }  
  
  .sectionHeader {
 height: 80px; 
 margin:0px auto;
}
  
.ebookDescription h1,
.ebookDescription h2,
.ebookDescription h3,
.ebookDescription h4,
.ebookDescription h5,
.ebookDescription p,
.ebookDescription {
  min-height:0px;
  
}