first_php_project/css/estilo.css

/* CSS Document */
/* CSS do menu */
.hamburgmenu{
	color: white;
	border: none;
	background-color: hsla(120,100%,25%,0) !important;
}
/* Fim CSS do menu */

/* Classes gerais */
body{
	background: url(imagens/fundo.png), linear-gradient(180deg,lightgreen,darkgreen);
	background-attachment: fixed;
	overflow-x: hidden;
	background-size: cover;
}

.main{
	background-color: white;
}
.thumbnail{
	border-radius: 0 !important;
}

.img-thumbnail{
	border-radius: 3px !important;
}
.link-branco{color: white !important; text-decoration: none !important;}

/* Fontes */
body{font-family: "M+ 2p light";}

/* Navbar Barra de navegação publica*/

.img-logo {
	width: 200px;
	height: 60px;
	display: block;
	background: url('../imagens/sustentaitape3.png') no-repeat;
	background-size: contain;
	color: transparent;
}

nav.navbar-transparente {
	padding: 15px 0px;
	background: hsla(120,100%,25%,0.66); /*  hsla(116,99%,35%,0.66); */ 
	border: none;
}
.navbar-brand{
	padding: 5px 15px;
}

.divisor{
	width: 1px;
	height: 16px;
	background: white;
	margin: 16px 10px;
}

.navbar-inverse .navbar-nav>li>a, footer .nav a {
	color: white;
}

.navbar-inverse .navbar-nav>li>a:hover, footer .nav a:hover {
	color: lightgreen;
	background:none
}
.navbar-inverse .navbar-nav>.open>a, 
.navbar-inverse .navbar-nav>.open>a:focus{
    background-color: hsla(120,100%,25%,0.66);
}
#navegacao, #form_busca{
	border: none;
}
/* Na hora que apertar o botão "hamburger", a classe .navbar-toggle é ativa, e irá ter essas regras de classe (.navbar-toggle é padrão do bootstrap) */
.navbar-toggle span.icon-bar{
	transition: all 0.15s;
	transform-origin: center;
}
/* Quando fechar, .navbar-toggle é .collapsed (classe padrão do bootstrap) */
.navbar-toggle span {
	opacity:0;
}
.navbar-toggle{
	background: no-repeat center/50% url(../imagens/clos.png);
}
.navbar-toggle.collapsed{
	background: none;
}
.navbar-toggle.collapsed span{
	opacity:1;
}
/* Rodapé */

.item-rede-social{
	float: left;
	
}

#rodapetipografia h4{
	color: white !important;
}

.p{
	color: white;
}

/* Media Queries*/
@media (max-width: 768px){
	/* Pesquisa */
	.navbar-pesquisa{
		width: 100%;
		margin: auto;
	}
	/* Dropdown */
	.dropdown-menu>li>a{
		color: white !important;
	}
	.dropdown-menu>li>a:hover{
		background-color: hsla(120,100%,25%,0.66) !important;
	}
	.img-tbl{
		display: none;
	}
	
}
@media (max-width: 600px){
	.esconde600{display: none;}
	.texto-capa h1{font-size: 60px !important;}
}
@media(max-width: 373px){
	.esconde{display:none;}
	.texto-capa h1{font-size: 47px !important;}
}
@media(max-width: 320px){
	.esconde-xs-xs{display: none;}
}
@media(max-width:575px){
	.capa a{
		width: 90%;
		text-align: center !important;
		font-size: 120%;
	}
	.espacado{
		margin-top: 10px
	}
}
/* Area Adm */

#h1areaadm{
	
	padding-top: 8px;
	padding-bottom: 8px;
	background-color: hsla(103,44%,89%,1.00);
	border-radius: 5px;
}

.thumbnailadm{
	border-radius: 5px !important;
	background-color: hsla(135,40%,85%,1.00);
}
#admimagens{
	
	color: hsla(166,56%,44%,1.00);
	
}

#admimagens2{
	
	color: hsla(146,100%,32%,1.00);
	
}

#admimagens3{
	
	color: hsla(120,100%,40%,1.00);
	
}


/* Modal */
#modallistareventos table,td,th{
	width: 75% !important;
}

/* -- Imagem de capa -- */
.capa {
	display: table;
	width: 100% !important;
}

.texto-capa {
	text-align: center;
	color: white;
	display: table-cell;
	vertical-align: middle;
}

html, body, .capa{
	scroll-behavior: smooth !important;
	height: 100%;
}
/* -- Botoes -- */
.btn-custom {
	color: white !important;
	border-radius: 500px;
	-webkit-border-radius: 500px;
    -moz-border-radius: 500px;
    text-transform: uppercase;
    transition: background 0.4s, color 0.4s;
}

.btn-green {
	background: rgba(45,165,36,1.00);
}
.btn-green:hover {
	background-color: green;
	color: white;
}

/* -- secao servico -- */
#servicos {
	background: white;
	padding-top: 20px;
	padding-bottom: 20px;
}

.albuns{
	padding: 10px 0px 10px 0px;
}

/* -- recursos -- */
#recursos {
	padding-top: 20px;
	padding-bottom: 20px;
	color: white;
}




.item-rede-social{
	float: right;
}

/* ========================= Tipografia ======================== */
p{font-size: 1.05em;}
.texto-capa h1{
	font-size: 80px;
	font-weight: 900;
	font-family: Helvetica Neue,Helvetica,Arial,sans-serif; 
}

#rodape h4 {
	color: black;
	font-size: 12px;
	text-transform: uppercase;
}

#servicos h2, #servicos h3 {
	color: rgba(94,204,87,1.00);
}

#recursos h3 {
	color: white;
}


.seta{
	position:fixed; 
	display:none;
	right: 5%; 
	bottom: 3%; 
	z-index:999;
	font-size: 40px;
}
.seta a{
		color: hsla(117,87%,46%,1.00);
}
.seta a:hover{
	color: hsla(127,90%,31%,1.00);
}

.modal-content{
	background: url(../imagens/modal1.jpg) no-repeat;
	background-size: cover;
	color: white;
}
#modalsobre .modal-content, #mytable .table-striped{
	background-color: white;
	background-image: url();
	color: black;
}
select, option, textarea{
	color: black !important;
}