@charset "utf-8";
/* SUPORTE AO ENSINO - PSICANÁLISE */

body {font-family: 'Rubik', 'Raleway', Verdana, Arial, sans-serif; padding-top: 1rem}
html {scroll-behavior: smooth;}
.bg-primary{background:linear-gradient(135deg, #003592 0%,#0045bf 100%);}
.bg-warning{background:#FFF100!important;}
.bg-tertiary {background: #07366A;}
.navbar-dark .navbar-nav .nav-link {color: rgba(255,255,255,.9);}

header .navbar-toggler {border:none!important}
.banner-cover {background-size: 100%;background-repeat: no-repeat;background-position: top;background-position: center center;}
@media (min-width: 992px) {.banner-cover > .container > .row {  height: calc(100vh);}}
@media (max-width: 991px) {.banner-cover > .container > .row {  min-height: 400px!important;}}

#sobre::before,
#artigos::before,
#bancodeteses::before,
#biblioteca::before,
#pesquisadores::before,
#links::before {
display: block;
content: " ";
margin-top: -100px;
height: 100px;
visibility: hidden;
}

/* Efeito com cor e opacidade nas fotos bg do jumbotron */
.overlay-dark {position: relative;}
.overlay-dark:before { position: absolute;  content: "";  left: 0;  bottom: 0;  right: 0;  top: 0; background: rgba(20, 75, 147, 0.9);}

/*Efeitos Card*/
.card {
    box-shadow: 0px 5px 16px rgba(223, 241, 223, 0.5);
    transition: 0.8s;
    background: #333;
    margin: 0 auto;
    box-sizing: border-box;
    overflow: hidden;
    border-radius: 7px !important
}
.card-header,.card-footer { border-radius: 7px !important}
.card:after {
    position: absolute;
    top: 0;
    left: -50%;
    width: 100%;
    z-index: 9999;
    height: 100%;
    pointer-events: none
}
.card .layer {
    position: absolute;
    top: calc(100% - 5px);
    width: 100%;
    height: 100%;
    background: linear-gradient(#075ebd, #07366A);
    left: 0;
    z-index: 1;
    transition: 0.5s
}
.card:hover {
    box-shadow: -5px 50px 100px rgba(223, 241, 223, 0.5)
}
.card:hover hr {
    background-color: #fff
}
.card:hover h5 {
    font-weight: 600
}
.card:hover p {
    font-weight: 600
}
.card:hover .layer {
    top: 0
}
.card .content {
    position: relative;
    z-index: 2
}
.card h5 {
    color: #fff;
    font-weight: 500
}

hr {
    background-color: rgb(117, 117, 117);
    width: 80% !important;
    transition: 1s
}