@charset "utf-8";

/* ****************************************************************************
 * OVERRIDES over Book Module
 *
 * This CSS should be loaded last, after the general overrides.css
 * ****************************************************************************
 */

/*
 * Book navigation
 * ****************************************************************************
 */
.book-navigation .page-links {
  clear                 : both;
  margin-top            : 15px;
  
}

.book-navigation .page-links a {
  font-size             : 80%;
  white-space           : nowrap;
  overflow              : hidden;
  text-overflow         : ellipsis;
}

.book-navigation .page-up {
  width                 : 10%;
  margin                : 0 2%;
}

.book-navigation .page-previous {
  width                 : 35%;
}

.book-navigation .page-next {
  width                 : 35%;
}

.page-previous-icon {
  float                 : left;
  width                 : 2%;
}

.page-next-icon {
  float                 : right;
  width                 : 2%;
}




/*
 * SCREEN 'regular' - between 1024px and 1279px
 * ****************************************************************************
 */
@media only screen and (min-width:1024px) and (max-width:1279px) {
}


/*
 * SCREEN 'medium' - between 768px and 1023px
 * ****************************************************************************
 */
@media only screen and (min-width:768px) and (max-width:1023px) {
}


/*
 * SCREEN 'small' - between 480px and 768px
 * ****************************************************************************
 */
@media only screen and (min-width:480px) and (max-width:767px) {
}


/*
 * SCREEN 'lite' - smaller than 480px
 * ****************************************************************************
 */
@media only screen and (min-width:0px) and (max-width:479px) {
  /* Book navigation
   ---------------------------------------------------------------------------*/
  .book-navigation .page-up {
    width               : 100%;
  }

  .book-navigation .page-previous {
    width               : 95%;
  }

  .book-navigation .page-next {
    width               : 95%;
  }

  .page-previous-icon {
    float               : left;
    width               : 4%;
  }

  .page-next-icon {
    float               : right;
    width               : 4%;
  }
}