/*********************************************************************************/
/* Estilizações gerais                                                           */
/*********************************************************************************/
@import url('https://fonts.googleapis.com/css2?family=Dancing+Script:wght@400;500;600;700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Libre+Baskerville:ital,wght@0,400;0,700;1,400&display=swap');

*{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}

/*Tags*/
body{
	width: 100%;
	background-color: #fff;
}

a{
	color: darkgreen;
	text-decoration: none;
}

a:hover{
	text-decoration: underline;
}

a img{ width: 100%; }

h1{
	text-transform: uppercase;
	font-size: 1.7em;
	font-weight: bold;
}

/*classes*/
.b{ font-weight: bold; }

.i{ font-style: italic; }

.a2{
	transition: all .2s;
	color: white;
	text-decoration: none;
}

.a3{
	transition: all .2s;
	color: rgb(239, 239, 0);
	text-decoration:none;
}

.a2:hover{
	color: limegreen;
	text-decoration: underline;
}


.assin{
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	font-size: 2em;
	display: block;
	width: 90%;
	text-align: right;
}


/*********************************************************************************/
/*********************************************************************************/
/* INDEX - WIKIÁRVORES                                                           */
/*********************************************************************************/
/*********************************************************************************/

/*********************************************************************************/
/* CABEÇALHO                                                                     */
/*********************************************************************************/
.cabecalho{
	width: 100%;
	position: relative;
	background: url(../img/banner.JPG) no-repeat top center;
	background-size: cover;
	text-align: center;
}

.logo{
	width: 90%;
	
}



.menu{
	width: 100%;
	text-align: center;
	display: flex;
	flex-flow: row wrap;
	align-items: center;
	justify-content: center;
}

.menu .nav{
	width: 100%;
	max-width: 890px;
	background-color: #632003;
}

.menu ul{
	list-style: none;
	display: block;
}

.menu ul li{
	display: inline-block;
}

.menu ul li a{
	display: block;
	font-size: 1.3em;
	padding: 15px;
}

.menu ul li a:hover{
	color: #e8dc58;
}	


/*menu mobile*/
.menu .nav div{
	display: none;
	width: 80%;
	text-align: center;
}

.logo_edit{ display: none; }

.menu-btn{
	display: none;
	font-size: 2.5em;
	background-color: #401603;
	color: white;
	margin: 10px;
	padding: 10px;
	border-radius: 30px;
	transition: all .2s;
}



.menu-btn:hover{
	color: #e8dc58;
	cursor: pointer;
}

.menu-mobile{
	background-color: #632003;
	width: 80%;
	height: 100vh;
	max-width: 800px;
	position: fixed;
	z-index: 1;
	left: 0;
	transition: all .5s;
}

.menu-mobile.active{
	left: -100%;
}



.menu-mobile ul li a{
	display: block;
	padding: 15px 0px;
	text-align: center;
	font-size: 1.5em;
}

.menu-mobile ul li a:hover{
	background-color: #401603;
	color: #e8dc58;
}


/*********************************************************************************/
/* SEÇÃO CONTEÚDO                                                                */
/*********************************************************************************/
.sec-conteudo{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-evenly;
}

.sec-conteudo .conteudo{
	width: 30%;
	display: flex;
	flex-direction: column;
	padding: 40px 0px;
}

.img-conteudo{
	width: 100%;
	margin-bottom: 20px;
	transition: all .2s;
}

.img-conteudo:hover{ opacity: .8; }

.img-conteudo img{
	border-radius: 15px;
}

.btn-conteudo{
	border-radius: 15px;
	background-color: green;
	color: white;
	font-size: 1.2em;
	padding: 20px;
	transition: all .2s;
}

.btn-conteudo:hover{
	text-decoration: none;
	background-color: darkgreen;
}


/*********************************************************************************/
/* SEÇÃO 2                                                                       */
/*********************************************************************************/
.sec2{
	width: 100%;
	background: url(../img/planta1.jpg) no-repeat top center fixed;
	background-size: cover;
	display: block;
}

