/*
 * Fonts
 */

@font-face {
    font-family: "Geneva";
    src: url('../fonts/geneva.ttf')  format('truetype');
}





/*
 * Container Styles
 */

.container {
    margin-top: 10px;
    max-width: 800px;
}

.text-container {
    margin: 135px 30px 0 30px; 
    padding: 40px 15px 80px 15px; 
    margin-top: 135px;
}

.section-bg.no-bg .text-container {
    margin-top: 10px;
}

@media (max-width: 800px) {
    .container {
        margin: 0;
        width: 100%;
    }

    .text-container {
        margin: 0;
        padding: 0 20px 30px 20px;
    }

    .section-bg .text-container::before {
        display: block;
        content: "";
        width: 100%;
        height: 140px;
        margin-bottom: 20px;
        margin-top: 10px;
        background-size: cover;
        background-repeat: no-repeat;
        background-position: center center;
    }

    .home-bg .text-container::before {
        background-image: url("../imagens/home-mobile.jpg");
    }

    .legislacao-bg .text-container::before {
        background-image: url("../imagens/legislacao-mobile.jpg");
    }

    .contact-bg .text-container::before {
        background-image: url("../imagens/contact-mobile.jpg");
    }

    .services-bg .text-container::before {
        background-image: url("../imagens/servicos-mobile.jpg");
    }

    .orcamentos-bg .text-container::before {
        background-image: url("../imagens/orcamentos-mobile.jpg");
    }
}

@media (max-width: 768px) {
    .container {
        margin: 0;
    }
    .text-container {
        margin: 0;
        padding: 0 20px 30px 20px;
    }
}

@media (max-width: 500px) { 
    .section-bg .text-container::before { 
        margin-bottom: 40px;
        margin-top: 20px;
    }
    .text-container {
        padding: 0;
        margin-bottom: 20px;
    }
}





/*
 * Header Styles
 */

.header-top {
    background: linear-gradient(#b1b1b1, #9c026a);
    height: 65px;
}

.navbar {
    align-items: flex-start;
    padding: 0;
    margin: 2px 0;
}

.navbar-brand {
    margin-left: 45px;
}

.nav-item::after {
    display: inline-block;
    position: relative;
    content: " ";
    width: 2px;
    left: -1px;
    top: -26px;
    height: 13px;
    background-color: #9c026a;
}

.nav-link {
    font-family: Verdana, Geneva, sans-serif;
    font-style: normal;
    font-weight: bold;
    font-size: 0.75em;
    text-transform: none;
    text-decoration: none;
    color: #9c026a !important;
    padding: 6px 6px 6px 6px;
    margin-right: 6px;
    margin-left: 6px;
}

.navbar-toggler {
    border-radius: 0;
    color: white !important;
    margin-right: 30px;
    border: 0;
    padding: 0;
}

.nav-link:hover {
    background-color: #9c026a;
    color: white !important;
}

.nav-item:first-child::after {
    display: none;
}

.nav-item:last-child::after {
    display: none;
}

li .navbar-close {
    display: none;
}

@media (max-width: 767px) {
    .header-top {
        margin-bottom: 10px;
    }

    .navbar {
        align-items: center;
    }

    .navbar-brand {
        margin-left: 30px;
    }

    .navbar-toggler {
        border-radius: 0;
        color: white !important;
        margin-right: 30px;
        border: 0;
        padding: 0;
    }

    .navbar-nav {
        display: flex;
        justify-content: center;
        gap: 10px;
        position: fixed;
        z-index: 999;
        width: 100vw;
        height: 100vh;
        left: 0;
        top: 0;
        background: linear-gradient(#9c026a, #b1b1b1);
    }

    .nav-item {
        width: 100%;
        text-align: center;
    }

    .nav-link {
        color: white !important;
        font-size: 1.3em;
        padding: 5px 0px;
    }

    .nav-item::after {
        display: none;
    }

    li .navbar-close {
        display: inline-block;
        background: none;
        border: 1px solid white;
        margin-top: 20px;
        padding: 0px 10px 10px 10px;
        color: white;
        font-size: 2em;
        line-height: 32px;
        border-radius: 50%;
    }
}

@media (max-width: 500px) {
    .header-top {
        margin-bottom: 20px;
    }
}



/*
 * Footer Styles
 */

footer {
    background: linear-gradient(#9c026a, #b1b1b1);
    height: 120px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: -50px;
}

footer p {
    display: inline-block;
    text-align: center;
    margin: 30px 0 0 0;
    color: white;
    font-family: 'Geneva', sans-serif;
    font-weight: bold;
    font-size: 0.65em;
    transform: scaleX(0.85);
}

footer span.copy {
    display: inline-block;
    font-size: 1.1em;
    font-weight: bold;
    transform: scaleX(1.15);
    margin: 0 1px;
}

@media (max-width: 768px) { 
    footer p {
        font-size: 0.8em;
        transform: scaleX(0.9);
    }
}

@media (max-width: 500px) { 
    footer {
        margin-top: 20px;
        height: 80px;
        background: linear-gradient(#9c026a, #a5548b);
    }
    footer p {
        margin: 0;
    }
}




/*
 * Content Styles
 */

.section-bg {
    background-size: contain;
    background-position-x: center;
    background-repeat: no-repeat;
    margin: 0 25px;
}

.home-bg {
    background-image: url("../imagens/home.jpg");
}

.legislacao-bg {
    background-image: url("../imagens/legislacao.jpg");
}

.contact-bg {
    background-image: url("../imagens/contact.jpg");
}

.services-bg {
    background-image: url("../imagens/servicos.jpg");
}

.orcamentos-bg {
    background-image: url("../imagens/orcamentos.jpg");
}

ul {
    padding-left: 30px;
}

a {
    color: #9c026a;
}

a:hover {
    color: #4b0c37;
}

.titulo {
    font-family: Verdana, 'Geneva', sans-serif;
    font-size: 0.7em;
    font-style: normal;
    font-weight: bold;
    line-height: 1.2em;
    color: #990065;
    text-transform: uppercase;
    margin: 8px 0;
}

.texto {
    font-family: Verdana, 'Geneva', sans-serif;
    font-size: 0.7em;
    line-height: 1.2em;
    color: #666;
    margin: 0;
}

@media (max-width: 991px) {
    .titulo, .texto {
        font-size: 0.8em;
        line-height: 1.3em;
    }
}

@media (max-width: 800px) {
    .section-bg {
        margin: 0 10px;
    }
}

@media (max-width: 768px) { 
    .titulo {
        margin: 15px 0;
    }
    .texto {
        margin: 0;
    }
    .titulo, .texto {
        font-size: 1em;
        line-height: 1.4em;
    }
    .section-bg {
        background: none !important;
    }
}




/*
 * Form Styles
 */

.form-text {
    font-size: 0.7em;
    line-height: 1.2em;
    color: #666;
}

.form_box {
    font-family: Verdana, Geneva, sans-serif;
    font-size: 11px;
    color: #666;
    margin-right: 15px;
    margin-left: 15px;
    border: 1px solid #990065;
}

@media (max-width: 576px) {
    .form-text {
        margin-top: 15px;
    }
    .form_box {
        margin: 0;
        width: 100%;
    }
}