/*
Theme Name: Koralle
Author: Ars Electronica Futurelab
Author URI: https://ars.electronica.art/futurelab
Description: 
Requires at least: 5.9
Tested up to: 6.1
Requires PHP: 5.6
Version: 1.2
*/

/*
 * Font smoothing.
 * This is a niche setting that will not be available via Global Styles.
 * https://github.com/WordPress/gutenberg/issues/35934
 */

body {
	-moz-osx-font-smoothing: grayscale;
	-webkit-font-smoothing: antialiased;
	/*background-color: #CDEAFF;*/
}

/*
 * Text and navigation link styles.
 * Necessary until the following issue is resolved in Gutenberg:
 * https://github.com/WordPress/gutenberg/issues/27075
 */

a {
	text-decoration-thickness: 1px;
	text-underline-offset: 0.25ch;
}

a:hover,
a:focus {
	text-decoration-style: dashed;
}

a:active {
	text-decoration: none;
}

h1, h1.post-title {
	text-align: center;
	hyphens: auto;
}

h3 {
    font-weight: 400;
	font-family:var(--wp--preset--font-family--montserrat);
	font-size:var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--typography--line-height--tiny);;
	text-align:center;
	display: block;
	margin-bottom:20px;
}


header {
	background-color: #CEE9FB;
}

header .header-container {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	padding-top:  1vw;
	padding-bottom:1vw;
}

