/* GUTENBERG */
.fca-qc-gutenblock-select {
	padding-right: 2px;
	padding-left: 7px;
	margin-top: 8px;
	border-top: 1px solid #e2e4e7;
	border-bottom: 1px solid #e2e4e7;
	background-color: #fff;
	width: max-content;
}

.fca-qc-gutenblock-select .components-select-control__input{
	padding: 0 24px 0 8px;
}

.fca-qc-gutenblock-select .components-base-control__field {
	margin-bottom: 0;
	margin-top: 3px;
	margin-left: 4px;
}

a.fca-qc-gutenblock-link {
	background-color: white;
	border-top: 1px solid #e2e4e7;
	border-bottom: 1px solid #e2e4e7;
	margin-bottom: 0;
	padding-top: 22px !important;
	padding-left: 4px;
}

div.fca_qc_quiz img[src=''] {
	display: none;
}

div.fca_qc_quiz {
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	color: #151515;
	padding: 30px 50px;
}

.fca_qc_quiz p {
	width: auto;
	margin: 0;
}

div.fca_qc_quiz p.fca_qc_quiz_title {
	font-size: 45px !important;
	font-family: sans-serif !important;
	font-weight: bold;
	line-height: 60px;
	color: #151515;
	margin: 0 0 20px 0;
}

div.fca_qc_quiz_div .fca_qc_timer {
	font-size: 20px;
	font-family: ui-monospace;
}

div.fca_qc_quiz .fca_qc_quiz_description {
	font-size: 16px;
	margin: 0 0 20px 0;
}

img.fca_qc_quiz_description_img, img.fca_qc_quiz_question_img {
	display: block;
	max-width: 100%;
	max-height: 400px;
	margin-left: auto;
	margin-right: auto;
}

img.fca_qc_quiz_answer_img {
	max-width: 100%;
	max-height: 200px;
	margin: 0 auto;
	display: block;
	margin-bottom: 10px;
}

img.fca_qc_quiz_question_img {
	margin-bottom: 15px;
}

#fca_qc_question {
	font-size: 20px;
	margin-bottom: 15px;
	color: #151515;
}

#fca_qc_question_back {
	display: block;
	margin-bottom: 15px;
}

div.fca_qc_quiz svg.fca_qc_rectancle {
	display: inline-block;
	position: absolute;
	left: 15px;
	top: 15px;
	width: 26px;
	height: 26px;
}

div.fca_qc_quiz svg.fca_qc_rectancle rect { 
	fill: #fff;  
	transition: all 0.2s;
}

div.fca_qc_quiz .fca_qc_answer_span.fakehover svg.fca_qc_rectancle rect { 
	fill: black; 
	stroke: #000; 
	stroke-width: 1; 
}

div.fca_qc_quiz .fca_qc_answer_span.fakehover:after { 
	content: "✓";
	position: absolute;
	margin: 0;
	left: 21px; 
	top: 16px;
	height: 26px;
	z-index: 1;
	color: #fff;
	font-size:20px;
	line-height: 26px;
}

div.fca_qc_quiz .fca_qc_answer_checkbox {
	-webkit-transform: scale(2);
	margin: 15px; 
}

div.fca_qc_quiz span.fca_qc_answer_span {
	display: block;
	padding: 0;
	margin: 0;
	font-size: 16px;
	color: #151515;
}

div.fca_qc_quiz button.fca_qc_button {
	text-decoration: none;
	min-width: 200px;
	margin-top: 20px;
	padding: 20px 17px 17px 17px;
	border-radius: 12px;
	font-weight: bold;
	background-color: #58afa2;
	color: #FFF;
	font-size: 20px;
	border: none;
	cursor: pointer;
	height: auto;
	transition: background-color 0.2s;
}

div.fca_qc_quiz button:hover {
	background-color: #3c7d73;
}

