@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap&family=Material+Icons');
.material-icons{
    vertical-align:middle;
    font-size: inherit;
}

h1{
    font-family: 'Poppins', serif;
}
h3{
    font-size: 20px;
}
h4{
    font-size: 14px;
}

body{
    font-family: 'Montserrat', sans-serif;
    --primary-color: #134390;
}




a:hover .card{
    background: #f1f1f1;
}
.link-primary {
    color: #134390;
}
.page-link, .page-link:hover{
    color: #000000;
}
.page-item.active .page-link{
    background-color: #000000;
    border-color: #000000;
}
/* progress bar*/
.progress-bar{
    background-color: #ffce30;
}
.bg-light{
    background-color: #f3f3f3 !important;
}

.bg-login{
background: linear-gradient(to bottom, rgb(241 91 47 / 22%), rgb(13 78 162)), url(../img/bg-mulher.png) #004656;    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
    
}
.bg-login h1{
    font-size: 3.5rem;
}
@media only screen and (max-width: 600px) {
    .bg-login.min-vh-100{
        min-height: 250px !important;
        background-position: top !important;
    }
    .bg-login h1{
        font-size: 2.5rem;
    }
}
.bg-sign-up{
    background: url(../img/header-bg.png) #004656;
    background-size: cover;
    background-position: center;
}
@media only screen and (max-width: 600px) {
    .bg-sign-up.min-vh-100{
        min-height: 250px !important;
        background-position: top !important;
    }
}

.nav-link{
    color: #134390;
}


/* buttons */
.btn{
    font-weight: 600;
    transition: .5s;
}
.btn:hover{
    transform: scale(1.1);
    transition: .5s;
}


.btn, /*.form-control, .form-select,*/ header .nav-link, .badge{
    border-radius: 30px !important;
}

.btn.btn-primary, .btn.btn-secondary:hover{
    background: #134390 !important;
    border-color: #134390 !important;
}
.btn.btn-primary:hover, .btn.btn-secondary{
    background: #e95732 !important;
    border-color: #e95732 !important;
}

.btn.btn-outline-light{
    border-color: #ffffff !important;
}

.btn.btn-light{
    background: #ffffff;
    border-color: #ffffff !important;
}
.btn.btn-light:hover{
    background: transparent !important;
    border-color: #ffffff !important;
    color: #ffffff;
}


.rounded, .card{
    border-radius: 20px !important;
}

/*card*/
.card .card-body{
    height: 200px;
    overflow: hidden;
}
.card:hover .card-body{
    height: 200px;
    overflow: auto;
}

.text-primary{
    color: var(--primary-color) !important;
}
.text-secondary{
    color: #EADBB5 !important;
}



.bg-success{
    background-color: #49A89E !important;
}

/* form*/
.form-control, .form-select, .border{
    border-color: #c4c4c4;
}
.form-floating>label{
    color: #6b6b6b;
    padding: 1.25rem 0.75rem;
}

/* header */

header {
    background: linear-gradient(to bottom, rgb(241 91 47 / 22%), rgb(13 78 162)), url(../img/bg-mulher.png) #004656;    
    background-size: cover;
    background-position: center;
    background-repeat: no-repeat;
}


header .navbar .nav-item{
    padding-left: 20px;
    padding-bottom: 10px;
}

@media (min-width: 1200px){
    header h1 {
        font-size: 5rem;
    }
    header h2 {
        font-size: 2.5rem;
        letter-spacing: 0.2rem;
    }
}

header .search{
    border-radius: 60px;
}



#preloader{
    display: none;
    z-index: 1000000000;
    backdrop-filter: blur(40px);
}
#preloader .loader {
    border: 5px solid transparent;
    border-radius: 50%;
    border-top: 5px solid #EADBB5;
    width: 132px;
    height: 132px;
    top: calc(50% - 66px);
    left: calc(50% - 66px);
    position: absolute;
    -webkit-animation: spin 2s linear infinite; /* Safari */
    animation: spin 2s linear infinite;
}
@-webkit-keyframes spin {
    0% { -webkit-transform: rotate(0deg); }
    100% { -webkit-transform: rotate(360deg); }
}
@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}

/* scrollbar */
html {
    --scrollbarBG: transparent;
    --thumbBG: #134390;
}
body {
    scrollbar-width: thin;
    scrollbar-color: var(--thumbBG) var(--scrollbarBG);
}
::-webkit-scrollbar {
    width: 3px;
}
::-webkit-scrollbar-track {
    background-color: var(--scrollbarBG);
}
::-webkit-scrollbar-thumb {
    background-color: var(--thumbBG) ;
}


.bg-primary{
    background: #e95732 !important;
}

.bg-secondary{
    background: linear-gradient(45deg, #013388, #0158a4) !important;
}

.navbar-brand img{
    max-width: 260px;
}

.form-check-input:checked {
    background-color: var(--primary-color);
    border-color: var(--primary-color);
    accent-color: var(--primary-color);
}