/*!
Theme Name: Grupo Calesita - Pesquisas
Theme URI: http://underscores.me/
Author: Young Studio
Author URI: https://youngstudio.com.br
Description: Tema desenvolvido para pesquisa.grupocalesita.com.br
Version: 1.0.0
Text Domain: grupo-calesita-pesquisas
*/

@import url('https://fonts.googleapis.com/css2?family=Montserrat&display=swap');

@font-face {
	font-family:'Mohr';
	src: url( 'assets/fonts/mohr_rounded_black-webfont.woff2' ) format( 'woff2' ),
		 url( 'assets/fonts/mohr_rounded_black-webfont.woff' ) format( 'woff' );
	font-weight: 700;
	font-style: normal;
}

@font-face {
	font-family:'Mohr';
	src: url( 'assets/fonts/mohr_rounded_semibold-webfont.woff2' ) format( 'woff2' ),
		 url( 'assets/fonts/mohr_rounded_semibold-webfont.woff' ) format( 'woff' );
	font-weight: 600;
	font-style: normal;
}

@font-face {
	font-family:'Mohr';
	src: url( 'assets/fonts/mohr_rounded_medium-webfont.woff2' ) format( 'woff2' ),
		 url( 'assets/fonts/mohr_rounded_medium-webfont.woff' ) format( 'woff' );
	font-weight: 400;
	font-style: normal;
}

@font-face {
	font-family:'Mohr';
	src: url( 'assets/fonts/mohr_rounded_light-webfont.woff2' ) format( 'woff2' ),
		 url( 'assets/fonts/mohr_rounded_light-webfont.woff' ) format( 'woff' );
	font-weight: 300;
	font-style: normal;
}

img, svg {max-width:100%; }

.btn-primary {height:40px; min-width:128px; background-color:#0099b2; color:#ffffff; border-radius:20px; font-size:1em; font-weight:600; text-align:center; border:0; }
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active {background-color:#00c0df; color:#ffffff; }
.btn-secondary {height:75px; min-width:228px; background-color:#F0B17E; color:#ffffff; border-radius:40px; font-size:2em; font-weight:600; text-align:center; border:0; }
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active {background-color:#ffba83; color:#ffffff; }
.progress {max-width:100%; height:2px; margin:auto; background-color:transparent; }
.progress .progress-bar {width:0%; background-color:#c4c4c4; }
.loading {cursor:wait; pointer-events:auto; }

main.home {overflow-x:hidden; font-family:'Mohr'; }
header.page-header {margin-bottom:27px; }
header.page-header .btn-voltar-wrapper {margin-top:35px; }
footer.page-footer {padding-top:50px; padding-bottom:50px; text-align:center; font-family:'Montserrat'; }
footer.page-footer .info {font-size:0.8125em; color:#333; }
footer.page-footer .info a {color:#333; }
footer.page-footer .copyright {padding-top:10px; }
footer.page-footer .copyright a {font-size:0.6875em; color:#aaaaaa; text-decoration:none; }

.swiper-container {width:100%; margin-top:35px; }
.swiper-container .swiper-slide {padding:0 20px; }
.swiper-container .swiper-slide footer.slider-footer {text-align:center; }
.swiper-container .swiper-slide footer.slider-footer .btn-avancar {}
.swiper-container .swiper-slide footer.slider-footer .btn-finalizar {margin-top:15px; }
.swiper-container .swiper-slide footer.slider-footer .btn-finalizar img {width:60px; }

article.box {max-width:627px; background-color:#f4fbfc; padding:48px 64px 24px; margin:0 auto 24px; border-radius:15px; box-shadow: 0px 4px 10px 0px #00000040; }
article.box label {width:100%; max-width:420px; display:block; font-weight:400; font-size:1.125em; margin-left:auto; margin-right:auto; }
article.box label .form-control {margin-bottom:24px; }
article.box label.observacoes {}
article.box label.observacoes .form-control {height:155px; }
article.box input[type="checkbox"] {margin-bottom:12px; }
article.box select[name="estado"] {margin-bottom:24px; }
article.box select[name="estado"],
article.box select[name="cidade"] {font-family:sans-serif; }
article.box .inner-container {max-width:445px; margin-left:auto; margin-right:auto; }
article.box .box-title {font-size:1.375em; font-weight:600; margin-bottom:20px; }
article.box .box-title span:not([data-numero]) {color:#E5013C; }
article.box .obrigatorio {color:#e5103c; font-size:0.75em; margin-top:28px; }
article.box .justificativa {margin-bottom:48px; }
article.box .justificativa label {color:#152536; font-size:1.125em; padding-left:72px; }
article.box .justificativa label span {font-weight:300; }
article.box .justificativa label input:checked + span {font-weight:400; }
article.box .notas {display:flex; justify-content:space-between; margin-top:28px; }
article.box .notas li {width:41px; cursor:pointer; border-radius:8px; color:#ffffff; text-align:center; padding:11px 0 6px; position:relative; }
article.box .notas li:after {content:''; width:100%; height:100%; top:0; left:0; position:absolute; border:4px solid #85BAD4; display:block; border-radius:8px; z-index:1; opacity:0; transition:.2s; }
article.box .notas li.active:after,
article.box .notas li:hover:after {opacity:1; }
article.box .notas li:nth-of-type(1) {background-color:#ed788e; }
article.box .notas li:nth-of-type(2) {background-color:#EF9589; }
article.box .notas li:nth-of-type(3) {background-color:#F1B284; }
article.box .notas li:nth-of-type(4) {background-color:#F2C082; }
article.box .notas li:nth-of-type(5) {background-color:#F3CF80; }
article.box .notas li:nth-of-type(6) {background-color:#EFE682; }
article.box .notas li:nth-of-type(7) {background-color:#D8E883; }
article.box .notas li:nth-of-type(8) {background-color:#BEE284; }
article.box .notas li:nth-of-type(9) {background-color:#A7DC86; }
article.box .notas li:nth-of-type(10) {background-color:#93D587; }
article.box .notas-legenda {font-size:0.75em; color:#000000; font-weight:300; }
article.box .notas-legenda,
article.box .notas-mobile {margin-bottom:48px; }

main.obrigado {background-color:#f4fbfc; text-align:center; padding:139px 0; }
main.obrigado svg {max-width:400px; }
main.obrigado .logo {margin-top:90px; }

@media ( min-width:990px ) {
	section.obrigado .container {max-width:834px; }
}

@media ( max-width:650px ) {
	article.box .notas {max-width:240px; }
	article.box .notas li {margin-bottom:20px; }
	article.box .justificativa label {padding-left:0; }
}
@media ( max-width:390px ) {
	article.box {padding-left:25px; padding-right:25px; }
	article.box .notas {max-width:140px; }
	main.obrigado svg {max-width:100%; }
}