@import './embrace-asd-tests-1.css';

/* <link rel="stylesheet" id="wpdiscuz-frontend-minimal-css-css" href="https://embraceasd.com/wp-content/plugins/wpdiscuz/themes/default/style-minimal.css" type="text/css" media="all" cph-ssorder="11"> */

@import './themes/wpdiscuz/css/style-minimal.css';

@import './embrace-asd-tests-2.css';

/* <link rel="stylesheet" id="wpdiscuz-fa-css" href="https://embraceasd.com/wp-content/plugins/wpdiscuz/assets/third-party/font-awesome-5.13.0/css/fa.min.css" type="text/css" media="all" cph-ssorder="13"> */

@import './themes/wpdiscuz/assets/third-party/font-awesome-5.13.0/css/fa.min.css';

/* <link rel="stylesheet" id="wpdiscuz-combo-css-css" href="https://embraceasd.com/wp-content/plugins/wpdiscuz/assets/css/wpdiscuz-combo.min.css" type="text/css" media="all" cph-ssorder="14"> */

@import './themes/wpdiscuz/assets/css/wpdiscuz-combo.min.css';

@import './embrace-asd-tests-3.css';

/* <link href="https://embraceasd.com/wp-content/themes/yootheme/css/theme.1.css?ver=1605126375" rel="stylesheet" cph-ssorder="19"> */

@import './themes/yootheme/css/theme.1.css';

@import './embrace-asd-tests-4.css';

/** START DO NOT COPY TO SITE (DEVELOPMENT TEST ENVIRONMENT ONLY) **/

#psychometrics-results .psychometrics-score-card .uk-inline-clip.uk-transition-toggle {
	width: 200px;
	height: 200px;
}

/* UK-class overrides to mimik live site */

.uk-button-primary {
    font-size: 1.5rem !important;
    font-weight: 500;
    color: #ffffff !important;
    background-color: #2e38a3 !important;
    text-decoration: none !important;
    padding: 0.9em 1.5em 1.1em 1.5em !important;
    border-radius: 10px;
    display: inline-block;
    transition: 0.2s ease-in;
    overflow: hidden;
    position: relative;
    border: 1px solid rgba(0, 0, 0, 0.1);
    box-shadow: inset 0 2px 0 rgba(255, 255, 255, 0.1), inset 0 -6px 0 rgba(40, 41, 119, 1);
}
.uk-button-large {
	line-height: 53px!important;
}

/* Start Update of button classes from Global custom classes stylesheet */

.buttonBlue2:hover, .powerbuttonS2 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #c9ecf4!important;
  background-color: #1466b8;
  text-decoration: none!important;
  padding: 1.5rem 1.9rem 1.8rem;
  border-radius: 10px;
  display: inline-block;
  transition: 0.2s ease-in;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0 0 0 / 10%);
  box-shadow: 
    inset 0 2px 0 rgba(255 255 255 / 10%),
    inset 0 -6px 0 rgba(46 56 163 / 100%);
}
.buttonBlue2:hover, .powerbuttonS2:hover {
  color: #fff!important;
  background-color: #1571bc;
  text-decoration: none;
  border: 1px solid rgba(0 0 0 / 10%);
  box-shadow: 
    inset 0 2px 0 rgba(255 255 255 / 10%),
    inset 0 -6px 0 rgba(46 56 163 / 80%),
    inset 1px 1px 0 rgba(26 138 194 / 50%);
}
.buttonBlue2 a:hover, .powerbuttonS2 a:hover {
  color: #fff;
  text-decoration: none;
}
.buttonBlue2::after, .powerbuttonS2::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  inset: -50%;
  background: linear-gradient(to bottom, 
    rgba(210 250 255 / 0%) 30%, 
    rgba(210 250 255 / 20%) 30%, 
    rgba(210 250 255 / 20%) 50%, 
    rgba(210 250 255 / 0%) 50%,  
    rgba(210 250 255 / 0%) 60%, 
    rgba(210 250 255 / 20%) 60%, 
    rgba(210 250 255 / 20%) 70%, 
    rgba(210 250 255 / 0%) 70%);
  transform: rotateZ(70deg) translate(-5em, 10em);
}


