@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200;0,300;0,400;0,600;0,700;0,800;0,900;1,200;1,300;1,400;1,600;1,700;1,800;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Roboto+Condensed:ital,wght@0,300;0,400;0,700;1,300;1,400;1,700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Source+Serif+Pro:ital,wght@0,200;0,300;0,400;0,600;0,700;0,900;1,200;1,300;1,400;1,600;1,700;1,900&display=swap');

body{
    /*font-family: 'Roboto Condensed', sans-serif!important;*/
    font-family: 'Source Serif Pro', serif!important;
    font-size: 1rem!important;
}
.input-group-lg > .form-control, .input-group-lg > .custom-select, .input-group-lg > .input-group-prepend > .input-group-text, .input-group-lg > .input-group-append > .input-group-text, .input-group-lg > .input-group-prepend > .btn, .input-group-lg > .input-group-append > .btn {
    font-size: 1rem !important;
}
#intro-home {
    height: 400px;
}

#intro-home h1{
    font-family: 'Source Serif Pro', serif;
    font-weight: 300;
}

#home-search .form-outline .form-control {
    padding: .93em .95em;
    border: 1px solid #CCC;
}

#home-search .form-outline .form-control:focus~.form-label {
    color: #1266f1!important;
    background-color:  #f4f9ec!important;
}

.form-outline .form-control {
    border: 1px solid #CCC;
}

input:not(:focus), button:not(:focus) {
    border: 1px solid #CCC !important;
}

.form-control:focus {
    border-color: #1266f1 !important;
    -webkit-box-shadow: inset 0 0 0 1px #1266f1 !important;
    box-shadow: inset 0 0 0 1px #1266f1 !important;
    border: 1px solid;
    padding-right: 10px !important;
}

.form-outline .form-control:focus~.form-label {
    color: #1266f1!important;
    background-color: #fff!important;
}

#home-search .form-outline .form-control~.form-label {
    left: .95rem;
    padding-top: .97rem;
    color: rgb(115 115 115 / 60%);
}
#home-search button{
    font-size: 12px;
}
#formSearch {
    width: 300px;
}

.breadcrumb {
    background-color: #f9f9f9 !important;
}

.card-subtitle {
    display: block;
    font-size: 15px;
    margin-top: 3px!important;
}

@media (max-width: 991px) {
    #formSearch {
        /*width: 80%;*/
    }
}

@media (min-width: 992px) {
    #intro-home {
        min-height: calc(100vh - 415px);
    }
    #formSearch {
        min-width: 500px;
    }
}

footer{
    position: fixed;
    bottom: 0;
    width: 100%;
    margin-top: 100px;
    display: contents !important;
}

.bigodeonca-home-banner {
    background: linear-gradient(0deg, #fff, #ffffff57);
    overflow: hidden;
}

.city-img{
    background: url('../img/footer-city-cover.png') no-repeat center;
    background-size: cover;
    height: 300px;
    opacity: 0.6;
}

.techinfo {
    margin-bottom: 20px;
}
.techinfo::after {
    clear: both;
}
.techinfo::after, .techinfo::before {
    display: table;
    content: " ";
}
@media (min-width: 992px)
{
    .techitem {
        float: left;
        margin-right: 10px;
        border-right: 1px solid rgba(221,221,221,1);
        padding-right: 10px;
        width: auto;
    }
    .desktop{
        display: initial;
    }
}
@media (min-width: 480px)
{
    .techitem {
        float: left;
    }
}

@media (max-width: 768px)
{
    .techitem {
        width: 45%;
        display: inline-table;
        font-size: 12px;
    }
    .desktop{
        display: none;
    }
    .card-subtitle {
        font-size: 12px;
    }
    .section-title.line-style .title {
        font-size: 20px;
    }
}

.section-title.line-style {
    border-bottom: 1px solid rgba(229,229,229,1);
    margin: 30px -15px 20px;
    padding: 0 15px;
    min-height: auto;
}
.section-title.line-style .title {
    position: static!important;
    padding: 0 0 7px;
    min-height: auto;
    margin: 0 0 -3px;
    float: none;
    display: inline-block;
    border-bottom: 5px solid;
}
.section-title.line-style .title {
    border-color: #4caf50;
}
@media (min-width: 992px) {
    .section-title.line-style {
        margin: 30px 0 20px -30px;
        padding: 0 0 0 30px;
    }
}

.custom-file-input:lang(en) ~ .custom-file-label::after {
    content: 'Procurar';
}
#autocomplete {
    height: 40px;
    left: 40%;
    top: 0;
    z-index: 1;
}
.autocomplete{
    list-style-type: none;
    margin: 0;
    padding: 0;
    text-align: left;
    width: 500px;
    position: absolute;

}

.autocomplete li{
    background-color: white;
    padding: 10px;
}
.autocomplete .btn-link {
    color: #7c7c7c;
}
.autocomplete li img{
    float: left;
    margin-right: 10px;
    height: 58px;
    width: 58px;
}
.autocomplete li p{
    padding: 0;
    margin: 0;
}
.autocomplete li p small{
    display: block;
}

@media (max-width: 768px)
{
    .autocomplete {
        width: 300px;
    }
    .autocomplete li p{
        font-size: 12px;
    }
    .autocomplete li img{
       width: 34px;
        height: 34px;
    }
    .input-group-lg>.form-control, .input-group-lg>.custom-select, .input-group-lg>.input-group-prepend>.input-group-text, .input-group-lg>.input-group-append>.input-group-text, .input-group-lg>.input-group-prepend>.btn, .input-group-lg>.input-group-append>.btn {
        font-size: 0.9rem !important;
    }
}

.circle{
    position: absolute;
    top: 50%;   left: 50%;
    transform: translate(-50%,-50%);
    width: 250px;  height: 250px;

}
.circle::before,.circle::after{
    content: '';
    position: absolute;
    top: 50%;  left: 50%;
    transform: translate(-50%,-50%);
    width: 100%;   height: 100%;
    border: 5px solid #2196f3;
    box-shadow: 0 0 10px 5px #2196f3;
    border-radius: 50%;
    animation: animate 2s infinite linear;
}


#loading .circle::before{
    animation-delay: 0s;
}
#loading .circle::after{
    animation-delay: 1s;
}

@keyframes animate{
    0%{
        width: 0;   height: 0;
        opacity: 1;
    }
    100%{
        width: 100%;   height: 100%;
        opacity: 0;
    }
}