header .top-divider {
	position: relative;
    background-position: 50%; 
    background-size: 100%;
    background-size: cover;
	background-color: transparent;
	height:20px;
}
header .top-divider-inner  {
		background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIyMHB4IiB2aWV3Qm94PSIwIDAgMTI4MCAxNDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PGcgZmlsbD0iI0ZGRkZGRiI+PHBhdGggZD0iTTUwNC44NTQsODAuMDY2YzcuODEyLDAsMTQuODkzLDAuMzE4LDIxLjQxLDAuODc5IGMtMjUuOTI1LDIyLjQ3NS01Ni4wOTMsNDAuODUyLTEwMi45NDYsNDAuODUyYy0yMC43NzksMC0zNy45OTYtMi4zNDktNTIuODk4LTYuMDdDNDEzLjUxNywxMDcuMjk1LDQzNC4wNTYsODAuMDY2LDUwNC44NTQsODAuMDY2eiBNNzc1LjkzOCw1MS45NDdjMTkuMTQ1LDE4LjU5NiwzOS4wOTcsMzUuMDUxLDc3Ljk1NiwzNS4wNTFjNDYuOTA3LDAsNjIuMjk5LTE0Ljk4Niw4MC45MTItMjQuOTggYy0yMS4zNTctMTUuNzgzLTQ2LjgwNC0yOC4zNDgtODUuNDg5LTI4LjM0OEM4MTYuODI5LDMzLjY3MSw3OTQuMjMzLDQxLjQxMSw3NzUuOTM4LDUxLjk0N3oiIGZpbGwtb3BhY2l0eT0iLjMiLz48cGF0aCBkPSJNMTIwMC4xMTIsNDYuMjkyYzM5LjgwNCwwLDU5Ljk4NiwyMi40NzksNzkuODg4LDM5LjY5djE2LjgwNSBjLTE5LjkwMy0xMC44MzUtNDAuMDg0LTIxLjc3Ny03OS44ODgtMjEuNzc3Yy03Mi4wMTQsMC03OC43MTUsNDMuNTU5LTE0Ny45NjQsNDMuNTU5Yy01Ni44NCwwLTgxLjI0Ny0zNS44NzYtMTE3LjM0Mi02Mi41NTIgYzkuMzA5LTQuOTk4LDE5LjQyMy04Ljc0OSwzNC42OS04Ljc0OWM1NS44NDYsMCw2MS45OSwzOS42MTcsMTE1LjYwMiwzOS42MTdDMTE0My4xNzcsOTIuODg3LDExNDIuNjE4LDQ2LjI5MiwxMjAwLjExMiw0Ni4yOTJ6IE04MC4wMTEsMTE1LjQ4OGMtNDAuMDA2LDAtNjAuMDA4LTEyLjIwNi04MC4wMTEtMjkuNTA2djE2LjgwNmMyMC4wMDMsMTAuODkxLDQwLjAwNSwyMS43ODIsODAuMDExLDIxLjc4MiBjODAuMDA0LDAsNzguNTk3LTMwLjQwNywxMzcuNjY5LTMwLjQwN2M1NS45NzEsMCw2Mi41MjYsMjQuMDI2LDEyNi4zMzcsMjQuMDI2YzkuODU4LDAsMTguNTA5LTAuOTE2LDI2LjQwNC0yLjQ2MSBjLTU3LjE4Ni0xNC4yNzgtODAuMTc3LTQ4LjgwOC0xMzguNjYtNDguODA4QzE1NC42OTgsNjYuOTE5LDEzMS44MDEsMTE1LjQ4OCw4MC4wMTEsMTE1LjQ4OHogTTUyNi4yNjUsODAuOTQ1IGM1Ni44NDgsNC45MDIsNzAuMDU2LDI4LjcyNiwxMzcuMTkzLDI4LjcyNmM1NC4wMDEsMCw3My40My0zNS4yMzcsMTEyLjQ4LTU3LjcyNEM3NTEuMDYsMjcuNzgyLDcyNy41NDgsMCw2NjUuNjkxLDAgQzU5Ny4zODEsMCw1NjcuMDg2LDQ1LjU1NSw1MjYuMjY1LDgwLjk0NXoiIGZpbGwtb3BhY2l0eT0iLjUiLz48cGF0aCBkPSJNMCwwdjg1Ljk4MmMyMC4wMDMsMTcuMyw0MC4wMDUsMjkuNTA2LDgwLjAxMSwyOS41MDZjNTEuNzkxLDAsNzQuNjg4LTQ4LjU2OSwxNTEuNzUxLTQ4LjU2OSBjNTguNDgyLDAsODEuNDczLDM0LjUzMSwxMzguNjYsNDguODA4YzQzLjA5Ni04LjQzMiw2My42MzQtMzUuNjYyLDEzNC40MzMtMzUuNjYyYzcuODEyLDAsMTQuODkzLDAuMzE4LDIxLjQxLDAuODc5IEM1NjcuMDg2LDQ1LjU1NSw1OTcuMzgxLDAsNjY1LjY5MSwwYzYxLjg1NiwwLDg1LjM2OSwyNy43ODIsMTEwLjI0Niw1MS45NDdjMTguMjk1LTEwLjUzNiw0MC44OTEtMTguMjc2LDczLjM3OC0xOC4yNzYgYzM4LjY4NSwwLDY0LjEzMiwxMi41NjQsODUuNDg5LDI4LjM0OGM5LjMwOS00Ljk5OCwxOS40MjMtOC43NDksMzQuNjktOC43NDljNTUuODQ2LDAsNjEuOTksMzkuNjE3LDExNS42MDIsMzkuNjE3IGM1OC4wOCwwLDU3LjUyMS00Ni41OTUsMTE1LjAxNS00Ni41OTVjMzkuODA0LDAsNTkuOTg2LDIyLjQ3OSw3OS44ODgsMzkuNjlWMEgweiIvPjwvZz48L3N2Zz4=);
		background-size: 50% 20px;
		top: 0;
		height: 20px;
		z-index: 10;
		transform: rotate(180deg) scale(1,1);
		display:block;
		background-repeat-y: no-repeat;
		position: absolute;
		pointer-events: none;
		width: 100%;
}


main {
	padding-left: var(--wp--custom--spacing--outer);
	padding-right: var(--wp--custom--spacing--outer);
	padding-top: 3rem;
	/*padding-bottom:4rem;*/
	padding-bottom:1rem;
	position: relative;
}

