/**
 * General CSS
 */

a.button,
a.elementor-button {
	font-weight: normal;
}

	.button.pmax-button {
		display: inline-block;
		margin: 0.5em 0;
	}

.pmax-box,
.pmax-box-bg {
	background-color: #fdfcf6;
}

.pmax-box {
	background-color: #fdfcf6;
	padding: 15px 20px;
	margin: 25px 0;
	border: 1px solid #f1f0ea;
	border-radius: 4px;
}

	.pmax-box.pmax-box-neutral {
		background-color: #fbfbfb;
		border: 1px solid #ededed;
	}

	.pmax-box.pmax-box-footer {
		margin-top: 3em;
	}

	ul.pmax-box {
		padding-left: 38px;
	}

		ul.pmax-box li {
			line-height: 1.4;
			padding: 5px 0;
		}

	.pmax-box > *:last-child {
		margin-bottom: 0;
	}

	.pmax-box.pmax-box-heading-list h4 {
		margin-bottom: 0.5em;
	}

	.pmax-box.pmax-box-heading-list ul {
		padding-left: 0;
		margin-left: 1.5em;
		margin-bottom: 0;
	}

		.pmax-box.pmax-box-heading-list ul li {
			line-height: 1.4;
			padding: 5px 0;
		}

	.pmax-box-test-box-right {
		max-width: calc( 100% - 380px );
	}

		@media only screen and (max-width: 860px) {

			.pmax-box-test-box-right {
				max-width: 100%;
			}

		}

	.pmax-box-float-right {
		float: right;
	}

		.pmax-box-float-right-60 {
			width: 55%;
			margin: 0 0 1em 2em;
		}

		.pmax-box-float-right-pie {
			width: calc( 100% - 360px );
		}


		@media only screen and (max-width: 639px) {

			.pmax-box-float-right {
				float: none;
			}

				.pmax-box-float-right-60 {
					width: 100%;
					margin: 2em 0 2em 0;
				}

		}

		@media only screen and (max-width: 1023px) {

			.pmax-box.pmax-box-float-right-pie {
				width: 100%;
			}

		}

	ul.pmax-box-70 {
		width: 70%;
	}

	@media only screen and (max-width: 700px) {

		ul.pmax-box-70 {
			width: 100%;
		}

	}

.wp-caption-text {
	font-size: 0.9em;
	color: #555;
}

.pmax-gradient-bg {
	background-color: #077c83;
	background-image: linear-gradient(60deg, #077c83 25%, #d2af77 100%);
}

.pmax-gradient-gray-bg {
	background-color: #f9f9f9;
	background-image: linear-gradient(60deg, #f9f9f9 25%, #fff 100%);
}

.elementor-icon-box-icon .elementor-icon .fa {
	color: #555;
}

/* Menu */

/* SG: Smaller menu items */

#primary-menu {
	padding-top: 1px;
	font-size: 14px;
}

#primary-menu li:not(:first-child) a {
	padding-left: 0;
}

#primary-menu li:first-child a {
	padding-left: 0;
}

/* SG: Smaller header button */

.ast-masthead-custom-menu-items button {
	font-size: 14px;
	padding: 3px 15px;
}

/* SG: Less space left of header button */
.ast-masthead-custom-menu-items.text-html-custom-menu-item {
	padding: 0 0 0 2px;
}

#pmax-header-button {
	cursor: pointer;
}

.menu-item a,
.ast-small-footer-section a {
	color: rgba(255, 255, 255, 1) !important;
}

.menu-item a:hover,
.ast-small-footer-section a:hover {
	color: rgba(255, 255, 255, 0.7) !important;
}

/* Mobile menu background color */

@media only screen and (max-width: 920px) {

	.pmax-loaded .submenu-with-border {
		background-color: #1e7c81 !important;
	}

		.pmax-loaded .submenu-with-border li a {
			padding-left: 19px !important;
		}

}

/* Headings */

.pmax-is-results article.ast-article-single h1.entry-title {
	font-size: 2.8em;
}

.pmax-subheading {
	padding-bottom: 8px;
}

.pmax-has-subheading .entry-header {
	margin-bottom: -0.5em;
}

/* Results headings */

.site-main h3,
.site-main h4,
.site-main h5,
.site-main h6 {
	clear: none;
}

.site-main h2 span,
.site-main h3 span,
.site-main h4 span,
.site-main h5 span,
.site-main h6 span {
	font-weight: 300;
}

.site-main h2 {
	display: block;
	font-size: 2em;
}

	.pmax-is-results .site-main h2 {
		padding-top: 0.8em;
	}

.site-main h3 {
	font-size: 1.6em;
}

	.pmax-is-results .site-main h3 {
		padding-top: 0.3em;
	}

.site-main h4,
.site-main h5,
.site-main h6 {
	color: #444 !important;
}

	.pmax-is-results .site-main h4,
	.pmax-is-results .site-main h5,
	.pmax-is-results .site-main h6 {
		padding-top: 0.15em;
	}



.elementor-background-overlay .elementor-heading-title {
	border: 1px solid red;
}

.elementor-element[data-settings*=gradient] .elementor-heading-title span {
	color: #fff !important;
}

