@import url('https://fonts.googleapis.com/css2?family=Alegreya+Sans+SC:ital,wght@0,300;0,400;0,500;0,700;0,800;1,300;1,400&family=Changa+One:ital@0;1&family=Fira+Sans+Condensed:ital,wght@0,200;0,300;0,400;0,500;0,600;0,700;0,800;1,200;1,300;1,400;1,500;1,600;1,700;1,800&display=swap');

button {
	FONT-SIZE: 0.75em !important;
	
}

button.btn-lg.btn-success {
    background-color: #98CA3A !important;
    border: 1px solid #82BA14 !important;
	
}

button.btn-lg.btn-success:hover {
    background-color: #82BA14 !important;
    border: 1px solid #98CA3A !important;	
	
}

button.btn-lg.btn-warning {
    background-color: #FFA01C !important;
    border: 1px solid #EA9019 !important;
	
}

button.btn-lg.btn-warning:hover {
    background-color: #EA9019 !important;
    border: 1px solid #FFA01C !important;
	
}

button.btn-lg.btn-teste {
    background-color: #523B16 !important;
    border: 1px solid #523B16 !important;
	
}

button.btn-lg.btn-teste:hover {
    background-color: #523B16 !important;
    border: 1px solid #523B16 !important;
	
}






H1,H2{
  font-family: "Changa One", sans-serif !important;
  font-weight: 300 !important;
  font-style: normal;
}


H3,H4{
  font-family: "Fira Sans Condensed", sans-serif !important;
  font-weight: 400 !important;
  font-style: normal;
  font-size: 1.85em !important;
  line-height: 1.0 !important;
}

H3 small{
  font-family: "Alegreya Sans SC", sans-serif;
  font-weight: 300;
  font-style: normal;

}

.row {
    padding-right: 25px!important;
    padding-left: 25px!important;
   
}


li a:focus, 
li a:focus-visible, 
li a:active,
.nav.navbar-nav li a:focus,
#footer #list-nav li a:focus {
    outline: none !important;
    box-shadow: none !important;
    border: none !important;
}

.container-fluid.home {
    padding-right: 0px!important;
    padding-left: 0px!important;
   
}


#menu,
.navbar.navbar-default {
  background: #855F21;
  color: #ffffff;
  padding: 0em;
  margin: 0em;
  border: 0em;
  border-radius: 0em;
 
	
}


#menu img.logot,
.navbar-header img{
	max-height: 58px;
	margin: 0em;
}


#menu .list-inline,
.nav.navbar-nav {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;	
  font-size: 1.5em;
  margin: 1em 0em 1em 0;
  
}

#menu .list-inline a,
.nav.navbar-nav li a{
  color: #cc923b!important;
  text-decoration: none;
}

#menu .list-inline a:hover,
.nav.navbar-nav li a:hover{
  color:#ffffff!important;
  text-decoration: none;
}




#banner {
	background: #523b16 /* url("../IMAGES/triang_banner.png") no-repeat left bottom */;
	background-size: contain;
	border-bottom: 0.5em #98ca3a solid; 
	padding: 2em 0em 2em 0em;
}



#banner img.logo{
	max-width: 400px;
	padding-top: 3em;
	
}

#banner img.splash{
	max-width: 550px;
	width: 100%;
	height: auto;
	float: right;
	margin-right: 2em;
	
}

#banner h4{
	font-family: "Fira Sans Condensed", sans-serif;
	font-weight: 400 !important;
	font-style: normal;
	color:#bc8732;
	font-size: 1.85em;
}


#banner h4 small{
	 font-family: "Alegreya Sans SC", sans-serif;
	 color:#ffffff;
	 font-weight: 400;
	 font-size: 0.7em;
	 
}

h2{
  color:#ffffff;
 
	
}



#corpo1 {
	padding: 2em 0em 4em 0em;
	
}


#corpo2 {
	padding: 2em 0em 7.5em 0em;
	text-align: left;
	background: #E3DFD6 url("../IMAGES/triang_labs.png") no-repeat right bottom;
	background-size: contain;
}

