.book-carousel .owl-item {
-webkit-box-sizing: border-box;
box-sizing: border-box;
padding: 0px 5px;
text-align: center;
}
.book-carousel .owl-item p {
line-height: 1;
font-size: 0.9em;
margin: 10px 0;
}
.book-carousel .owl-item img {
height: 200px;
width: auto;
margin: 0 auto;
}
#stMediaList {
width: 100%;
}
#stMediaList div.st-media-list-row h3 {
margin-top: 0;
margin-bottom: 0.5em;
}
#stMediaList div.st-media-list-row > div {
margin: 2em 1%;
}
#stMediaList div.st-media-list-row p.st-media-item-description {
overflow: hidden;
max-height: 150px;
}
#stMediaList div.st-media-list-row p.st-media-item-description.expanded {
height: 100%;
overflow: auto;
max-height: none;
}
#stMediaList div.st-media-list-row a.st-media-read-more  {
cursor: pointer;
}
#stMediaList div.st-media-list-row h4.author {
text-transform: none;
font-size: 0.9em;
opacity: 0.8;
line-height: 1;
margin: 0;
padding: 0 0 1em 0;
}
@media screen and (min-width: 481px)
{
#stMediaList div.st-media-list-row > div {
float: left;
}
#stMediaList div.st-media-list-row > div:first-of-type {
width: 30%;
clear: left;
max-width: 150px;
}
#stMediaList div.st-media-list-row > div:last-of-type {
width: 66%;
}
}
.book-carousel-wrapper {
padding-bottom: 30px;
position: relative;
overflow: hidden;
}
.share-list {
position: absolute;
bottom: 0;
right: 0;
}
.book-carousel-wrapper.share .share-window {
-webkit-transform: translateY(0);
-ms-transform: translateY(0);
transform: translateY(0);
visibility: visible;
}
.book-carousel-wrapper .share-window {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
background: rgba(0, 0, 0, 0.7);
-webkit-transform: translateY(-100%);
-ms-transform: translateY(-100%);
transform: translateY(-100%);
-webkit-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
transition: all 0.2s ease-in-out;
visibility: hidden;
padding: 20px 50px;
color: #fff;
}
.book-carousel-wrapper .share-window .close {
position: absolute;
top: 20px;
right: 40px;
cursor: pointer;
font-size: 30px;
line-height: 1;
color: #fff;
opacity: 1;
}
.book-carousel-wrapper .share-window p {
margin-bottom: 5px;
}
.book-carousel-wrapper .share-window input[type="email"] {
display: block;
margin: 0;
margin-bottom: 5px;
font-family: sans-serif;
font-size: 18px;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
-webkit-box-shadow: none;
box-shadow: none;
border-radius: none;
padding: 10px;
border: none;
border-bottom: solid 2px #c9c9c9;
-webkit-transition: border 0.3s;
-o-transition: border 0.3s;
transition: border 0.3s;
width: 50%;
float: left;
}
.book-carousel-wrapper .share-list {
text-decoration: none;
border: none;
margin: 0;
padding: 0;
}
.book-carousel-wrapper .share-list span {
padding-left: 20px;
position: relative;
margin-left: 10px;
cursor: pointer;
font-size: 14px;
}
.book-carousel-wrapper .share-list .print:before, .share-list .email:before {
content: '';
background-image: url(//gleasonlibrary.org/wp-content/plugins/st-media-carousels/public/img/share-icons-16px.png);
width: 16px;
height: 16px;
background-repeat: no-repeat;
position: absolute;
left: 0;
bottom: 0;
}
.book-carousel-wrapper .share-list .print:before {
background-position: -16px 0;
}
.book-carousel-wrapper .share-window input[type="email"]:first-of-type {
width: 49%;
margin-right: 1%;
}
.book-carousel-wrapper .share-window input[type="email"]:focus {
outline: none;
border-bottom: solid 2px #969696;
}
.book-carousel-wrapper .share-window textarea {
min-height: 4em;
height: 4em;
margin-bottom: 0.5em;
font-size: 18px;
font-family: sans-serif;
}
.book-carousel-wrapper .share-window button {
float: right;
}
.webui-popover {
font-size: 14px;
}
.webui-popover .webui-popover-meta-wrapper {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
}
.webui-popover p.description {
line-height: 1.2;
font-size: 1em;
}
.webui-popover div.cover-thumb {
width: 100px;
float: left;
padding: 0 10px 10px 0;
line-height: 1;
}
.webui-popover div.cover-thumb img {
max-width: 100%;
width: 100%;
height: auto;
}
.webui-popover a.button.button-catalog,
.st-media-list-row a.button.button-catalog {
background-color: #0C89CA;
color: #fff;
text-align: center;
font-size: 1.1em;
border-radius: 3px;
padding: 0.1em 1em;
text-decoration: none;
margin-top: 10px;
}
.webui-popover a.button.button-catalog {
padding: 5px 0;
clear: both;
display: block;
}
.webui-popover a.button.button-catalog:hover {
background-color: #369cd1;
}
.webui-popover span.title,
.webui-popover span.author {
display: inline;
margin: 0;
padding: 0;
clear: both;
}
.webui-popover span.title {
font-size: 1.2em;
line-height: 1;
}
.webui-popover span.author {
font-size: 1em;
color: rgb(133, 133, 133);
line-height: 0;
}
.webui-popover p.description {
margin-top: 0.5em;
}