div.fca_qc_quiz button.fca_qc_next_question {
	background-color: transparent;
	color: black;
	min-width: 140px;
	border-radius: 12px;
	border: solid 2px #151515;	
	margin-top: 20px;
	padding: 20px 17px 17px 17px;	
	font-size: 20px;
	cursor: pointer;
	height: auto;
	transition: background-color 0.2s;
}

div.fca_qc_quiz button.fca_qc_next_question:hover {
	background-color: black;
	color: white;
}

div.fca_qc_quiz div.fca_qc_answer_div {
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	margin-bottom: 15px;
	width: 100%;
	border-radius: 15px;
	background-color: #dbdbdb;
	color: black;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	cursor: pointer;
	color: #151515;
	padding: 15px 15px 15px 50px;
	transition: background-color 0.2s;
}

div.fca_qc_quiz div.fca_qc_answer_div.fca-qc-twoup {
	width: calc(50% - 8px);
	margin: 4px;
	vertical-align: top;
}

div.fca_qc_quiz div.fca_qc_answer_div.fca-qc-threeup {
	width: calc(33% - 8px);
	margin: 4px;
	vertical-align: top;
}


#fca_qc_your_answer, #fca_qc_correct_answer {
	font-weight: normal;
}

.fca_qc_score_text{
	font-size: 14px;
	margin: 30px 0 0 0;
	color: #151515;
}

.fca_qc_score_time{
	font-size: 14px;
	margin: 0 0 10px 0;
	color: #151515;
}

.fca_qc_score_title{
	font-size: 30px;
	font-family: sans-serif;
	font-weight: bold;
	margin: 0 0 20px 0;
	color: #151515;
}

.fca_qc_score_img{
	margin: 0 auto 20px auto;
	max-width: 100%;
}

.fca_qc_score_desc{
	font-size: 16px;
	margin: 0 0 30px 0;
	color: #151515;
	
}

.fca_qc_quiz_footer {
	margin-top: 20px;
	font-size: 16px;
	color: #151515;
}

.fca_qc_your_answers_text{
	font-weight: bold;
	font-size: 16px;
	margin: 0 0 15px 0;
	color: #151515;
}

div.fca_qc_quiz div.fca_qc_question_response_item {
	margin: 0 0 15px 0;
	padding: 15px;
	border-radius: 15px;
}

div.fca_qc_quiz p.fca_qc_question_response_question {
	font-size: 20px;
	font-family: sans-serif;
	font-weight: bold;
	margin:0 0 10px 0;
	color: #151515;
}

div.fca_qc_quiz p.fca_qc_question_response_response {
	margin: 0 0 10px 0;
	color: #151515;
}

div.fca_qc_quiz .fca-qc-back.correct-answer {
	background-color: #abdc8c;
}

div.fca_qc_quiz .fca-qc-back.wrong-answer {
	background-color: #f57484;
}

div.fca_qc_quiz p.fca_qc_question_response_hint {
	font-size: 16px;
	margin: 0;
	padding-bottom: 15px;
	color: #151515;
}

.fca_qc_bold {
	font-weight: bold;
}

#fca_qc_question_count{
	font-size: 16px;
	color: #151515;
}

#fca_qc_question_right_or_wrong{
	font-size: 20px;
	margin: 20px 0;
	color: #151515;
}

#fca_qc_question_back {
	font-size: 18px;
	color: #151515;
}

.fca-qc-flipper div {
	padding: 15px;
} 

div.fca_qc_quiz p.fca_qc_back_response {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 10px;
	color: #151515;
}

#fca_qc_hint_p {
	font-weight: normal;
}

#fca_qc_answer_container,
#fca_qc_back_container {
	border-radius: 15px;
}

/**** FLIP CARD CSS ****/

/* entire container, keeps perspective */
.flip-container {
	width: 100%;
	-webkit-perspective: 1000;
	perspective: 1000;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
}

.flip-container, .fca-qc-front, .fca-qc-back {
	width: 100%;
	height: auto;
}

