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

:root {
    --primary: #274cba;
    --primary-shadow: 0 0 0 0.1rem #7cab4fc4!important; 
    --primary-fab: #7cab4f;
    --green: #274cba;
    --dark: #000;
    --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;}
input:focus, select:focus, textarea:focus { box-shadow: var(--primary-shadow)!important; border-color: var(--primary)!important; }
nav {position: absolute!important; padding: 1.3rem!important; z-index: 9; width:100%; }
nav .nav-link.btn { padding:.3rem 1rem!important; font-size: 15px; }
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; }

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

.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{
    color: #fff!important;
    background-color: var(--dark)!important;
    border-color: var(--dark)!important;
    vertical-align: middle;
}

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

.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;
}

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