.wp-block-search__button,
.wp-block-file .wp-block-file__button {
	background-color: var(--wp--preset--color--primary);
	border-radius: 0;
	border: none;
	color: var(--wp--preset--color--background);
	font-size: var(--wp--preset--font-size--medium);
	padding: calc(.667em + 2px) calc(1.333em + 2px);
}


.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
    background-color: #CEE9FB;
}


.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
	align-items: var(--navigation-layout-align,initial);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-page-list {
	align-items: var(--navigation-layout-align,initial);
}

.btn-storyline-next, 
.link-storyline-next,
.qmn_btn, 
.qsm-quiz-container.qmn_quiz_container .qmn_btn, 
.qsm-quiz-container.qmn_quiz_container .btn {
	/*position: fixed;*/
	margin-bottom:80px;
	margin-left: auto;
	margin-right: auto;
	/*left: 0;
	right: 0;
	bottom:50px;
	top: unset;*/
	text-align: center;
	width:155px;
	font-size:18px;

}


.btn-storyline-next .wp-element-button a, 
.btn-storyline-next .wp-block-button__link a {
	padding: 15px 50px;
    display: inline-block;
}

.btn-storyline-next .wp-block-button .wp-block-button__link {
	padding:0;
}


.btn-storyline-next .wp-block-post-navigation-link a {
	color:#fff;
	text-decoration: none;
}

.wp-block-post-navigation-link a {
	text-decoration: none;
}

.link-storyline-next,
.qmn_btn, .qsm-quiz-container.qmn_quiz_container .qmn_btn, .qsm-quiz-container.qmn_quiz_container .btn {
	color:#fff !important;
	text-decoration: none;
	background-color: var(--wp--preset--color--primary) !important;
	padding: 18px 0px;
	border:none;
	-webkit-appearance: none;
	-webkit-border-radius: 0px;
	-khtml-border-radius: 0px;
	  -moz-border-radius: 0px;
		   border-radius: 0px;
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
	width:155px;
	font-size:18px;
	margin-left: auto;
	margin-right: auto;
	display:inline-block;
	font-family: var(--wp--preset--font-family--raleway) !important;

}

.qsm-quiz-container.qmn_quiz_container .qmn_btn.qsm-btn.qsm-previous,
.qsm-quiz-container.qmn_quiz_container .qsm-btn.qsm-previous {
	display:none !important;
}

.wp-block-button__link.wp-element-button.no-background
{
	background:none !important;
	color:var(--wp--preset--color--primary);
	padding:0 !important;
}

.wp-block-button__link.wp-element-button.no-background .is-arrow-arrow {
	margin-right: 1ch;
}
.full-width {
	margin-left: calc(var(--wp--custom--spacing--outer)*(-1)) !important;
	margin-right:  calc(var(--wp--custom--spacing--outer)*(-1)) !important;
}

section.full-width {
	padding: 2em 1.2em;
	margin:2.5em 0;
}

section .section-illustration {
	margin-top:-70px;
}

.illustration-bottom {
	position: fixed;
	width:100vw;
    display: flex;
	justify-content: center;
	overflow: hidden;
    bottom: 0;
	z-index:-1;
}

.illustration-bottom img {
	vertical-align: baseline;
	width:auto !important;
	
}

@media(max-width:768px) {

.illustration-bottom img {
	width: 150% !important;
	max-width:none;
}
}

.quiz_begin {
	padding:0;
}


.qsm-quiz-container {
	padding:0;
	margin:0;
}

.qsm-featured-image img {
	max-width:100%;
	height:auto;
}


.mlw_qmn_message_before {

    margin-bottom: 0px; 
    padding-bottom: 0px; 
}


.quiz_section .mlw_qmn_new_question,
.qmn_question_answer .mlw_qmn_question b {
    font-weight: 400;
	font-family:var(--wp--preset--font-family--montserrat);
	font-size:var(--wp--preset--font-size--large);
	line-height: var(--wp--custom--typography--line-height--tiny);;
	text-align:center;
	display: block;
	margin-bottom:20px;
}

