/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 17 2023 | 00:07:59 */
/*****************************/
/*** BOOKLIST DETAILS ALT ****/
/*****************************/
.booklist-book-item-alt {
    min-height: 500px !important;
}

.booklist-book-item-alt div a img {
    max-height: 400px;
}

.grve-section.grve-fullwidth-background.grve-bg-none {
    margin: 0px;
}

.banner-msg.container {
    margin-bottom: 15px;
}

.bootstrap-container .grve-element.grve-text.grve-animated-item.grve-fadeIn.grve-animated {
    background: white;
}

#page-21203 > .grve-section {
  margin-bottom: 0!important;
}

#banner-message {
  margin-top: 50px;
}

.booklist-book-item-alt {
  padding-top: 15px;
  background: #fff;
  padding-bottom: 15px;
  margin-bottom: 20px;
  min-height: 575px!important;
}

.booklist-book-item-alt a {
  color: #663399!important;
}


/*****************************/
/*** Booklist Display page ***/
/*****************************/
.page-id-21203 div.wpb_column.grve-column.grve-column-1.bootstrap-container {
  padding: 0;
}


select#list_type {
  padding: 5px 14px!important;
}

select#options_type{
  padding: 5px 14px!important;
}

select#book-search-res {
  padding: 5px 14px!important;
}

#back_btn {
  margin-left: 15px!important;
}

.book-add-section {
  padding: 30px!important;
}

li.edit-booklist a {
  font-size: 0.8em;
}

div.row.booklist-book-item {
  margin-left: 1px;
  margin-right: 1px;
}

.book-edit-item:nth-child(odd) {
  background: #eaeaea;
  padding: 10px;
}

.book-edit-item:nth-child(even) {
  background: #fff;
}

#booklist-detail-save {
  vertical-align: bottom;
  margin-top: 15px;
}
.bootstrap-container .input-group-btn {
  vertical-align: top!important;
}

.bootstrap-container .input-group-btn span{
  color: #fff!important;
}

.booklist-book-item {
  padding: 15px;
}

.booklist-book-item:nth-child(even) {
  background: #8dcead;
  color: #000;
  margin-top: 20px;
  margin-bottom: 20px;
}

.booklist-book-item:nth-child(odd) {
  background: #663399;
  color: #fff;
}

.booklist-book-item:nth-child(even) a {
  color: #010101;
}

.booklist-book-item:nth-child(odd) a {
  color: #fff;
}

.booklist-book-item:nth-child(even) a:hover {
  color: #fff;
}

.booklist-book-item:nth-child(odd) a:hover {
  color: #000;
}

.booklist-featured-image{
  position: relative;
  background-color: #dadada!important;
  border: 2px solid rgb(186, 186, 186);
  border-radius: 3px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  z-index: 99!important;
}

.description-item {
  padding-top: 8px;
  padding-top: 20px;
}

.author-item {
  font-size: 1.1em;
  padding-top: 10px;
}

.booklist-book-grade {
  margin-top: 15px;
}

.booklist-book-title:hover {
  color: #000;
}

.banner-msg {
  padding: 30px;
  margin-bottom: 30px;
  margin-left: 18px;
  width: 97.2%!important;
  color: #000!important;
  background: #fff;
}


/*****************************/
/*** BOOKLIST ARCHIVE ********/
/*****************************/

.archive-items {
  font-size: 13px;
}

.archive-categories {
  font-size: 13px;
  padding-top: 2px;
  padding-bottom: 2px;
}

ul.archive-list {
  padding: 0px!important;
}

ul.archive-list h3 {
  padding-left: 10px!important;
}

.archive-list li {
  list-style: none !important;
  margin-bottom: 10px; 
}

a.collapse-expand-cat span i {
  color: #663399;
}

#create-new-list {
  background: #663399;
}

#booklist-home span i {
  color: #663399;
}

.archive-items a {
  color: #663399!important;
}

