/*
Theme Name: NucleoDeNegociosWEB
Text Domain: NucleoDeNegociosWEB
Version: 1.0
Description: talk to us
Author: the NucleoDeNegociosWEB team
Author URI: https://NucleoDeNegociosWEB.com.br/
Theme URI: https://NucleoDeNegociosWEB.com.br
*/


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@100;300;400;600;800;900&display=swap');

:root{

}

/* - - - - - - - - - - - - - - - - - - - - - - - [ LAYOUT ]*/
:root {
	--azul:         #0085ca;
    --azulclaro:    #11afc0;
    --amarelo:      #f2d335;
    --verde:        #97c941;
    --cinza:        #f3efec;
    --preto:        #212529;
    --branco:       #fff;

	--fonte:'Montserrat', sans-serif;
  }

body{
	background-color:var(--branco);
    font-family: 'Montserrat', sans-serif;
    color: var(--preto);
}
h1,
h2,
h3,
h4,
h5{
	font-weight: 900;
	letter-spacing: -1px;
	font-family: var(--fonte);
}
h6{
	font-weight: 500;
	font-family: var(--fonte);
}
p{
	font-family: var(--fonte);
}

.btn-custom{
	background-color: var(--cor);
	border-color: var(--cor);
}
.btn-custom:hover,
.btn-custom:active,
.btn-custom:focus{
	background-color: var(--cor);
	border-color: var(--cor);
	box-shadow: 0 0 10px var(--cor);
}

.btn-outline-custom {
	border: 1px solid var(--cor);
	color: var(--cor);
}
.btn-outline-custom:hover,
.btn-outline-custom:active,
.btn-outline-custom:focus{
	border: 1px solid var(--cor);
	color: var(--cor);
	background-color: var(--cor-cinzaclaro);
}
.btn-link{
	color: var(--cor);
}
.btn-link:hover,
.btn-link:active,
.btn-link:focus{
	color: var(--cor);
}

.modal-backdrop{
	background-color: var(--cor-dark);
}
.modal-backdrop.show{
	opacity: 0.9;
}

.cordestaque{color:var(--amarelo);}
.corbase{color:var(--azul);}
.corlight{color:var(--cinza);}
.cordark{color:var(--preto);}
.fundodestaque{background:var(--amarelo);}
.fundobase{background:var(--azul); color: var(--branco);}
.fundobase a{color: var(--branco);}
.fundobase a:hover{color: var(--branco);}
.fundodark{background:var(--azul);}


/* - - - - - - - - - - - - - - - - - - - - - - - [ HEADER / NAV ]*/
#mainNav{
    z-index: 999;
    border-bottom: 1px solid var(--azul);
    box-shadow: 0 0 10px var(--preto);
    background:var(--azul);
    color: var(--branco);
}
#mainNav a{color: var(--branco);}
#mainNav .nav-item{
    padding: 5px 10px;
    white-space: nowrap;
}
#mainNav .nav-item a{
    font-size:15px;
    text-align: center;
    padding: 5px 15px;
}
#mainNav .nav-item a.active, #mainNav .nav-item a:hover{background: var(--branco); color:var(--azul);}
#mainNav .nav-item.contato a{
    color:var(--amarelo);
    border: 1px solid var(--amarelo);
    border-radius: 20px;
}

/* - - - - - - - - - - - - - - [ BANNER + HOME ] - */
#banner{
    margin-top: 60px;
}
.newPages{
    padding-top:100px;
}
#reciclados{
	background:var(--azul);
	color: var(--branco);
}
#localizacao{
    padding: 0; margin: 0;
    padding-top: 100px;
}
#localizacao h2{
    margin:auto 18%;
}

/* - - - - - - - - - - - - - - [ CONTATO E ORÇAMENTO ] - */
#contato-e-orcamento{
    background: var(--cinza);
}
#contato-e-orcamento .btn-whats{
    background: var(--verde);
    border-bottom: 5px solid var(--verde);
    border-radius: 40px;
    width: 70%;
    padding: 5px;
    color:var(--branco);
    text-shadow: 0px 0px 2px var(--verde);
}
#contato-e-orcamento .btn-whats:hover{
    border-bottom:none;
    margin-top: 5px;
}
#contato-e-orcamento .branco{background: var(--branco);}


#estrutura-rodape div{
    padding:30px 0;
}
#estrutura-rodape h5,
#estrutura-rodape h6{
    font-weight: bold;
    color: var(--branco);
}
#estrutura-rodape p{font-size:14px;}
#estrutura-rodape #newsqualix input.form-control{
    width: 70%;
    float: left;
}
#estrutura-rodape #newsqualix input{
    font-size: 12px;
}
#estrutura-rodape #newsqualix .btn{
    background:var(--azul);
}

#estrutura-assinatura{
    font-size:11px;
    color:var(--preto);
    padding: 5px auto;
}
#estrutura-assinatura a{
    color:var(--cinza);
}