.qsm_check_answer,
.qmn_radio_answers .qmn_mc_answer_wrap {
	border: 2px solid #fff;
    border-radius: 30px;
    margin-bottom: 25px;
}

.qmn_radio_answers .qmn_image_option.qmn_mc_answer_wrap {
	border: none;
}


.qsm_check_answer input[type="checkbox"],
.quiz_section input[type="radio"] {
	display:none;
} 

body .quiz_section .qmn_radio_answers label, 
body .quiz_section .qmn_check_answers label, 
body .quiz_section .qmn_accept_answers label {
	font-size:var(--wp--preset--font-size--medium);
	line-height:1.3;
	width:100%;
	padding: 10px 0 10px 20px;
}

.qsm_check_answer input[type="checkbox"]:checked + label,
.qsm_check_answer input[type="radio"]:checked + label,
.qmn_mc_answer_wrap input[type="radio"]:checked + label,
.quiz_section .qmn_image_option input[type="radio"]:checked + label, 
.quiz_section .qmn_image_option input[type="checkbox"]:checked + label {
	font-weight: 800;
 }

.qsm_check_answer:has(input[type="checkbox"]:checked),
.qsm_check_answer:has(input[type="radio"]:checked),
.qmn_mc_answer_wrap:has(input[type="radio"]:checked)
  {
	background-color:#fff;
	color:var(--wp--preset--color--secondary);
 }

 .quiz_section .qmn_image_option.qmn_incorrect_answer input[type="radio"]:checked + label
 {
  color: #C22638;
}

.quiz_section .qmn_image_option.qmn_correct_answer input[type="radio"]:checked + label
 {
   color: #A8C533;
}


 .quiz_section .qmn_image_option.qmn_incorrect_answer:has(input[type="radio"]:checked)
  {
	border:2px solid #C22638;
	border-radius: 30px;
 }

 .quiz_section .qmn_image_option.qmn_correct_answer:has(input[type="radio"]:checked)
  {
	border:2px solid #A8C533;
	border-radius: 30px;
 }

 
 .mlw_qmn_question .qsm-text-simple-option,
 .mlw_qmn_question .qsm-text-correct-option,
 .mlw_qmn_question .qsm-text-wrong-option   {
    border-radius: 30px;
    margin-bottom: 25px;
	font-size:var(--wp--preset--font-size--medium);
	width:100%;
	padding: 10px 0;
 }


 .mlw_qmn_question .qsm-text-simple-option {
	color:#fff;
	border: 2px solid #fff;
 }

 .mlw_qmn_question .qsm-text-correct-option {
	color:#A8C533;
    border: 2px solid #A8C533;
}


.mlw_qmn_question .qsm-text-correct-option.qmn_image_option{
	color:#fff;
	background:#A8C533;
}

.data-correct-answer {
    color: #A8C533;
}

 .mlw_qmn_question .qsm-text-wrong-option {
	color:#C22638;
    border: 2px solid #C22638;
}


.qsm-error-message:not(#mlw_error_message_bottom) {
	display:none !important;
}

.qmn_error_message {
    color: #fff;
    border: none;
    background: #C22638;
}

