/* beigegrey #e5e1c7*/
.paperCardContainer {margin-bottom: 40px; width: 300px;}
.paperCard {background: #f3edc9;width: 300px; border-radius: 5px;position: relative; cursor: pointer;}
.paperCard:hover {background-color: #f1e8b2;}
.paperCard .paperType {width:50px;height:50px;color: white;text-align: center;font-size: 20px; font-weight: 800;padding: 10px;}
.paperCard .paperType.english {background: #7ED957;}
.paperCard .paperType.maths {background: #38B6FF;}
.paperCard .paperSubject {height:50px;color: white;text-align: center;font-size: 20px; font-weight: 800;padding: 10px;top:0;right:0;position: absolute;}
.paperCard .paperSubject.english {background: #7ED957;}
.paperCard .paperSubject.maths {background: #38B6FF;}
.paperCard .paperName {color:#333;font-weight: 800;padding: 20px;padding-bottom:0px;font-size: 25px;text-align: left;}
.paperCard .schoolName {color:#333;font-weight: 500;padding-left: 20px;padding-bottom: 20px;font-size: 16px;text-align: left;}
.paperCard .paperSubjectBar {color: white;background: black;font-size: 14px;padding-left: 10px;padding-right: 10px;padding-top: 3;position: absolute;right: 0}
.paperCard .bottom {width:100%;height:170px;background: #4fbde8;padding: 20px;color: black;font-size: 16;border-bottom: 10px solid black;border-top: 10px solid black;} 
.paperCard .bottom.english {background: #7ed957; background-image: url(/images/papercoverenglish.png);}
.paperCard .bottom.maths {background: #4fbde8; background-image: url(/images/papercovermath2.png);}
/*  green #7ED957, blue #38B6FF, yellow #f9e032 */
.paperCard .overlay {display:none; position: absolute;top:0;left:0;width: 100%;height: 100%;background: rgba(255,255,255,0.7);z-index: 1}
.paperCard .overlay .middle {opacity: 1;position: absolute;top: 40%;left: 50%;font-weight: 700; background-color: #0aa96c;color: white;padding: 20px;text-align: center;z-index: 9;transform: translate(-50%, -50%);}

.paperCard.thumbnail {background: #f3edc9;width: 150px; border-radius: 5px;position: relative; margin-bottom: 0px;cursor: pointer; padding:0;}
.paperCard:hover {background-color: #f1e8b2;}
.paperCard.thumbnail .paperType {width:25px;height:25px;color: white;text-align: center;font-size: 10px; font-weight: 800;padding: 5px;}
.paperCard.thumbnail .paperType.english {background: #7ED957;}
.paperCard.thumbnail .paperType.maths {background: #38B6FF;}
.paperCard.thumbnail .paperSubject {height:25px;color: white;text-align: center;font-size: 10px; font-weight: 800;padding: 5px;top:0;right:0;position: absolute;}
.paperCard.thumbnail .paperSubject.english {background: #7ED957;}
.paperCard.thumbnail .paperSubject.maths {background: #38B6FF;}
.paperCard.thumbnail .paperName {color:#333;font-weight: 800;padding: 10px;padding-bottom:0px;font-size: 15px;text-align: left;}
.paperCard.thumbnail .schoolName {color:#333;font-weight: 500;padding-left: 10px;padding-bottom: 10px;font-size: 12px;text-align: left;}
.paperCard.thumbnail .paperSubjectBar {color: white;background: black;font-size: 8px;padding-left: 5px;padding-right: 5px;padding-top: 3;position: absolute;right: 0}
.paperCard.thumbnail .bottom {width:100%;height:85px;background: #4fbde8;padding: 10px;color: black;font-size: 16;border-bottom: 5px solid black;border-top: 5px solid black;} 
.paperCard.thumbnail .bottom.english {background-image: url(/images/papercoverenglish.png);}
.paperCard.thumbnail .bottom.maths {background-image: url(/images/papercovermath2.png);}