.sec2 .cor{
	background-color: rgba(0, 0, 0, .7);
	width: 100%;
	padding: 30px 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.sec2 .cor div{
	width: 60%;
	background: rgba(255, 255, 255, .1);
	border-radius: 15px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}

.sec2 .cor h1{
	text-align: center;
	font-size: 1.5em;
	color: yellow;
}

.sec2 .cor p{
	text-align: justify;
	font-size: 1.2em;
}


/*********************************************************************************/
/* SEÇÃO REDES                                                                   */
/*********************************************************************************/
.sec_redes{
	display: flex;
	flex-flow: row wrap;
	background-color: #fff;
	padding: 20px 0 40px 0;
}

.lnk_img{
	transition: all 0.2s;
}

.lnk_img:hover{
	opacity: 0.8;
}

.redes{ /*Esquerda*/
	width: 50%;
	display: inline-flex;
	flex-flow: row wrap;
}

	.redes .coluna{
		width: 49%;
		display: inline-flex;
		flex-direction: column;
		border-right: solid 2px #DCDCDC;
	}

	.redes .coluna h1{
		text-align: center;
		font-size: 1.4em;
		font-weight: bolder;
	}

.rede{
	width: 100%;
	padding: 20px 10px 10px 10px;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: stretch;
}

	.rede h2{
		font-size: 1.3em;
	}

	.rede span{
		font-size: 1.1em;
		color: #4F4F4F;
	}

	.rede .txt a{
		color: black;
	}

	.redes .lnk_img{
		width: 25%;
	}

	.redes .txt{
		width: 60%;
		display: inline-flex;
		flex-direction: column;
		align-items:center ;
		justify-content: space-evenly;
	}

.sec_redes .girafa{ /*Direita*/
	width: 50%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

	.sec_redes .girafa .lnk_img{
		width: 90%;
		margin: 20px 0px;
	}

	.sec_redes .girafa p{
		width: 90%;
		font-size: 1.2em;
		text-align: justify;
	}


/*********************************************************************************/
/* RODAPÉ                                                                        */
/*********************************************************************************/
.rodape{
	width: 100%;
	background-color: rgb(20, 20, 20);
	color: white;
	display: flex;
	justify-content: center;
	padding: 30px 0;
	font-size: 1.2em;
}

.rodape div{
	text-align: center;
}

.rodape a{
	color: white;
	transition: all .2s;
	text-decoration: underline;
	font-size: 1.05em;
}

.rodape a:hover{
	color: limegreen;
}

.rodape .a2{
	font-family: 'Dancing Script', cursive;
	font-weight: bold;
	font-size: 1.3em;
	text-decoration: none;
}



/*********************************************************************************/
/*********************************************************************************/
/* INDEX - CATEGORIA (FEITO A PARTIR DO ÁRVORES NATIVAS DO BRASIL)               */
/*********************************************************************************/
/*********************************************************************************/

/*********************************************************************************/
/* SEÇÃO CONTEÚDO                                                                */
/*********************************************************************************/
.sec-conteudo2{
	width: 100%;
	margin: 30px 5px;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-evenly;
	justify-items: center;
	align-items: normal;
}

.sec-conteudo2 .esq{
	width: 70%;
	height: 30%;
	display:inline-flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-evenly;
}

.sec-conteudo2 h1{
	font-size: 2em;
	width: 100%;
	padding-bottom: 0.7em;
	text-align: center;
	color: darkgreen;
	margin-top: 1em;
}

.sec-conteudo2 .dir{
	width: 20%;
	border-left: solid 3px #DCDCDC;
	display: flex;
	flex-direction:column;
	justify-content: block;
	align-items: center;
}

.conteudo2{
	width: 21%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	margin: 2%;
}

.conteudo2 .img-conteudo img{
	border-radius: 0px;
}

.conteudo2 .lnk{
	font-size: 1em;
}

.sec-conteudo2 .dir .conteudo2{
	width: 70%;
	padding-top: 0.5em;
}

.sec-conteudo2 .dir .lnk{
	color: rgb(50, 50, 50);
}


/*********************************************************************************/
/*********************************************************************************/
/* INDEX - ÁRVORES NATIVAS DO BRASIL                                             */
/*********************************************************************************/
/*********************************************************************************/

/*********************************************************************************/
/* SEÇÃO CONTEÚDO                                                                */
/*********************************************************************************/
.col-img{
	width: 40%;
	height: 500px;
	background-color: red;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.col-txt{
	width: 40%;
	height: 500px;
	background-color: blue;
	display: flex;
	flex-direction: column;
	align-items: center;
}

.col-prop{
	width: 15%;
	height: 500px;
	background-color: purple;
	display: flex;
	flex-direction: column;
	align-items: center;
}


/*********************************************************************************/
/*********************************************************************************/
/* INDEX - PÁGINA DE ÁRVORE                                                      */
/*********************************************************************************/
/*********************************************************************************/

/*********************************************************************************/
/* INDEX - PÁGINA DE ÁRVORE                                                      */
/*********************************************************************************/

.sec-conteudo2 .esq.x{
	width: 35%;
	display: flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}

.sec-conteudo2 .esq.x img{
	width: 80%;
	margin-bottom: 0.5em;
}

.sec-conteudo2 .esq.x p {
	text-align: center;
	width: 90%;
	font-weight: bolder;
	margin-bottom: 1em;
	
	
}

.sec-conteudo2 .meio.x{
	width: 35%;
	border-left: solid 2px #DCDCDC;
	display: flex;
	flex-direction:column;
	justify-content: block;
	align-items: center;
	
}

.meio.x p{
	text-align: justify;
	width: 90%;
	padding-top: 1em;
	text-indent: 2em;
	font-size: 1.1em;
	margin-left: 2em;
}

.esq.x h1{
	font-size: 2em;
	width: 100%;
	padding-bottom: 1em;
	text-align: center;
}

.meio.x h2{
	font-size: 1.7em;
	font-weight: bold;
	text-align: left;
	color: darkgreen;
	width: 90%;
	padding-top: 1.5em;
}

.meio.x .tit{
	font-size: 1.7em;
	font-weight: bold;
	text-align:center;
	color: darkgreen;
	width: 90%;
	padding-top: 1.5em;
	
}

.meio.x h3{
	font-size: 1em;
	font-weight: bold;
	text-align:center;
	color: rgb(0, 0, 0);
	width: 90%;
	margin-top: 1em;
}

.meio.x h4{
	font-size: 0.8em;
	font-weight: bold;
	text-align:center;
	color: rgb(2, 15, 202);
	width: 90%;
	margin-top: 1em;
}

.meio.x h5{
	font-size: 1em;
	font-weight:normal;
	text-align:left;
	color: rgb(0, 0, 0);
	width: 90%;
	margin-top: 1em;
}

.meio.x h1{
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
	color: darkgreen;
	width: 90%;
	margin-top: 2em;
}

.meio.x p{
	text-align: justify;
	
}

.meio.x b{
	text-align: justify;
	margin-top: 1em;
	font-size: 1em;
	font-weight: bold;

}

.sec-conteudo2 .dir.x{
	width: 27%;
	justify-content: start;
}


/*****************************************************/

.sec-conteudo3 .esq.x{
	width: 35%;
	display:flex;
	flex-direction: column;
	justify-content: start;
	align-items: center;
}

.sec-conteudo3 .esq.x img{
	width: 80%;
	margin-bottom: 2em;
}


.sec-conteudo3 .meio.x{
	width: 69%;
	border-left: solid 2px #DCDCDC;
	display:flex;
	flex-direction:column;
	justify-content: block;
	align-items:left;
	
}



.meio.x p{
	text-align: justify;
	width: 100%;
	padding-top: 1em;
	text-indent: 2em;
	font-size: 1.1em;
}

.meio.x2 p{
	text-align: justify;
	width: 10%;
	padding-top: 1em;
	text-indent: 2em;
	font-size: 1.1em;
}

.meio.x2 h1{
	font-size: 1.3em;
	font-weight: bold;
	text-align:center;
	color: darkgreen;
	width: 90%;
	margin-top: 2em;
}

.esq.x h1{
	font-size: 2em;
	width: 100%;
	padding-bottom: 1em;
	text-align: center;
	
}

.meio.x h2{
	font-size: 2em;
	font-weight: bold;
	text-align: left;
	color: darkgreen;
	width: 90%;
	padding-top: 1.5em;
}

.meio.x .tit{
	padding-top: 0;
}

.sec-conteudo3 .dir.x{
	width: 27%;
	justify-content: start;
}


/*************************************************/

.sec-conteudo3{
	width: 100%;
	margin: 30px 0px;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-evenly;
	align-items: stretch;
}

.sec-conteudo3 .esq{
	width: 70%;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-evenly;
}

.sec-conteudo3 .dir{
	width: 29%;
	border-left: solid 2px #DCDCDC;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.conteudo3{
	width: 21%;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
}

.conteudo3 .img-conteudo img{
	border-radius: 0px;
}

.conteudo3 .lnk{
	font-size: 1.3em;
}

.sec-conteudo3 .dir .conteudo2{
	width: 70%;
	padding-top: 1em;
}

.sec-conteudo3 .dir .lnk{
	color: rgb(50, 50, 50);
}



/****************************** livros ************************/
.sec-conteudo4{
	width: 70%;
	background-color: #ffffff;
	background-size: cover;
	display: block;
}

.sec-conteudo4 .esq{
	background-color: rgba(0, 0, 0, .7);
	width: 71%;	
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.sec-conteudo4 .dir{
	width: 20%;
	border-left: solid 2px #DCDCDC;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
}

.conteudo4{
	width: 40%;
	display: flex;
	flex-direction:column;
	align-items: center;
	justify-content: center;
}

.conteudo4 .img-conteudo img{
	border-radius: 0px;
}

.conteudo4 .lnk{
	font-size: 1.3em;
}

.sec-conteudo4 .dir .conteudo2{
	width: 70%;
	padding-top: 1em;
}

.sec-conteudo4 .dir .lnk{
	color: rgb(50, 50, 50);
}

.sec4 .cor div{
	width: 60%;
	background: rgba(255, 255, 255, .1);
	border-radius: 15px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}


.sec4 .cor h1{
	text-align: center;
	font-size: 1.5em;
	color: yellow;
}

.sec4 .cor p{
	text-align: justify;
	font-size: 1.2em;
}



/*********************************************************************************/
/* SEÇÃO 3 - Livros                                                                       */
/*********************************************************************************/
.sec3{
	width: 100%;
	background-color: #ffffff;
	background-size: cover;
	display: block;
}

.sec3 .cor{
	background-color: rgba(0, 0, 0, .7);
	width: 100%;
	padding: 30px 0px;
	display: flex;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.sec3 .cor div{
	width: 60%;
	background: rgba(255, 255, 255, .1);
	border-radius: 15px;
	padding: 30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	color: white;
}

.sec3 .cor h1{
	text-align: center;
	font-size: 1.5em;
	color: yellow;
}

.sec3 .cor p{
	text-align: justify;
	font-size: 1.2em;
}



/************************************/


.sec-cont1{
	width: 70%;
	background-color: #ffffff;
	background-size: cover;
	display: block;
}
.sec-cont1 .h1{
	font-size: larger;
	font-family: Verdana, Geneva, Tahoma, sans-serif;
	
}

.sec-cont1{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: space-evenly;
}

.sec-conteudo .conteudo1{
	width: 30%;
	display: flex;
	flex-direction: column;
	padding: 40px 0px;
}

.img-conteudo1{
	width: 100%;
	margin-bottom: 20px;
	transition: all .2s;
}

.img-conteudo1:hover{ opacity: .8; }

.img-conteudo1 img{
	border-radius: 15px;
}

.btn-conteudo1{
	border-radius: 15px;
	background-color: green;
	color: white;
	font-size: 1.2em;
	padding: 20px;
	transition: all .2s;
}

.btn-conteudo1:hover{
	text-decoration: none;
	background-color: darkgreen;
}


/*********************************************************************************/
/* contatp                                                                  */
/*********************************************************************************/
.sec_redes2{
	display: flex;
	flex-flow: row wrap;
	background-color: #fff;
	padding: 20px 0 40px 0;
}

.lnk_img{
	transition: all 0.2s;
}

.lnk_img:hover{
	opacity: 0.8;
}

.redes2{ /*Esquerda*/
	width: 100%;
	display: inline-flex;
	flex-flow: row wrap;
}

	.redes2 .coluna{
		width: 30%;
		display: inline-flex;
		flex-direction: column;
		border-right: solid 2px #DCDCDC;
		margin: auto;
	}

	.redes2 .coluna h1{
		text-align: center;
		font-size: 1.4em;
		font-weight: bolder;
	}

.rede2{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	align-items: stretch;
}

	.rede2 h2{
		font-size: 1.3em;
	}

	.rede2 span{
		font-size: 1.1em;
		color: #4F4F4F;
	}

	.rede2 .txt a{
		color: black;
		text-align: center;		
	}

	.redes .lnk_img{
		width: 25%;
	}

	.redes2 .txt{
		width: 88%;
		display: inline-flex;
		flex-direction:column;
		align-items:center;
		justify-content:space-evenly;
	}


.line {border-top: solid 20px #000000;
}


/*********************************************************************************/
/* galeria                                                               */
/*********************************************************************************/


.gallery-container{
    display: flex;
    flex-wrap: wrap;
    justify-content: space-evenly;
    gap: 2vw;
    padding: 0 2vw;
}

.gallery-container-h{
    display: flex;
    flex-wrap: wrap;
    justify-content:space-evenly;
    gap: 2vw;
    padding: 0 2vw;
}

.gallery-items{
	width: 10%;
    height: auto;
    border: 10px solid #FFF;
    box-shadow: 5px 5px 5px #0006;
    flex-grow: 0.5;
    transition: transform .2s linear;
	margin: 1em;
}

.gallery-container-h{
    display: flex;
    flex-wrap: wrap;
    justify-content:block;
    gap: 2vw;
    padding: 0 2vw;
}

.gallery-items-h{
	width: 35%;
    height: auto;
    border: 10px solid #FFF;
    box-shadow: 5px 5px 5px #0006;
    flex-grow: 1;
    transition: transform .2s linear;
	margin: 2em;
}

.gallery-items-h img {
    width: 100%;
	height: 100%;
    object-fit: cover;
}

.gallery-items img {
    width: 100%;
	height: 100%;
    object-fit: cover;
	
}

.gallery-items:hover{
    transform: scale(1.3);
}
.gallery-items-h:hover{
    transform: scale(1.3);
}



.h7 {text-align: center;
text-decoration: double;}



/*********************************************************************************/
/*********************************************************************************/
/* ARTIGOS - ÁRVORES DE BIRIGUI                                                  */
/*********************************************************************************/
/*********************************************************************************/
.x-section-text{
	font-size: 1em;
}

.x-section-text p{ 
	font-size: 1.2em; 
	text-indent: 3em;
	text-align: justify;
	line-height: 1.5;
	width: 100%;
}

.x-section-text span{ font-size:1.2em }

.x-section-text .img{
	display: flex;
	width: 100%;
	flex-flow: row wrap;
	justify-content: center;
	align-items: center;
}

.x-section-text .img img{
	width: 60%;
}

.x-section-text .img .x{
	width: 40%;
}

.x-tit{
	font-size: 1.2em;
	text-decoration: underline;
}

.x-lst-lnk li{ text-align: center; }

.x-lst-lnk{ list-style: none; } 

.x-lnk{
	color: #0B3B0B;
	font-size: 1.4em;
}

.x-lnk:hover{ 
	text-decoration: underline; 
	color: black;
}

.x-subtit{
	font-size: 1.4em;
	display: block;
	text-align: center;
}

.x-subtit.u{
	text-decoration: underline;
}

.x-center{
	display: block;
	text-align: center;
}








.x-linha{
	width: 100%;
	display: flex;
	flex-flow: row wrap;
	text-align: center;
	justify-content: center;
	margin-bottom: 2em;
}

.esqx{
	display: flex;
	flex-direction: column;
	text-align: center;
	justify-content: center;
	width: 40%;
}

.dirx{
	width: 50%;
	display: inline-flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	padding: 4%;
}





.dirx p{
	text-align: justify;
	text-indent: 4em;
}

.neg{
	font-weight: bold;
}