/*****************************/
/*** DVDlist Display page ***/
/*****************************/

.dvd-list-item-container {
  padding: 10px;
}

.dvd-list-item {
  padding: 15px;
  background: #fff;
  min-height: 375px;
}

.dvd-list-title {
  text-align: center;
  color: #fff;
}

.dvd-img {
  padding-bottom: 20px;
  width: 100%;
}

.audio-list-item {
  padding: 15px;
  background: #fff;
  min-height: 400px;
}

.dvd-list-item a {
  color: #613795!important;
}

.audio-list-item a{
	color: #613795!important;
}

@media screen and (min-width: 1053px) and (max-width: 1200px) {
.dvd-list-item {
    min-height: 440px;
  }
}

@media screen and (min-width: 1053px) and (max-width: 1200px) {
.audio-list-item {
    min-height: 440px;
  }
}


/*****************************/
/**** Booklist List page *****/
/*****************************/

.booklist-categories {
  background: #ddd;
  
}

#booklist-displaytype {
  padding: 0px 14px!important;
}

.booklist-categories h3{
  color: #5f3894!important;
  font-size: 35px!important;
  font-family: canada-type-gibson, sans-serif;
}

.category-wrapper {
  padding: 5px;
}

/*****************************/
/**** Booklist Edit page *****/
/*****************************/
select#booklist-displaytype {
  padding: 0px 14px;
}


.booklist-create-new-jumbotron {
  background-color: #dadada!important;
  border: 2px solid rgb(186, 186, 186);
  border-radius: 3px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: 50% 50%;
}

.edit-booklist a:hover {
  cursor: pointer;
}

.book-edit-item {
  padding-top: 5px;
  padding-bottom: 5px;
  margin: 20px;
}

.description-edit-col {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main-info-col {
  padding-bottom: 8px;
}

.add-new-book {
  padding-top: 10px;
  padding-bottom: 10px;
}

.add-new-book-img {
  width: 50%;
}

.edit-del-icons {
 float: right; 
}

.del-list-icon {
  margin-left: 10px;
}

.booklist-edit-results .add-new-book {
  padding-left: 30px!important;
}

.add-new-header {
  display: inline-block;
  padding-bottom: 20px;
  margin-bottom: 20px!important;
}

#add-book-form {
  padding-bottom: 5%;
  border-bottom: 2px solid #cacaca;
  margin-bottom: 10%;
}

#add-book-form label {
  margin-right: 15px;
  
}

#add-book-form textarea {
  max-width: 100%;
  min-width: 100%;
  min-height: 150px!important;
}


.booklist-edit-title {
  color: #fff!important;
  text-shadow: 1px 2px 4px black;
}

.booklist-new-title {
  color: #fff!important;
  text-shadow: 1px 2px 4px black;
}
.year-header {
  display: inline-block;
  border-bottom: 1px solid #fff;
  padding-bottom: 5px;
  margin-bottom: 5px;
}

#book-edit-form{
  border: 2px solid #cacaca;
  padding: 15px;
}

#dvd-edit-form{
  border: 2px solid #cacaca;
  padding: 15px;
}

#audio-edit-form{
  border: 2px solid #cacaca;
  padding: 15px;
}

#book-desc-edit-form {
  padding: 5px;
  border: 1px solid black;
  border-radius: 5px;
}

#confirm-book-del {
  background: #d9534f!important;
}

#confirm-book-del:hover {
  background: #d1241f!important;
}

input#add-new-cat {
  margin-bottom: 0!important;
}

input#book-search-in {
  margin-bottom: 0!important;
}

a#book-search {
  padding-bottom: 7px;
}
a#make-new-cat {
  padding-bottom: 7px;
}

select#booklist-cat-add {
  background: none!important;
}

.details-section {
  margin-bottom: 25px;
  margin-left: 15px!important;
  margin-right: 15px!important;
  border-bottom: 2px solid #cacaca;
  padding-bottom: 25px;
}