/* flip speed goes here */
.fca-qc-flipper {
	transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	transform-style: preserve-3d;
	position: relative;
}

/* hide back of pane during swap */
.fca-qc-front, .fca-qc-back {
	backface-visibility: hidden;
	-webkit-backface-visibility: hidden;
	transition: transform 0.6s;
	-webkit-transition: transform 0.6s;
	transform-style: preserve-3d;
	-webkit-transform-style: preserve-3d;
	position: absolute;
	top: 0;
	left: 0;
}

/*  front pane, placed above back */
.fca-qc-front {
	z-index: 2;
	transform: rotateY(0deg);
	-webkit-transform:  rotateY(0deg);
}

/* back, initially hidden pane */
.fca-qc-back {
	transform: rotateY(-180deg);
	-webkit-transform:  rotateY(-180deg);
}

.flip-container.flip .fca-qc-flipper {
	transform: rotateY(180deg);
	-webkit-transform:  rotateY(180deg);
}

/* SVG SHARE ICONS */

.fca_qc_social_share {
	margin: 0 0 30px 0;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 20px;
}

.fca_qc_social_share a.fca_qc_share_link {
	margin: 2px;
	display: inline-block;
	width: 120px;
	padding: 8px 10px;
	color: white;
	text-transform: uppercase;
	font-family: sans-serif;
	font-size: 10pt;
	font-weight: bold;
	border-radius: 2px;
	text-decoration: none;
	box-shadow: none;
	border-bottom: none;
	line-height: 1.43;
}

.fca_qc_social_share a.fca_qc_share_link:hover {
	opacity: 0.8;
}

.fca_qc_share_link svg {
	float: left;
	height: 18px;
	width: 18px;
	fill: white;
}

#fca_qc_share_link_twitter {
	background-color: #5bc3ee;
}

#fca_qc_share_link_facebook {
	background-color: #386497;
}

#fca_qc_share_link_email {
	background-color: #2a91fb;
}

#fca_qc_share_link_pinterest {
	background-color: #b81621;
}

/* OPTINS */
div.fca_qc_quiz p.fca_qc_email_headline {
	font-size: 24px;
	font-family: sans-serif;
	font-weight: bold;
	margin-bottom: 24px;
}

div.fca_qc_quiz input.fca_qc_optin_input {
	font-size: 16px;
	padding: 12px 14px;
	border-radius: 8px;
	background-color: white;
	font-family: sans-serif;
	border: 1px solid #d1d5db;
	outline: none;
	transition: border-color 0.2s, box-shadow 0.2s;
	width: 100%;
}

div.fca_qc_quiz input.fca_qc_optin_input:focus {
	border-color: #2563eb;
	box-shadow: 0 0 0 3px rgba(37, 99, 235, 0.2);
}

div.fca_qc_quiz button.fca_qc_button.fca_qc_submit_email_button {
	width: 100%;
}

div.fca_qc_quiz button.fca_qc_skip_email_button {
	font-size: 16px;
	font-weight: normal;	
	background-color: rgba(0, 0, 0, 0);
	margin-top: 12px;
	border: none;
	color: #374151;
	padding: 12px;
	border-radius: 8px;
	cursor: pointer;
	transition: background-color 0.2s;
}

div.fca_qc_quiz button.fca_qc_skip_email_button:hover {
	background-color: #e5e7eb;
}

div.fca_qc_optin_container p  {
	font-family: sans-serif;
	margin-top: 16px;
	font-size: 12px;
}

/* GDPR */

div.fca_qc_quiz .fca-qc-gdpr-consent {
	cursor: pointer;
	margin: 0;
	position: relative;
	top: 2px;
}

div.fca_qc_quiz .fca-qc-gdpr div {
	margin-bottom: 16px;
}

div.fca_qc_quiz .fca-qc-gdpr label {
	display: block;
	cursor: pointer;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.33;
	letter-spacing: normal;
	margin-bottom: 0;
}

