/* Globals
-----------------------------------------------------------*/
html, body {
    font-family: 'Roboto', sans-serif;
}

@media (min-width: 48em) {
    html {
        font-size: 1rem;
    }
}

.btn {
    cursor: pointer;
}

.form-control-plaintext {
    width: 100%;
}

.custom-file-control.selected:lang(en)::after {
    content: "" !important;
}

/* Site header
-----------------------------------------------------------*/
#siteHeader {
    margin-bottom: 3rem;
}

    #siteHeader .MainLink img {
        height: 42px;
        width: auto;
    }

.MenuElement {
    padding: 0.5rem;
}

/* Page
-----------------------------------------------------------*/

.page {
    margin-bottom: 2rem;
}

/* Page header
-----------------------------------------------------------*/
.PageHeader {
    padding-bottom: 1.25rem;
    margin-bottom: 2rem;
    border-bottom: .05rem solid #eee;
}

/* Posts
-----------------------------------------------------------*/

.Post {
    margin-bottom: 4rem;
}

.PostHeader {
    margin-bottom: .5rem;
}

.PostHeaderTitle {
    margin-bottom: 0;
}

    .PostHeaderTitle a {
        color: inherit;
    }

.PostContent {
    margin-bottom: .25rem;
}

    .PostContent h3, .PostContent h4, .PostContent h5, .PostContent h6 {
        margin-top: .75em;
        margin-bottom: .25em;
    }

.PostMainImage {
    margin-right: 1rem;
}

.PostFooter {
    text-align: right;
    font-size: .9rem;
}

/* Posts details
-----------------------------------------------------------*/
.underPostSection {
    margin-bottom: 3rem;
}

/* Sidebar
-----------------------------------------------------------*/
.SidebarSection {
    padding: 1rem;
    margin-bottom: 1rem;
    font-size: .8rem;
}

.SidebarSectionGrey p:last-child,
.SidebarSectionGrey ul:last-child,
.SidebarSectionGrey ol:last-child {
    margin-bottom: 0;
}

.SidebarSectionGrey {
    background-color: #eee;
    border-radius: .25rem;
}

/* Paging
----------------------------------------------------------*/

.PagingBack {
    width: 55px;
}

.PagingPages {
    text-align: center;
}

.PagingNext {
    width: 55px;
    text-align: right;
}

/* Changelog
-----------------------------------------------------------*/

.Changelog {
    margin: 1rem;
}

.ChangelogDateTime {
    font-size: .9rem
}

.ChangelogBody {
    padding: .75rem 1.25rem 1.25rem 1.25rem;
}

/* Comments
-----------------------------------------------------------*/

.Comment {
    margin: 1rem;
}

.CommentDateTime {
    font-size: .9rem
}

.CommentBody {
    padding: .75rem 1.25rem 1.25rem 1.25rem;
}

/* Add comment
-----------------------------------------------------------*/

.AddComment {
    margin: 1rem;
}

/* Page footer
---------------------------------------------------------*/

.PageFooter {
    padding: 2.5rem 0;
    color: #999;
    background-color: #f9f9f9;
    text-align: center;
    border-top: .05rem solid #e5e5e5;
    border-bottom: .05rem solid #e5e5e5;
}

/* Numerical calculator
---------------------------------------------------------*/

.numericalCalculatorItem {
    margin: 1rem;
}

/* Styles for validation helpers
-----------------------------------------------------------*/
.field-validation-error {
    color: #ff0000;
}

.field-validation-valid {
    display: none;
}

.input-validation-error {
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors {
    font-weight: bold;
    color: #ff0000;
}

    .validation-summary-errors ul {
        list-style: none;
    }

.validation-summary-valid {
    display: none;
}

/* C# CODE
---------------------------------------------------------*/

.csharpcode, pre.csharpcode {
    font-size: small;
    color: black;
    font-family: Consolas, "Courier New", Courier, Monospace;
    background-color: #ffffff;
}

pre.csharpcode {
    margin: 1rem;
}

.csharpcode .rem {
    color: #008000;
}

.csharpcode .kwrd {
    color: #0000ff;
}

.csharpcode .str {
    color: #a31515;
}

.csharpcode .op {
    color: #0000c0;
}

.csharpcode .preproc {
    color: #cc6633;
}

.csharpcode .asp {
    background-color: #ffff00;
}

.csharpcode .html {
    color: #800000;
}

.csharpcode .attr {
    color: #ff0000;
}

.csharpcode .alt {
    background-color: #f4f4f4;
    width: 100%;
    margin: 0em;
}

.csharpcode .lnum {
    color: #606060;
}

/* PrismJs overloads
---------------------------------------------------------*/

.token.operator {
    color: inherit;
    background: inherit;
}

/* AnchorJs overloads
---------------------------------------------------------*/

.anchorjs-link:hover {
    text-decoration: none;
}