.book-form {
  border-bottom: 1px solid #cacaca;
  padding-bottom: 10px;
  display: inline-block;
  margin-bottom: 25px;
}

.search-col {
  margin-bottom: 25px;
}

#submit-booklist {
  padding: 1.154em 1.538em;
  border-radius: 0;
  z-index: 2;
  vertical-align: top;
  margin-top: 3px;
  margin-bottom: 3px;
  outline: 0;
  text-align: center;
  cursor: pointer;
  border: 1px solid transparent;
  box-sizing: border-box;
  word-wrap: break-word;
}

.edit-list-details-btn {
  position: relative;
  display: block;
  z-index: 1!important;
  margin-top: -2.20em!important;
  margin-right: 2px;
  float: right;
}

.edit-list-details-btn button {
  border-radius: 3px!important;
}

.edit-list-details {
  display: none;
  padding: 15px;
  margin-top: -2.20em;
  margin-bottom: 2.20em;
  background: #eaeaea;
}

div.banner-msg p.booklist-msg {
  white-space: pre-wrap;
}

textarea#banner-message {
  min-height: 175px!important;
  min-width: 100%;
  max-width: 100%;
}

#file-btn {
  background: #72b566!important;
}

#file-btn:hover {
  background: #72b566!important;
}

#submit-list-from-file {
  margin-bottom: 3.0em!important;
}


/**************************/
/***** LOADER *************/