#corpo2 h1 {
	text-align: left;
	font-size: 3em;
	color: #523B16;
}

#corpo2 h1 b{
	text-align: left;
	font-family: "Fira Sans Condensed", sans-serif;
    font-weight: 400;
    font-style: normal;
	font-size: 0.875em;
	color:#C7851C;
	
}

#corpo2 h3{
	color:#C7851C;
}

#corpo2 img{
	display: block; 
	margin: 0 auto;
	padding: 0em auto;

}

#corpo2 h3 small {
	color: #523B16;
}



#corpo3 {
	padding: 0em 0em 7.5em 0em;
	background: #dbd4c5 url("../IMAGES/triang_moodle.png") no-repeat left bottom;
	background-size: contain;
}

#corpo3 h3{
	color:#C7851C;
	/* padding: 1em; */
	text-align: left;
}

#corpo3 img{
	display: block; 
	margin: 0 auto;
	padding: 50% auto;
	
}

#corpo3 .labimg img {
	display: block;
	margin-left: 0; 
	margin-right: auto;

}

#corpo3 h3 small {
	color: #523B16;
}

#app_bot {
	margin:  50% 25%;
}



#corpo4 {
	padding: 1em 0em 3em 0em;
	background: #ffa01c;
}
#corpo4 img{
	padding: 0em auto;
	text-align: center;

}
#corpo4 h3 {
	padding: 1em;
	color: #ffffff;
}

#corpo4 h3 small {
	color: #ffffff;

	
}

#corpo5 {
	padding: 2em 0em 2em 0em;
	text-align: left;

}


#footer {
	padding: 2em 1em 7em 1em;
	background: #523b16;
	background-size: cover;
	/* min-height: 500px; */
	border-top: 1em #161005 solid; 
	

}

#footer h3{
	color: #ffffff; 
	
}


#footer h3 small{
	color: #ffffff; 
	font-weight: 300;

}

#footer img{
	max-width: 300px;
	padding-top: 0em;
	
}
#footer .list-inline {
  font-family: "Fira Sans Condensed", sans-serif;
  font-weight: 400;
  font-style: normal;	
  font-size: 1.5em;
 
}

#footer .list-inline a{
	color: #ffffff; 
}

#footer .list-inline a:hover{
	color:#98CA3A ; 
}

#footer #list-nav {

	line-height: 1.5 !important;
}

#footer #list-nav li a{
	color: #FFFFFF; 
	text-decoration: none;
	border: none !important;
	box-sizing: content-box !important;

}	

#footer #list-nav li a:hover{
	color: #FFA01C; 
	text-decoration: none;
	font-weight: 600;
	content: "› ";
	border: none !important;
	box-sizing: content-box !important;
	
}

#footer #list-nav li a:hover::before{
		content: "› ";
	
}		


li a:focus {

}


button:hover {
    box-shadow: 5px 0px 40px rgba(0,0,0, .2);
	border: 1px solid;
  }


.slideanim {visibility:hidden;}
  .slide {
    animation-name: slide;
    -webkit-animation-name: slide;
    animation-duration: 1s;
    -webkit-animation-duration: 1s;
    visibility: visible;
  }
  @keyframes slide {
    0% {
      opacity: 0;
      transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      transform: translateY(0%);
    }
  }
  @-webkit-keyframes slide {
    0% {
      opacity: 0;
      -webkit-transform: translateY(70%);
    } 
    100% {
      opacity: 1;
      -webkit-transform: translateY(0%);
    }
  }



/* Remove o foco persistente do Chrome no clique pelo mouse */
#menu .list-inline a:focus:not(:focus-visible),
.nav.navbar-nav li a:focus:not(:focus-visible),
#footer #list-nav li a:focus:not(:focus-visible) {
    outline: none !important;
    box-shadow: none !important;
}

/* Força a remoção de bordas fantasmas no clique ativo */
#menu a:active, .navbar a:active, #footer a:active {
    outline: 0 !important;
    border: 0 solid transparent !important;
    background-image: none !important; /* Remove gradientes de foco de navegadores antigos */
}