/*
Theme Name: Astra Child
Template: astra
Version: 1.0
Author: Rafaths - contato@rafaths.com.br
Description: Astra Child é um tema filho do tema Astra, necessita que o Tema Astra esteja instalado e atualizado.
*/

@import url("../astra/style.css");

:root{
    --main_blue: #1E73BE;
    --secondary_blue: #27B7FC;
    --green: #3AB555;
}

@font-face {
    font-family: 'Roboto';
    font-style: normal;
    font-weight: 300;
    src: local('Roboto Light'), local('Roboto-Light'), url(https://themes.googleusercontent.com/static/fonts/roboto/v9/Pru33qjShpZSmG3z6VYwnT8E0i7KZn-EPnyo3HZu7kw.woff) format('woff');
}

@font-face {
    font-family: 'NexaExLight';
   src:url(fonts/Nexa-ExtraLight.woff);
    font-display:swap
}

@font-face {
    font-family: 'NexaLight';
   src:url(fonts/NexaLight.woff);
    font-display:swap
}


@font-face {
    font-family: 'NexaHeavy';
   src:url(fonts/Nexa-Heavy.woff);
    font-display:swap
}

@font-face{
    font-family:montserrat;
    src:url(fonts/MontserratAlternates-medium.woff);
    font-display:swap
}


@font-face{
    font-family:harryplain;
    src:url(fonts/Harry-Plain-Regular.woff);
    font-display:swap
}


@font-face{
    font-family:artegraSans;
    src:url(fonts/artegra-sans-sc-bold.otf);
    font-display:swap
}

@font-face{
    font-family:myFirstFont;
    src:url(fonts/sansation_light.woff);
    font-display:swap
}
@font-face{
    font-family:MyriadPro;
    src:url(fonts/MyriadPro-Regular.otf);
    font-display:swap
}

.ast-primary-header-bar {
    background-color: #1e73be;
    border-bottom: 5px solid #3ab555;
}


.custom-sub-header {
    width: 100%;
    background: #e5f0ff;
    border-bottom: 2px solid #3ab555;
    margin: 0;
}

.sub-header-inner {
    max-width: 1240px; /* mesma largura do Astra */
    margin: 0 auto;
    padding: 15px 30px;
    
    display: flex;
    align-items: center;
    gap: 20px;
    flex-wrap: wrap;
    box-sizing: border-box;
}

.sub-header-logo img {
    height: 60px;
    width: auto;
}

.sub-header-title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #003366;
    margin-left: 10px;
    white-space: nowrap;
}

.sub-header-menu {
    margin-left: auto;
}

.sub-header-menu ul {
    list-style: none;
    display: flex;
    margin: 0;
    padding: 0;
    gap: 20px;
    flex-wrap: wrap;
}

.sub-header-menu a {
    text-decoration: none;
    color: #0073aa;
    font-weight: 500;
}

.sub-header-menu a:hover {
    color: #005088;
}


.site-below-footer-wrap{
	display: none !important;
}

.rodape{
    max-width:100%;
    padding:10px 0;
    min-height:70px;
    background-color: #1e73be;
    color:#fff;
	font-size:.8em;
    font-family:MyriadPro
}
.rodape-container{
    max-width:960px;
    margin:0 auto;
    display:grid;
    grid-template-columns:1fr 1fr 1fr
}
.rodape-brasao{
    width:100%;
    max-height:49px;
    display:grid;
    margin:auto;
    justify-content:center;
    border-right:2px solid #fff;
    border-left:2px solid #fff
}
.rodape_brasao_img{
    max-width:200px
}
.rodape-texto{
    width:100%;
    /* font-size:.8em; */
    text-align:center;
    margin:auto
}
.end-rodape-1{
    text-align:center;
    display:block
}
.end-rodape-2{
    text-align:center;
    display:none
}
.rodape-mapadosite{
    width:100%;
    display:grid;
    align-content:center;
    justify-content:center;
    text-align: center;
}

@media screen and (max-width:768px){
    .serv_topico{
        flex:4;
        font-size:1.35em
    }
    .int_box-servicos{
        max-width:50%
    }
	.box-servicos{
        max-width:50%
    }
	.rodape-container{
        grid-template-columns:1fr;
        /* gap:15px; */
        gap:5px;
    }
    .rodape-brasao{
        order:1;
        border-right:0 solid #fff!important;
        border-left:0 solid #fff!important
    }
    .rodape-mapadosite{
        order:2
    }
    .rodape-texto{
        order:3
    }
    .topnav a{
        padding:10px 2.3%
    }
    .topnav bottom{
        padding:10px 2.3%
    }
    .input_buscar_interno{
        font-size:1.2em
    }
    .input_pesquisa_interno{
        font-size:1em
    }
    .titulo_pesquisa_interno{
        font-size:1.6em;
        line-height:1.6
    }
    
    #myBtn {
		bottom: 212px; 
		/* right:80px!important; */
	}
}

#ast-scroll-top {
    display: none;
    align-items: center;
    justify-content: center;
    position: fixed;
    bottom: 5px;
    right: 5px;
    z-index: 99;
    height: 40px;
    width: 40px;
    font-size: 16px;
    border: none;
    outline: none;
    background-color: red;
    color: white;
    cursor: pointer;
    padding: 7px;
    border-radius: 4px;
    transition: bottom 0.3s;
}

#ast-scroll-top svg {
    width: 25px;
    height: 25px;
    fill: #ffffff;
}
