/*
 Theme Name:     Nevaro
 Theme URI:      https://www.deltasolucoes.com/
 Description:    Nevaro
 Author:         Delta Soluções
 Author URI:     https://www.deltasolucoes.com/
 Template:       Divi
 Version:        1.0.0
*/

/* =Theme customization starts here
------------------------------------------------------- */

/*** Take out the divider line between content and sidebar ***/

#main-content .container:before {
    background: none;
}

/*** Hide Sidebar ***/

#sidebar {
    display: none;
}

/*** Expand the content area to fullwidth ***/

@media (min-width: 981px) {
    #left-area {
        width: 100%;
        padding: 23px 0px 0px !important;
        float: none !important;
    }
}

/*Hide Header*/
/*#main-header { 
	display: none; 
}

#page-container {
	padding-top: 0px !important;
	margin-top: -1px !important;
}*/

/*GERAL*/
@font-face {
  font-family: KeepKalm;
  src: url(/wp-content/themes/divi-child/assets/fonts/KeepCalm-Medium.ttf);
}

p {
    font-size: 1rem;
	color: #808080;
}

span {
    font-size: 1rem;
}

strong {
   color: black;
   }

body {
	font-family: KeepKalm, 'Poppins', sans-serif !important;
}

/*Header*/
ul#menu-principal li a {
    color: white !important;
}

.et-menu a:hover {
    opacity: 1 !important;
}

.menu-mobile {
	display: none;
}

/*Footer*/
.d-flex {
    display: -ms-flexbox!important;
    display: flex!important;
    justify-content: center;
    align-items: center;
}

.d-flex p {
    padding-left: 5%;
}

p.d-inline.text-white.pt-2.ml-4 {
	color: white;
}

ul.list-unstyled.list-inline.mx-auto.mb-0.pb-0.text-center {
    list-style-type: none;
}

.pl-4, .px-4 {
    padding: 0 .5rem!important;
}
.list-inline-item {
    display: inline-block;
}

#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    list-style-type: disc;
    padding: 0;
    line-height: 26px;
}

/*QUIZ*/
.page-id-38 .et_pb_column--with-menu, 
.page-id-73 .et_pb_column--with-menu,
.page-id-38 .idioma-mobile.menu-mobile,
.page-id-73 .idioma-mobile.menu-mobile {
    display: none !important;
}

input.qsm-btn.qsm-submit-btn.qmn_btn {
    background: #00bfad;
    border: none;
    border-radius: 10px;
    padding: 1.2% 5%;
    color: white;
}

.qsm-pagination.qmn_pagination.border.margin-bottom {
	border: none !important;
}

 input[type='radio']:after {
        width: 15px;
        height: 15px;
        border-radius: 15px;
        top: -2px;
        left: -1px;
        position: relative;
        background-color: #d5d5d5;
        content: '';
        display: inline-block;
        visibility: visible;
        border: 2px solid #d5d5d5;
    }

input[type='radio']:checked:after {
    width: 22px;
    height: 22px;
    border-radius: 15px;
    top: -6px;
    left: -4px;
    position: relative;
    background-color: #fdc401;
    content: '';
    display: inline-block;
    visibility: visible;
    border: 2px solid #fdc401;
	-webkit-box-shadow: 1px 2px 3px rgb(33 33 33 / 50%);
    box-shadow: 1px 2px 3px rgb(33 33 33 / 50%);
}

.qmn_radio_answers.qmn_radio_horizontal_answers.mlwRequiredRadio label {
    display: none !important;
}

span.mlw_horizontal_choice {
    padding-right: 5%;
}

.quiz_section.qsm-question-wrapper {
    padding-bottom: 2%;
}

.qsm-before-message.mlw_qmn_message_before {
    border: none;
}

.mlw_qmn_message_before {
    margin-bottom: 0 !important;
}

.opcoes {
    display: flex;
    background: #929b5c;
    justify-content: center;
    flex-wrap: nowrap;
    flex-direction: row;
    align-content: center;
    align-items: center;
    margin: 3% 22% 1%;
    border-radius: 10px;
    color: white;
	-webkit-box-shadow: 1px 1px 1px rgb(33 33 33 / 50%);
    box-shadow: 1px 1px 1px rgb(33 33 33 / 50%);
}

.opcoes span {
    padding: 2%;
    border-right: 2px solid #7e893c;
}

.opcoes span:last-child {
    border: none;
}

span.mlw_horizontal_choice {
    padding: 0 2.5%;
}

.qsm-quiz-container.qmn_quiz_container.mlw_qmn_quiz.quiz_theme_default {
    text-align: center;
}

.qmn_pagination {
    flex-direction: column !important;
}

input.qsm-btn.qsm-submit-btn.qmn_btn {
    color: #fff !important;
    background: #35beac !important;
	-webkit-box-shadow: 1px 1px 1px rgb(33 33 33 / 50%);
    box-shadow: 1px 1px 1px rgb(33 33 33 / 50%);
	cursor: pointer;
}

.qmn_radio_answers.qmn_radio_horizontal_answers.mlwRequiredRadio {
    margin-top: 1.5%;
}

.quiz_section.qmn_error .qmn_radio_answers, .quiz_section.qmn_error .qmn_check_answers, .quiz_section.qmn_error .qmn_accept_answers {
    border: none !important;
    background: #00000000 !important;
}

.quiz_section.qmn_error:after {
    content: 'x' !important;
	font-size: 14px !important;
}

.qmn_error_message {
	background: #da4f49 !important;
	color: white !important;
	display: inline-block !important;
}

.quiz_section .mlw_qmn_new_question {
    font-weight: normal !important;
}

div#mlw_error_message {
	display: none !important;
}

.quiz_section.qsm-question-wrapper {
    padding: 2% 15%;
}

.img-semaforo {
    width: 40%;
}

.pontuacao {
    font-size: 2rem;
    font-weight: bold;
}

.holi-button {
    background: #00bfad;
    border: none;
    border-radius: 10px;
    padding: .8% 2%;
    color: white;
	-webkit-box-shadow: 1px 1px 1px rgb(33 33 33 / 50%);
    box-shadow: 1px 1px 1px rgb(33 33 33 / 50%);
	margin-left: .3%;
}

/*MOBILE*/
@media only screen and (max-width: 768px) {
	.menu-desktop {
		display: none;
	}
	
		.menu-mobile {
		display: block !important;
	}
	
	.idioma-mobile ul {
    display: flex;
    list-style-type: none;
    justify-content: center;
	margin-bottom: -30px;
}
	
	.idioma-mobile ul li {
    padding-right: 5%;
    padding-top: 10%;
    font-size: 1.1rem;
}
	
	.idioma-mobile ul li a {
	color: white;
	font-weight: bold;
}
	
	.list-inline-item:not(:last-child) {
    margin-right: 0;
}
	
	.pl-4, .px-4 {
    padding-left: 1rem!important;
}
	
	#left-area ul, .entry-content ul, .et-l--body ul, .et-l--footer ul, .et-l--header ul {
    padding: 0;
}
	
	.opcoes {
    margin: 3% -5% 1%;
}
	
	.opcoes span {
    padding: 1%;
    border-right: 2px solid #7e893c;
    font-size: .7rem;
}
	
	.quiz_section.qsm-question-wrapper {
    padding: 1% 1% 5%;
}
	
	.holi-button {
    padding: 2% 5%;
}
}