.buttonBlue2:hover::after, .buttonBlue2:focus::after, .powerbuttonS2:hover::after, .powerbuttonS2:focus::after {
  animation: sheen 2s forwards;
}
@keyframes sheen {
  100% {
    transform: rotateZ(70deg) translate(1em, -9em);
  }
}



.buttonBlue4, .powerbuttonS3 {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4rem;
  color: #c9ecf4;
  background-color: #42a6cf;
  text-decoration: none;
  padding: 1.5rem 1.9rem 1.8rem;
  border-radius: 10px;
  display: inline-block;
  transition: 0.2s ease-in;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0 0 0 / 10%);
  box-shadow: 
    inset 0 2px 0 rgba(255 255 255 / 10%),
    inset 0 -6px 0 rgba(25 118 193 / 100%);
}
.buttonBlue4:hover, .powerbuttonS3:hover {
  color: #fff;
  background-color: #47b0d7;
  text-decoration: none;
  border: 1px solid rgba(0 0 0 / 10%);
  box-shadow: 
    inset 0 2px 0 rgba(255 255 255 / 10%),
    inset 0 -6px 0 rgba(25 118 193 / 80%),
    inset 1px 1px 0 rgba(76 186 224 / 50%);
}
.buttonBlue4 a:hover, .powerbuttonS3 a:hover {
  color: #fff;
  text-decoration: none;
}
.buttonBlue4::after, .powerbuttonS3::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  inset: -50%;
  background: linear-gradient(to bottom, 
    rgba(210 250 255 / 0%) 30%, 
    rgba(210 250 255 / 20%) 30%, 
    rgba(210 250 255 / 20%) 50%, 
    rgba(210 250 255 / 0%) 50%,  
    rgba(210 250 255 / 0%) 60%, 
    rgba(210 250 255 / 20%) 60%, 
    rgba(210 250 255 / 20%) 70%, 
    rgba(210 250 255 / 0%) 70%);
  transform: rotateZ(70deg) translate(-5em, 10em);
}


.buttonBlue4:hover::after, .buttonBlue4:focus::after, .powerbuttonS3:hover::after, .powerbuttonS3:focus::after {
  animation: sheen 2s forwards;
}
@keyframes sheen {
  100% {
    transform: rotateZ(70deg) translate(1em, -9em);
  }
}




.buttonBlue5, .powerbuttonS4 {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.5rem;
  color: #fff;
  background-color: #49b9e8;
  text-decoration: none;
  padding: 1.5rem 1.9rem 1.8rem;
  border-radius: 10px;
  display: inline-block;
  transition: 0.2s ease-in;
  overflow: hidden;
  position: relative;
  border: 1px solid rgba(0 0 0 / 10%);
  box-shadow: 
    inset 0 2px 0 rgba(255 255 255 / 10%),
    inset 0 -6px 0 rgba(26 138 194 / 100%);
}
.buttonBlue5:hover, .powerbuttonS4:hover {
  color: #fff;
  background-color: #58ccf7;
  text-decoration: none;
  border: 1px solid rgba(0 0 0 / 10%);
  box-shadow: 
    inset 0 2px 0 rgba(255 255 255 / 10%),
    inset 0 -6px 0 rgba(26 138 194 / 80%),
    inset 1px 1px 0 rgba(88 204 247 / 50%);
}
.buttonBlue5 a:hover, .powerbuttonS4 a:hover {
  color: #fff;
  text-decoration: none;
}
.buttonBlue5::after, .powerbuttonS4::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  inset: -50%;
  background: linear-gradient(to bottom, 
    rgba(210 250 255 / 0%) 30%, 
    rgba(210 250 255 / 20%) 30%, 
    rgba(210 250 255 / 20%) 50%, 
    rgba(210 250 255 / 0%) 50%,  
    rgba(210 250 255 / 0%) 60%, 
    rgba(210 250 255 / 20%) 60%, 
    rgba(210 250 255 / 20%) 70%, 
    rgba(210 250 255 / 0%) 70%);
  transform: rotateZ(70deg) translate(-5em, 10em);
}


.buttonBlue5:hover::after, .buttonBlue5:focus::after, .powerbuttonS4:hover::after, .powerbuttonS4:focus::after {
  animation: sheen 2s forwards;
}
@keyframes sheen {
  100% {
    transform: rotateZ(70deg) translate(1em, -9em);
  }
}

/* End Update of button classes from Global custom classes stylesheet */