.lds-ring {
  display: inline-block;
  position: relative;
  width: 64px;
  height: 64px;
}
.lds-ring div {
  box-sizing: border-box;
  display: block;
  position: absolute;
  width: 51px;
  height: 51px;
  margin: 6px;
  margin-left: 25px;
  border: 6px solid #fff;
  border-radius: 50%;
  animation: lds-ring 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  border-color: #000 transparent transparent transparent;
}
.lds-ring div:nth-child(1) {
  animation-delay: -0.45s;
}
.lds-ring div:nth-child(2) {
  animation-delay: -0.3s;
}
.lds-ring div:nth-child(3) {
  animation-delay: -0.15s;
}
@keyframes lds-ring {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

/************************************/
/*******  RESPONSIVE FIXES **********/

@media screen and (max-width: 576px) {
  .booklist-jumbo {
    min-height: 485px!important;
 }
}

@media screen and (max-width: 670px) {
  .list_details_wrap {
    font-size: 60%!important;
    bottom: 18px;
  }
}

@media screen and (max-width: 768px) {
  .shortRightTop{
    padding-right: 0!important;
  }
  .shortRightBottom{
    padding-right: 0!important;
  }
  .rightPics {
    padding-left: 30px !important;
    padding-right: 30px !important;
  }
  .shortRightImg .img-overlay2-wrap {
    padding-right: 0;
  }
  .list_details_wrap {
    font-size: 80%;
    bottom: 8px;
  }
  .longLeftWrap {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  .feat_img_display {
    padding-left: 15px;
    padding-right: 15px;
  }
  .spotlight_section {
    padding-left: 12px!important;
	padding-right: 15px!important;
  }
  .leftWrap-2 {
    padding-left: 45px !important;
    padding-right: 45px !important;
    margin-top: 10px;
  }
  .rightWrap-2 {
    padding-right: 45px !important;
    padding-left: 45px !important;
  }
  .right-inside {
    padding-left: 0!important;
  }
  .right-long {
    padding: 0!important;
  }
  .spotlight-height2 {
    margin-left: 15px!important;
    margin-right: 15px!important;
  }
  .spotlight-height {
    margin-left: 13px !important;
    margin-right: 10px;
  }
  .list_left .list_details_wrap {
    padding-right: 0;
  }
  
  .list_mid .list_details_wrap {
    padding-left: 5px;
    padding-right: 5px;
  }
  .list_right .list_details_wrap {
    padding-left: 0;
  }
  .leftCol {
    margin-top: 10px;
  }
  #list_jumbo {
    margin-bottom: 10px!important;
  }
  .jumbo-row {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  .right-outside-img .img-overlay2-wrap {
    padding-left: 0px!important;
  }
  .list_left .feat_img_display {
    padding-right: 15px!important;
  }
  .list_mid .feat_img_display {
    padding-left: 15px!important;
    padding-right: 15px!important;
  }
  .list_right .feat_img_display {
    padding-left: 15px!important;
  }
  .spotlight_section {
    padding-left: 10px !important;
  }
  .img-overlay2-wrap {
    padding-bottom: 18px!important;
  }
  .spotlight_section2 {
    padding-right: 15px !important;
  }
  #booklist_tabs {
    padding-right: 15px !important;
    padding-left: 15px !important;
  }
}

@media screen and (min-width: 768px) and (max-width: 991px ) {
  .leftWrap-2 {
    padding-left: 30px!important;
    padding-right: 30px!important;
  }
  .spotlight_section {
    padding-left: 5px!important;
  }
  .spotlight_section2 {
    padding-right: 5px!important;
  }
  .rightWrap-2 {
    padding-right: 30px!important;
  }
}

@media screen and (min-width: 768px) and (max-width: 1200px) {
  .jumbo-row {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media screen and (max-width: 960px) {
  .rightPics {
    width: 100%;
  }
  .shortRightImg .img-overlay2-wrap {
    padding-right: 20px;
  }
  
}

@media screen and (max-width: 991px) {
  .spotlight_section {
    width: 100%;
	position: absolute;
  }
  .spotlight_section2 {
    width: 100%;
    margin-top: -0.8em;
  }
  #portfolio_style_one {
    margin-top: 26.5em;
  }
  .vc_custom_1529515641088 {
    margin-left: 0!important;
  }
  .vc_custom_1529516545337 {
    margin-right: 0!important;
  }
  .first_port_images {
    width: 100%;
  }
  .shortRightTop {
    width: 100%;
    padding: 0!important;
    margin-top: 15px;
    margin-bottom: 15px;
  }
  .shortRightBottom {
    width: 100%;
    padding: 0!important;
    margin-bottom: 15px;
  }
  .shortRightImg {
    min-height: 250px!important;
  }
  .longLeftImg {
    min-height: 250px!important;
  }
  .left-inside {
    padding: 0 15px 0 15px!important;
  }
  .left-inside-img {
  	min-height: 250px!important;
	}
  .right-inside-img {
  	min-height: 250px!important;
  }
  .left-bottom-img {
  	min-height: 250px!important;
  }
  .right-outside-img {
  	min-height: 250px!important;
  }
  .right-inside {
    padding: 0!important;
    margin-top: 15px;
  }
  .left-bottom-long {
    margin-bottom: 15px;
  }
  #portfolio_two {
    margin-top: 15px!important;
    width: 100%;
  }
  .overlay_name {
    display: none;
  }
  #image_one_name {
    display: block!important;
  }
  #image_two_name {
    display: block!important;
  }
  #image_three_name {
    display: block!important;
  }
  #image_four_name {
    display: block!important;
  }
  .right-outside-img .img-overlay2-wrap {
    padding-right: 0;
  }
  .shortRightImg .img-overlay2-wrap {
    padding-right: 0!important;
  }
  .right-inside-img .img-overlay2-wrap {
    padding-left: 0px!important;
  }
}

@media screen and (min-width: 991px) and ( max-width: 1021px) {
  .shortRightTop {
    margin-bottom: 18px;
  }
}


@media screen and (min-width: 1024px) {
  .longLeftWrap {
     padding: 0!important;
  }
  .longLeft {
      padding: 0!important;
  }
  .rightPics {
      padding-right: 15px;
  }
  .longLeftMarginFix {
      padding-right: 10px;
      padding-left: 0;
      padding-bottom: 0;
  }
  .shortRightTop {
      margin-bottom: 15px;
      padding: 0!important;
  }
  .shortRightBottom {
      padding: 0!important;
  }
}


