/*
Theme Name: (Familia Honda)
*/
.sidenav li{line-height: 49px!important;}
*{ font-family: "Inter", sans-serif;}
.input-field input{padding-top:0!important;}
[type=radio]:not(:checked) + span{font-size:1.3rem!important;color: var(--md-sys-color-on-surface)!important;font-weight:700;}
[type=radio]:disabled + span{color:var(--md-sys-color-on-surface-variant)!important;opacity: .5;}
body{display: flex;min-height: 100vh;flex-direction: column;background-color: #e2e8e8;}
.container{width: 100%!important;padding: 0 2rem!important;}
main{flex: 1 0 auto;padding: 20px 0;}
nav ul li a{color: #000!important;}
/* nav{position: relative;width: 100%;z-index: 1;border-bottom: 1px solid #fff3;} */
.sidenav li{float: none!important;}
ul{padding: 0;margin: 0;list-style: none;}
.modal-close{position: absolute;top: 0;right: 0;background-color: #323f3c;color: #f9fafb;}
h1,h2,h3,h4,h5,h6,p,ul li a,a,span,label,small,input,figcaption{ font-family: "Inter", sans-serif;}
/* .banner-top img{display: block;} */
.banner-top .mobile-banner{display:none;}
.five-grid{display: grid;grid-template-columns: repeat(5,1fr);}
.five-grid a{width: 100%;}
.five-grid a img{display: block;width: 100%;}
.wp-video{margin: 0 auto;}
.space-top{padding-top: 70px;}
.date-info{border: 1px solid rgba(16 18 27 / 40%);display: flex;padding: 20px;border-radius: 4px;margin-top: 70px;align-items: center;}
.date-info .calendar {background-color: #323f3c;padding: 10px;color: #f9fafb;}
.date-info h4{margin: 0;}
.atracao {display: flex;justify-content: space-between;padding: 20px;background: #323f3c;border-radius: 4px;color: #f9fafb;}
.video-box{margin-top: 10px;}
.data-liberacao{font-size: 2rem;}
.page-login{max-width: 680px;width: 100%;display: block;margin: 0 auto;padding: 150px 0;}
.page-login .container{padding: 2rem!important;background-color: #323f3c;}
.page-login .container span{color: #fff!important;}
/* Digitar código */
form.space-top{padding-top: 20px;}
/* Bloco de questão */
.questao{background-color: #323f3c;padding: 20px;color: #fff;font-weight: 550;border-radius: 3px;}
.alternativa{font-weight: 550;color: #000;font-size: 1.1rem;letter-spacing: 1px;}
.box-codigo,.box-perguntas{display: none;}
.box-perguntas{padding: 50px 0;}
.box-perguntas.ativo{display: block;}
.box-codigo p strong{font-weight: bold;font-size: 1.2rem;}
[type=submit]{background-color: #66bd39;color: #e2e8e8;border: none;padding: 20px;display: block;max-width: 220px;width: 100%;margin-top: 20px;}
[type=submit]:hover{cursor: pointer;}
/* Bloco de videos */
.video-box{max-width: 780px;width: 100%;}
.buttons-play-and-pause{display: flex;justify-content: start;gap: 0 40px;}
.buttons-play-and-pause p{height: 80px;width: 80px;background-color: #323f3c;color: #fff;display: grid;place-items: center;border-radius: 50px;}
.buttons-play-and-pause p:hover{cursor: pointer;}
.progress-bar{height: 10px;width: 100%;}
.progress-bar .line{height: 100%;}
.contact-box{margin-top: 40px;}
.seu_nome{display: none!important;}
/* .contact-box p{display: block;max-width: 250px;margin: 0 auto;} */
.contact-box [type=submit]{width: 100%;max-width: 100%;}
.form-idioma .responsive-img{max-width: 80px;}
input[type=submit]{transition: .8s;}
input[type=submit]:disabled{background-color: #323f3c;}
.desativado{pointer-events: none!important;}
@media screen and (max-width:992px){
    .date-info h4{font-size: 1.1rem;}
    .five-grid{grid-template-columns: 1fr;}
	.page-login,main{padding:0;}
	.desktop-banner{display:none;}
	.banner-top .mobile-banner{display:block;}
}