/** END DO NOT COPY **/

/*****************************************/

/** START COPY FROM TOP OF PSYCHOMETRICS TEST STYLESHEET **/

/* TESTS PAGE */

/* Titles */

.cm-test-title a {
    color: #2e38a3;
    font-weight: 800;
    text-decoration: none;
}
.cm-test-title a:hover {
	text-decoration: underline;
}


/* Questions/statements */

.questionsaq, .questions10, .questions25, .questions50, .questions75, .questions100 {
    font-weight: 700; 
}

.questionsaq {color: #3daf75;}
.questions10 {color: #5fd7ff;}
.questions25 {color: #42a6cf;}
.questions50 {color: #369dcb;}
.questions75 {color: #1366b8;}
.questions100 {color: #185db4;}



/* BLOG POSTS */

/* Test rating cards */

.rating-card {
	max-width: 600px;
	height: auto;
	position: relative;
	display: block;
	margin: 0 auto;
	margin-bottom: 0.5rem;
}
.rating-card .rating-card-top {
	display: inline;
    position: absolute;
	top: 0;
	left: 0;
	z-index: 99;
    animation: stars 4s infinite;
    animation-direction: alternate;
}

@keyframes stars {
  0% {
    opacity: 0;
  }
  20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
  }
  45% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  70% {
    opacity: 0;
  }
  75% {
    opacity: 1;
  }
  100% {
    opacity: 1;
  }
}


/* Test information table */

body.single-post .single-post-content .testinformation, body.single-post .single-post-content .bookinformation {
	border-radius: 7px;
	border: 2px solid #2e38a3;
    padding: 1.25rem 0.75rem 1.8rem 0.5rem;
    margin: 1.5rem auto 2.5rem auto;
    max-width: 800px;
    table-layout: fixed;
}
body.single-post .single-post-content .testinformation a, body.single-post .single-post-content .bookinformation a {
	font-weight: 600;
}
body.single-post .single-post-content .testinformation td, body.single-post .single-post-content .bookinformation td {
	padding: 0.3rem;
    vertical-align: top;
}
body.single-post .single-post-content .testinformation th, body.single-post .single-post-content .bookinformation th {
	text-align: left;
	padding: 0.5rem 0.5rem 0.3rem 0.5rem;
}
body.single-post .single-post-content .testinformation th h5, body.single-post .single-post-content .bookinformation th h5 {
	text-align: center;
	margin: 0;
}
body.single-post .single-post-content .testinformation th h6, body.single-post .single-post-content .bookinformation th h6 {
	text-align: center;
	font-weight: 600;
}
body.single-post .single-post-content .testinformation .column1, body.single-post .single-post-content .bookinformation column1 {
	width: 23%;
    min-width: 140px;
	vertical-align: top;
}
body.single-post .single-post-content .testinformation  hr, body.single-post .single-post-content .bookinformation hr {
	border-top: 1px solid #2e38a3;
	margin: 1.5rem auto;
	max-width: 90%;
}


/* Test results */

.test-results, .psychometrics-results {
	width: 350px;
	background-color: #dcf3f9;
	border-radius: 7px;
	padding: 2.5rem 1rem 1.5rem 1rem;
	margin: 0 auto;
	text-align: center;
	margin-bottom: 1.5rem;
}
#score-card {
	padding-top: 0.5rem;
}
.psychometrics-score-label, .psychometrics-score-separator {
	font-size: 1.1rem;
	font-weight: 400;
}
.psychometrics-score-value {
	font-size: 2rem;
	font-weight: 700;
	font-variant-numeric: lining-nums!important;
	display: block;
}
.psychometrics-results button {
	background-color: #42a6cf;
	color: #f0f9fc;
	font-size: 1.4rem;
	font-family: 'Work Sans', sans-serif;
	font-weight: 500;
	border-radius: 8px;
	padding: 1.3rem 2rem 1.5rem 2rem;
	text-decoration: none!important;
	display: inline-block;
	transition: 0.2s ease-in;
	overflow: hidden;
	position: relative;
	border: 1px solid rgba(0,0,0,0.1);
	box-shadow: 
    inset 0 2px 0 rgba(255,255,255,0.1),
    inset 0 -5px 0 rgba(25,118,193,1);
}
.psychometrics-results button:hover {
	color: #fff;
	text-decoration: none;
	border: 1px solid rgba(0,0,0,0.1);
	background-color: #4bbae4;
	box-shadow: 
    inset 0 2px 0 rgba(255,255,255,0.1),
    inset 0 -5px 0 rgba(25,118,193,0.8),
    inset 1px 1px 0 rgba(120,219,151,0.5);
}
.psychometrics-results button::after {
  content: '';
  position: absolute;
  top: -50%;
  right: -50%;
  bottom: -50%;
  left: -50%;
  background: linear-gradient(to bottom, 
    rgba(210,250,255,0) 30%, 
    rgba(210,250,255,0.2) 30%, 
    rgba(210,250,255,0.2) 50%, 
    rgba(210,250,255,0) 50%,  
    rgba(210,250,255,0) 60%, 
    rgba(210,250,255,0.2) 60%, 
    rgba(210,250,255,0.2) 70%, 
    rgba(210,250,255,0) 70%);
  transform: rotateZ(70deg) translate(-5em, 7.5em);
}

.psychometrics-results button:hover::after, .psychometrics-results button:focus::after {
  animation: sheen 2s forwards;
}
@keyframes sheen {
  100% {
    transform: rotateZ(70deg) translate(1em, -9em);
  }
}


/* Next steps */

body.single-post .single-post-content .nextsteps, .tm-page .nextsteps {
  max-width: 600px;
  background-color: #daf3fe;
  border-radius: 7px;
  padding: 2.9rem 1.5rem 3.2rem 1.5rem;
  margin: 0 auto;
}

body.single-post .single-post-content .nextsteps h2, .tm-page .nextsteps h2 {
	font-size: 2.1rem;
}

body.single-post .single-post-content .nextsteps h4 a, .tm-page h4 a {
	color: #42a6cf; 
	font-weight: 600 !important;
	text-decoration: none;
	border-bottom: 1px solid #daf3fe;
	padding-bottom: 0.1rem;
	transition: all 1s ease;
}
body.single-post .single-post-content .nextsteps h4 a:hover, .tm-page h4 a:hover {
	color: #1a89c2; 
	text-decoration: none;
	border-bottom: 1px solid #1a89c2;
	padding-bottom: 0.1rem;
	transition: all 0.4s ease;
}
.nextsteps p {
	margin-bottom: 2.9rem;
}
.nextsteps .cm-text-bodyS {
	max-width: 500px; 
	margin: 0 auto; 
	padding-top: 0.5rem; 
	font-weight: 500; 
	color: #1a8ac2;
}

@media only screen and (max-width: 600px) {
.nextsteps h2 {
	font-size: 1.8rem!important;
	}
}

/* Reading the Mind in the Eyes test–Revised */

.rmet-panel {
	max-width: 500px;
	height: 380px;
	margin: 2rem auto;
}
.rmet-panel span.uk-align-left {
	padding-left: 40px;
	margin: 0!important;
}
.rmet-panel span.uk-align-right {
	padding-right: 40px;
	margin: 0!important;
}

body.single-post .single-post-content .rmet-panel img {
	display: inline;
	margin: 0 auto!important;
}

/** END COPY FROM TOP OF PSYCHOMETRICS TEST STYLESHEET *//

/* Fixes for rendering PDF (explicit px dimensions) */

#psychometrics .psychometrics-items-container,
#psychometrics .psychometrics-results {
	page-break-inside: avoid;
	break-inside: avoid;
}

#psychometrics .psychometrics-items-container h6.psychometrics-items {
	font-size: 21px;
	margin: 0!important;
	line-height: 28px;
}

#psychometrics .psychometrics-items-container ol.pyschometrics-options {
	margin: 10px 0 20px 0;
}

#psychometrics .psychometrics-items-container ol.pyschometrics-options li.psychometrics-option {
	margin: 0 0 10px 0;
	line-height: 18px;
	padding-left: 1.5em;
}