.qsm-quiz-form .qmn_error select, 
.qsm-quiz-form .qmn_error textarea, 
.qsm-quiz-form .qmn_error input[type="text"], 
.qsm-quiz-form .qmn_error input[type="number"], 
.qsm-quiz-form .qmn_error input[type="email"], 
.qsm-quiz-form .qmn_error input[type="url"], 
.qsm-quiz-form .qmn_error input[type="checkbox"], 
.qsm-quiz-form .qmn_error input[type="file"], 
.qsm-quiz-form .qmn_error input[type="date"], 
.qsm-quiz-form .qmn_error select:hover, 
.qsm-quiz-form .qmn_error textarea:hover, 
.qsm-quiz-form .qmn_error input[type="text"]:hover, 
.qsm-quiz-form .qmn_error input[type="number"]:hover, 
.qsm-quiz-form .qmn_error input[type="email"]:hover, 
.qsm-quiz-form .qmn_error input[type="url"]:hover, 
.qsm-quiz-form .qmn_error input[type="checkbox"]:hover, 
.qsm-quiz-form .qmn_error input[type="file"]:hover, 
.qsm-quiz-form .qmn_error input[type="date"]:hover, 
.qsm-quiz-form .qmn_error select:focus, .qsm-quiz-form .qmn_error textarea:focus, .qsm-quiz-form .qmn_error input[type="text"]:focus, .qsm-quiz-form .qmn_error input[type="number"]:focus, .qsm-quiz-form .qmn_error input[type="email"]:focus, .qsm-quiz-form .qmn_error input[type="url"]:focus, .qsm-quiz-form .qmn_error input[type="checkbox"]:focus, .qsm-quiz-form .qmn_error input[type="file"]:focus .qsm-quiz-form .qmn_error input[type="date"]:focus {
    border: 3px solid #da4f49;
    background: #fff;
}

.qsm-quiz-form .qmn_error .qmn_radio_answers, 
.qsm-quiz-form .qmn_error .qmn_check_answers, 
.qsm-quiz-form .qmn_error .qmn_accept_answers {
    background: transparent; 
}

.qsm-quiz-form .qmn_error:after {
	display:none;
}

.mlw_qmn_question .qsm-text-simple-option:before,
.mlw_qmn_question .qsm-text-correct-option:before,
.mlw_qmn_question span.qsm-text-wrong-option::before,
.mlw_qmn_question .qsm-text-correct-option.qsm-text-user-correct-answer:before {
    content:"";
	display: inline-block;
    width: 20px;
}

.mlw_qmn_question span.qsm-text-wrong-option::after,
.mlw_qmn_question .qsm-text-correct-option.qsm-text-user-correct-answer:after {
    font-family: dashicons;
    position: relative;
    top: 3px;
	float: right;
    padding-right: 30px;
}

.mlw_qmn_question span.qsm-text-wrong-option.qmn_image_option::after, 
.mlw_qmn_question .qsm-text-correct-option.qsm-text-user-correct-answer.qmn_image_option:after {
    position: absolute;
    bottom: 40px;
	top:auto;
	padding-right: 10px;
    font-size: 32px;
}


.qsm_image_result_caption, .qsm_image_result_caption_default {
    background-color: transparent;

}


.mlw_qmn_question span.qsm-text-wrong-option::after {
    content: "\f335";
}

.mlw_qmn_question .qsm-text-correct-option.qsm-text-user-correct-answer:after {
    content: "\f12a";
}

.qsm-text-correct-option img {
   /* border: 5px solid #A8C533;*/
}


.qsm-quiz-form .mlw_answer_open_text {
	width:100%;
}

.qsm-results-page {
	text-align:center;
}

.qsm-results-page .qsm_questions_answers_section {
	text-align:left;
}

.qsm-results-page .qmn_image_option, .quiz_section .qmn_image_option {
	padding:0;
}

@media(max-width:768px) {
	.qsm-results-page .qmn_image_option, .quiz_section .qmn_image_option {
		height:auto;
	}
}


.quiz_section .qmn_radio_answers label, .quiz_section .qmn_check_answers label, .quiz_section .qmn_accept_answers label {
	max-width:100%;
	margin:0;
}


.wp-block-embed__wrapper {
	background: var(--wp--preset--color--primary);
}

.qsm-results-page .qmn_image_option img, .quiz_section .qmn_image_option img {
    width: calc(100% + 20px);
    max-width: calc(100% + 20px);
    margin-left: -20px;
}

.qsm-results-page .mlw_qmn_question .qmn_image_option {
    width: 48%;
}

.quick-question-res-p {
    /*display:none;*/
	border-color:#fff !important;
	color:#fff !important;
}


.quiz_section .qsm-inline-correct-info {
    font-size: 1.5rem;
}

.quiz-third .qsm-results-page .qmn_image_option, 
.quiz-third .quiz_section .qmn_image_option {
    width: 32% !important;
	height:auto;
}

