﻿body, #s4-workspace{
	background: #f3e9de;
	overflow-x: hidden;
	font-family: "Poppins", sans-serif !important;
}



/* =================================== */
/*  HEADER 
/* =================================== */
#header .titulo{
	margin: 6% 0% 0% 12%;
}

#header .btn-palestrantes{
	margin-left: 13%;
	background: #e54210;
	color: #FFF;
	text-align: center;
	padding: 10px 30px;
	font-size: 1.3em;
	margin-top: 10px;
	border-radius: 0;
	font-family: "Poppins", sans-serif !important;
}

#header .palestrantes{
	margin-top: -30%;
}

#header .brasao img{
	float: right;
	margin-top: 10%;
	margin-bottom: 15%;
}

#header .data{
	clear: both;
	text-align: right;
}

#header .data h1{
	color: #261c55 !important;
	font-weight: 800;
	margin-left: 5%;
	font-size: 3em;
	font-family: "Poppins", sans-serif !important;
}

#header .data h2{
	font-size: 0.98em;
	margin-left: 5%;
	font-weight: 300;
	font-family: "Poppins", sans-serif !important;
	color: #000 !important;
}

#header .btn-inscricao{
	margin-left: 5%;
	color: #e54210;
	border: 4px solid #e54210;
	border-radius: 0;
	text-transform: uppercase;
	font-weight: 700;
	font-size: 1.35em;
	padding: 5px 35px;
}

/*** displays ***/
@media screen and (min-width: 769px) and (max-width: 2500px){
	.brasao-mobile{
		display: none;
	}
}


@media screen and (max-width: 1680px){
	#header .palestrantes img{
		margin-left: -10%;
	    margin-top: -5%;
	}
	#header .detalhe img{
	    width: 90%;
    	margin-left: 10%;
	}
}


@media screen and (max-width: 1440px){
	#header .palestrantes img{
		margin-left: -20%;
		margin-top: -10%;
	}
	#header .detalhe img{
		width: 90%;
    	margin-left: 10%;
	}
	#header .data {
	    margin-left: 25%;
	}
	#header .titulo{
		margin: 6% 0% 0% 7%;
	}	
	#header .btn-palestrantes{
		margin-left: 9%;
	}	
	#header .data h1{
		font-size: 2.5em;
	}
	#header .data h2{
		font-size: 0.8em;
	}
	#header .btn-inscricao{
		font-size: 1em;
	}
}

@media screen and (max-width: 1366px){
	#header .palestrantes img{
		margin-left: -25%;
	    margin-top: -15%;
	}
	#header .data {
	    margin-left: 50%;
	}
	#header .brasao img{
		width: 30%
	}
}

@media screen and (max-width: 1280px){
	#header .palestrantes img{
		margin-left: -20%;
	}
}

@media screen and (max-width: 1024px){
	#header .titulo img{
		width: 50%;
	}
	#header .palestrantes img{
		margin-left: -60%;
        margin-top: -10%;
    }
	#header .detalhe{
		display: none;
	}
	#header .box {
	    font-size: 0.75em;
	}
    #header .brasao{
		margin-top: -10%
	}
	#header .brasao img {
        width: 25%;
        margin-right: 30%;
    }
    #header .data {
        margin-left: 0%;
        margin-right: 30%;
    }
}

@media screen and (max-width: 768px){
	.brasao{
		display: none;
	}
	.brasao-mobile img{
		float: right;
	    margin-right: 5%;
	}
	#header .titulo {
		margin: -15% 0% 0% 2%;
	}
	#header .titulo img {
        width: 20%;
    }
    #header .btn-palestrantes {
    	margin-left: 2.5%;
    	font-size: 1em;
        padding: 5px 25px;
    }
    #header .palestrantes img {
        margin-left: -15%;
        margin-top: 2%;
        width: 90%;
    }
    #header .data h1 {
        font-size: 1.5em;
    }
    #header .data h2 {
        font-size: 0.5em;
    }
    #header .btn-inscricao {
        font-size: 0.7em;
    	border: 2px solid #e54210;
    	padding: 5px 18px;
    }
    #header .data{
        margin-right: 5%;
        margin-top: -10%;
    }
}

@media screen and (max-width: 440px) {
    .brasao-mobile img {
        width: 20%;
    }
    #header .titulo img {
        width: 50%;
    }
    #header .titulo {
        margin: -20% 0% 0% 2%;
    }
    #header .palestrantes {
	    margin-top: -20%;
	}
	#header .palestrantes img {
        margin-left: 0%;
        margin-top: 2%;
        width: 100%;
    }
    #header .data {
        margin-right: 5%;
        margin-top: 5%;
        text-align: center;
    }
    #header .data h1 {
        font-size: 2.5em;
    }
    #header .data h2 {
        font-size: 0.8em;
    }
    #header .btn-inscricao {
        font-size: 1.2em;
    	border: 3px solid #e54210;
    	padding: 5px 25px;
    }
     #header .box {
        font-size: 0.7em !important;
    }
}



