/* Styles for the chapters pages.

   developer:   marionm
   requires:    /nks/css/shared.en.css
   ========================================================================== */

/* ==========================================================================
   page specific styles
   ========================================================================== */

#content .notes-thumb {
    border-left: 1px solid #d5d5d5;
    padding-left: 1rem;
}

#content .chapter-content hr:last-child { display: none; }

#content .pages a {
    display: inline-block;
    margin: 0 .875rem .875rem 0;
}

#content .pages a img {
    -webkit-transition: border .25s;
    border: 1px solid #e5e5e5;
    box-shadow: -2px 2px 5px #d9d9d9;
    box-sizing: content-box;
    display: inline-block;
    transition: border .25s;
}

#content .pages a:active img,
#content .pages a:hover img { border: 1px solid #820c09; }

/* ==========================================================================
   responsive breakpoint styles
   ========================================================================== */

/* styles for large screens (1200px)
   ========================================================================== */

@media all and (max-width: 1200px) {}

/* styles for medium screens (900px)
   ========================================================================== */

@media all and (max-width: 900px) {}

/* styles for small screens (600px)
   ========================================================================== */

@media all and (max-width: 600px) {
    #content .pages a { margin: 0 .5rem .5rem 0; }
}

/* styles for minimum supported screen width (320px)
   ========================================================================== */

@media all and (max-width: 320px) {}

/* printer styles
   ========================================================================== */

@media print {}