.photo-gallery {
	display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
	column-gap: 15px;
    width: 90%;
	max-width:90% !important;
}

.photo-gallery img {
	max-height:300px;
	max-width:100%;
}

.wp-block-navigation__submenu-container {
	display:none !important;
}


.ycd-simple-container {
    font-family: var(--wp--preset--font-family--montserrat);
	text-align: center;
	font-weight: 600;
}



input[type="button"].file_input_button,
input[type="button"].file_input_button_hover,
input[type="button"].file_input_submit,
input[type="button"].file_input_submit_hover {
    width: auto !important ;
    height: auto !important;
    position: relative !important;
	padding: 15px 20px !important;
    background-color: var(--wp--preset--color--primary) !important;
    color: #fff !important;
    background-image: none !important;
    border:none !important;
	font-family: var(--wp--preset--font-family--raleway) !important;
	border-radius:0px !important;
}

input[type="text"].file_input_textbox {
    width: 150px;
    height: auto !important;
    padding: 12px !important;
    border: none !important;
	background-color: rgba(255,255,255,0.3) !important;
	font-family:monospace;
}


input[type="button"].file_input_button_hover,
input[type="button"].file_input_submit_hover,
input[type="button"].file_input_submit:hover
{
    cursor: pointer;
}


input[type="button"].file_input_submit:disabled {
    background-color: var(--wp--preset--color--tertiary) !important;
}


form.file_input_uploadform {
	font-family: var(--wp--preset--font-family--raleway) !important;
    width: auto !important;
    height: auto !important;
}

.file_userdata_message, .file_userdata_message_required {
    width: 100%;
    height: 100%;
    margin: 0;
    padding: 5px !important;
    border: none !important;
    background: #fff !important;
    color: #000;
}


#wordpress_file_upload_submit_1 {
    width: 100%;
}

#wordpress_file_upload_submit_1 input[type="button"].file_input_submit:disabled {
    display:none;
}

#wordpress_file_upload_submit_1 input[type="button"].file_input_submit {
    width: 100% !important;
	height:80px;
	margin-top:20px;
	font-size:1.2rem;
}
.wfu_container {
	margin-top:20px !important;
	color:#fff !important;
	margin:auto !important;
}

.file_messageblock_fileheader {
	padding:15px 15px !important;
	font-size:16px !important;
	background-color: transparent !important;
}


label.file_messageblock_fileheader_label,
label.file_messageblock_filesubheader_messagelabel {
    font-size: 16px !important;
}

td.file_messageblock_fileheader_td {
    border: none !important;
}

div.file_div_clean {
    display: inline-block !important;
	margin-right:3px;
}

td.file_td_clean {
    display: inline !important;
}

input[type="text"], 
textarea,
.quiz_section textarea, .quiz_section input[type="text"]
 {
	font-size: 16px;
}

input[type="text"].wordcloud,
.file_userdata_message, .file_userdata_message_required
 {
	font-family:monospace;
	border:none;
	border-radius:3px;
	margin:auto;
	padding:15px 20px;
}


.wpcf7-form {
	text-align:center;
}

input[type="submit"].link-storyline-next:hover {
	cursor: pointer;
}

.wpcf7 form.invalid .wpcf7-response-output, 
.wpcf7 form.unaccepted .wpcf7-response-output, 
.wpcf7 form.payment-required .wpcf7-response-output {
    display:none;
}

.wpcf7-not-valid-tip {
	background-color: #C22638;
    color: #fff;
    font-size: 1em;
    font-weight: normal;
    display: inline-block;
	border-radius:3px;
	padding:10px;
	text-align:left;
	margin-top:20px;
}


div.file_div_clean, div.file_div_clean_responsive, div.file_div_clean_responsive_container {
    color: #fff;

}

div.file_userdata_container {
    margin-top:20px !important;
	margin-bottom:20px !important;
}


.wfu_container {
	text-align: left;
}

.centered {
	text-align:center;
}