/**
 * Header
 */

#pmax-header {
	width: 100%;
}

	@media only screen and (min-width: 769px) {

		#pmax-header {
			margin-bottom: -25px;
		}

	}

#pmax-header-ad {
	width: 100%;
	margin-top: 2.5em;
}

#pmax-below-title-ad {
	width: 100%;
	max-width: 728px; /* leaderboard left-aligned */
	margin-top: 0.8em; /* see below for when have subheading */
	/*margin-bottom: 2.6em;*/
}

	.pmax-has-subheading #pmax-below-title-ad {
		margin-top: 1.8em; /* see above for when do NOT have subheading */
	}

	/* Remove yelow background - from WP theme */

	ins.adsbygoogle {
		background: transparent !important;
	}

#pmax-breadcrumbs-social {
	display: table;
	width: 100%;
	margin-top: 0.9em;
}

	#pmax-breadcrumbs,
	#pmax-social {
		display: table-cell;
		vertical-align: middle;
	}

	#pmax-breadcrumbs {
		line-height: 1.35;
	}

		#pmax-yoast-breadcrumbs {
			font-size: 0.9em;
			color: #777;
		}

	#pmax-social {
		width: 190px;
		vertical-align: top;
	}

		#pmax-social .heateor_sss_sharing_container {
			float: right;
		}

		#pmax-social .heateor_sss_sharing_container i {
			width: 25px !important;
			height: 25px !important;
		}


	@media only screen and (max-width: 480px) {

		#pmax-social .heateor_sss_sharing_container i[title='Pinterest'],
		#pmax-social .heateor_sss_sharing_container i[title^='Google'],
		#pmax-social .heateor_sss_sharing_container i[title='Email'] {
			display: none;
		}

		#pmax-social {
			width: 95px;
		}

	}

	@media only screen and (max-width: 300px) {

		#pmax-social .heateor_sss_sharing_container i[title='Facebook'],
		#pmax-social .heateor_sss_sharing_container i[title='Twitter'] {
			display: none;
		}

		#pmax-social {
			width: 35px;
		}

	}

/**
 * Content Ads.
 */

.pmax-content-ad {
	margin: 3em 0;
}

/**
 * Sidebar.
 */

.pmax-sidebar-ad {
	margin-botton: 1.5em;
}

#primary.content-area {
	border-right: 0;
}

.ast-right-sidebar #secondary {
	padding-left: 0;
	text-align: right;
}

	.ast-right-sidebar #secondary .sidebar-main {
		display: inline-block;
		width: 300px;
		min-width: 220px;
		max-width: 100%;
		text-align: left;
	}

	.ast-right-sidebar #secondary .sidebar-main .textwidget > *:first-child {
		margin-top: 0.5em;
	}

.ast-right-sidebar #secondary .pmax-take-test {
	line-height: 1.4;
	font-size: 0.925em;
}

	.ast-right-sidebar #secondary .pmax-take-test h3 {
		font-size: 1.5em;
	}

	.ast-right-sidebar #secondary .pmax-take-test .button {
		margin-top: -5px;
		padding-left: 1.25em;
		padding-right: 1.25em;
		white-space: nowrap;
		text-align: center;
		display: block;
		width: 55%;
		margin-left: 0;
	}

	.ast-right-sidebar #secondary .pmax-take-test-learn {
		margin-top: 5px;
		text-align: center;
		display: block;
		width: 55%;
		margin-left: 0;
		font-size: 0.925em;
	}

	.ast-right-sidebar #secondary .pmax-take-test-img {
		margin-left: 0.75em;
		width: 101px;
		height: 184px;
	}

	@media only screen and (min-width: 769px) and (max-width: 980px) {

		.ast-right-sidebar #secondary .pmax-take-test {
			line-height: 1.3;
			font-size: 0.9em;
		}

		.ast-right-sidebar #secondary .pmax-take-test p {
			font-weight: normal;
		}

	}

	@media only screen and (min-width: 769px) and (max-width: 1023px) {

		.ast-right-sidebar #secondary .pmax-take-test {
			padding-right: 10px;
			font-size: 0.85em;
		}

		.ast-right-sidebar #secondary .pmax-take-test h3 {
			font-size: 1.2em;
		}

		.ast-right-sidebar #secondary .pmax-take-test h5 {
			font-size: 1.2em;
		}

		.ast-right-sidebar #secondary .pmax-take-test-img {
			display: none;
		}

		.ast-right-sidebar #secondary .pmax-take-test .button{
			width: 80%;
			margin-left: auto;
			margin-right: auto;
		}

		.ast-right-sidebar #secondary .pmax-take-test-learn {
			width: 100%;
			margin-left: auto;
			margin-right: auto;
			text-align: center;
		}

		.ast-right-sidebar #secondary .pmax-take-test .button {
			display: block;
			text-align: center;
		}

		.ast-right-sidebar #secondary .pmax-take-test-learn {
			margin-left: 0;
			display: block;
			text-align: center;
		}

	}

	@media only screen and (min-width: 860px) and (max-width: 1023px) {

		.ast-right-sidebar #secondary .pmax-take-test {
			padding-right: 10px;
			font-size: 0.9em;
		}

		.ast-right-sidebar #secondary .pmax-take-test h3 {
			font-size: 1.3em;
		}

		.ast-right-sidebar #secondary .pmax-take-test h5 {
			font-size: 1.15em;
		}

	}

	@media only screen and (max-width: 768px) {

		.ast-right-sidebar #secondary .pmax-take-test {
			line-height: 1.315;
			font-size: 1em;
		}

	}