@media screen and (min-width: 1024px) and (max-width: 1200px) {

  .longLeftWrap {
    padding: 0 15px 0 15px !important;
  }
  .right-long {
    padding-right: 15 !important;
  }
  .booklist_title {
    margin-top: 50px;
  }
}


/************************************/
/************************************/
/******* STYLE ONE CSS **************/

.shortRightImg {
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover!important;
  -moz-background-size: cover;
  min-height: 208.5px;
  min-width: 208.5px;
  width: 100%;
}

.longLeftImg {
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover!important;
  -moz-background-size: cover;
  min-height: 435px;
  height: 100%;
}

.longLeft {
  min-width: 100%;
  height: 100%;
  padding: 0!important;
  min-height: 435px;
}

.spotlight_section {
  padding-left: 10px;
  padding-right: 34px;
  padding-bottom: 15px;
}

.longLeft:hover .img-overlay2{
  opacity: 0.9;
}

.shortRightTop:hover .img-overlay2{
  opacity: 0.9;
}

.shortRightBottom:hover .img-overlay2{
  opacity: 0.9;
}
/*********/
.longLeft:hover .img-overlay2 .overlay_name{
  opacity: 1;
}

.shortRightTop:hover .img-overlay2 .overlay_name{
  opacity: 1;
}

.shortRightBottom:hover .img-overlay2 .overlay_name{
  opacity: 1;
}
/************************************/
/********* STYLE TWO CSS ************/

.left-inside-img {
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover!important;
  -moz-background-size: cover;
  min-height: 215px;
}

.right-inside-img {
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover!important;
  -moz-background-size: cover;
  min-height: 215px;
}

.left-bottom-img {
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover!important;
  -moz-background-size: cover;
  min-height: 215px;
}

.right-outside-img {
  -webkit-background-size: cover;
  -ms-background-size: cover;
  background-size: cover!important;
  -moz-background-size: cover;
  min-height: 445px;
}

.spotlight_section2 {
  padding-right: 5px;
  padding-left: 35px;
}

#portfolio_two {
  margin-top: -0.8em;
}

.left-inside {
  padding: 0!important;
}

.right-inside {
  padding-right: 0px!important;
}

.left-bottom-long {
  padding: 15px 0 0 0!important;
}

.right-long {
  padding-right: 0!important;
}

.left-bottom-img .img-overlay2-wrap {
  padding-top: 15px;
}

.right-inside-img .img-overlay2-wrap{
  padding-left: 15px;
}

.right-outside-img .img-overlay2-wrap{
  padding-left: 15px;
}

.right-outside-img .img-overlay2-wrap .img-overlay2 p {
  padding-left: 15px;
}

.right-inside-img .img-overlay2-wrap .img-overlay2 p {
  padding-left: 15px;
}

.left-inside:hover .img-overlay2{
  opacity: 0.9;
}

.right-inside:hover .img-overlay2{
  opacity: 0.9;
}

.left-bottom-long:hover .img-overlay2{
  opacity: 0.9;
}

.right-long:hover .img-overlay2{
  opacity: 0.9;
}
/*********/
.left-inside:hover .img-overlay2 .overlay_name{
  opacity: 1;
}

.right-inside:hover .img-overlay2 .overlay_name{
  opacity: 1;
}

.left-bottom-long:hover .img-overlay2 .overlay_name{
  opacity: 1;
}

.right-long:hover .img-overlay2 .overlay_name{
  opacity: 1;
}

/************************************/
/************** GENERAL *************/

.wrap {
    margin-top: -2.9em;
}

.imgs {
    display: block;
    max-width: 100%;
    height: auto;
}

.wrap .img-links {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 1000;
}

.styleTwo .img-links {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 1000;
}

.overlay_name {
  opacity: 0;
  color: #fff;
  font-weight: bold;
  position: absolute;
  bottom: 0;
  left: 10px;
  font-size: 15px;
}

