/* Default styles for various components */

html, body
    background-color #fff
    font-family      OpenSans Regular, Helvetica Neue, Helvetica, Arial, sans-serif
    height           100%
    margin           0
    padding          0
    width            100%

*
    -moz-box-sizing     border-box
    -webkit-box-sizing  border-box
    box-sizing          border-box

a, a:hover
    color               #960018
    text-decoration     underline dotted

a:hover
    text-decoration     underline

blockquote
    background-color    #f8f8f8
    border-left         5px solid #e9e9e9
    font-size           .85em
    margin              1em 0
    padding             .5em 1em

blockquote cite
    color       #999
    display     block
    font-size   .8em
    margin-top  1em

blockquote cite:before
    content "\2014 \2009"

hr.hr-light
    border        0
    height        0
    border-top    1px solid #ccc

h3
    font-size   1.5em
    font-weight normal
    margin      1em 0 .5em 0

img
    /* Prevent images from taking up too much space in comments */
    max-width   100%

label
    cursor      pointer
    font-weight normal

pre
    font-family Inconsolata, Hack, DejaVu Sans Mono, Courier New, monospace, sans-serif
    white-space pre-wrap
    word-wrap   break-word
    text-align  justify

/* Inline code */
code
    background-color    #f5f5f5
    border-radius       3px
    display             inline-block
    font-family         Inconsolata, Hack, DejaVu Sans Mono, Courier New, monospace, sans-serif
    font-size           85%
    line-height         140%
    margin              0 .2em
    padding             .2em

ul, ol
    margin auto

table
    border-collapse collapse
    margin          2rem 0
    max-width       100%
    text-align      left
    
    > thead
        th
            color       #039
            font-weight bold
            padding     1rem
    
    tr:nth-child(even)
        background #F7F9FF
    
    td
        border-top      1px solid #e8edff
        padding         .5rem 1rem
        vertical-align  top

/* Change style for logos */
.dokk-logo,
a.dokk-logo, a.dokk-logo:hover, a.dokk-logo:visited, a.dokk-logo:active
    color       #960018
    font-family Syncopate
    text-decoration none

.dokk-logo-light,
a.dokk-logo-light, a.dokk-logo-light:hover, a.dokk-logo-light:visited, a.dokk-logo-light:active
    color       #fff
    font-family Syncopate
    text-decoration none

object
    height 100%
    position absolute
    left 0
    right 0
    width 100%
    
    /* Fallback content */
    > div
        display      block
        unicode-bidi embed
        font-family  Inconsolata, monospace
        white-space  pre
