/*Evento Single*/
.evento{
	.topo{
		img{
			width: 100%;
			height: auto;
			display: block;
		}
	}
	.inscricao-evento{
		background: var(--azul1); 
		color: #fff; 
		padding: 20px 30px; 
		text-align: center; 
		font-weight: 300; 
		font-size: 1.2rem; 
		position: sticky; 
		top: 75px; 
		z-index: 1000; 
		transition: .3s;
		&:hover{
			background: var(--azul2);
		}
		i{
			color: #00d9ff; 
			margin-right: 5px;
		}
	}
	.sobre{
		padding: 80px 10%;
		p{
			font-size: 1rem;
			line-height: 1.5;
			margin: 10px 0;
			font-weight: 400;
			strong{
				color: var(--azul2)
			}
		}
		ul{
			list-style-position: inside; 
			list-style-image: url(images/list.png);
			li{
				margin: 5px 0;
			}
		}
		h2{
			color: var(--azul2); 
			margin: 0 0 10px; 
			font-weight: 700; 
			font-size: 1.3rem;
			line-height: 1.2;
		}
		h3{
			color: var(--azul2); 
			margin: 0 0 10px; 
			font-weight: 700; 
			font-size: 1.2rem;
			line-height: 1.2;
		}
		/*Arquivos*/
		.card-header, .card-header .btn-link {cursor: pointer; background-color: var(--azul2)!important; color: #fff!important; text-decoration: none!important; padding: 20px 20px!important; border-radius: 8px!important; border: solid 1px var(--azul2)!important; transition: .3s!important; text-align: left!important;}
		.card-header:hover {background-color: var(--azul1)!important; color: #fff!important}
		.card-header i{color: #00d9ff!important; margin-right: 10px!important;}
		.card-header:focus {background-color: var(--azul1)!important; color: #00d9ff!important}
		.card-header:focus[aria-expanded="false"] {background-color: transparent!important; color: var(--azul2)!important}
		.card{
			border: 0px; 
			margin-bottom: 15px!important;
			p{margin-bottom: 0px!important;}
		}
		.card button:focus {outline: 0px auto -webkit-focus-ring-color!important;}
		.card-body {
			padding: 5px;
			li{ 
				list-style: none; list-style-position: inside; margin: 5px 0px; padding: 6px 0px; border-bottom: solid 1px var(--cinza3); transition: .3s; color: var(--cinza1);
				&:hover{
					color: var(--azul2);
				}
				i{
					color: var(--azul2); 
					margin-right: 5px;
				}
			}
		}
		.ficha-informativa {
			position: sticky; 
			top: 160px; 
			margin: 0px; 
			background: var(--azul1); 
			padding: 20px 30px; 
			color: #fff; 
			border-radius: 10px; 
			.detalhe{
				color: #fff; 
				margin: 10px 0px; 
				font-weight: 300; 
				font-size: .95rem;
				i{
					color: #00d9ff; 
					margin-right: 5px;
				}
				strong{
					font-weight: 600
				}
			}
			.arquivo{
				background: #00d9ff; 
				color: var(--azul1); 
				transition:.3s; 
				padding: 10px 20px; 
				margin: 15px 0px; 
				border-radius: 10px; 
				width: 100%; 
				font-weight: 400;
				&:hover{
					background: var(--azul3); 
					color: #fff;
				}
				i{
					margin-right: 5px;
				}
			}
			.resultado{
				background: var(--azul2); 
				color: #fff; 
				transition:.3s; 
				padding: 10px 20px; 
				margin: 15px 0px; 
				border-radius: 10px; 
				width: 100%; 
				font-weight: 400;
				&:hover{ 
					background: var(--azul3); 
					color: #fff;
				}
				i{
					margin-right: 5px;
				}
			}
		}
	}
	.palestrantes{
		background: var(--azul1);
		padding: 80px 10%; 
		h2{
			text-align: center;
			color: #fff;
			font-weight: 700;
			margin: 0 auto 40px;
			font-size: 2rem;
		}
		img{
			aspect-ratio: 1/1;
			border-radius: 10px;
			width: 100%;
			height: 100%;
			margin: 0 0 10px;
		}
		h3{
			color: #fff;
			font-size: 1.1rem;
			line-height: 1.1;
			margin: 0;
			font-weight: 700;
			text-align: center;
		}
		.membro{
			cursor: pointer;
		}
		.carousel-equipe {
			position: relative;
		}
		.carousel-equipe .owl-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
			display: flex;
			justify-content: space-between;
			pointer-events: none;
			margin: 0;
		}
		.carousel-equipe .owl-nav .owl-prev, .carousel-equipe .owl-nav .owl-next  {
			pointer-events: all;
			border: 0;
			background: transparent;
			outline: none;
			font-size: 2rem;
			font-weight: 400;
			color: #fff;
			transition: .3s;
			&:focus{
				outline: 0;
			}
			&:hover{
				color: var(--azul3);
			}
		}
		.carousel-equipe .owl-nav .owl-prev {
			margin-left: -3rem;
		}
		.carousel-equipe .owl-nav .owl-next {
			margin-right: -3rem;
		}
		/*Modal*/
		.modal{
			background: #112b3cc7;
			backdrop-filter: blur(5px);
			z-index: 99999;
			.modal-dialog{
				margin: 0 auto;
			}
			& .modal-content{
				background:  var(--azul1);
				border: 0;
				border-radius: 15px;
				padding: 2.5rem;
				color: #fff;
				& .modal-header{
					border-bottom: 0;
					padding: 0;
					& .modal-title{
						margin: 0;
						font-weight: 700;
					}
					& .close {
						padding: 1rem;
						margin: -2rem -2rem -1rem auto;
						color:  var(--azul3);
						opacity: 1;
						text-shadow: none;
						font-weight: 300;
						font-size: 2.5rem;
						transition: .3s;
						&:hover, :focus{
							color: #fff;
							opacity: 1;
							text-shadow: none;
						}
					}
				}
				& .modal-body{
					padding: 0;
					& p{
						margin: 0 0 10px;
						font-size: .92rem;
					}
					& h3{
						margin: 0 0 5px;
						color:  var(--azul3);
						font-size: 1.4rem;
						line-height: 1.2;
						font-weight: 700;
						text-align: left;
					}
					& img{
						width: 100%;
						height: auto;
						display: block;
						border-radius: 10px;
					}
				}
			}
		}
	}
	
	.historia{
		padding: 80px 10%;
		p{
			font-size: 1rem;
			line-height: 1.5;
			margin: 10px 0;
			font-weight: 400;
			strong{
				color: var(--azul2)
			}
		}
		ul{
			list-style-position: inside; 
			list-style-image: url(images/list.png);
			li{
				margin: 5px 0;
			}
		}
		h1, h2{
			color: var(--azul2); 
			margin: 0 0 10px; 
			font-weight: 700; 
			font-size: 1.8rem;
			line-height: 1.2;
		}
		h3{
			color: var(--azul2); 
			margin: 0 0 10px; 
			font-weight: 700; 
			font-size: 1.3rem;
			line-height: 1.2;
		}
		strong{
			color: var(--azul2);
		}
	}

	.programacao{
		background: #f0f0f0; 
		padding: 80px 10%; 
		h2{
			text-align: center;
			color: var(--azul2);
			font-weight: 700;
			margin: 0 auto 40px;
			font-size: 2rem;
		}
		.dia{
			background: #fff; 
			border-radius: 10px; 
			padding: 25px; 
			margin: 15px 0px;
			.data {
				font-weight: 700; 
				font-size: .9rem; 
				border: solid 1px var(--azul2); 
				background: var(--azul2); 
				width: max-content; 
				color: #fff; 
				padding: 7px 15px; 
				border-radius: 8px; 
				margin-bottom: 10px;
				strong{
					font-weight: 300;
				}
			}
			.titulo{
				padding-bottom: 5px; 
				font-weight: 700; 
				color: var(--azul2); 
				font-size: 1.2rem; 
				line-height: 1.2;
			}
			.descricao{
				font-weight: 400; 
				font-size: 1rem; 
				color: var(--cinza1); 
				line-height: 1.5;
				strong{
					color: var(--azul2);
				}
			}
		}

	}
	.galeria{
		background: var(--azul2);
		padding: 80px 0;
		h2{
			text-align: center;
			color: #fff;
			font-weight: 700;
			margin: 0 auto 40px;
			font-size: 2rem;
		}
		.carousel-galeria {
			position: relative;
		}
		.carousel-galeria .owl-nav {
			position: absolute;
			top: 50%;
			transform: translateY(-50%);
			width: 100%;
			display: flex;
			justify-content: space-between;
			pointer-events: none;
			margin: 0;
		}
		.carousel-galeria .owl-nav .owl-prev, .carousel-galeria .owl-nav .owl-next  {
			pointer-events: all;
			border: 0;
			background: transparent;
			outline: none;
			font-size: 2rem;
			font-weight: 400;
			color: #fff;
			transition: .3s;
			&:focus{
				outline: 0;
			}
			&:hover{
				color: var(--azul3);
			}
		}
		.carousel-galeria .owl-nav .owl-prev {
			margin-left: 1rem;
		}
		.carousel-galeria .owl-nav .owl-next {
			margin-right: 1rem;
		}
	}
	.logos{
		padding: 50px 10%;
		h2{
			text-align: center;
			color: var(--azul2);
			font-weight: 700;
			margin: 30px auto;
			font-size: 1.4rem;
		}
		.logo{
			height: 50px;
			width: max-content;
			margin: 10px 0px;
		}
	}


@media (max-width: 1600px){

}

@media (max-width: 1024px) {
	.sobre{
		padding: 60px;
	}
	.palestrantes{
		padding: 60px;		
	}
	.programacao{
		padding: 60px;		
	}
	.historia{
		padding: 60px;		
	}
	.galeria{
		padding: 60px 0;
	}
	.logos{
		padding: 20px 60px;
	}
}

@media (max-width: 768px) {
}

@media (max-width: 480px){
	.inscricao-evento{
		top: 70px;
	}
	.sobre{
		padding: 40px 30px;
	}
	.palestrantes{
		padding: 40px 30px;
        .carousel-equipe .owl-nav .owl-next {
            margin-right: -10px;
        }
        .carousel-equipe .owl-nav .owl-prev {
            margin-left: -10px;
        }
	}
	.programacao{
		padding: 40px 30px;		
	}
	.historia{
		padding: 40px 30px;		
	}
	.galeria{
		padding: 40px 0;
	}
	.logos{
		padding: 20px 30px;
	}
}
}