@media only screen and (min-width: 769px) {

	.ast-right-sidebar #primary {
	    border-right: 0;
	}

	.ast-right-sidebar #secondary {
	    border-left: 0;
	    margin-left: 0;
	}

}


@media only screen and (min-width: 993px) {

	.ast-right-sidebar #primary {
	    padding-right: 35px;
	}

	.ast-right-sidebar #secondary {
	    padding-left: 0;
	}

}

@media only screen and (min-width: 769px) {

	.ast-right-sidebar #primary {
	    width: 70%;
	}

	.ast-right-sidebar #secondary {
	    width: 30%;
	}

}

@media only screen and (max-width: 768px) {

	.ast-right-sidebar #secondary {
		text-align: center;
	}

}

/**
 * PT Page
 */

.pmax-pt-sidebar {
	width: 100%;
	max-width: 340px;
	float: right !important;
	margin: 0 0 15px 2em;
	text-align: center;
}

	/* Clearfix */

	.pmax-pt-sidebar:after {
		content: "";
		display: table;
		clear: both;
	}

	@media only screen and (max-width: 600px) {

		.pmax-pt-sidebar {
			float: none !important;
			margin: 2.2em auto;
		}

	}

	.pmax-take-test {
		width: 100%;
		max-width: 340px;
		margin: 0 0 15px 2em;
		padding-bottom: 0;
		padding-right: 0;
		text-align: left;
		float: right;
	}

		.pmax-take-test.pmax-take-test-float-left {
			margin: 0 2em 15px 0;
			float: left;
		}

		.pmax-take-test.pmax-take-test-float-none {
			margin: 2.5em 0;
			float: none;
		}

		.pmax-pt-sidebar .pmax-take-test {
			float: none;
			margin: 2em 0 0 0;
		}

		.pmax-take-test h3,
		.pmax-take-test h5 {
			line-height: 1.2;
		}

		.pmax-take-test h3 {
			margin-bottom: 0;
		}

			.pmax-take-test h3 a {
				font-weight: bold !important;
				color: #107880 !important;
			}

		.pmax-take-test h5 {
			margin-top: 0;
			margin-bottom: 0;
		}

			.pmax-take-test h5 a {
				font-size: 0.9em !important;
				font-weight: bold !important;
				color: #bb914f !important;
			}

		.pmax-take-test p {
			margin: 0.9em 0 2em 0;
			font-weight: bold;
			font-size: 1em;
		}

		.pmax-take-test-img {
			margin-top: 0.9em;
			margin-left: 1em;
			width: 120px;
			height: 220px;
			float: right;
			background-color: #ccc;
			cursor: pointer;
			z-index: 2;
			position: relative;
		}

			.pmax-take-test-img,
			.pmax-take-test-img img {
				border: 0;
				border-bottom-right-radius: 4px;
				overflow: hidden;
			}

			.pmax-take-test-img img {
				border-style: solid;
				border-color: #f1f0ea;
				border-width: 1px 0 0 1px;
			}

		.pmax-take-test .button {
			margin-top: 0;
		}

		.pmax-take-test-learn {
			display: block;
			margin-top: 10px;
			font-size: 0.9em;
			margin-left: 42px;
			margin-bottom: 15px !important;
		}

		@media only screen and (max-width: 768px) {

			.pmax-take-test-img {
				height: 197px;
			}

		}

		@media only screen and (max-width: 599px) {

			.pmax-pt-sidebar {

			}

			.pmax-take-test {
				float: none !important;
				margin: 0 auto 2em auto !important;
			}

			.pmax-pt-sidebar .pmax-take-test {
				margin: 2em auto 0 auto !important;
			}

		}

		@media only screen and (max-width: 374px) {

			.pmax-take-test {
				text-align: center !important;
				padding: 1em !important;
				padding-bottom: 0 !important;
			}

				.pmax-take-test-img {
					display: none !important;
				}

				.pmax-take-test-learn {
					margin-left: 0 !important;
				}

		}

/**
 * CSS for Test
 */

.pmax-is-test .entry-header {
	margin-bottom: 0;
}

/* Layout */

.pmax-is-test .entry-header {
	position: relative;
}

#pmax-test-header-count {
	display: none;
	position: absolute;
	top: 0.7em;
	right: 1.5em;
	color: #555;
}

	@media only screen and (max-width: 560px) {
		#pmax-test-header-count {
			display: none !important;
		}
	}

#pmax-test-container {
	display: table;
	width: 100%;
}

#pmax-test-left,
#pmax-test-right {
	display: table-cell;
	vertical-align: top;
}

#pmax-test-left {
	width: 80%;
}

	#pmax-test-left h4 {
		margin-top: -5px;
	}


#pmax-test-right {
	width: 20%;
	padding-left: 30px;
}

