@charset "utf-8";
/* CSS Document */

@import 'fonts.css';

body { background-image:url("../images/fundo_desktop.jpg"); background-position: top center; background-repeat: no-repeat; background-size:100% auto; background-color:#EB7828; padding-bottom:100px; }

.header { font-family:'SimplonBPBold', sans-serif; }
.header h1 { color:#feff00; font-size:42px; line-height: 1; margin-top:280px;  }
.header p { color:#fff; font-size:24px; margin:20px 0px; }

.bloco p { font-family:'SimplonBP', sans-serif!important; }
.bloco p span { font-family: 'SimplonBPBold', sans-serif!important; }

a.video-upload { color:#cd5216; text-decoration:none; display:block; padding:10px 20px; width:60%; text-align:center; font-family:'SimplonBPBold', sans-serif; font-size:20px; background-color:#feff0a; border-radius:18px; margin:50px auto 20px; }


.not-shown { display:none; }
.videos { margin-top: 80px; }
.videos .video { margin-bottom:60px; }
.videos .video video { width:100%; margin-bottom:-6px; }
.videos .video .votos { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; background-color:#feff0a; color:#ed3939; }
.videos .video .votos a { color:#ed3939; margin:8px 10px; display: inline-block; } 
.videos .video p { margin:0px!important; }
.videos .video p.publicado { }
.videos .video p.crianca { color:#feff00; font-family:'SimplonBPBold', sans-serif; margin-top:10px!important;  }
.colfix { padding:0px; color:#fff; margin-top:10px; }
.numbers { font-family:'SimplonBPBold', sans-serif; font-weight:bold; }

.winners { margin-top: 80px; }
.winners .video { margin-bottom:60px; }
.winners .video video { width:100%; margin-bottom:-6px; }
.winners .video .votos { border-bottom-left-radius: 18px; border-bottom-right-radius: 18px; background-color:#feff0a; color:#ed3939; }
.winners .video .votos a { color:#ed3939; margin:8px 10px; display: inline-block; } 
.winners .video p { margin:0px!important; }
.winners .video p.publicado { }
.winners .video p.crianca { color:#feff00; font-family:'SimplonBPBold', sans-serif; margin-top:10px!important;  }


a.show-more { color:#feff00; text-decoration:none; font-family:'SimplonBPBold', sans-serif; font-size:18px;  }
a.show-more i { font-size:36px; }

section { margin-top:150px; }

#form-field { height: 100px; display: flex; padding: 0px 30px; background-color: #E2E4E2; flex-direction: column; justify-content: center; }
.form-label { font-weight: 700; font-size:1rem; }
hr { margin:0 auto 0.5rem auto; }
.btn { font-family:'SimplonBPBold', sans-serif; background-color:#feff00; color:#ed3939; border:none;  }
.btn:hover { font-family:'SimplonBPBold', sans-serif; background-color:#feff00; color:#ed3939; border:none;  }

.adicionar { float:right; }

h1.aviso { margin:180px 200px 10px!important; font-size:30px!important;  }
form.data { clear:both; margin-top:80px; }
form.login { margin-top:20px;  }
form.login div.mb-3 { padding:10px 20px; }
form.login div.mb-3.last { padding:20px 20px 40px; }
form.login button { float:right; }

form { margin-top: 60px; }


.area-upload { color:#fff; }
.area-upload h1.aviso { color:#feff00; font-size:34px!important; margin:180px 50px 20px!important; }

div:where(.swal2-container) button:where(.swal2-styled).swal2-confirm { background-color:#ff5722; color:#fff; border:none; border-color:transparent; } 

.break-mobile { display:none; }

.preview { margin-top:80px; }
.videoPreviewData { font-size:25px; } 

@media only screen and (min-width:1024px) and (max-width: 1440px) {
	.header h1 { font-size:32px; margin:180px 60px 0px 60px;  }
	.header p { font-size:20px; margin:20px 20px; }
	a.video-upload { font-size:18px; background-color:#feff0a; border-radius:18px; margin-top:20px; }

}

@media only screen and (min-width:320px) and (max-width: 768px) {
	
	body { background-image:url("../images/fundo_mobile.jpg"); background-position: top center; background-repeat: no-repeat; background-size:100%; }
	
	.header h1 { color:#feff00; font-size:36px; line-height: 1; margin:380px 0px 20px!important;   }
	.area-upload h1.aviso { margin:280px 0px 20px!important; }

	.break-mobile { display:block; }

	form { margin-top: 60px; }
	
	.preview { margin-top:50px; }
	.videoPreviewData { font-size:22px; } 

}