div.fca_qc_quiz .fca-qc-gdpr label p {
	display: inline;
}

@keyframes pulse {
	from {
		-webkit-transform: none; 
		-moz-transform: none; 
		-o-transform: none;
		-ms-transform: none; 
		transform: none; 
	}
	50% {
		-webkit-transform: scale(1.1); 
		-moz-transform: scale(1.1); 
		-o-transform: scale(1.1); 
		-ms-transform: scale(1.1); 
		transform: scale(1.1); 
	}
	to {
		-webkit-transform: none; 
		-moz-transform: none; 
		-o-transform: none; 
		-ms-transform: none; 
		transform: none; 
	}
}

div.fca_qc_quiz input.fca_qc_optin_input.fca_qc_invalid {
	border: 1px solid #e74c3c;
	-webkit-animation: pulse .5s;
	-moz-animation: pulse .5s;
	-o-animation: pulse .5s;
	-ms-animation: pulse .5s;
	animation: pulse .5s;
	
}

.tooltipster-sidetip.tooltipster-borderless.tooltipster-quiz-cat .tooltipster-box {
	background-color: #ea6153;
	font-family: sans-serif;
}

.tooltipster-arrow-border {
	border-top-color: #ea6153 !important;
}

/* WYSIWIG */
.wysiwyg-text-align-left {
  text-align: left !important;
}

.wysiwyg-text-align-right {
  text-align: right !important;
}

.wysiwyg-text-align-center {
  text-align: center !important;
}

/* A HIDDEN SELECTOR TO TELL US IF MEDIA QUERIES ARE ACTIVE */
div.fca_qc_quiz span.fca_qc_mobile_check {
	display: none;
}

/* SPINNER CSS */
.fca_qc_spin {
	display: inline-block;
    -webkit-animation-name: spinnerRotate;
    -webkit-animation-duration: 0.8s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-timing-function: linear;
    -moz-animation-name: spinnerRotate;
    -moz-animation-duration: 0.8s;
    -moz-animation-iteration-count: infinite;
    -moz-animation-timing-function: linear;
    -ms-animation-name: spinnerRotate;
    -ms-animation-duration: 0.8s;
    -ms-animation-iteration-count: infinite;
    -ms-animation-timing-function: linear;
}

@-webkit-keyframes spinnerRotate
{
    from{-webkit-transform:rotate(0deg);}
    to{-webkit-transform:rotate(-360deg);}
}
@-moz-keyframes spinnerRotate
{
    from{-moz-transform:rotate(0deg);}
    to{-moz-transform:rotate(-360deg);}
}
@-ms-keyframes spinnerRotate
{
    from{-ms-transform:rotate(0deg);}
    to{-ms-transform:rotate(-360deg);}
}

@media (max-width: 600px) {
	.fca-qc-flipper div {
		padding: 8px;
	}
		
	div.fca_qc_quiz span.fca_qc_mobile_check {
		display: inline;
	}
	
	div.fca_qc_quiz {
		padding: 30px 10px;
	}

	div.fca_qc_quiz button.fca_qc_button {
		width: 80%;
		font-size: 16px;
	}

	div.fca_qc_quiz div.fca_qc_answer_div.fca-qc-twoup img.fca_qc_quiz_answer_img, div.fca_qc_quiz div.fca_qc_answer_div.fca-qc-threeup img.fca_qc_quiz_answer_img {
		max-height: 110px;
	}
	
	div.fca_qc_quiz span.fca_qc_answer_span {
		font-size: 14px;
	}
	
	div.fca_qc_quiz svg.fca_qc_rectancle {
		margin-right: 3px;
		vertical-align: bottom;
		-webkit-transform: scale(0.8); 
		-moz-transform: scale(0.8); 
		-o-transform: scale(0.8); 
		-ms-transform: scale(0.8); 
		transform: scale(0.8); 
	}

}