/* =================================== */
/*  INTRODUÇÃO 
/* =================================== */
#intro{
	margin-top: 4%;
	font-family: "Poppins", sans-serif !important;
}

#intro p{
	font-family: "Poppins", sans-serif !important;
}

#intro h3{
	font-family: "Poppins", sans-serif !important;
	font-size: 1rem;
    font-weight: 700;
}

#intro .texto{
	padding: 2% 5%;
	line-height: 30px;
	font-family: "Poppins", sans-serif !important;
}

#intro .imagens{
	padding: 0% 0 3% 3%;
}

#intro .imagens .aluna img{
	margin-top: 15%;
	width: 80%;
	float: right;
}

/*** displays ***/
@media screen and (max-width: 1440px){
	#intro .texto{
		padding: 2% 0;
	    line-height: 23px;
	    font-size: 14px;
	}
}

@media screen and (max-width: 1024px){
	#intro .texto {
        padding: 0% 0;
        line-height: 20px;
        font-size: 12px;
    }
}

@media screen and (max-width: 768px){
    #intro .texto {
        padding: 0% 15% 0% 0%;
        line-height: 22px;
        font-size: 14px;
    }
    #intro .imagens {
 	   display: none;
	}
}



/* =================================== */
/*  PALESTRANTES 
/* =================================== */
#palestrantes{
	margin-top: 5%;	
	line-height: 30px;
	font-family: "Poppins", sans-serif !important;
}

#palestrantes p{
	font-family: "Poppins", sans-serif !important;
}

#palestrantes .professoras{
	margin-top: 3%;
}

#palestrantes .detalhe img{
	float: right;
	margin-right: -1%;
}

#palestrantes .jana{
	margin-left: 3%;
	font-family: "Poppins", sans-serif !important;
}

#palestrantes .allana{
	margin-right: 3%;
	font-family: "Poppins", sans-serif !important;
}

#palestrantes .btn-inscricao{
	background: #261c55;
	border-radius: 0;
	color: #f3e9de;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 800;
	padding: 10px 80px;
	margin: 15% 0 0 30%;
}

/*** displays ***/
@media screen and (max-width: 1440px){
	#palestrantes {
	    line-height: 23px;
	    font-size: 14px;
	}
}

@media screen and (max-width: 1366px){
	#palestrantes .detalhe img {
	    width: 20%;
	}
}

@media screen and (max-width: 1024px){
	#palestrantes .detalhe img{
		width: 25%;
	}
}

@media screen and (max-width: 1024px){
	#palestrantes .btn-inscricao {
	    margin: 15% 0 0 0%;
	}
}

@media screen and (max-width: 440px){
	#palestrantes .btn-inscricao {
	    font-size: 1.15em;
	    padding: 8px 20px;
	}
}



/* =================================== */
/*  SORTEIO 
/* =================================== */
#sorteio{
	background: #e54210;
	color: #f3e9de;
	padding: 3% 0;
	line-height: 30px;
}

#sorteio .icones img{
	float: right;
	margin: 10% 10% 0 0;
}

#sorteio .texto img{
	margin-bottom: 8%;
}

#sorteio span{
	font-size: 0.9em;
	font-style: italic;
}

#sorteio h2{
	font-size: 1.35em;
	font-style: italic;
	font-weight: 300;
	font-family: "Poppins", sans-serif !important;
	color: #f3e9de !important;
}

#sorteio li{
	font-family: "Poppins", sans-serif !important;
}

#img-sorteio img{
	margin-top: -85%;
    margin-left: -15%;
}

#img-sorteio .detalhe{
	margin-top: 13%;
}

@media screen and (max-width: 1024px){
	#sorteio .icones img {
	    float: right;
	    margin: 30% 0% 0 0;
	}
	
	#img-sorteio img {
	    margin-top: -115%;
	    margin-left: -17%;
	}
}

@media screen and (max-width: 768px){
	#img-sorteio, #sorteio .icones{
		display: none
	}
}




/* =================================== */
/*  REDES SOCIAIS 
/* =================================== */
#redes{
	margin-top: -5%
}

#redes .titulo{
	border-top: 1px solid #eacaad;
	border-bottom: 1px solid #eacaad;
	padding: 1% 0;
}

#redes .img-titulo{
	padding-left: 3.5%;
}

#redes .redessociais ul{
	margin-left: 9%;
}

#redes .redessociais ul, #redes .redessociais li{
	list-style: none;
	display: inline-block;
	margin-top: 15px;
}

