/* 
    Arquivo de Estilos
    Nome: Guilherme Eustachio
    Data: 19/04/2022
    Desenvolvido por: FovalencioLab
    Contato: www.fovalenciolab.art.br
*/


/* RESET */

body{
    margin: 0px auto!important;
    padding: 0px;
}

p{
    margin: 0px auto!important;
    padding: 0px!important;
}

*::selection {
            background: #ff6600;
            color: #fff;
        }

/* FIM RESET */

/* SCROLLBAR */

body{
    scrollbar-base-color: #f60;
    scrollbar-3dlight-color: #f60;
    scrollbar-highlight-color: #f60;
    scrollbar-track-color: #EBEBEB;
    scrollbar-arrow-color: black;
    scrollbar-shadow-color: #f60;
    scrollbar-dark-shadow-color: #f60;
}

body::-webkit-scrollbar-track {
    background-color: transparent;
}
body::-webkit-scrollbar {
    width: 6px;
    background: transparent;
}
body::-webkit-scrollbar-thumb {
    background: #f60;
}


/* FONTES E TÍTULOS */

big, .big {
    font-size: 18px;
    line-height: 30px;
    font-weight: 400;
    letter-spacing: 0px;
}

txt, .txt{
    font-size: 1.2rem;
    line-height: 25px;
}

h1 {
    font-weight: 300;
    letter-spacing: 26px;
}

.tit {
    text-align: center;
    color: #ff6600;
    line-height: 8rem;
    font-weight: 400;
    letter-spacing: 10px;
}

.h3, h3{
    color: #212529;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: 16px;
}

.h4, h4{
    color: #212529;
    line-height: 2rem;
    font-weight: 500;
    letter-spacing: 16px;
}

.h5, h5 {
    font-size: 1.90rem;
}

h7 {
    font-size: 1.5rem;
    color: #3c3023;
    line-height: 100px;
}

/* FIM DAS FONTES E TÍTULOS */

/* INÍCIO NAVBAR */

.fixed-top {
    position: absolute;
}

.bg-light {
    background-color: transparent!important;
}

.navbar-light .navbar-toggler {
    color: #fff;
    border-color: #fff;
}

ul.navbar-nav.ml-auto.mb-2.mb-lg-0 {
    border: solid 2px #Fff;
    border-radius: 25px;
    background: #fff6;
    padding: 10px 50px;
}

.navbar-light .navbar-nav .nav-link {
    color: rgb(255 255 255);
    font-size: 1.2rem;
    font-weight: 500;
}

.navbar-light .navbar-nav .nav-link:focus, .navbar-light .navbar-nav .nav-link:hover {
    color: rgb(255 102 0);
}

a.nav-link.active {
    color: #ff6600!important;
}

.dropdown-menu {
    top: 117%;
    color: #fff;
    background-color: #fff6;
    background-clip: padding-box;
    border: 2px solid #fff;
    border-bottom-left-radius: 25px;
    border-bottom-right-radius: 25px;
    padding-bottom: 20px;
}

.dropdown-item {
    color: #ffffff;
}


/* FIM NAVBAR */
/* #CONTENT */

#content{
    min-height: 100vh;
}


.card {
    padding-left: 25px;
    border: none;
}

.home-section-2 .card-title {
    color: #3c3023;
}

.card-body {
    border-left: solid 1px #ababab;
    padding-left: 4rem;
}

.home-section-2 .big {
    color: #666666;
}

.home-section-2, .sobre-section-2, .projetos-section-2, .home-section-3 {
    max-width: 1220px;
    margin: 30px auto 30px auto;
    position: relative;
}


.sobre-section-1, .projetos-section-1, .tit-barra-contato{
    min-height: 50vh;
    color: #fff;
    display: flex;
    align-content: center;
    justify-content: center;
}

.tit-barra-contato{
    min-height: 10vh!important;
}

/* BACKGROUNDS TOPOS */

.sobre-section-1{
    background-image: url("../img/barra-sobre.png");
}

.projetos-section-1{
    background-image: url("../img/barra-projetos.png");
}

.tit-barra-contato {
    background: #ff6600;
}

/* FALE CONOSCO */

.close span {
    color: #fff;
}

.contato-social-media i.fab {
    font-size: 3rem;
    margin: 0 20px;
}

.mapa {
    border-radius: 0.2rem;
    border: solid 1px #ff6508;
    margin: 0.5rem auto;
    padding: 4px 3px 0px 3px;
    background: #ff6508;
}

/* FIM FALE CONOSCO */

/* FIM BACKGROUNDS TOPOS */


/* LINKS */

a:hover {
    color: #803300;
    text-decoration: none;
}

a {
    color: #FF6600;
    text-decoration: none;
    background-color: transparent;
}

/* FIM DOS LINKS */

/* CARROSSEL */

.carousel-control-next, .carousel-control-prev {
    position: absolute;
    top: 0;
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    -ms-flex-pack: center;
    justify-content: center;
    width: 15%;
    color: #3c3023;
    text-align: center;
    opacity: 1;
    font-size: 2rem;
}

.carousel-control-next {
    right: -130px;
}

.carousel-control-prev {
    left: -130px;
}

.carousel-control-next:focus, .carousel-control-next:hover, .carousel-control-prev:focus, .carousel-control-prev:hover {
    color: #f60;
    text-decoration: none;
    outline: 0;
    opacity: .9;
}

.borda-carrossel{
    border: solid 5px #3c3023;
    filter: drop-shadow(2px 4px 6px #3c3023);
}


.carousel-control-next-icon, .carousel-control-prev-icon {
    background-image: none!important;
}


/* FIM DO CARROSSEL */

/* FIM #CONTENT */


/* RODAPÉ */
.footer{
    background: #3C3023;
    text-align: center;
    color: #fff;
    padding: 2rem 0 1.5rem 0;
    margin-top: 4rem;
}

.footer span {
    font-size: 15px;
}

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

.desenv {
    font-size: 12px;
    color: #5a5858;
    padding: 1rem!important;
}

.desenv a{
    color: #7ced00;
}

/* FIM DO RODAPÉ */

/* WHATSAPP */

.whatsapp img{
	width: 50px;
    position: fixed;
    bottom: 40px;
    right: 40px;
    z-index: 99999;
	animation: go-back 1s infinite alternate;
}

/* FIM WHATSAPP */

/* ANIMAÇÕES */

@keyframes go-back {
  from {
    transform: translateY(50px);
  }
  to {
    transform: translateX(5px);
  }
}

/* FIM DE ANIMAÇÕES */


/* MEDIA QUERIES */

@media (max-width: 500px) {
	.whatsapp img{
		bottom: 50px;
		right: 15px;
	}
}

/* FIM MEDIA QUERIES */