/*
Theme Name: Test English Theme 26JGen01
Theme URI: https://illadelsbous.com
Description: Theme developed exclusively for Test-English.com
Text Domain: testenglishtheme
Version: 26.01.21
Author: Jaume Subirats
Author URI: https://illadelsbous.com
*/

/* 404 */
#page-404-section { min-height: 70vh; display: flex; align-items: center; justify-content: center; align-content: center; flex-direction: column; }
#page-404-section h4 { font-size: 5em; display: contents; height: auto; font-family: sans-serif; font-weight: bold!important; color: var(--c-testenglish) }
#page-404-section h3{ font-size: 3em; font-weight: 400; color: var(--c-testenglish) }

.resp-sharing-button { margin: .6em 0; border-radius: 25px; transition: 25ms ease-out; padding: 5px 2px 6px 8px; font-family: Helvetica Neue,Helvetica,Arial,sans-serif; display: flex; align-items: center; justify-content: center; align-content: center; flex-direction: row; }
.resp-sharing-button__link { cursor: pointer; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; text-decoration: none; color: initial; margin: 0 0.9em 0 0; }
.resp-sharing-button__link span { display:none; }

#sharing-buttons { transition: 0.3s all; margin: 2em 2px 100px; display: flex; line-height: 0; flex-direction: row; align-items: flex-start; justify-content: center; flex-wrap: wrap; text-align: center; background: none; border-radius: 0; padding: 10px; }
a.resp-sharing-button__link { color:#fff; font-weight:500; font-size:.7em; }
.resp-sharing-button__link, .resp-sharing-button__icon { display:inline-block }
.resp-sharing-button__link { text-decoration:none; color:#fff; margin: 0 0.9em 0 0; }

.resp-sharing-button__icon svg { width: 1em; height: 1.05em; margin-right: .3em; margin-bottom: .1em; padding: 5px 3px 2px; vertical-align: top; font-size: 1.7em; }
.resp-sharing-button--small svg { margin:0; vertical-align:middle }
.resp-sharing-button__icon { stroke:#fff; fill:none } .resp-sharing-button__icon--solid,.resp-sharing-button__icon--solidcircle { fill:#fff; stroke:none }

.resp-sharing-button--twitter:hover { background-color:#111 }
.resp-sharing-button--twitter { background-color:#111; border-color:#111 }
.resp-sharing-button--twitter:hover,.resp-sharing-button--twitter:active { background-color:#111; border-color:#111 }
.resp-sharing-button--facebook { background-color:#3b5998 } .resp-sharing-button--facebook:hover { background-color:#2d4373 }
.resp-sharing-button--facebook { background-color:#3b5998; border-color:#3b5998 } .resp-sharing-button--facebook:hover,.resp-sharing-button--facebook:active { background-color:#2d4373; border-color:#2d4373 }
.resp-sharing-button--whatsapp { background-color:#25D366 } .resp-sharing-button--whatsapp:hover { background-color:#1da851 }
.resp-sharing-button--whatsapp { background-color:#25D366; border-color:#25D366 } .resp-sharing-button--whatsapp:hover,.resp-sharing-button--whatsapp:active { background-color:#1DA851; border-color:#1DA851 }
.resp-sharing-button--email { background-color:#777 } .resp-sharing-button--email:hover { background-color:#5e5e5e }
.resp-sharing-button--email { background-color:#777777; border-color:#777777 } .resp-sharing-button--email:hover,.resp-sharing-button--email:active { background-color:#5e5e5e; border-color:#5e5e5e }
.resp-sharing-button--linkedin { background-color:#0077b5 } .resp-sharing-button--linkedin:hover { background-color:#046293 }
.resp-sharing-button--linkedin { background-color:#0077b5; border-color:#0077b5 } .resp-sharing-button--linkedin:hover,.resp-sharing-button--linkedin:active { background-color:#046293; border-color:#046293 }

.ripple:hover::after { animation: buttonripple 1s ease-out; text-decoration: none; }
.ripple::after{ background: rgba(0,0,0,.3); content: ''; position: absolute; top: 50%; left: 50%; width: 5px; height: 5px; opacity: 0; border-radius: 100%; transform: scale(1,1) translate(-50%); transform-origin: 50% 50%; }
.rippleB::after{ }
@keyframes buttonripple{0%{transform:scale(0,0);opacity:.3}20%{transform:scale(25,25);opacity:.3}100%{opacity:0;transform:scale(40,40)}}
#_progress { --scroll: 0%; background: linear-gradient( to right, var(--c-testenglish) var(--scroll), transparent 0 ); position: fixed; width: 100%; height: 6px; bottom: 0; z-index: 100; }


/* MEDIA QUERIES */
@media (min-width: 22.5em) { }
@media (min-width: 37.5em) {
 .resp-sharing-button__link span { transition: .4s all; display: inline; font-size: 0; opacity: 0; }
 .resp-sharing-button__link:hover span { color: var(--w); transition: .4s all; display: inline; font-size: .9em; opacity: 1; padding: 4px 14px 3px 0; }
 #footer-menu { flex-direction: row-reverse;}
 #logo-bot { max-width: 14em; padding: 14px 2em; }
}
@media (min-width: 56.25em) {
    #footer-menu { flex-direction: row; display: flex; justify-content: flex-end; }
}
@media (min-width: 56.25em) and (orientation: landscape ) {
#footer-menu { flex-direction: row; }
#footer-menu .grid-col { border-left: 1px solid #5d7799; border-bottom: none; padding: 0 24px 0; text-align: left; }
#footer-logo.grid-col { border-left: none; }
#footer-copyright { text-align: left; padding: 42px 12px 0 40px; }
}

/* ADMIN DEVS */
#wpadminbar { height: 34px; z-index: 999999999999; background: #111; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: center; align-items: stretch; }
.dev { border: 2px solid #fff200; padding: 1em; }

/*--------------------------------------------------------------*//* Normalize */
#watupro_quiz *, #watupro_quiz *::before, #watupro_quiz *::after,
.watupro-paginator-wrap * {
   box-sizing: border-box;
}

.watupro-hidden {
	display: none;
}

.watu-question {
	display: none;
	clear: both;
	overflow: hidden;
	/*float: left; commented in version 6.1.0.3, was causing new next/prev buttons to go next to the question on some themes */
}

.watu-question input[type=text], .watupro input[type=text], input.watupro-gap {
	display: inline;
}

.watu-question-compact {
	width: 100%;
}

#watupro_quiz input {
   /*width: auto !important; */ /* Disabled 17.03.2021 */
}

.watupro-ask-for-contact input {
	width: auto !important; 
} 

.watupro_buttons input[type=button] {
   width: auto !important; 
}


.watupro-category-header {
	margin: 0.75em 0 !important;
	padding: 0 0;
}

/* distance between rows bug in gap exercise  */
.watupro-gap {
	margin-bottom: 0.313em;
}

input.watupro-gap {
	max-width: 9.375em;
}

form.quiz-form {
	text-align:left;
}

.single-page-quiz .watu-question, .single-page-quiz {
	display:block;
}
.single-page-quiz .watu-question {
	padding: 0 0 1em 0;
}
.single-page-quiz #next-question {
	display:none;
}
.question-content {
	margin: 0 auto 0.75em 0;
}
.question-content p {
	/* fixes the added distance from the paragraph */
	margin: 0 0;
}

/* Question grid */
.watupro-question-choice {
	width: 100%;
	display: block;
    line-height: 1 /*1.7em*/; /* 17.03.2021 */
	margin: 0.438em 0; /* 7px */
}

/* Fake (pseudo) element, that enables vertical-align */
.watupro-question-choice:before {
    content: "";
    display: inline-block;
    vertical-align: middle;
    height: auto; /* If there is big space between choices, overwrite this to height auto. In other cases it should be  100% */
}

/* Select all elements in .watupro-question-choice class, including numbers without any tag */
.watupro-question-choice > *, .watupro-question-choice1:not(input):not(label) {
	display: inline-block;
    margin: 0; /* clear theme margins */
    padding: 0 0;
}
/* Possible Answers Number */
.watupro-question-choice.watupro-ansnum i {
	font-style: normal;
	width: 1.75em;
	text-align: right;
	margin-right: 0.25em;
	line-height: 1; /* 17.03.2021 */
	vertical-align: top;/* 17.03.2021 */
}

.watupro-question-choice input[type=radio],
.watupro-question-choice input[type=checkbox] {
    margin-right: 0.25em;
    /* vertical-align: -0.15em; */ /* 17.03.21 */
}

.watupro-question-choice input[type=checkbox] + label,
.watupro-question-choice input[type=radio] + label {
	font-size: inherit;
}


@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
	/* IE10+ CSS styles go here - for IE bug */
	.watupro-question-choice input[type=radio],
	.watupro-question-choice input[type=checkbox] {margin-top:  0.25em; width: 1rem;}
	.quiz-form label {padding-top: 0; }
}

.quiz-form label {
    cursor: pointer;
	width: auto;
    vertical-align: text-top;
}

/* Radio button problem */ /* Disabled 17.03.2021 for compatibility with new themes and WP */
.watupro-question-choice input[type="radio"] {
    /*border: none;
    -moz-appearance: radio;
    -webkit-appearance: radio;*/
}


/* Answers */
.show-question {
	display: block;
	margin: 0;
	padding: 0.5em 0;
}

.show-question-content {
    margin: 0 0 0.5em 0;
    padding: 0 0;
}

.show-question-choices ul {
	margin: 0 0 0.5em 0;
	padding: 0 1.25em; /* 06.05.2020 */
    list-style: disc;
}

.show-question-choices ul li {
	line-height: normal;
	vertical-align: top;
}

.answer {
   vertical-align: top; /* 06.05.2020 - long answers bug */
}

.watupro-question-choice .answer {
	vertical-align: text-top; /*17.03.2021 */
}

/* comment after answer */
.show-question-choices {
	clear: both;
    overflow: hidden;
	margin-bottom: 1em;
}

.user-answer span.answer {
	vertical-align: top;
	font-weight:bold;
	color:blue;
	background:url(//test-english.com/staging11/wp-content/plugins/watupro/wrong.png) no-repeat right 0.15em;
	padding-right: 1.5em;
	display: inline-block; /* bullets problem? */
   line-height: normal;
}
.user-answer-unrevealed {
	font-weight:bold;
	color:blue;
	vertical-align: text-top;
}
.user-answer {
	color: blue;
    line-height: normal;
}
.user-answer img {
	border: 2pt solid blue;
}

.correct-answer span.answer {
	background:url(//test-english.com/staging11/wp-content/plugins/watupro/correct.png) no-repeat right 0.15em;
	padding-right: 1.5em;
	display: inline-block;
	line-height: normal;
}

span.answer {
	display: inline-block;
}
.show-question-content {
   /* font-weight:bold;*/
}

.watupro-2-columns span.answer,
.watupro-3-columns span.answer,
.watupro-4-columns span.answer,
.watupro-5-columns span.answer {
	background-position: right 0.15em;
}

p.error {
    clear:both !important;
    color:red;
}

.watupro label {
	display: block;
	float: left;
	width: 9.375em;
}

.watupro select {
	min-width: 7.5em;
}

.watupro-alert, .watupro-success {
	padding: 1.25em;
	background-color: #EEE;
	font-weight: bold;
}

.watupro-error {
	padding: 1.250em;
	font-weight: bold;
	background:#EEE;
	color:red;
}

.watupro-padded {
	padding: 1.25em;
}

.watupro-warning {
	font-weight:bold;
	color:red;
}

.watupro-help {
	font-style: italic;
	font-size:11pt;
	color:gray;
}

/* Old table buttons */
table.watupro_buttons {
	clear:both !important;
	border-collapse: collapse;
	width: auto;
	margin: auto auto;
}
table.watupro_buttons td {
	min-width: 5em;
}
.watupro_buttons, .watupro_buttons td {
	border: none !important;
}

/* New watupro_buttons FLEX */
.watupro_buttons.flex {
     display: flex;
     flex-flow: row wrap;
     justify-content: center;
     clear: both;
}

.watupro_buttons.flex div {
     margin: 0.5rem;
}

/* Paginator */
.watupro-paginator-wrap {
	width: 100%;
}
ul.watupro-paginator {
	list-style-type: none;
    /*width: 100%;*/
    margin: 1em auto;
	padding: 0 0;
	display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
	flex-flow: row wrap;
}

.watupro-paginator-vertical ul.watupro-paginator {
    display: -webkit-box;   /* OLD - iOS 6-, Safari 3.1-6, BB7 */
	display: -ms-flexbox;  /* TWEENER - IE 10 */
	display: -webkit-flex; /* NEW - Safari 6.1+. iOS 7.1+, BB10 */
	display: flex;         /* NEW, Spec - Firefox, Chrome, Opera */
    flex-flow: column wrap;
    width: auto;
}

ul.watupro-paginator li {
	text-align: center;
	font-weight: bold;
	cursor: pointer;

    margin: 0.313em 0.125em;
    padding: 0.25em 0.5em;
    border-radius: 0.188em;
    vertical-align: middle;

    flex-grow: 0; /* 1 if you want the remaining space in the container will be distributed equally to all buttons */
}

.watupro-paginator-vertical .watupro-auto-hide li {
    width: 3em;  /*limits the width of the button, without this value being 100% of the parent container
    display: block;*/
}

.watupro-answers-paginator-wrap {
    clear: both; /* fix paginator float problem (vertical near to answers) */
}

ul.watupro-question-paginator li, ul.watupro-answers-paginator li {
    /* flex-basis: 2em; commented on May 6 2021 */
	display: block;
    width: 3em;
}

ul.watupro-paginator li.active {
	margin: 0.313em 0.188em;
    padding: 0.25em 0.5em;
}

ul.watupro-category-paginator li {
    padding: 0.25em 0.75em;
}

ul.watupro-paginator li.answered {
	background-color: #88FF88;
}

ul.watupro-paginator li.unanswered {
	background-color: #FF6A6A;
}

ul.watupro-paginator li.marked {
	border: 2pt dashed black !important;
}

.watupro-auto-hide-handler a, .watupro-auto-hide-handler-hide a {
	border-bottom: none;
	text-decoration: none !important;
}

/* The hide paginator button is initially always hidden */
.watupro-auto-hide-handler-hide {
	display: none !important;
}

/* Timer */
#timerDiv {
	margin-bottom: 1.250em;
	color: green;
}

div#timerDiv {
	z-index: 1000000; /* for fixed mode */
}

.watupro-textarea-medium {
	width: 17.5em;
	height: 5em;
}

.watupro-textarea-large {
	width: 37.5em;
	height: 18.75em;
}

.watupro-qnum-info {
	font-style: italic;
	padding-top: 1.563em;
	clear: both;
}

/* Compact */
.watupro-compact {
	clear:both;
	width:100%;
	float:left;
	margin-bottom: 1.25em;
}

.watupro-compact div.question-content, .watupro-compact div.show-question-content {
	float:left;
	width:50%;
	margin-top:0 !important;
	padding-right: 0.5em;
}

.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
	float:right;
	width:50%;
	padding-left: 0.5em;
	clear: none;
}

.watupro-compact .question-choices div.watupro-question-choice {
	float: left;
}

.watupro-compact .show-question-choices li.answer {
	margin-right: 0;
	vertical-align: top; /*20.09.2019*/
}

/* Compact V2 */ 
.watupro-compact2 div.question-content, .watupro-compact2 div.show-question-content {
    width: 100% !important;
}


.watupro-compact2 div.question-choices, .watupro-compact2 div.show-question-choices {
    width: 100% !important;
}

.watupro-compact2 .question-choices div.watupro-question-choice {
    width: auto !important;
    margin-right: 1.5em !important;    
}

.watupro-compact2 .show-question-choices li.answer {
	width:auto !important;
	display: inline-block;
	margin-right: 1.5em !important;  
}
/* end Compact v 2*/

/* Compact V3 */ 
.watupro-compact3 .question-choices div.watupro-question-choice {
    width: auto !important;
    margin-right: 1.5em !important;    
}

.watupro-compact3 .show-question-choices li.answer {
	width:auto !important;
	display: inline-block;
	margin-right: 1.5em !important;  
}
/* end Compact v 3*/

.watupro-matrix-droppable tr td {
   border: 1px dashed #DDD;
   min-width: 9.375em;
   min-height: 5em;
   padding: 0.625em;
} 

/* Social sharing CSS */
.watuproshare-facebook {
	padding: 0.625em;
	background-color: #4c66a4;
	color:white !important;
	font-weight:bold;
	text-decoration:none;
}
a.watuproshare-facebook {	
	color:white !important;	
}
.watupro-share {
	margin: 1.25em;
}
.watupro-share a {
	margin: 0.938em;
}
.watupro-twitter-share-button {
	margin: 0 !important;
}

/* Progress bar */
.watupro-progress-container {
	width: 100%;
	/*height: 1.875em;*/
	float: left;
	margin-bottom: 1.5em;
}
.watupro-progress-bar {
	text-align:right;
}
.watupro-progress-percent {
	padding: 0 0.313em;
	background: white;
	font-weight: bold;
	border-radius: 0.625em;
}

/* Rating */
.watupro-rating-wrap {
	padding: 0.625em 0;
	clear: both;
}
.watupro-rating ul {
	list-style-type: none !important;
}

.watupro-paginated-hidden { display: none; }

/* honeypot */
.watupro-beehive { display:none !important; }

span.watupro_num {
 display: inline !important;
}

/* Chart */
.watupro-basic-chart td, .watupro-basic-chart-points td, .watupro-basic-chart-percent td {
	padding: 0.375em;
}

.watupro-basic-chart, .watupro-basic-chart table, table.watupro-basic-chart, .watupro-basic-chart-points, .watupro-basic-chart-points table, .watupro-basic-chart-percent, .watupro-basic-chart-percent table {
	border: none !important;	
}

/* Columns */
.watupro-2-columns, li.watupro-2-columns {
	width: 50%;
}
.watupro-3-columns, li.watupro-3-columns {
	width: 33%;
}
.watupro-4-columns, li.watupro-4-columns {
	width: 25%;
}
.watupro-5-columns, li.watupro-5-columns {
	width: 20%;
}

.watupro-2-columns, li.watupro-2-columns,
.watupro-3-columns, li.watupro-3-columns,
.watupro-4-columns, li.watupro-4-columns,
.watupro-5-columns, li.watupro-5-columns {
	float: left; /* fixes the problem with the vertical alignment at the top corner */
	display: inline-block;
	padding: 0 0.5em;
}

.watupro-2-columns > *, li.watupro-2-columns > *,
.watupro-3-columns > *, li.watupro-3-columns > *,
.watupro-4-columns > *, li.watupro-4-columns > *,
.watupro-5-columns > *, li.watupro-5-columns > * {
	display: inline-block; /* left space problem with inline elements*/
}

.watupro-2-columns:first-of-type,
.watupro-3-columns:first-of-type,
.watupro-4-columns:first-of-type,
.watupro-5-columns:first-of-type,
.watupro-2-columns:nth-of-type(2n+1),
.watupro-3-columns:nth-of-type(3n+1),
.watupro-4-columns:nth-of-type(4n+1),
.watupro-5-columns:nth-of-type(5n+1) {
	padding-right: 0.5em;
	padding-left: 0;
}

.watupro-2-columns:nth-of-type(2n), .watupro-3-columns:nth-of-type(3n), .watupro-4-columns:nth-of-type(4n), .watupro-5-columns:nth-of-type(5n)  {
	padding-left: 0.5em;
	padding-right: 0;
}

.watupro-ansnum.watupro-2-columns, li.watupro-ansnum.watupro-2-columns,
.watupro-ansnum.watupro-3-columns, li.watupro-ansnum.watupro-3-columns,
.watupro-ansnum.watupro-4-columns, li.watupro-ansnum.watupro-4-columns,
.watupro-ansnum.watupro-5-columns, li.watupro-ansnum.watupro-5-columns {
	padding-left: 0; /*the numbering adds a blank space to the left */
	padding-right: 0;
}

div.watupro-choices-columns {
	clear:both;
	float:left;
	width:100%;
}

.watupro-main-feedback {
	display:block;
	clear:both;
	margin-top: 1.25em;
}

.watupro-dashboard {
	font-size: 120%;
}

.watupro-dashboard td {
	border-bottom: 1pt solid #EEE;
	padding-top: 0.625em;
}

.watupro-text-captcha {
	clear:both;
}

/* Text meant only for screen readers. */
.watupro-screen-reader {
    border: 0;
    clip: rect( 1px, 1px, 1px, 1px );
    clip-path: inset( 50% );
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
    word-wrap: normal;
}

.watupro-unanswered {
	clear:both;
	width: 100%;
	display:block;
	float:left;
}

select.watupro-gap  {
  width: auto !important;
  max-width: 31.250em !important;
}

#ui-datepicker-div {
   display: none;
   position: absolute !important;
   z-index: 999999999 !important;
}

.watupro-textarea {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
}

/* Handle RTL quizzes - the class watupro-rtl will be added to .question-content and .question-choices divs */
.watupro-rtl {
    direction: rtl !important;
    text-align: right !important;
}

.watupro-flex {
	display: flex;
	flex-wrap: wrap;
}

.watupro-quiz-item {
   width: 250px;
   margin: 1rem;
}

.watupro-quiz-item img {
   max-width:100%;
}

.watupro-answers-table-area {
	padding: 1em;
	background-color: #f8f8f8;
	filter: drop-shadow(7px 7px 5px #aaa);
	margin-bottom: 2em;
}

.watupro-memory-hidden {
	display: none;
}


/* 06.01.2022 - on some these the result shows outside of the entry content div */ 
#watupro_quiz {
	overflow-y: auto;
}

@media screen and (min-width: 1024px) {
	.watupro-auto-hide {
		display: flex !important;
	}
	.watupro-auto-hide-handler {
		display: none !important;
	}

    /* The hide paginator button is initially always hidden */
    .watupro-auto-hide-handler-hide {
        display: none !important;
    }

}

@media screen and (max-width: 1023px) {
	.watupro-auto-hide {
		display: none !important;
	}

	.watupro-auto-hide-handler {
		display: flex !important;
	}

}

@media
only screen and (max-width: 600px)  {
	/* More space to avoid clickable elements too close together */
	.watupro-question-choice {
		margin-top: 0.438em;
		margin-bottom: 0.438em;
	}

	span.watupro-progress-percent {
		font-size: 0.688em;
	}

	table.watupro_buttons {
		font-size: 85%;
	}

	.watupro-2-columns, li.watupro-2-columns,
	.watupro-3-columns, li.watupro-3-columns,
	.watupro-4-columns, li.watupro-4-columns,
	.watupro-5-columns, li.watupro-5-columns {
		float: none !important;
		width: 100% !important;
		padding: 0 0 !important;
	}
	.watupro-2-columns:nth-of-type(2n), li.watupro-2-columns:nth-of-type(2n),
	.watupro-3-columns:nth-of-type(3n), li.watupro-3-columns:nth-of-type(3n),
	.watupro-4-columns:nth-of-type(4n), li.watupro-4-columns:nth-of-type(4n),
	.watupro-5-columns:nth-of-type(5n), li.watupro-5-columns:nth-of-type(5n) {
		padding-left: 0;
		padding-right: 0;
	}

	.watupro-compact div.question-content, .watupro-compact div.show-question-content {
		float:none;
		width:100%;
		padding-right: 0;
	}
	.watupro-compact div.question-choices, .watupro-compact div.show-question-choices {
		float:none;
		width:100%;
		padding-left: 0;
	}
}

@media
only screen and (max-width: 375px)  {
    /* thanks to https://css-tricks.com/responsive-data-tables/ */
    /* Force table to not be like tables anymore */
    table.watupro_buttons, table.watupro_buttons td, table.watupro_buttons tr {
        display: block;
    }

    table.watupro_buttons td {
        /* Behave  like a "row" */
        border: none;
        position: relative;
    }

    table.watupro_buttons td:before {
        /* Now like a table header */
        position: absolute;
    }

    .watupro-progress-percent {
        font-size: 0.688em;
    }

}

/*  for Flex in themes */
@media (max-width: 921px) {
.ast-left-sidebar #content > .ast-container {
	display: block;
	}
}.watupro-practice {
	padding:10px;	
}

.watupro-for-removal {
	background:#CCC;
	color:#777;
	font-style:italic;
}

.watupro-sortable li {
	border: 1pt dashed #DDD;
	padding:5px;
	cursor: move;
	margin-bottom: 5px;
}

.watupro-sortable-horizontal {	
	list-style-type: none;
	width: 80%;
	clear: both;
	display:inline-table !important;
}

.watupro-sortable-horizontal li {
	float:left;
	margin: 3px 3px 3px 0; 
	min-width: 100px; 
	display:inline-block !important;
}

.watupro-matrix-right {
	float:left;width:100%;clear:both;
}

.watupro-matrix-draggable {
	float:left;
	min-width:100px;
	padding:5px;
	border:1px dashed #999;
	margin: 5px;
	cursor: pointer;
}

.watupro-matrix-left-cell, .watupro-matrix-right-cell {
	width: 50%;
	vertical-align: middle;
}

.watupro-droppable-hover {
	background-color: #eee;	
}

.watupro-gap {
	display: inline !important;
	max-width: 100px !important;
}

.watupro-sortable-choices {
	width: 100%;
	overflow: auto;	
	clear: both;
}

.watupro-nmatrix-unselect {
	text-align: center;
	display: none;
}

.watupro-nmatrix-selected > .watupro-nmatrix-unselect {
	display: block;
}

.watupro-nmatrix-selected {
	border: 2pt solid green;
}

.watupro-nmatrix-hidden {
	display: none;
}

.watupro-personality-chart td {
	padding: 6px;
}/* empty */.watupro-question-choice span {
		  display: inline !important; /* added in WatuPRO 6.1.0.4 */
		}
@media 
			only screen and (max-width: 600px) {
}.mejs-offscreen{border:0;clip:rect(1px,1px,1px,1px);-webkit-clip-path:inset(50%);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal}.mejs-container{background:#000;font-family:Helvetica,Arial,serif;position:relative;text-align:left;text-indent:0;vertical-align:top}.mejs-container,.mejs-container *{box-sizing:border-box}.mejs-container video::-webkit-media-controls,.mejs-container video::-webkit-media-controls-panel,.mejs-container video::-webkit-media-controls-panel-container,.mejs-container video::-webkit-media-controls-start-playback-button{-webkit-appearance:none;display:none!important}.mejs-fill-container,.mejs-fill-container .mejs-container{height:100%;width:100%}.mejs-fill-container{background:transparent;margin:0 auto;overflow:hidden;position:relative}.mejs-container:focus{outline:none}.mejs-iframe-overlay{height:100%;position:absolute;width:100%}.mejs-embed,.mejs-embed body{background:#000;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.mejs-fullscreen{overflow:hidden!important}.mejs-container-fullscreen{bottom:0;left:0;overflow:hidden;position:fixed;right:0;top:0;z-index:1000}.mejs-container-fullscreen .mejs-mediaelement,.mejs-container-fullscreen video{height:100%!important;width:100%!important}.mejs-background,.mejs-mediaelement{left:0;position:absolute;top:0}.mejs-mediaelement{height:100%;width:100%;z-index:0}.mejs-poster{background-position:50% 50%;background-repeat:no-repeat;background-size:cover;left:0;position:absolute;top:0;z-index:1}:root .mejs-poster-img{display:none}.mejs-poster-img{border:0;padding:0}.mejs-overlay{-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;left:0;position:absolute;top:0}.mejs-layer{z-index:1}.mejs-overlay-play{cursor:pointer}.mejs-overlay-button{background:url(//test-english.com/staging11/wp-includes/js/mediaelement/mejs-controls.svg) no-repeat;background-position:0 -39px;height:80px;width:80px}.mejs-overlay:hover>.mejs-overlay-button{background-position:-80px -39px}.mejs-overlay-loading{height:80px;width:80px}.mejs-overlay-loading-bg-img{-webkit-animation:a 1s linear infinite;animation:a 1s linear infinite;background:transparent url(//test-english.com/staging11/wp-includes/js/mediaelement/mejs-controls.svg) -160px -40px no-repeat;display:block;height:80px;width:80px;z-index:1}@-webkit-keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}@keyframes a{to{-webkit-transform:rotate(1turn);transform:rotate(1turn)}}.mejs-controls{bottom:0;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;height:40px;left:0;list-style-type:none;margin:0;padding:0 10px;position:absolute;width:100%;z-index:3}.mejs-controls:not([style*="display: none"]){background:rgba(255,0,0,.7);background:-webkit-linear-gradient(transparent,rgba(0,0,0,.35));background:linear-gradient(transparent,rgba(0,0,0,.35))}.mejs-button,.mejs-time,.mejs-time-rail{font-size:10px;height:40px;line-height:10px;margin:0;width:32px}.mejs-button>button{background:transparent url(//test-english.com/staging11/wp-includes/js/mediaelement/mejs-controls.svg);border:0;cursor:pointer;display:block;font-size:0;height:20px;line-height:0;margin:10px 6px;overflow:hidden;padding:0;position:absolute;text-decoration:none;width:20px}.mejs-button>button:focus{outline:1px dotted #999}.mejs-container-keyboard-inactive [role=slider],.mejs-container-keyboard-inactive [role=slider]:focus,.mejs-container-keyboard-inactive a,.mejs-container-keyboard-inactive a:focus,.mejs-container-keyboard-inactive button,.mejs-container-keyboard-inactive button:focus{outline:0}.mejs-time{box-sizing:content-box;color:#fff;font-size:11px;font-weight:700;height:24px;overflow:hidden;padding:16px 6px 0;text-align:center;width:auto}.mejs-play>button{background-position:0 0}.mejs-pause>button{background-position:-20px 0}.mejs-replay>button{background-position:-160px 0}.mejs-time-rail{direction:ltr;-webkit-box-flex:1;-webkit-flex-grow:1;-ms-flex-positive:1;flex-grow:1;height:40px;margin:0 10px;padding-top:10px;position:relative}.mejs-time-buffering,.mejs-time-current,.mejs-time-float,.mejs-time-float-corner,.mejs-time-float-current,.mejs-time-hovered,.mejs-time-loaded,.mejs-time-marker,.mejs-time-total{border-radius:2px;cursor:pointer;display:block;height:10px;position:absolute}.mejs-time-total{background:hsla(0,0%,100%,.3);margin:5px 0 0;width:100%}.mejs-time-buffering{-webkit-animation:b 2s linear infinite;animation:b 2s linear infinite;background:-webkit-linear-gradient(135deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background:linear-gradient(-45deg,hsla(0,0%,100%,.4) 25%,transparent 0,transparent 50%,hsla(0,0%,100%,.4) 0,hsla(0,0%,100%,.4) 75%,transparent 0,transparent);background-size:15px 15px;width:100%}@-webkit-keyframes b{0%{background-position:0 0}to{background-position:30px 0}}@keyframes b{0%{background-position:0 0}to{background-position:30px 0}}.mejs-time-loaded{background:hsla(0,0%,100%,.3)}.mejs-time-current,.mejs-time-handle-content{background:hsla(0,0%,100%,.9)}.mejs-time-hovered{background:hsla(0,0%,100%,.5);z-index:10}.mejs-time-hovered.negative{background:rgba(0,0,0,.2)}.mejs-time-buffering,.mejs-time-current,.mejs-time-hovered,.mejs-time-loaded{left:0;-webkit-transform:scaleX(0);-ms-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:0 0;-ms-transform-origin:0 0;transform-origin:0 0;-webkit-transition:all .15s ease-in;transition:all .15s ease-in;width:100%}.mejs-time-buffering{-webkit-transform:scaleX(1);-ms-transform:scaleX(1);transform:scaleX(1)}.mejs-time-hovered{-webkit-transition:height .1s cubic-bezier(.44,0,1,1);transition:height .1s cubic-bezier(.44,0,1,1)}.mejs-time-hovered.no-hover{-webkit-transform:scaleX(0)!important;-ms-transform:scaleX(0)!important;transform:scaleX(0)!important}.mejs-time-handle,.mejs-time-handle-content{border:4px solid transparent;cursor:pointer;left:0;position:absolute;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);z-index:11}.mejs-time-handle-content{border:4px solid hsla(0,0%,100%,.9);border-radius:50%;height:10px;left:-7px;top:-4px;-webkit-transform:scale(0);-ms-transform:scale(0);transform:scale(0);width:10px}.mejs-time-rail .mejs-time-handle-content:active,.mejs-time-rail .mejs-time-handle-content:focus,.mejs-time-rail:hover .mejs-time-handle-content{-webkit-transform:scale(1);-ms-transform:scale(1);transform:scale(1)}.mejs-time-float{background:#eee;border:1px solid #333;bottom:100%;color:#111;display:none;height:17px;margin-bottom:9px;position:absolute;text-align:center;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:36px}.mejs-time-float-current{display:block;left:0;margin:2px;text-align:center;width:30px}.mejs-time-float-corner{border:5px solid #eee;border-color:#eee transparent transparent;border-radius:0;display:block;height:0;left:50%;line-height:0;position:absolute;top:100%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:0}.mejs-long-video .mejs-time-float{margin-left:-23px;width:64px}.mejs-long-video .mejs-time-float-current{width:60px}.mejs-broadcast{color:#fff;height:10px;position:absolute;top:15px;width:100%}.mejs-fullscreen-button>button{background-position:-80px 0}.mejs-unfullscreen>button{background-position:-100px 0}.mejs-mute>button{background-position:-60px 0}.mejs-unmute>button{background-position:-40px 0}.mejs-volume-button{position:relative}.mejs-volume-button>.mejs-volume-slider{-webkit-backface-visibility:hidden;background:rgba(50,50,50,.7);border-radius:0;bottom:100%;display:none;height:115px;left:50%;margin:0;position:absolute;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:25px;z-index:1}.mejs-volume-button:hover{border-radius:0 0 4px 4px}.mejs-volume-total{background:hsla(0,0%,100%,.5);height:100px;left:50%;margin:0;position:absolute;top:8px;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:2px}.mejs-volume-current{left:0;margin:0;width:100%}.mejs-volume-current,.mejs-volume-handle{background:hsla(0,0%,100%,.9);position:absolute}.mejs-volume-handle{border-radius:1px;cursor:ns-resize;height:6px;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);width:16px}.mejs-horizontal-volume-slider{display:block;height:36px;position:relative;vertical-align:middle;width:56px}.mejs-horizontal-volume-total{background:rgba(50,50,50,.8);height:8px;top:16px;width:50px}.mejs-horizontal-volume-current,.mejs-horizontal-volume-total{border-radius:2px;font-size:1px;left:0;margin:0;padding:0;position:absolute}.mejs-horizontal-volume-current{background:hsla(0,0%,100%,.8);height:100%;top:0;width:100%}.mejs-horizontal-volume-handle{display:none}.mejs-captions-button,.mejs-chapters-button{position:relative}.mejs-captions-button>button{background-position:-140px 0}.mejs-chapters-button>button{background-position:-180px 0}.mejs-captions-button>.mejs-captions-selector,.mejs-chapters-button>.mejs-chapters-selector{background:rgba(50,50,50,.7);border:1px solid transparent;border-radius:0;bottom:100%;margin-right:-43px;overflow:hidden;padding:0;position:absolute;right:50%;visibility:visible;width:86px}.mejs-chapters-button>.mejs-chapters-selector{margin-right:-55px;width:110px}.mejs-captions-selector-list,.mejs-chapters-selector-list{list-style-type:none!important;margin:0;overflow:hidden;padding:0}.mejs-captions-selector-list-item,.mejs-chapters-selector-list-item{color:#fff;cursor:pointer;display:block;list-style-type:none!important;margin:0 0 6px;overflow:hidden;padding:0}.mejs-captions-selector-list-item:hover,.mejs-chapters-selector-list-item:hover{background-color:#c8c8c8!important;background-color:hsla(0,0%,100%,.4)!important}.mejs-captions-selector-input,.mejs-chapters-selector-input{clear:both;float:left;left:-1000px;margin:3px 3px 0 5px;position:absolute}.mejs-captions-selector-label,.mejs-chapters-selector-label{cursor:pointer;float:left;font-size:10px;line-height:15px;padding:4px 10px 0;width:100%}.mejs-captions-selected,.mejs-chapters-selected{color:#21f8f8}.mejs-captions-translations{font-size:10px;margin:0 0 5px}.mejs-captions-layer{bottom:0;color:#fff;font-size:16px;left:0;line-height:20px;position:absolute;text-align:center}.mejs-captions-layer a{color:#fff;text-decoration:underline}.mejs-captions-layer[lang=ar]{font-size:20px;font-weight:400}.mejs-captions-position{bottom:15px;left:0;position:absolute;width:100%}.mejs-captions-position-hover{bottom:35px}.mejs-captions-text,.mejs-captions-text *{background:hsla(0,0%,8%,.5);box-shadow:5px 0 0 hsla(0,0%,8%,.5),-5px 0 0 hsla(0,0%,8%,.5);padding:0;white-space:pre-wrap}.mejs-container.mejs-hide-cues video::-webkit-media-text-track-container{display:none}.mejs-overlay-error{position:relative}.mejs-overlay-error>img{left:0;max-width:100%;position:absolute;top:0;z-index:-1}.mejs-cannotplay,.mejs-cannotplay a{color:#fff;font-size:.8em}.mejs-cannotplay{position:relative}.mejs-cannotplay a,.mejs-cannotplay p{display:inline-block;padding:0 15px;width:100%}.mejs-container{clear:both;max-width:100%}.mejs-container *{font-family:Helvetica,Arial}.mejs-container,.mejs-container .mejs-controls,.mejs-embed,.mejs-embed body{background:#222}.mejs-time{font-weight:400;word-wrap:normal}.mejs-controls a.mejs-horizontal-volume-slider{display:table}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-time-rail .mejs-time-loaded{background:#fff}.mejs-controls .mejs-time-rail .mejs-time-current{background:#0073aa}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail .mejs-time-total{background:rgba(255,255,255,.33)}.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-current,.mejs-controls .mejs-horizontal-volume-slider .mejs-horizontal-volume-total,.mejs-controls .mejs-time-rail span{border-radius:0}.mejs-overlay-loading{background:0 0}.mejs-controls button:hover{border:none;-webkit-box-shadow:none;box-shadow:none}.me-cannotplay{width:auto!important}.media-embed-details .wp-audio-shortcode{display:inline-block;max-width:400px}.audio-details .embed-media-settings{overflow:visible}.media-embed-details .embed-media-settings .setting span:not(.button-group){max-width:400px;width:auto}.media-embed-details .embed-media-settings .checkbox-setting span{display:inline-block}.media-embed-details .embed-media-settings{padding-top:0;top:28px}.media-embed-details .instructions{padding:16px 0;max-width:600px}.media-embed-details .setting .remove-setting,.media-embed-details .setting p{color:#a00;font-size:10px;text-transform:uppercase}.media-embed-details .setting .remove-setting{padding:5px 0}.media-embed-details .setting a:hover{color:#dc3232}.media-embed-details .embed-media-settings .checkbox-setting{float:none;margin:0 0 10px}.wp-video{max-width:100%;height:auto}.wp_attachment_holder .wp-audio-shortcode,.wp_attachment_holder .wp-video{margin-top:18px}.wp-video-shortcode video,video.wp-video-shortcode{max-width:100%;display:inline-block}.video-details .wp-video-holder{width:100%;max-width:640px}.wp-playlist{border:1px solid #ccc;padding:10px;margin:12px 0 18px;font-size:14px;line-height:1.5}.wp-admin .wp-playlist{margin:0 0 18px}.wp-playlist video{display:inline-block;max-width:100%}.wp-playlist audio{display:none;max-width:100%;width:400px}.wp-playlist .mejs-container{margin:0;max-width:100%}.wp-playlist .mejs-controls .mejs-button button{outline:0}.wp-playlist-light{background:#fff;color:#000}.wp-playlist-dark{color:#fff;background:#000}.wp-playlist-caption{display:block;max-width:88%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;line-height:1.5}.wp-playlist-item .wp-playlist-caption{text-decoration:none;color:#000;max-width:-webkit-calc(100% - 40px);max-width:calc(100% - 40px)}.wp-playlist-item-meta{display:block;font-size:14px;line-height:1.5}.wp-playlist-item-title{font-size:14px;line-height:1.5}.wp-playlist-item-album{font-style:italic;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-playlist-item-artist{font-size:12px;text-transform:uppercase}.wp-playlist-item-length{position:absolute;right:3px;top:0;font-size:14px;line-height:1.5}.rtl .wp-playlist-item-length{left:3px;right:auto}.wp-playlist-tracks{margin-top:10px}.wp-playlist-item{position:relative;cursor:pointer;padding:0 3px;border-bottom:1px solid #ccc}.wp-playlist-item:last-child{border-bottom:0}.wp-playlist-light .wp-playlist-caption{color:#333}.wp-playlist-dark .wp-playlist-caption{color:#ddd}.wp-playlist-playing{font-weight:700;background:#f7f7f7}.wp-playlist-light .wp-playlist-playing{background:#fff;color:#000}.wp-playlist-dark .wp-playlist-playing{background:#000;color:#fff}.wp-playlist-current-item{overflow:hidden;margin-bottom:10px;height:60px}.wp-playlist .wp-playlist-current-item img{float:left;max-width:60px;height:auto;margin-right:10px;padding:0;border:0}.rtl .wp-playlist .wp-playlist-current-item img{float:right;margin-left:10px;margin-right:0}.wp-playlist-current-item .wp-playlist-item-artist,.wp-playlist-current-item .wp-playlist-item-title{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wp-audio-playlist .me-cannotplay span{padding:5px 15px}