/* Right - Image */

#pmax-test-image {
	position: relative;
	top: -10px;
}

	#pmax-test-image  {
		width: 291px;
	}

	#pmax-test-image img  {
		width: 100%;
		height: auto;
		max-width: 291px;
	}

	#pmax-test-example-link {
		text-align: center;
		position: relative;
		top: -20px;
	}

/* Left - Test */

#pmax-test-error {
	margin-top: 0;
}

#pmax-test-options-container {
	font-size: 0.95em;
}

	#pmax-test-options-label {
		display: inline-block;
		margin-right: 10px;
		margin-bottom: 0.2em;
		font-weight: bold;
	}

	#pmax-test-options-list {
		display: inline-block;
		list-style: none;
		margin: 0 0 -0.4em 0;
	}

		#pmax-test-options-list span { /* check mark */
			display: none;
			font-size: 0.8em;
		}

		#pmax-test-options-list li {
			display: inline-block;
			margin: 0.2em 8px 0.2em 0;
		}

		#pmax-test-options-list li:last-child {
			margin-left: 0;
		}

		#pmax-test-options-list li label {
			cursor: pointer;
		}

#pmax-test-questions {

}

	#pmax-test-progress,
	#pmax-test-progress-done {
		border-radius: 4px;
	}

	#pmax-test-progress {
		position: relative;
		width: 100%;
		border: 1px solid #ddd;
	}

		#pmax-test-progress-done {
			position: relative;
			top: -1px;
			left: -1px;
			width: 0%;
			min-width: 44px;
			margin-bottom: -2px;
			padding: 5px 10px;
			color: #fff;
			font-weight: bold;
			text-align: right;
			white-space: nowrap;
			transition: width 0.3s;
		}
	#pmax-test-back-container {
		margin: 15px 0 10px 0;
		text-align: left;
	}
		#pmax-test-back-button {
			background: #f8f8f8;
			border: 1px solid #ddd;
			border-radius: 4px;
			padding: 8px 16px;
			color: #555;
			cursor: pointer;
			font-size: 14px;
			font-weight: normal;
			transition: all 0.2s;
		}
			#pmax-test-back-button:hover {
				background: #e8e8e8;
				border-color: #ccc;
				color: #333;
			}
			#pmax-test-back-button:active {
				background: #ddd;
				transform: translateY(1px);
			}

	#pmax-test-questions-box {
		padding: 1.8em 0.7em 1.2em 0.7em;
		text-align: center;
		margin-bottom: 5px;
	}

		.pmax-question:not(:first-child) { /* hide all but first question */
			display: none;
		}

			.pmax-question-text {
				margin-bottom: 12px;
				font-size: 1.4em;
				font-weight: bold;
				line-height: 1.3;
			}

			ul.pmax-answers {
				margin: 0;
				list-style: none;
			}

				ul.pmax-answers li {
					display: inline-block;
					font-size: 1.2em;
					margin: 0.5em 0.7em;
					line-height: 1.3;
				}
			.pmax-question-category {
				font-size: 0.75em;
				color: #666;
				font-weight: normal;
				margin-bottom: 8px;
				text-transform: uppercase;
				letter-spacing: 0.5px;
			}

		#pmax-test-name {
			display: none;
		}

			#pmax-test-name-fields {
				list-style: none;
				margin: 0 0 20px 0;
			}

				#pmax-test-name-fields li {
					display: inline-block;
					margin: 5px 10px;
					font-weight: bold;
				}

				#pmax-test-name-fields li input {
					margin-left: 5px;
				}

		#pmax-test-scoring {
			display: none;
			height: 120px;
		}

			.pmax-test-scoring-text {
				font-size: 1.4em;
				font-weight: bold;
			}

	#pmax-test-below-questions {
		font-size: 0.95em;
		margin-bottom: 20px;
	}

#pmax-test-terms-line {
	font-size: 0.95em;
	color: #777;
}

	#pmax-test-terms-line a {
		font-weight: normal;
	}

#pmax-test-hidden {
	display: none;
}

/* Smaller text for less wrapping on mobile */

@media only screen and (max-width: 899px) {

	.pmax-question-text,
	.pmax-test-scoring-text {
		font-size: 1.1em;
	}

	ul.pmax-answers li {
		display: inline-block;
		font-size: 1.1em;
	}
}

/* Mobile test */

@media only screen and (max-width: 899px) {

	#pmax-test-container
	#pmax-test-left,
	#pmax-test-right {
		display: block;
		width: 100%;
		height: auto;
		padding-left: 0;
		margin-left: 0;
	}


	#pmax-test-image {
		top: 0;
		margin-bottom: 30px;
		width: auto;
	}

		#pmax-test-image img  {
			max-width: 582px;
			margin: 0 auto;
			display: block;
		}


		#pmax-test-example-link {
			text-align: center;
			position: relative;
			top: -30px;
		}

}

/**
 * Notice bar.
 */

#pmax-notice-bar {
	display: none;
	position: fixed;
	bottom: 0;
	width: 100%;
	height: 3em;
	background-color: #f0cb6f;
	text-align: center;
	padding: 0.8em 2em;
	line-height: 1.2;
}

	.pmax-not-scrolled #pmax-notice-bar {
		display: table;
	}

	#pmax-notice-bar-content {
		display: table-cell;
		vertical-align: middle;
	}


