/*Mage Stylesheet*/
body{
  line-height:normal;
}

.mag-bar{margin-bottom:0px;}
.title-size-1{font-size:24px;}
.title-size-1{font-size:34px;}

.main-container{max-width:1170px; padding-right:15px; padding-left:15px; margin:0 auto; padding-top:10px; padding-bottom:100px;}

.summary-list-item{border:1px solid #efefef;
background:#eff0f2;  padding:4px;
margin-bottom:10px;
}
.summary-list-item:hover{
background:#34495e;
}
.summary-list-item .thumb{position:relative;}
.summary-list-item .thumb a{display:block;}
.summary-list-item .thumb .author{position:absolute; bottom:0px;  font-size:12px; font-weight:bold;
display:block; width:100%; background:rgba(0, 0, 0, 0.5); color:#fff; text-align:right;
padding:5px; display:none;
}
.summary-list-item .thumb img{width:100%; height:auto;}
.summary-list-item .title{ min-height:70px; font-size:16px; padding:5px; font-weight:bold; color:#000;}
.summary-list-item .title a{}
.summary-list-item .rating{text-align:right; font-size:14px;}
.summary-list-item .rating .like{color:#4db6ac;}
.summary-list-item .rating .dislike{color:#ee6e73;}


.summary-detail .book-title{font-size:24px; margin-bottom:0px;}
.summary-detail .author{ font-size:12px; font-weight:bold;
display:block; width:100%; background:#000; color:#fff; text-align:right;
padding:5px; 
}
.summary-detail .book-subtitle{font-size:18px; margin-top:0px; color:#999;}
.summary-detail {font-size:16px !important;}
.summary-detail p{font-size:16px;}

.book-download {
    background-color: #ebedef;
    height: 190px;
    margin: 0 auto 32px;
    padding: 40px 28px 30px 32px;
    text-align: center;
    width: 190px;
    border-radius: 50%;
}
.book-toolbox{padding-bottom:20px;}

.play-audio-here{background:#8E44AD; padding:10px; border-radius:4px; margin-bottom:20px;}
.play-audio-here audio{width:100%;}
.play-audio-here .fa-spin{color:#fff;}

/**
 * The CSS shown here will not be introduced in the Quickstart guide, but shows
 * how you can use CSS to style your Element's container.
 */
.StripeElement {
  background-color: white;
  padding: 8px 12px;
  border-radius: 4px;
  border: 1px solid transparent;
  box-shadow: 0 1px 3px 0 #e6ebf1;
  -webkit-transition: box-shadow 150ms ease;
  transition: box-shadow 150ms ease;
}
.form-row {
    width: 70%;
    float: left;
}
.StripeElement--focus {
  box-shadow: 0 1px 3px 0 #cfd7df;
}

.StripeElement--invalid {
  border-color: #fa755a;
}

.StripeElement--webkit-autofill {
  background-color: #fefde5 !important;
}

#payment-form .submit-button{margin-top:40px;}
#payment-form #card-errors {
    height: 20px;
    padding: 4px 0;
    color: #fa755a;
}

.footer-links li a{text-decoration:none;}
.cat-button{margin-bottom:10px;}

.mosaic-tile{
position: absolute;
padding: 10px;
}

#mage-books{

    position: relative;
    max-width: 100%;
    width: 100%;
}


@media (max-width: 500px) { 

.summary-list-item{margin-bottom:10px;}
.summary-list-item .title{font-size:12px;}
.summary-list-item .rating{font-size:10px;}
.footer-banner{margin-left:0px;}
/* Book Toolbox */
.book-toolbox .front-row{padding-bottom:10px;}
.book-toolbox .front-row .btn{padding:2px 5px;}


}