.bookupstory .glass-icon {
background: url(//www.nationalbook.org/wp-content/themes/nationalbook/images/bookupstory/icon.png) center / 100% auto no-repeat;
width: 29px;
height: 11px;
}
.bookupstory .content-wrapper {
margin: 28px 12.35% 39px auto;
width: 646px;
position: relative;
}
.bookupstory figure {
position: relative;
width: 650px;
}
.bookupstory .wp-caption.alignright {
margin: 0 0 10px 10px;
float : right;
}
.bookupstory .wp-caption.alignleft {
margin: 0 10px 20px 0;
float : left;
}
.bookupstory .wrapper-book {
position: relative;
}
.bookupstory .wrapper-book .row{
-webkit-box-pack: justify;
-webkit-justify-content: space-between;
-moz-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: start;
-webkit-align-items: flex-start;
-moz-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.bookupstory .book-information {
width: 59%;
-webkit-align-self: stretch;
-ms-flex-item-align: stretch;
-ms-grid-row-align: stretch;
align-self: stretch;
}
.bookupstory .wrapper-book img {
width: 41%;
height : auto;
}
.bookupstory .get-books-menu {
position: absolute;
right: 0;
top: 0;
width: 116px;
}
.bookupstory .book-short-description {
padding: 12px 28px 14px 14px;
margin-right: 130px;
background: #f2f2f2;
height: 100%;
}
.bookupstory h4 {
font: 16px NewParisSkyline;
color: #162c5d;
text-transform: uppercase;
margin-bottom: 2px;
}
.bookupstory .author {
font: 14px NewParis;
color: #162c5d;
margin-bottom: 9px;
}
.bookupstory.one-story-page .book-information .description {
font: 14px / 1.3 NewParis;
color: #63585e;
}
.bookupstory .counter {
font: 10px NewParis;
color: #000;
position: absolute;
right: 0;
margin-right: 130px;
padding: 10px;
-webkit-transform: translate3d(0, -100%, 0);
transform: translate3d(0, -100%, 0);
}
.bookupstory.one-story-page .sub-title {
margin-bottom: 10px;
}
.bookupstory .owl-controls {
position: absolute;
height: 100%;
width: 12%;
right: 59%;
top: 0;
background: rgba(255, 255, 255, 0.5);
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.bookupstory.one-story-page h3 { padding: 0; color: #162c5d;
margin-bottom: 10px;
}
.bookupstory .get-books-menu a {
color: #162c5d;
}
.bookupstory .owl-nav {
width: 100%;
height: 100%;
}
.bookupstory .owl-prev {
opacity: 0;
}
.bookupstory .owl-next {
width: 25px;
height: 25px;
position: absolute;
left: 50%;
top: 50%;
color: transparent;
border-style: solid;
border-color: #162c5d;
border-width: 3px 3px 0 0;
-webkit-transform: rotate(45deg) translate3d(-50%, -15%, 0);
transform: rotate(45deg) translate3d(-50%, -15%, 0);
-webkit-transform-origin: left top;
-ms-transform-origin: left top;
-o-transform-origin: left top;
transform-origin: left top;
pointer-events: auto;
}
.bookupstory .owl-books-wrapper,
.bookupstory #owl-books{
position: relative;
}
.bookupstory .bookup-menu .active-item {
font-size: 22px;
}
@media screen and (max-width : 1199px){
.one-story-page.bookupstory .wrapper-content{
width: 90%;
}
.bookupstory .content-wrapper{
margin: 28px auto 39px;
}
}
@media screen and (max-width : 767px){
.bookupstory .bookup-menu a {
font-size: 22px;
}
.one-story-page.bookupstory .wrapper-content {
width: 100%;
}
.bookupstory .content-wrapper{
width: 100%;
margin-bottom: 0;
}
.bookupstory .book-short-description{
margin-right: 0;
padding: 23px 25px 23px 18px;
}
.bookupstory .wrapper-book img{
width: 51%;
}
.bookupstory .book-information{
width: 49%;
}
.bookupstory .owl-controls{
right: 49%;
}
.bookupstory .owl-next{
width: 33px;
height: 33px;
border-width: 4px 4px 0 0;
}
.bookupstory .counter{
margin-right: 0;
}
.bookupstory .get-books-menu{
position: relative;
width: 100%;
margin-top: 34px;
min-height: 76px;
}
.bookupstory .get-books-menu h3{
float: left;
padding-right: 42px;
margin-right: 31px;
font-size: 48px;
}
.bookupstory .get-books-menu h3 small{
font-size: 18px;
}
.bookupstory .get-books-menu ul{
border: none;
margin-left: 0;
padding: 26px 0 0 0;
}
.bookupstory .get-books-menu li{
display: inline-block;
margin-bottom: 40px;
}
.bookupstory .get-books-menu a{
font-size: 20px;
padding-right: 22px;
margin-right: 32px;
}
.bookupstory h4{
font-size: 3.5vw;
line-height: 1;
margin-bottom: 7px;
}
.bookupstory .author{
font-size: 2.3vw;
margin-bottom: 6vw;
}
.bookupstory.one-story-page .book-information .description{
font-size: 2.35vw;
line-height: 1.35;
}
.bookupstory .glass-icon{
width: 38px;
height: 30px;
}
.bookupstory.one-story-page .sub-title{
font-size: 20px;
line-height: 1.35;
}
}
@media screen and (max-width : 480px){
.bookupstory .wrapper-book img{
}
.bookupstory.one-story-page .book-information .description{
font-size: 2.5vw;
}
.bookupstory .glass-icon{
width: 20px;
height: 11px;
}
.bookupstory.one-story-page .sub-title{
font-size: 16px;
}
.bookupstory .owl-next{
width: 15px;
height: 15px;
border-width: 2px 2px 0 0;
}
.bookupstory .counter{
margin-right: 0;
}
.bookupstory .get-books-menu{
position: relative;
width: 100%;
margin-top: 19px;
min-height: 76px;
}
.bookupstory .get-books-menu h3{
font-size: 25px;
margin-right: 20px;
}
.bookupstory .get-books-menu h3 small{
font-size: 9px;
}
.bookupstory .get-books-menu ul{
border: none;
margin-left: 0;
padding: 12px 0 0 0;
}
.bookupstory .get-books-menu li{
display: inline-block;
margin-bottom: 16px;
}
.bookupstory .get-books-menu a{
font-size: 12px;
padding-right: 12px;
margin-right: 11px;
}
.bookupstory .author{
margin-bottom: 3vw;
}
}