/**
 * Loading indicator from https://projects.lukehaas.me/css-loaders/
 */

.loader,
.loader:before,
.loader:after {
  background: #1e7c81;
  -webkit-animation: load1 1s infinite ease-in-out;
  animation: load1 1s infinite ease-in-out;
  width: 0.75em;
  height: 3em;
}
.loader {
  color: #1e7c81;
  text-indent: -9999em;
  margin: 40px auto;
  position: relative;
  font-size: 11px;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-animation-delay: -0.16s;
  animation-delay: -0.16s;
}
.loader:before,
.loader:after {
  position: absolute;
  top: 0;
  content: '';
}
.loader:before {
  left: -1.5em;
  -webkit-animation-delay: -0.32s;
  animation-delay: -0.32s;
}
.loader:after {
  left: 1.5em;
}
@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 3em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 4em;
  }
}

/**
 * Results CSS
 */

/* Results Title */

.pmax-results-separator { /* JS adds above all h2 except first */
	border-top: 1px solid #eee;
	margin: 4em 0 1.8em 0;
}

.pmax-tm {
	font-weight: 300;
	font-size: 0.45em;
	vertical-align: top;
	padding-top: 0.28em;
	display: inline-block;
}

/* Results TOC */

#pmax-results-toc {
	margin: 3em 0 2em 0;
	position: relative;
}

	#pmax-toc-more {
		display: none;
		width: 180px;
		margin: 0 auto;
		position: absolute;
		bottom: -18px;
		left: calc( 50% - 90px );
		font-size: 0.95em;
		padding: 7px;
	}

	#pmax-results-toc-inner {
	    margin: 0;
	    max-height: 185px;
	    overflow: hidden;
	}

		#pmax-results-toc-list {
			margin: 0;
			list-style: none;
			line-height: 1.2;
			padding: 4px 0 2px 0;
		}

			#pmax-results-toc-list li {
				margin-bottom: 4px;
			}

			.pmax-results-toc-depth-0 {
				font-weight: bold;
			}

			.pmax-results-toc-depth-1 {
				padding-left: 10px;
			}

				.pmax-results-toc-depth-1 a {
					font-weight: normal;
				}

			/* Three columns */

			#pmax-results-toc-list {
			    -webkit-column-count: 3;
			       -moz-column-count: 3;
			            column-count: 3;
			}

				#pmax-results-toc-list li {
				    display: table;
				    padding-bottom: 0;
				    margin-right: 1em;
				}

			@media only screen and (max-width: 700px) {
				#pmax-results-toc-list {
				    -webkit-column-count: 2;
				       -moz-column-count: 2;
				            column-count: 2;
				}
			}

			@media only screen and (max-width: 500px) {
				#pmax-results-toc-list {
				    -webkit-column-count: 1;
				       -moz-column-count: 1;
				            column-count: 1;
				}
			}

	/* More space between links for TOC on mobile */

	@media only screen and (max-width: 768px) {

		#pmax-results-toc-list li {
			margin-bottom: 8px;
		}

		#pmax-results-toc-list li:last-child {
			margin-bottom: 4px;
		}

	}

/* Snapshot */

#pmax-snapshot-quote-section.pmax-snapshot-quote-section-hide {
	display: none;
}

.pmax-snapshot-quote-content {
	font-style: italic;
	margin-top: 1.6em;
	text-align: center;
	border: 0;
	font-size: 2.4em;
	line-height: 1.1;
}

	.pmax-snapshot-quote-content span {
		font-style: normal;
		font-size: 0.6em;
		font-weight: 300;
		display: block;
		margin-top: 0.4em;
		color: #777;
	}

	#pmax-snapshot-quote-right { /* pmax-snapshot-block */
		width: auto;
		font-size: 0.7em;
		margin-top: 130px;
		max-width: 40%;
	}

	#pmax-snapshot-quote-right .pmax-snapshot-quote-content {
		margin: 0;
	}


	@media only screen and (max-width: 860px) {

		#pmax-snapshot-quote-right {
			display: none;
		}

		#pmax-snapshot-quote-section.pmax-snapshot-quote-section-hide {
			display: block;
		}

	}

#pmax-famous-temperament-heading {
	clear: both;
}

.pmax-snapshot-block {
	margin: 0.8em 0;
	display: inline-block;
	vertical-align: top;
}

#pmax-snapshot-pt {
	display: table;
	width: 100%;
}

	#pmax-snapshot-pt > div {
		display: table-cell;
	}

	#pmax-snapshot-pt h3 {
		margin-bottom: 0.1em;
	}

	#pmax-snapshot-pt h5 {
		margin-top: 0;
		margin-bottom: 0.8em;
		line-height: 1.4;
	}

		#pmax-snapshot-pt h5 span {
			font-weight: 300;
		}

	#pmax-snapshot-pt h5 strong {
		margin-top: 0;
		font-weight: 600;
	}

	#pmax-snapshot-pt-right {
		padding-left: 3%;
	}

	@media only screen and (max-width: 1023px) {

		#pmax-snapshot-pt {
			display: block;
		}

			#pmax-snapshot-pt > div {
				display: block;
			}

		#pmax-snapshot-pt-right {
			padding-left: 0;
		}

	}

