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

:root {
    --primary: #0f5eb5;
    --primary-shadow: 0 0 0 0.1rem rgba(0, 102, 255, 0.5)!important; 
    --primary-fab: #1e75d3;
    --red: #0f5eb5;
    --dark: #272727;
    --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;color: var(--dark);}
a, a:hover, a:focus, a:active {color: var(--primary);text-decoration:none;}
h1, h2, h3, h4, h5, h6 {font-weight: 700;}
input:focus, select:focus, textarea:focus { box-shadow: var(--primary-shadow)!important; border-color: var(--primary)!important; }
nav {position: relative!important; padding: 0.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; }

.bg-primary a, .bg-primary a:hover, .bg-primary a:focus, .bg-primary a:active {
    color: var(--white);
}

svg{
    display: inline-block;
    font-size: inherit;
    height: 4em;
    overflow: visible;
    vertical-align: -.125em;
    fill: #0f5eb5;
}

.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; }
.nav-link { font-size: .95rem; }

@media (min-width:1300px) {
    .container {
        max-width:1240px;
    }
}

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