/* ---------------------------------------------- /*
* sytle.css override
/* ---------------------------------------------- */
body{
  overflow-y: scroll;
}

.art-wrapper{
  text-align: center;
  display: inline-block;
  padding-bottom: 35px;
}

#mak-navbar{
  visibility: visible;
}
/* ---------------------------------------------- /*
* Loading Screen
/* ---------------------------------------------- */
.loading-wrapper{
  position:  static;
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.loading-bounce1,
.loading-bounce2 {
    background-color: #00B2C0;
    border-radius: 50%;
    opacity: .5;
    height: 150px;
    width: 150px;
    -webkit-animation: bounce 2s infinite ease-in-out;
            animation: bounce 2s infinite ease-in-out;
}

.loading-bounce2 {
  position: relative;
  top: -150px;
    -webkit-animation-delay: -1s;
            animation-delay: -1s;
}

@-webkit-keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
    }
}

@keyframes bounce {
    0%,
    100% {
        -webkit-transform: scale(0);
                transform: scale(0);
    }

    50% {
        -webkit-transform: scale(1);
                transform: scale(1);
    }
}

/* ---------------------------------------------- /*
* Massage only CSS
/* ---------------------------------------------- */

.modal-title-wrapper{
  height: 100px;
  text-align: center;
  color: #323333;
  font-family: 'Poppins', san-serif;
  position: absolute;
  top:-35px;right:0;left:0;bottom:0;
}
.modal-title{
  display: block;
}
.modal-verticle-line-column{
  padding-bottom: 20px;

}
.modal-verticle-line{
  border-left:1px solid #323333;
  height:50vh;
  display:inline-block;
}
.review-column{
  padding-right:0;
  padding-bottom: 10px;
}
.close-button-spacer{
  height:80px;
  display: inline-block;
}
.book-review-wrapper{
  font-weight: 500;
  margin: 50px 0 30px 0;
  max-height: 400px;
  overflow-y: auto;
}

.book-image{
  max-height: 400px;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
	-moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
	box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}

.button-color{
  color: white;
}


.collapse,.collapsing{
  max-height: 81vh;
}
.accordion-button{
  padding: 0 35vw;
  margin: 0 auto;
}

.card-header{
  height: 6.333vh;
  border:  0;
  background-color: rgba(149, 111, 176, 0.5);
  text-align: center;
  padding: 0;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}
.card{
  border: 0;
  font-family: Quicksand-Light;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5ec7cd+0,ffffff+100 */
background: #5ec7cd; /* Old browsers */
background: -moz-linear-gradient(-45deg, #5ec7cd 0%, #ffffff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(-45deg, #5ec7cd 0%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(135deg, #5ec7cd 0%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5ec7cd', endColorstr='#ffffff',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
padding: 25px 20px;
  overflow-y: hidden;
  overflow-x: hidden;
  min-height: 100vh;
}

.art-card-wrapper .nav-link{
  font-family: Quicksand-Light;
  font-size: 2.5em;
  color: #4c4c4c;
  padding: 5px;
  background-color: #9fdce0;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}

.nav-tabs .nav-item{
  margin: 0 10px;
}

.tab-content{
  margin-top: 75px;
}


/*------------------------------------
--- massage specific body stuff-------
-------------------------------------*/


#category-btn-wrp{
  font-family: 'Poppins', sans-serif;
  padding: 30px 10px;
  padding-right: 0;
  height: 81vh;
}
#massage-books-list-wrapper{
  height: 74vh;
  margin: 15px 0;
  overflow-y: auto;
  font-family: 'Quicksand-Light', sans-serif;
  font-weight: 700;
  color: black;
}


#inline-book-buttons{
  display: inline-block;
  margin: auto auto;
  text-align: center;
}
#massage-books-list{
  text-align: center;
  height: 81vh;
  padding: 15px 15px;
  margin-top: 50px;
}
#education-books{
  display: inline-block;
  margin: auto 0;
}
#history-books, #selfHelp-books, #other-books{
  display: none;
}
.massage-books-list{
  display: inline-block;
}
.book-category-btn{
  width: 20vw;
  min-width: 150px;
  position: relative;
  background-color: white;
  color: #956FB0;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}
.book-category-btn:hover{
  background-color: #B28FC2;
  color: black;
}
.book-category-btn:active{
  right: -4px;
  top: -3px;
  box-shadow: none;
}
.book-category-btn:focus{
  border: 0;
  background-color: #cbb1f7;
  color: black;
  -webkit-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  -moz-box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39);
}
.focus{
  background-color: #cbb1f7;
  color: black;
  box-shadow: 0px 6px 41px -2px rgba(0,0,0,0.39) !important;
}
.massage-books-list a{
  font-size: 16px;
  color: #323333;
}
.massage-books-list p{
  margin: 5px 0; /*Line Spacing*/
}
.massage-books-list a:hover{
  color: white;
  text-decoration: none;
}
.massage-books-list a:focus{
  outline: none;
}
.bullet{
  font-size: 30px;
}

/* ---------------------------------------------- /*
* Carousel Stuff
/* ---------------------------------------------- */

.mark-carousel-item{
    background:#ccc;
    width:90%;
    margin:0 auto;
    text-align:center;
  }

.owl-theme{
  padding-top: 30px;
}

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span{
  background: #323333;
}
.owl-theme .owl-dots .owl-dot span{
  background: white;
}






/*--depreceated stuff for massage--*/
.massage-book{
  max-height: 36vh;
  min-width: 300px;
}
.tooltip > .tooltip-inner {
    background-color: #323333; 
    color: #FFFFFF; 
}





/* ---------------------------------------------- /*
* Bootstrap Override
/* ---------------------------------------------- */
.modal-header .close{
  float: right;
}
.modal-header{
  border-bottom:0;
}
.modal-open{
  padding: 0 !important;
}

@media (min-width: 576px){
  .modal-dialog {
    max-width: 850px;
  }
}