#pmax-snapshot-mi {
	width: 100%;
}

	#pmax-snapshot-mi-chart-compact {
		display: none;
	}

		@media only screen and (max-width: 1023px) {

			#pmax-snapshot-mi-chart {
				display: none;
			}

			#pmax-snapshot-mi-chart-compact {
				display: block;
			}

		}

#pmax-snapshot-ls,
#pmax-snapshot-bh {
	margin-right: 7%;
}

	@media only screen and (max-width: 500px) {

		#pmax-snapshot-ls,
		#pmax-snapshot-bh {
			margin-right: 0;
		}

	}

.pmax-sidebar-image {
	margin-bottom: 2em;
	text-align: center;
}

.pmax-float-left { /* img */
	float: left;
	margin: 0 1.2em 10px;
	max-width: 70%;
}

.pmax-float-right { /* img */
	float: right;
	margin: 0 0 10px 1.2em;
	/*
	position: relative !important;
	top: -0.9em !important;
	*/
	max-width: 70%;
}

	.pmax-float-right-test {
		max-width: calc( 100% - 380px );
	}


	@media only screen and (max-width: 700px) {
		.pmax-float-right {
			display: block;
			float: none;
			margin: 2.5em auto 1em auto;
			max-width: 100%;
			top: 0;
		}
	}

#pmax-type-population-chart {
	display: inline-block;
	float: right;
	margin: 0 0 10px 1em;
	position: relative !important;
	top: -0.7em !important;
	max-width: 70%;

}

	#pmax-type-population-chart img {
		max-width: 100%;
	}

	#pmax-type-population-chart-legend {
		position: absolute;
		top: 0;
	}

	@media only screen and (max-width: 700px) {
		#pmax-type-population-chart {
			display: block;
			float: none;
			margin: 1.5em auto 1em auto;
			max-width: 100%;
		}
	}

/* Results list */

ul.pmax-no-left-margin {
	margin-left: 0;
}

.pmax-list {

}

	.pmax-list li {
		line-height: 1.2;
		display: inline-block;
		margin: 0 0 8px 0;
	}

		.pmax-list-item {

		}

		.pmax-list-secondary {
			color: #555;
			font-size: 0.9em;
		}

/* Two-column lists */