#redes .detalhe img{
	float: right;
	margin-top: 8%;
}

@media screen and (max-width: 1440px){
	#redes .redessociais ul{
		margin-left: 5%;
	}
}

@media screen and (max-width: 1366px){
	#redes .redessociais ul{
		margin-left: 0%;
	}
}

@media screen and (max-width: 1280px){
	#redes .redessociais ul{
		margin-left: 7%;
		padding: 0;
	}
}

@media screen and (max-width: 1024px){
	#redes{
		margin-top: 5%
	}
	#redes .detalhe{
		display: none;
	}
}

@media screen and (max-width: 440px){
	#redes .redessociais li {
	    margin-left: -2%;
	}
	#redes .redessociais li img{
		width: 60%
	}
	#redes .redessociais ul{
		margin-left: 9%
}
}



/* =================================== */
/*  MAPA 
/* =================================== */
#mapa{
	margin-top: -1%
	font-family: "Poppins", sans-serif !important;
}

#mapa .infos{
	padding: 1.5% 10% 0 8%;
}

#mapa .infos p{
	padding-left: 1.5%;
	line-height: 30px;
	font-family: "Poppins", sans-serif !important;
}

#mapa .btn-inscricao{
	background: #261c55;
	border-radius: 0;
	color: #f3e9de;
	text-align: center;
	text-transform: uppercase;
	font-size: 1.5em;
	font-weight: 800;
	padding: 10px 80px;
	margin: 5% 0 8% 0;
	font-family: "Poppins", sans-serif !important;
}

#mapa .infos p.aviso{
	font-style: italic;
	font-size: 14px;
	font-family: "Poppins", sans-serif !important;
}

#mapa a{
	color: #e54210;
	font-family: "Poppins", sans-serif !important;
}

#mapa iframe{
	box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 0px 15px 0px rgba(0,0,0,0.6);
}

/*** displays ***/
@media screen and (max-width: 1680px){
	#mapa{
		margin-top: -1.5%
	}
}

@media screen and (max-width: 1440px){
	#mapa{
		margin-top: -1.8%
	}
	#mapa .btn-inscricao{
		font-size: 1.3em;
	}
}

@media screen and (max-width: 1024px){
	#mapa .btn-inscricao {
		padding: 10px 50px;
	}
}

@media screen and (max-width: 768px){
    #mapa .btn-inscricao {
        margin: 2% 0 4% 0;
    }
    #mapa .infos p.aviso {
	    padding-right: 55%;
	}
}

@media screen and (max-width: 440px){
	#mapa .infos {
	    padding: 1.5% 20% 0 2%;
	}
	#mapa .infos img{
		width: 35%;
		margin-bottom: 2%;
	}
}




/* =================================== */
/*  GALERIA 
/* =================================== */
#galeria{
	margin-top: 8%;
}

#galeria .img-titulo img{
	margin-left: 10%;
	margin-bottom: 10%;
}

#galeria .fotos{
	padding: 0 5%;
}

#galeria .card{	
	background: none;
	border: none;
    margin-bottom: 8%;
}

#galeria .card-img, .card-img-top {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}

#galeria .detalhe{
	margin-top: 5%;
}

#galeria .detalhe img{
	float: right;
}

/*** displays ***/
@media screen and (max-width: 440px){
	#galeria .detalhe{
		display: none;	
	}
}





/* =================================== */
/*  FOOTER 
/* =================================== */
#rodape{
	background: #261c55;
	padding: 3% 0;
	color: #FFF;
	margin-top: -2.9%;
	font-family: "Poppins", sans-serif !important;
}

#rodape .logos{
	border-right: 1px solid #FFF;
	padding-right: 3%;
}

#rodape .endereco{
	padding-left: 3%;
}

#rodape h2{
	font-size: 1em;
	font-weight: 700;
	text-transform: uppercase;
	margin-top: 1%;
	font-family: "Poppins", sans-serif !important;
	color: #FFF !important;
}

#rodape p{
	font-size: .85em;
	font-family: "Poppins", sans-serif !important;
}

@media screen and (max-width: 1680px){
	#rodape{
		margin-top: -3.3%
	}
}

@media screen and (max-width: 1440px){
	#rodape{
		margin-top: -3.85%
	}
}

@media screen and (max-width: 1366px){
	#rodape{
		margin-top: -4%
	}
}

@media screen and (max-width: 1024px){
    #rodape {
        margin-top: -5.3%;
    }
}

@media screen and (max-width: 768px) {
    #rodape {
        margin-top: -7.2%;
    }
}

@media screen and (max-width: 440px) {
	#rodape .logos{
		border-right: none;
	}
	#rodape h2{
		margin-top: 10%;
	}
}
