@import url(fonts.googleapis.com/css?family=Source+Sans+Pro:200,400,700,200italic,400italic,700italic);

@import “fontawesome/fontawesome.scss”; @import “fontawesome/solid.scss”; @import “fontawesome/brands.scss”;

@import “bootstrap/bootstrap.scss”; @import “documental/variables.scss”; @import “documental/home.scss”; @import “documental/blog.scss”; @import “documental/algolia.scss”;

body {

font-family: 'Source Sans Pro', sans-serif;
-webkit-font-smoothing: antialiased;
font-size: 14px;
@include media-breakpoint-up(sm) {
    font-size: 15px;
}
@include media-breakpoint-up(md) {
    font-size: 16px;
}

}

a {

color: $link-color;

}

p {

line-height: 1.5;
margin: 10px 0 20px;

} h1 {

font-weight: 200;
font-size: 34px;
@include media-breakpoint-up(sm) {
    font-size: 42px;
}
@include media-breakpoint-up(md) {
    font-size: 48px;
}

} h2 {

font-weight: 400;
color: #525252;
text-decoration: none;
margin: 30px 0;
font-size: 30px;
@include media-breakpoint-up(sm) {
    font-size: 33px;
}
@include media-breakpoint-up(md) {
    font-size: 36px;
}

} h3 {

font-weight: 400;
margin: 24px 0;
font-size: 20px;
@include media-breakpoint-up(sm) {
    font-size: 22px;
}
@include media-breakpoint-up(md) {
    font-size: 24px;
}

}

code {

font-size: 80%;
color: #A83838;
background-color: $grey-background-light;

} pre {

border-radius: 0;
background-color: $grey-background-light;
border-color: $background-colored;

} pre code {

background: transparent;

} thead {

border-bottom: solid black 1px;

} td,th {

padding-left: 0.5em;
padding-right: 0.5em;

}

.hljs {

background: transparent;
padding: 0;

}

.btn {

border-radius: 0;

}

.navbar {

.navbar-default {
    background-color: $grey-background-light;
    justify-content: space-between;
}
.navbar-nav {
    a {
        text-transform: uppercase;
        font-size: 11px;
        letter-spacing: 0.2rem;
        padding-left: 20px;
        padding-right: 20px;
    }
    a.github {
        padding-top: 5px;
        i {
            font-size: 20px;
        }
    }
}
#search-input {
    width: 300px;
    margin-left: 30px;
    background-color: #FBFBFB;
    border: 1px solid #E4E4E4;
}

}

article {

position: relative;
padding: 30px 0 50px 0;
h1 {
    margin: 0 0 32px;
    padding-bottom: 32px;
    border-bottom: solid 1px $border-color;
}
.anchor {
    position: absolute;
    margin-left: -25px;
    left: 0;
    @include media-breakpoint-down(xs) {
      visibility: hidden;
    }
}
a.anchor:hover {
    text-decoration: none;
}
img {
    max-width: 100%;
}

blockquote {
  padding-left: 1rem;
  border-left: solid 4px $border-color;
  color: $note-color;
}

}

.documentation {

.sidebar {
    text-align: right;
    float: left;
    padding: 35px 10px 35px 0;
    @include media-breakpoint-down(sm) {
        visibility: hidden;
        width: 0px;
    }
    @include media-breakpoint-up(md) {
        width: 200px;
        padding-right: 25px;
    }
    @include media-breakpoint-up(lg) {
        width: 250px;
        padding-right: 35px;
    }

    ul {
        list-style: none;
        padding: 0;
        li {
            font-weight: 400;
            margin-bottom: 20px;
            font-size: 16px;
            @include media-breakpoint-up(md) {
                font-size: 18px;
            }
            ul {
                display: block;
                list-style: none;
                margin: 10px 0 0 0;
                padding: 0 0 0 10px;
                li {
                    margin-bottom: 5px;
                    font-size: 12px;
                    @include media-breakpoint-up(md) {
                        font-size: 14px;
                    }
                    &.active a {
                        color: $link-hover-color;
                        text-decoration: underline;
                    }
                }
            }
        }
    }
}
article {
    @include media-breakpoint-down(sm) {
        margin-left: 0px;
    }
    @include media-breakpoint-up(md) {
        margin-left: 250px;
    }
    @include media-breakpoint-up(lg) {
        margin-left: 300px;
    }
}

}

footer {

background: $background-colored;
margin-top: 50px;
padding: 40px 0;
font-size: 90%;
text-align: center;
color: #9e9e9e;

}

.gitter-chat-embed {

z-index: 2000;

}