.pmax-list-two-cols {
	margin-left: 1.8em;
	-webkit-column-count: 2;
	-moz-column-count: 2;
	column-count: 2;
	line-height: 1.2em;
	list-style: none;
}

	.pmax-list-two-cols li {
		display: block;
		padding: 3px 0;
		margin-right: 1.8em;
	}

	/*
	.pmax-list-two-cols li::before {
		content: '\2022';
		padding-right: 0.6em;
	}
	*/

	@media only screen and (max-width: 1024px) {
		.pmax-list-two-cols {
			clear: both;
		}
	}

	@media only screen and (max-width: 400px) {
		.pmax-list-two-cols {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	}

/* Three-column lists */

.pmax-list-three-cols {
	margin-left: 1.8em;
	-webkit-column-count: 3;
	-moz-column-count: 3;
	column-count: 3;
	line-height: 1.2em;
	list-style: none;
}

	.pmax-list-three-cols li {
		padding: 3px 0;
		margin-right: 1.8em;
	}

	@media only screen and (max-width: 900px) {
		.pmax-list-three-cols {
			margin-left: 1.8em;
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
			line-height: 1.2em;
			list-style: none;
		}
	}

	@media only screen and (max-width: 570px) {
		.pmax-list-three-cols {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	}

/* Four-column lists */

.pmax-list-four-cols {
	margin-left: 1.8em;
	-webkit-column-count: 4;
	-moz-column-count: 4;
	column-count: 4;
	line-height: 1.4;
	list-style: none;
}

	.pmax-list-four-cols li {
		padding: 0;
		margin-right: 1.8em;
		display: block;
		-webkit-column-break-inside: avoid;
		-moz-column-break-inside: avoid;
		-o-column-break-inside: avoid;
		-ms-column-break-inside: avoid;
		column-break-inside: avoid;

	}

	@media only screen and (max-width: 1179px) {

		.ast-right-sidebar .pmax-list-four-cols {
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
		}

	}

	@media only screen and (max-width: 700px) {

		.pmax-list-four-cols,
		.ast-right-sidebar .pmax-list-four-cols {
			-webkit-column-count: 3;
			-moz-column-count: 3;
			column-count: 3;
		}

	}

	@media only screen and (max-width: 540px) {
		.pmax-list-four-cols,
		.ast-right-sidebar .pmax-list-four-cols {
			-webkit-column-count: 2;
			-moz-column-count: 2;
			column-count: 2;
		}
	}

	@media only screen and (max-width: 420px) {
		.pmax-list-four-cols,
		.ast-right-sidebar .pmax-list-four-cols {
			-webkit-column-count: 1;
			-moz-column-count: 1;
			column-count: 1;
		}
	}

/* Two col blocks */

.pmax-two-col-blocks {
	display: table;
	clear: both;
	margin: 1.8em 0 2em 0;
	width: 100%;
}

	.pmax-two-col-block {
		display: table-cell;
		width: 50%;
	}

		.pmax-two-col-block .pmax-box:first-child {
			margin-top: 0;
		}

	.pmax-two-col-block >:last-child {
		margin-bottom: 0;
	}

	.pmax-two-col-block:first-child {
		padding-right: 1em;
	}

	.pmax-two-col-block:last-child {
		padding-left: 1em;
	}

	.pmax-box .pmax-two-col-blocks {
		margin-top: 0;
	}

	@media only screen and (max-width: 1023px) {

		.pmax-two-col-blocks {
			display: block;
		}

			.pmax-two-col-block {
				display: block;
				width: 100%;
				margin: 1.8em 0 2em 0;
			}

			.pmax-two-col-block:first-child {
				margin-top: 0;
				padding-right: 0;
			}

			.pmax-two-col-block:last-child {
				padding-left: 0;
				margin-bottom: 0;
			}

			.pmax-box .pmax-two-col-blocks > *:first-child {
				margin-top: 0;
			}

			.pmax-box .pmax-two-col-blocks > *:last-child {
				margin-bottom: 0;
			}

	}


/* Three col blocks */

.pmax-three-col-blocks {
	display: table;
	clear: both;
	margin: 1.8em 0 2em 0;
	width: 100%;
}

	.pmax-three-col-block {
		display: table-cell;
		width: 33%;
	}

		.pmax-three-col-block .pmax-box:first-child {
			margin-top: 0;
		}

	.pmax-three-col-block >:last-child {
		margin-bottom: 0;
	}

	.pmax-three-col-block:first-child {
		padding-right: 1em;
	}

	.pmax-three-col-block:last-child {
		padding-left: 1em;
	}

	.pmax-box .pmax-three-col-blocks {
		margin-top: 0;
	}

	@media only screen and (max-width: 1023px) {

		.ast-right-sidebar .pmax-three-col-blocks {
			display: block;
		}

			.ast-right-sidebar .pmax-three-col-block {
				display: block;
				width: 100%;
				margin: 1.8em 0 2em 0;
			}

			.ast-right-sidebar .pmax-three-col-block:first-child {
				margin-top: 0;
				padding-right: 0;
			}

			.ast-right-sidebar .pmax-three-col-block:last-child {
				padding-left: 0;
				margin-bottom: 0;
			}

			.ast-right-sidebar .pmax-box .pmax-three-col-blocks > *:first-child {
				margin-top: 0;
			}

			.ast-right-sidebar .pmax-box .pmax-three-col-blocks > *:last-child {
				margin-bottom: 0;
			}

	}


	@media only screen and (max-width: 700px) {

		.pmax-three-col-blocks {
			display: block;
		}

			.pmax-three-col-block {
				display: block;
				width: 100%;
				margin: 1.8em 0 2em 0;
			}

			.pmax-three-col-block:first-child {
				margin-top: 0;
				padding-right: 0;
			}

			.pmax-three-col-block:last-child {
				padding-left: 0;
				margin-bottom: 0;
			}

			.pmax-box .pmax-three-col-blocks > *:first-child {
				margin-top: 0;
			}

			.pmax-box .pmax-three-col-blocks > *:last-child {
				margin-bottom: 0;
			}

	}

/* Share blocks */

.pmax-save-share-blocks {
	display: table;
	clear: both;
	margin: 1.8em 0 2em 0;
	width: 100%;
}

	.pmax-save-share-block {
		display: table-cell;
		width: 50%;
	}

	.pmax-save-share-block >:last-child {
		margin-bottom: 0;
	}

	.pmax-save-share-block:first-child {
		padding-right: 2em;
	}

	.pmax-save-share-block:last-child {
		padding-left: 2em;
	}

	@media only screen and (max-width: 600px) {

		.pmax-save-share-blocks {
			display: block;
		}

			.pmax-save-share-block:first-child {
				padding-right: 0
			}

			.pmax-save-share-block:last-child {
				padding-left: 0;
			}

			.pmax-save-share-block {
				display: block;
				width: 100%;
				margin: 1.8em 0 2em 0;
			}

	}

/* Further blocks */

.pmax-further-blocks {
	display: table;
	clear: both;
	margin: 0 0 2em 0;
	width: 100%;
}

	.pmax-further-block {
		display: table-cell;
		vertical-align: top;
	}

	.pmax-further-block > *:first-child {
		margin-top: 0;
	}


	.pmax-further-block >:last-child {
		margin-bottom: 0;
	}

	.pmax-further-block:first-child {
		width: 30%;
	}

	@media only screen and (max-width: 600px) {

		.pmax-further-blocks {
			display: block;
		}

			.pmax-further-block {
				display: block;
				width: 100%;
				margin: 1.8em 0 2em 0;
			}

			.pmax-further-block:first-child {
				width: 100%;
			}

	}

#pmax-results-url-input {
	width: calc( 100% - 120px );
	margin-bottom: 5px;
	margin-right: 10px;
}

#pmax-copy-report-url {
	padding: 0.5em 1em;
	font-size: 0.95em;
}