.img-overlay2-wrap {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.rightPics .img-overlay2-wrap {
	min-width: 208.5px;
}

.img-overlay2{
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background: #7547a3;
  opacity: 0;
}

.list_category {
  white-space: nowrap;
}

/************************************/

/*****************************/
/** FEATURED BOOKLIST PAGE ***/
/*****************************/
.booklist_row_column a{
    text-decoration-color: black!important;
}

.booklist_grid_column a {
    text-decoration-color: #663399!important;
}

@media screen and (max-width: 991px)  {
  .booklist_row_column {
    min-height: 550px!important;
  }
}
@media screen and (max-width: 479px) {
  .booklist_row_column {
    width: 100%!important;
    min-height: 0px!important;
  }
}
.book-feat-title {
  color: #663399!important;
}
p.list_name {
  color: #663399!important;
}

.sub_categories a {
  display: block;
}

.featured-list-image {
  height: 250px; 
  width: 100%; 
  object-fit: cover;
}

.feat_img_display a {
  display: block;
}

.booklist-jumbo {
  height: 300px; 
  width: 100%;
  background: #d5d1c4;
  padding-top: 10px!important;
  padding-bottom: 10px!important;
  position: relative;
  margin-right: 15px;
}

.booklist-jumbo #featured-anchor {
  position: absolute;
  display: block;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  text-indent: -9999px;
  z-index: 1000;
}

.feat_img_display {
  width: 100%;
}

@media (min-width: 1025px) {
  #adult_list_tab {
    column-count: 2;
    column-width: 440px; 
    column-fill: auto;
    -moz-column-count: auto;
    -moz-column-width: 440px;
    -moz-column-fill: balance;
    -webkit-column-count: auto;
    -webkit-column-width: 440px;
    -webkit-column-fill: balance;
  }

  #teen_list_tab {
    column-count: 2;
    column-width: 440px; 
    column-fill: auto;
    -moz-column-count: auto;
    -moz-column-width: 440px;
    -moz-column-fill: balance;
    -webkit-column-count: auto;
    -webkit-column-width: 440px;
    -webkit-column-fill: balance;
  }

  #children_list_tab {
    column-count: 2;
    column-width: 440px;
    column-fill: auto;
    -moz-column-count: auto;
    -moz-column-width: 440px;
    -moz-column-fill: balance;
    -webkit-column-count: auto;
    -webkit-column-width: 440px;
    -webkit-column-fill: balance;
    
  }

  #spanish_list_tab {
    column-count: 2;
    column-width: 440px;
    column-fill: auto;
    -moz-column-count: auto;
    -moz-column-width: 440px;
    -moz-column-fill: balance;
    -webkit-column-count: auto;
    -webkit-column-width: 440px;
    -webkit-column-fill: balance;
  }
}

@media (max-width: 1024px) {
  #adult_list_tab {
    column-count: 1;
    column-width: 100%;
    column-fill: auto;
    overflow: visible;
    display: block;
    height: 100%!important;
  }

  #teen_list_tab {
    column-count: 1;
    column-width: 100%;
    column-fill: auto; 
    overflow: visible;
    display: block;
    height: 100%!important;
  }

  #children_list_tab {
    column-count: 1;
    column-width: 100%;
    column-fill: auto;
    overflow: visible;
    display: block;
    height: 100%!important;
  }

  #spanish_list_tab {
    column-count: 1;
    column-width: 100%;
    column-fill: auto;
    overflow: visible;
    display: block;
    height: 100%!important;
  }
}

.category-title {
  font-weight: bold;
}

.sub_categories li {
	line-height: 1.8;
  	font-size: 15px;
  	color: #663399;
}

.sub_categories {
  list-style-position: inside;
  list-style: none;
  display: block;
}

.et-tabs-style-bars nav ul li.tab-current {
  background: #663399;
}

