@import url(https://fonts.googleapis.com/css?family=Raleway:400,300,200,500,700,600,800,900|Ultra);

body {
    background: url("images/bg-content.jpg");
    color: #543424;
}

a, a:hover {
    color: #543424;
}

    a:hover {
        text-decoration: none;
    }

h1, h2, h3, h4, h5, h6 {
    font-family: Ultra,serif;
    font-weight: 400;
    font-style: normal;
    color: inherit;
    text-rendering: optimizeLegibility;
    text-transform: capitalize;
}

.btn-primary, .btn-primary:hover {
    color: #fff;
    background-color: #26150c;
    border-color: rgb(84, 52, 36);
    font-family: Ultra,serif;
    font-weight: 400;
}

.body-content {
    min-height: 400px;
}

.environment-scroller {
    color: white;
    font-weight:bold;
    background-color: red;
}

.scrolling-text{
    padding: 10px;
    /* Starting position */
    -moz-transform: translateX(100%);
    -webkit-transform: translateX(100%);
    transform: translateX(100%);
    /* Apply animation to this element */
    -moz-animation: example1 15s linear infinite;
    -webkit-animation: example1 15s linear infinite;
    animation: example1 15s linear infinite;
}

.page-header {
    background: #26150c url("images/bg-brown.png") repeat;
    margin-bottom: 0;
    padding-bottom: 0;
}

.header {
    padding-top: 25px;
    padding-bottom: 25px;
}

header h1 {
    padding: 60px 0 20px;
    font-size: 38px;
    line-height: 46px;
}

.model-errors li {
    color: #FF0000;
}

.admin-sidebar {
    height: 100%;
    margin-top: 20px;
    border-left: 1px solid #f0ecea;
    border-right: 1px solid #f0ecea;
    border-top: 1px solid #f0ecea;
    text-align: center;
}

    .admin-sidebar li {
        font-family: Ultra,serif;
        font-weight: 400;
        font-style: normal;
        color: white;
        text-rendering: optimizeLegibility;
        text-transform: capitalize;
        text-decoration: none;
        border-bottom: 1px solid #f0ecea;
        padding: 10px;
    }

        .admin-sidebar li a {
            padding: 10px 77px;
        }

        .admin-sidebar li:hover {
            background: #26150c url("images/bg-brown.png") repeat;
            color: white;
        }

        .admin-sidebar li a:hover {
            background: #26150c url("images/bg-brown.png") repeat;
            color: white;
        }

.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
    z-index: 3;
    color: #fff;
    cursor: default;
    background-color: #337ab7;
    border-color: #f0ecea;
    font-size: 14px;
    border-top: #f0ecea 1px solid;
}

footer {
    margin-top:30px;
}

footer .copyright-bar {
    margin-top: 20px;
    text-align: center;
    background-color: #26150c;
    color: #ffffff;
}

    footer .copyright-bar p {
        margin: 15px 0 15px 0px;
    }

div#corner-triangle {
    display: block;
    width: 100px;
    height: 100px;
    border-style: solid;
    border-width: 0 200px 200px 0;
    border-color: transparent #FF0000 transparent transparent;
    position: fixed;
    top: 0;
    right: 0;
    z-index: 99999;
    color: white;
    text-shadow: 0 0 25px 9px #fff;
    -webkit-filter: drop-shadow(0 1px 9px #000000);
    filter: drop-shadow(0 1px 9px #000000);
}

    div#corner-triangle .corner-triangle-text {
        position: relative;
        font-size: 2.1em;
        top: 0;
        right: -90px;
        font-family: sans-serif, "Helvetica Neue", Helvetica, Arial;
        font-weight: 200;
        line-height: 1.1;
        -webkit-transform: rotate(45deg);
        -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        transform: rotate(45deg);
    }

        div#corner-triangle .corner-triangle-text span.corner-triangle-firstline {
            margin-left: 29px;
        }

        div#corner-triangle .corner-triangle-text a {
            color: white;
        }

            div#corner-triangle .corner-triangle-text a:hover,
            div#corner-triangle .corner-triangle-text a:link,
            div#corner-triangle .corner-triangle-text a:visited,
            div#corner-triangle .corner-triangle-text a:active,
            div#corner-triangle .corner-triangle-text a:focus {
                text-decoration: none;
            }