@charset "UTF-8";
@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,700,900);

:root {
    --primary: #560707;
    --primary-shadow: 0 0 0 0.1rem rgba(255, 0, 0, 0.5)!important; 
    --primary-fab: #970b0b;
    --red: #560707;
    --dark: #262626;
    --box-py: 4rem 0;
    --default-border: 75px;
}

/* Correção do CSS de Slidebars */
body, html {overflow-y: visible;width:unset;height:unset;}

* {font-family:'Open Sans', sans-serif;}
a, a:hover, a:focus, a:active {color: var(--primary);text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
h1, h2, h3, h4 {text-transform: uppercase;}
input:focus, select:focus, textarea:focus { box-shadow: var(--primary-shadow)!important; border-color: var(--primary)!important; }
nav {position: relative!important; padding: 1.3rem!important;}
nav .nav-link.btn { padding:.5rem 1rem!important; }
time {font-size:.9rem;}
.btn { border-radius: var(--default-border); }

.bg-primary { background-color: var(--primary)!important; }
.text-primary { color: var(--primary)!important; }
.bg-dark { background-color: var(--dark)!important; }
.text-dark { color: var(--dark)!important; }

.btn-success {
    color: #fff!important;
    background-color: #797979!important;
    border-color: #797979!important;
}

.btn-success:hover {
    color: #fff!important;
    background-color: #505050!important;
    border-color: #505050!important;
}

.btn-primary,
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {
    color: #fff!important;
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
}
.btn-primary:focus, .btn-primary:active { box-shadow: var(--primary-shadow)!important; }

.btn-dark,
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active {
    color: #fff!important;
    background-color: var(--dark)!important;
    border-color: var(--dark)!important;
}

.btn-outline-light { border-width:2px; color: #fff!important; }
.btn-outline-light:hover { color: var(--dark)!important; }
.btn-outline-primary { border-color: var(--primary)!important; border-width: 2px!important; color: var(--dark)!important; }
.btn-outline-primary:focus,.btn-outline-primary:not(:disabled):not(.disabled):active:focus { box-shadow: var(--primary-shadow); }
.btn-outline-primary:hover, 
.btn-outline-primary:focus,
.btn-outline-primary:active {
    background-color: var(--primary)!important;
    border-color: var(--primary)!important;
    color: #fff!important;
}

.btn-outline-dark { border-color: var(--dark)!important; border-width: 2px!important; color: var(--dark)!important; }
.btn-outline-dark:hover, 
.btn-outline-dark:focus,
.btn-outline-dark:active {
    background-color: var(--dark)!important;
    border-color: var(--dark)!important;
    color: #fff!important;
}

.navbar-nav { align-items:center; }
.nav-link, .fa.fa-bars { margin-left: .5vmax!important; margin-right: .5vmax!important; cursor: pointer; font-weight:700; }
.nav-link { color: inherit!important; font-size: .95rem; }

@media (max-width:576px) {
    :root { --box-py: 2rem 0; }
}