#psychometrics .psychometrics-items-container ol.pyschometrics-options li.psychometrics-option label.psychometrics-option-label {
	padding: 0!important;
}

/* Adding textfield */

#psychometrics .psychometrics-textfield {
	border: 1px solid;
	margin-bottom: 20px;
}

/* Fix for indenting double lines in radio and checkbox options */

#psychometrics .psychometrics-items-container ol.pyschometrics-options li.psychometrics-option {
	padding-left: 1.5em;
}
#psychometrics .psychometrics-items-container ol.pyschometrics-options li.psychometrics-option label.psychometrics-option-label {
	margin-left: -1.5em;
    text-indent: 1.5em;
}

/* Custom classes */

#psychometrics .cm-psychometrics-select {
	width: fit-content;
    border: 1px solid;
    padding: 0 2em 0 0.5em;
}

/* Results additions */

#psychometrics .psychometrics-score-label {
	font-weight: bolder;
}

/* Section CSS */

#psychometrics .psychometrics-section {
	margin-bottom: 40px;
}

/* LSAS Specific */

#psychometrics .cm-psychometrics-lsas-item,
#psychometrics #psychometrics\:lsas .psychometrics-items-container {
	margin-bottom: 10px;
}
#psychometrics #psychometrics\:lsas .psychometrics-items-container:not(.uk-flex) {
	margin-top: 20px;
}
#psychometrics .cm-psychometrics-lsas-item h6 {
	width: 150px;
	padding-left: 2em;
}

