/* Sticky footer styles
      -------------------------------------------------- */


@font-face{
 font-family: Sassoon;

 /*
 
  this ends up inside build so the path is up one
  
 */
 src: url('/sassoon.otf') format('opentype');
}

/*

  general fonts
  
*/
html,
body {
  height: 100%;
  font-family: Sassoon;
  font-size:22px;
  padding:0px;
  margin:0px;
  background: url(/img/tile.png);
}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6{
  font-family: Sassoon; 
}

.lead {
font-size: 26px;
}

.paddedcolumn {
  padding:10px;
}


.carousel-control .icon-prev, .carousel-control .icon-next {
width: 120px;
height: 120px;


bottom: 30%;
font-size: 120px;
}
.carousel-control .icon-prev {
left: 0px;

}
.carousel-control .icon-next {
right: 0px;

}


/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by it's height */
  margin: 0 auto -100px;
}

/* Set the fixed height of the footer here */
#push,
#footer {
  height: 100px;
}

/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 767px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}


/*

  MENU
  
*/

/*

  keep the height of the menu buttons consistent
  
*/
ul.nav > li{
  margin-top:15px;
  margin-right:10px;
}

/*

  FOOTER
  
*/
#footer{
  margin-top:50px;
  width:100%;
}


/*

  CAROUSEL
  
*/

.carousel-caption{
  background-color: rgba(255,255,255,0.7);
  color:#000;
}

#carousel-buddy{
  border:1px solid #999;
  margin-top:20px;
  margin-bottom:20px;
}

/*Cat Diary Entry Units Coloring*/

/*

  <div class="cat-diary-well green"></div>


  ^^^^^^^^ you combine cat-diary-well with the color you want as 2 classnames
  
*/
.cat-diary-well {
  min-height: 20px;
  padding: 19px;
  margin-top: 20px;
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  -webkit-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 5px 5px rgba(0, 0, 0, 0.2);
}

.cat-diary-well.yellow{
  background-color: #FFFABF;
  border: 1px solid #fff9b3;
}
  

.cat-diary-well.green{
  background-color: #BCD99F;
  border: 1px solid #93D464;
}

.cat-diary-well.blue{
  background-color: #A5C0DC;
  border: 1px solid #7FACDC;
}

.cat-diary-well.orange{
  background-color: #FFE99F;
  border: 1px solid #FFDF70;
}

.cat-diary-well.purple{
  background-color: #BDA7D7;
  border: 1px solid #B395D7;
}

.cat-diary-well.red{
  background-color: #F38C8C;
  border: 1px solid #F36464;
}


/*

  BOOKS
  
*/
.book_row{
  margin:20px;
}
.book_icon{
  height:150px;
}

.boxshadow{
  -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
  box-shadow: 10px 10px 10px rgba(0,0,0,0.5);
}

.bookrender{
  border:1px solid #999;
}


/*

  BOOK SIZING
  
*/
@media only screen and (min-height: 1px) and (max-height: 356px) {
  .bookrender{
    width: 320px;
    height: 240px;
  }
}

@media only screen and (min-height: 357px) and (max-height: 509px) {
  .bookrender{
    width: 476px;
    height: 357px;
  }
}

@media only screen and (min-height: 510px) and (max-height: 599px) {
  .bookrender{
    width:600px;
    height:450px;
  }
}

@media only screen and (min-height: 600px) and (max-height: 767px) {
  .bookrender{
    width:800px;
    height:600px;
  }
}

@media only screen and (min-height: 768px) {
  .bookrender{
    width:1024px;
    height:768px;
  }
}
.carousel-control.left{
  background-image: none !important;
}
.carousel-control.right{
  background-image: none !important;
}