/*! Flickity v2.2.1
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus { outline: none; }

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: -webkit-grab;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous { left: 10px; }
.flickity-prev-next-button.next { right: 10px; }
/* right to left */
.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}
.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
}

.flickity-rtl .flickity-page-dots { direction: rtl; }

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

.home-carousel-image {
  display: block;
  height: 350px;
  min-width: 150px;
  margin-right: 10px;
}

.home-carousel.is-fullscreen .home-carousel-image {
  height: auto;
  max-height: 100%;
}

.rec-carousel-image {
  max-width: 130px;
  max-height: 200px;
-webkit-box-shadow: 0px 10px 32px -5px rgba(0,0,0,0.21);
-moz-box-shadow: 0px 10px 32px -5px rgba(0,0,0,0.21);
box-shadow: 0px 10px 32px -5px rgba(0,0,0,0.21);

}
.bkc-container{
  margin-left: 20px;
  width:130px
}
.bkc-link{color:var(--iq-title-text)}
.bkc-author{color:var(--iq-body-text)}
.bkc-img-container{
margin-bottom:30px;
height:220px;
vertical-align: bottom;
display: table-cell;}

.rec-carousel .flickity-slider{
	margin: 0px 20px
}
.iq-card-header{padding:0 20px}
.ac-container{
  margin-left: 20px;
  width:90px
}
.author .bkc-img-container{
	width:90px;
	height:90px;
	border-radius:50%;
	background-size: cover;
    background-position: center center;
}
.author .bkc-title, .author .bkc-author {
	text-align:center
}
.c-container{
  margin-left: 20px;
width: 260px;
}
.c-img-container{
height: 100px;
text-align: center;
vertical-align: middle;
display: table-cell;
width: 260px;
}
h6.cat-title {
    font-size: 2em;
    font-weight: 300;
    color: #fff;
}
.cat-section > div > div > div:nth-child(1){background-image: linear-gradient(135deg, #667eea 0%, #764ba2 100%);}
.cat-section > div > div > div:nth-child(2){background-image: linear-gradient(135deg, #2af598 0%, #009efd 100%);}
.cat-section > div > div > div:nth-child(3){background-image: linear-gradient(to top, #c79081 0%, #dfa579 100%);}
.cat-section > div > div > div:nth-child(4){background-image: linear-gradient(-45deg, #FFC796 0%, #FF6B95 100%);}
.cat-section > div > div > div:nth-child(5){background-image: linear-gradient(to right, #4facfe 0%, #00f2fe 100%);}
.cat-section > div > div > div:nth-child(6){background-image: linear-gradient(-60deg, #ff5858 0%, #f09819 100%);}

.cat-block{
	margin-bottom:25px;
	min-width:150px
}

.bk-container {
  text-align: center;
  height: calc(100% - 43px);
  padding: 0px 0px 10px 0px;
  position: relative;
}

.vertical-align-wrap {
  width: 100%;
  height: 100%;
  display: table;
}

.vertical-align {
  display: table-cell;
}

.vertical-align--bottom {
  vertical-align: bottom;
}

.cat-img{
	-webkit-box-shadow: 0px 10px 32px -5px rgba(0,0,0,0.21);
    -moz-box-shadow: 0px 10px 32px -5px rgba(0,0,0,0.21);
    box-shadow: 0px 10px 32px -5px rgba(0,0,0,0.21);
}
.read-bk{
    text-align:center;
    margin:0;
}
.bk-details{
    width: 130px;
    display: inline-block;
    text-align: right;
    margin-right: 5px;
}
.mainBookImage{
    -webkit-box-shadow: 0px 12px 40px -25px rgba(0,0,0,0.75);
    -moz-box-shadow: 0px 12px 40px -25px rgba(0,0,0,0.75);
    box-shadow: 0px 12px 40px -25px rgba(0,0,0,0.75);
}


/* Dropdown Print Button */
.dropbtn {
    color:blue;
    background-color: var(--iq-body-bg);
    border: none;
}

/* The container <div> - needed to position the dropdown content */
.dropdown {
    position: relative;
    display: inline-block;
    margin-bottom: 25px;
}

/* Dropdown Content (Hidden by Default) */
.dropdown-content {
    display: none;
    position: absolute;
    background-color: #f1f1f1;
    min-width: 160px;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    z-index: 1;
}

/* Links inside the dropdown */
.dropdown-content a, .dropdown-content button {
    color: black;
    padding: 12px 16px;
    text-decoration: none;
    display: block;
    border: none !important;
}

/* Change color of dropdown links on hover */
.dropdown-content a:hover, .dropdown-content button:hover {background-color: #ddd;}

/* Show the dropdown menu on hover */
.dropdown:hover .dropdown-content {display: block;}

.mobsearch{
    font-size: 25px;
    right: 5px;
    position: absolute;
    top: 13px;
}

#or {
    position: relative;
    width: 100%;
    height: 27px;
    font-size:12px;
    line-height: 15px;
    text-align: center;
}

#or::before,
#or::after {
    position: absolute;
    width: 40%;
    height: 1px;

    top: 7px;

    background-color: #aaa;

    content: '';
}

#or::before {
    left: 0;
}

#or::after {
    right: 0;
}


#revive-0-0 > a > img {
    width: 100%;
    height: auto;
}


@media (min-width: 992px)
{
.col-lg-2.cat-book {
    max-width: 11.1% !important;
}
}

@media (min-width: 768px){
.col-md-3.cat-book {
    max-width: 20%
}
.home-carousel-image {
    height: 320px;
}
.bk-container {
    padding: 0px 0px 0px 0px;
}
.cat-block{
    margin-bottom:20px
}
}

@media only screen 
  and (min-device-width: 320px) 
  and (max-device-width: 480px) {
h2{
    padding-left:15px;
}
.col-sm-6.cat-book {
    width: 40%;
    padding: 0;
    margin-left: 7%;
}
.home-carousel-image {
  height: 220px;
}
.rec-carousel-image {
  max-width: 130px;
  max-height: 200px;
}
/*.bkc-rel{
	padding-right: 0px !important;
    padding-left: 0px !important;
}*/
.rec-carousel .flickity-slider{
	margin: 0px 30px
}
.iq-card-header{padding:0 30px}
}