#page-28443 .tab-current {
 border-bottom: 3px solid #fff; 
}

/* Responsive tab fix */
#section-4fa5caf3-1659-10 {
  overflow: visible;
}

#section-bf76c73f-74ab-1 {
  overflow: visible;
}

#section-1527727973668-3-9 {
  overflow: visible;
}

#section-1527727975066-4-6 {
  overflow: visible;
}


#booklist-graphic {
  background-size: cover!important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  height: 280px;
}

#graphic-container {
  padding: 0 10px 0 10px;
}

.list_display_details {
  padding-left: 45px!important;
  padding-right: 45px!important;
  padding-bottom: 10px;
  padding-top: 10px;
  margin-top: -2.6em;
  background: rgba(255,255,255, 0.8);
}

.list_details_wrap {
  position: relative;
  padding-left: 15px;
  padding-right: 15px;
}

.img-overlay-wrap {
  padding-left: 15px;
  padding-right: 15px;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  height: 100%;
  width: 100%;
}

.img-overlay{
  height: 100%;
  width: 100%;
  transition: .5s ease;
  background: #7547a3;
  opacity: 0;
}

.feat_img_display:hover .img-overlay{
  opacity: 0.9;
}

#list_jumbo {
  margin-bottom: 0;
}

.list_left {
  padding-left: 10px;
  padding-right: 10px;
}
.list_mid{
  padding-left: 10px;
  padding-right: 10px;
}
.list_right {
  padding-right: 10px;
  padding-left: 10px;
}

.list_category {
  display: block;
  color: black;
  font-size: 1.5em;
}

/************************/

@media only screen and (max-width: 992px) {
  .feat_img_display {
    margin-top: 0;
  }
  #booklist-graphic {
    height: 270px;
  }
  .booklist-jumbo {
  	height: 400px; 
  }
  /*
  #list_collage_left div.grve-element div.grve-isotope-container article a figure div.grve-media {
    height: 300px;
  }
  */
}

@media only screen and (max-width: 766px) {
  .book-feat-title {
    padding-left: 15px;
  }
  .book-feat-msg {
    padding-left: 15px;
  }
}



/************************/
/**** BOOKLIST ROW ******/
/************************/

.booklist_row_header {
  display: block;
  padding-bottom: 25px;
  color: black!important;
}

.booklist_row_header:hover {
  color: #fff!important;
}

.booklist-header {
  color: black!important;
  
}

.booklist-header:hover {
  color: #fff!important;
}

.booklist_row_link {
  text-decoration: none!important;
}


/************************/

.booklist_grid_row {
  display: flex;
  flex-wrap: wrap;
  padding: 0 4px;
}


.feat_img_display {
  display: inline-block;
  vertical-align: middle;
  margin-top: -1.0em;
}

.list-desc {
  display: block;
  color: black;
}

/* Create four equal columns that sits next to each other */
.booklist_grid_column {
  flex: 25%;
  max-width: 25%;
  padding: 0 4px;
}

.booklist_grid_column .list-imgs {
  margin-top: 8px;
  vertical-align: middle;
}

.bootstrap-container .list_name {
  margin: 10px 0 10px;
  margin-right: 0px;
  margin-left: 0px;
}

/* grow effect on hover */
.book-feat-img {
  transform: scale(.95);
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px transparent;
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -webkit-transition-property: transform;
  transition-property: transform;
}

.book-feat-img:hover, .book-feat-img:focus, .book-feat-img:active {
  -webkit-transform: scale(1.05);
  transform: scale(1.05);
  z-index: 9999 !important;
}

/* Responsive layout - makes a two column-layout instead of four columns */
@media screen and (max-width: 800px) {
  .booklist_grid_column {
    flex: 50%;
    max-width: 50%;
  }
}

/* Responsive layout - makes the two columns stack on top of each other instead of next to each other */
@media screen and (max-width: 600px) {
  .booklist_grid_column {
    flex: 100%;
    max-width: 100%;
  }
}