/* RME Specific */

#psychometrics .pm-rme {
	position: relative;
	display: block;
	width: 470px;
	max-width: 100%;
	margin: 150px auto;
}
#psychometrics .pm-rme .psychometrics-item-number {
	display: block;
	text-align: center;
}
#psychometrics .pm-rme img {
	margin: 40px 0;
}
#psychometrics .pm-rme ol {
	list-style-type: none;
	/* min-height: 0.01px; */
}
#psychometrics .pm-rme ol li:nth-of-type(1) {
	position: absolute;
	top: 37px;
	left: 0;
}
#psychometrics .pm-rme ol li:nth-of-type(2) {
	position: absolute;
	top: 37px;
	right: 0;
}
#psychometrics .pm-rme ol li:nth-of-type(3) {
	position: absolute;
	bottom: 0;
	left: 0;
}
#psychometrics .pm-rme ol li:nth-of-type(4) {
	position: absolute;
	bottom: 0;
	right: 0;
}
#psychometrics .pm-rme img {
	width: 100%;
	border-radius: 11px;
}
.rme-background-success {
	font-weight: 600;
	background-color: #3daf75;
}
.rme-background-error {
	font-weight: 600;
	background-color: #ecb4b0;
}
.rme-results-table {
	max-width: 800px;
}

/* MAPS Specific */

.maps-scales li.psychometrics-option {
	list-style: none;
	display: inline-block;
	padding-right: 10px;
}

/* For complete and incomplete items */

.psychometrics-items-container.cm-form-complete {
/* color: #008951; */
}
.psychometrics-items-container.cm-form-incomplete {
/* simulate uk-card-primary */
	box-sizing: border-box;
    transition: 0.1s ease-in-out;
    transition-property: color, background-color, border-color, box-shadow, top;  
    color: #fff!important;
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.08);
	border-radius: 11px;
	margin-bottom: 20px;
    /*background: #A05461;
    border: 20px solid #A05461;  */
    background: #1466B8;
    border: 20px solid #1466B8;  
}
.psychometrics-items-container.cm-form-incomplete *:not(input[type='text']):not(select) {
	color: #fff!important;
}
#psychometrics .psychometrics-items-container.cm-form-incomplete  ol.pyschometrics-options {
	margin: 10px 0 0 0;
}

/* For added contact CTA in Test Results */

.psychometrics-results.psychometric-results-open {
	width: 700px;
	transition: width 1s;
}
.psychometrics-assessment-contact-text {
	font-size: 1.1rem;
	font-weight: bolder;
}
.psychometrics-results-divider {
	max-width: 400px;
    margin: 60px auto;
}

/* For CBI assessment */
.psychometrics-cbi-assessment {
	display: block;
	font-size: 1.625rem;
	font-weight: 700;
}

/* ITQ Specific */
.itq-instructions {
	margin-bottom: 2em;
}
.itq-break-above {
	margin-top: 2.5em;
	padding-top: 2em;
	border-top: 1px solid;
}
.itq-section-heading {
	display: inline-block;
	font-size: 1.68rem;
    line-height: 1.4;
    margin: 0 0 1em 0;
    font-family: 'Work Sans';
    color: #2e3ba2;
    text-transform: none;
    font-weight: 600;   
}