/*---------------------------------
###################################
-----------------------------------
    Name: Tranquilidade Public Site
    Author: Unipartner.com
-----------------------------------
###################################
---------------------------------*/

/*-------------------------------------
	QuestionarioTRQ - Quiz
-------------------------------------*/

.overlay-wrapper .component-content.overlayFullWidth,.overlay-wrapper .component-content.overlayFullWidth .overlay-close::before {
	background-color: var(--TRQ-Cinza-2);
}

/***** Smaller Phone Viewpoints *****/
@media (min-width: 320px){
/*---------------------------
	Question
---------------------------*/
	.quizTRQ-container .quizTRQ-questionContainer, .quizTRQ-container .quizTRQ-resultContainer {
		text-align: center;
		font-weight: 590;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-question {
		padding: 0 15px 0;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .question-image, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .result-image {
		display: none;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .question-mobileImage, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .result-mobileImage {
		display: initial;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .questionHeadFixed {
		color: var(--TRQ-Verde-3);
		font-size: 17px;
		margin-bottom: 0.3px;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .questionHeadTitle {
		font-size: 20px;
		color: var(--TRQ-Cinza-6);
		margin-bottom: 1em;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionAnswer {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionAnswer button {
		width: 190px;
		padding: 12px 48px;
		display: flex;
		justify-content: center;
		border-radius: 5px;
		border: 0;
		background-color: var(--TRQ-Cinza-3);
		font-weight: 590;
		font-size: 17px;
		font-family: var(--font-Roboto);
		margin-bottom: 1em;
		color: var(--black);
		cursor: pointer;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionAnswer button:hover {
		background-color: var(--button-color);
		color: white;
	}
	
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionAnswer button:focus {
		background-color: var(--button-color);
		color: white;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionBefore {
		border-radius: 50%;
		box-shadow: #d0d0d0 0 0 15px;
		background-color: var(--white);
		width: 50px;
		height: 50px;
		margin: 1em auto auto;
		background-image: url('./images/arrow-left.svg');
		background-repeat: no-repeat;
		background-position: center;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionFooter {
	    display: flex;
		justify-content: center;
		margin-top: 2em;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionFooter p{
		font-size: 16px;
		font-weight: 400;
		color: var(--TRQ-Verde-3);
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionFooter-footerDiv {
		width: 100%;
		height: 14px;
		display: flex;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-footerDiv-background {
		background-color: var(--TRQ-Verde-4);
		height: 14px;
		width: inherit;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-footerDiv-background {
		background-color: var(--TRQ-Verde-4);
	}
/*---------------------------
	Result
---------------------------*/
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead {
		margin-bottom: 1.6em;
		padding: 0 15px 0;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .resultHeadTitle {
		color: var(--TRQ-Verde-2);
		font-size: 32px;
		line-height: initial;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .resultHeadSubTitle {
		color: var(--TRQ-Verde-1);
		font-size: 22px;
		line-height: initial;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody {
		font-weight: initial;
		color: var(--TRQ-Cinza-6);
		margin-bottom: 2em;
		padding: 0 15px 0;
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-contextText {
		margin-bottom: 2em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-contextText p, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText p {
		font-size: 17px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText {
		text-align: left;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText .check-bullets {
		background-image: url('./images/bigbullet.webp');
		background-position-y: center;
		margin-bottom: 20px;
		padding: 8px 0;
		padding-left: 65px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText .component-title-green {
		
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link {
		margin: 1em 0;
		display: flex;
		flex-direction: column;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link a.result-btn {
		border: 1px solid var(--TRQ-Verde-1);
		padding: 8px 30px;
		color: var(--white);
		background: var(--TRQ-Verde-1);
		cursor: pointer;
		border-radius: 5px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link a.result-btn-second {
		cursor: pointer;
		border-radius: 5px;
		padding: 8px 30px;
		color: var(--TRQ-Verde-2);
		border: 1px solid var(--TRQ-Verde-2);
		margin-top: 1em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter {
		background-color: var(--white);
		font-weight: 700;
		padding: 1.5em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter .quizTRQ-result-footerTextLeft {
		font-size: 12px;
		color: var(--TRQ-Cinza-6);
		margin-bottom: 5px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter .quizTRQ-result-footerTextRight {
		color: var(--TRQ-Verde-2);
		font-size: 12px;
		margin-top: 5px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-result[data-resulttype="Bom"] .quizTRQ-resultFooter .quizTRQ-result-footerTextRight {
		color: var(--TRQ-Verde-1);
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-result[data-resulttype="Mau"] .quizTRQ-resultFooter .quizTRQ-result-footerTextRight {
		color: var(--TRQ-Verde-5);
	}
}

@media (min-width: 360px){
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .resultHeadTitle {
		font-size: 36px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link a.result-btn, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link a.result-btn-second {
		font-size: 17px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter .quizTRQ-result-footerTextRight {
		font-size: 17px;
	}
}

/***** Small devices and most phones *****/
@media (min-width: 480px){
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText .check-bullets {
		padding: 16px 0 16px 65px;
	}
}

/***** Most Tablets *****/
@media (min-width: 768px){
	
/*---------------------------
	Result
---------------------------*/
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody {
		padding: 0px 40px 0;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText .check-bullets {
		margin-bottom: 10px;
		padding: 15px 0 15px 65px;
	}
}

/***** smaller desktop viewpoints *****/
@media (min-width: 991px){
/*---------------------------
	Question
---------------------------*/
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .question-image, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .result-image {
		display: initial;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .question-mobileImage, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .result-mobileImage {
		display: none;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .questionHeadFixed {
		font-size: 20px;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .questionHeadTitle {
		font-size: 26px;
		padding: 0 3em;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionAnswer {
		flex-direction: row;
		justify-content: space-evenly;
		padding: 0 2em;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionBefore {
		margin: 1em 0 0;
		position: absolute;
		bottom: 20em;
		left: 3em;
	}
}
/***** Large Devices and Wide Screens *****/
@media (min-width: 1200px) {
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionHead .questionHeadTitle {
		font-size: 32px;
		padding: 0 7em;
	}
	.quizTRQ-container .quizTRQ-questionContainer .quizTRQ-questionBefore {
		left: 9em;
	}
/*---------------------------
	Result
---------------------------*/
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-result-main {
		display: flex;
		justify-content: center;
		align-items: center;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead {
		margin-bottom: 0;
		padding: 0px 15px 0 65px;
		width: 40%;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultHead .resultHeadSubTitle {
		padding: 0 1em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody {
		padding: 2em 50px 0;
		align-items: flex-start;
		width: 60%;
		margin-left: 2em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-contextText{
		text-align: start;
		padding-right: 9em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText {
		padding-right: 9em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-bulletsText p:first-of-type {
		text-align: left!important;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link {
		margin: 1em 0;
		display: block;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link a.result-btn, .quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultBody .resultBody-link a.result-btn-second {
		padding: 10px 20px;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter {
		display: flex;
		align-items: center;
		justify-content: center;
		width: 100%;
		margin-top: 3em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter .quizTRQ-result-footerTextLeft {
		margin-bottom: 0;
		margin-right: 1em;
	}
	.quizTRQ-container .quizTRQ-resultContainer .quizTRQ-resultFooter .quizTRQ-result-footerTextRight {
		margin-top: 0;
		margin-left: 1em;
	}
}