#pmax-url-copied {
	display: none;
	font-size: 0.95em;
	color: #777;
}

/* Top for sharing, saving, etc. */

#pmax-results-top {
	margin: 0.8em 0 1.8em 0;
	display: table;
	width: 100%;
}

	#pmax-results-top > div {
		display: table-cell;
		vertical-align: middle;
	}

	#pmax-results-top a.button {
		font-size: 0.95em;
		padding: 0.7em 1.4em;
		white-space: nowrap;
	}

	#pmax-results-top-social {
		width: 230px;
	}

	#pmax-results-top-test {
		text-align: right;
	}

		#pmax-results-top-test span {
			font-size: 0.95em;
		}

	@media only screen and (max-width: 740px) {

		#pmax-results-top {
			margin-top: -1.2em;
			display: block;
		}

			#pmax-results-top > div {
				display: inline-block;
				width: auto;
				margin: 1.2em 2% 0 0;
				text-align: left;
			}

	}

	@media only screen and (max-width: 399px) {

		#pmax-results-top-test span span {
			display: none;
		}

	}

	@media only screen and (max-width: 299px) {

		#pmax-results-top-test span {
			display: none;
		}

	}

/* Hide search on Not Found */

.error-404 .page-content {
	display: none;
}

/* Homepage Ads */

.pmax-home-ad {
	text-align: center;
}

#pmax-home-ad-1 {
	margin-top: -2em;
	margin-bottom: 5em;
}

#pmax-home-ad-2 {
	margin: 5em auto;
}

/* Report Ads */

.pmax-report-ad {
	text-align: center;
	margin: 4em auto 1.75em auto;
}

/* Printer-friendly results */

#pmax-report-copy-print {
	display: none;
}

#pmax-print-header,
#pmax-print-footer {
	display: none;
}

#pmax-print-header {
	margin: 10px 0 10px 0;
	position: relative;
	left: 0;
}

#pmax-print-footer {
	margin: 1em 1em 0 1.5em;
}

@media print {

	/* Show personalitymax.com header and footer copyright */
	#pmax-print-header,
	#pmax-print-footer {
		display: block;
	}

	.site-header,
	.site-footer,
	.material-scrolltop,
	#pmax-results-top,
	#pmax-report-copy,
	.heateor_sss_sharing_container,
	#pmax-header,
	#further-learning-title,
	#pmax-toc-more,
	#further-learning-links,
	#pmax-results-toc-list li:last-child,
	#pmax-notice-bar, /* Further Learning */
	.pmax-report-ad,
	.pmax-results-ad-separator
	{
		display: none !important;
	}

	.pmax-further-blocks {
		padding-top: 40px;
	}

	#pmax-report-copy-print {
		display: block !important;
	}

	#pmax-toc-more  {
		display: none;
	}

	#pmax-results-toc-inner {
		max-height: none;
	}


}

/**
 * Content pages
 */

.pmax-blockquote-float-right { /* img */
	float: right;
	margin: 0 0 15px 2em;
	position: relative !important;
	top: -0.9em !important;
	max-width: 45%;
}

	@media only screen and (max-width: 500px) {
		.pmax-blockquote-float-right {
			display: block;
			float: none;
			margin: 2.5em auto 1em auto;
			max-width: 100%;
			top: 0;
		}
	}

.pmax-quote-mi {
	/*max-width: calc( 100% - 380px );*/
	max-width: calc( 100% - 60px );
}

	@media only screen and (max-width: 900px) {
		.pmax-quote-mi {
			max-width: 100%;
		}
	}

.pmax-fun-stuff {
	margin-left: 0;
}

	.pmax-fun-stuff li {
		margin: 1em 0;
		list-style: none;
	}

/**
* material-scrolltop
*
* Author: Bartholomej
* Website: https://github.com/bartholomej/material-scrolltop
* License: MIT;
*/

.material-scrolltop {
    display: block;
    position: fixed;
    width: 0;
    height: 0;
    bottom: 23px;
    right: 23px;
    padding: 0;
    overflow: hidden;
    outline: none;
    border: none;
    border-radius: 2px;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.2);
    cursor: hand;
    border-radius: 50%;
    background: #f1cc6f;
    -webkit-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -ms-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -moz-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    -o-transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
    transition: all 0.3s cubic-bezier(0.25, 0.25, 0, 1);
}

.material-scrolltop:hover {
    background-color: #f7d977;
    text-decoration: none;
    box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1), 0 3px 15px rgba(0, 0, 0, 0.1);
}

.material-scrolltop::before {
    position: absolute;
    top: 50%;
    left: 50%;
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    -moz-transform: translate(-50%, -50%);
    -o-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
    content: "";
    width: 0;
    border-radius: 100%;
    background: #66bb6a;
}

.material-scrolltop.reveal {
    width: 56px;
    height: 56px;
}

.material-scrolltop span {
    display: block;
    font-size: 25px;
    color: #fff;
}

.material-scrolltop,
.material-scrolltop::before {
    background-image: url(../images/top-arrow.svg);
    background-position: center 50%;
    background-repeat: no-repeat;
}