.family_ministries .page_container {
	position: relative;
	transition: .2s;
}

.family_ministries .page_container.inactive {
	position: absolute;
	top: 0;
	opacity: 0;
	pointer-events: none;
}

	.family_ministries .page_container h4 {
		text-align: center;
		font-size: 1.8rem;
		margin: .8em 0;
		text-transform: uppercase;
		color: var(--module_fm_primary-color);
		font-weight: bold;
		letter-spacing: 4px;
		
		padding-top: 1em;
		overflow: hidden;
	}
	
		.family_ministries .page_container h4 span {
			display: block;
			font-size: .6em;
			margin-top: .2em;
			text-transform: none;
		}


	.assessment_header {
		position: relative;
		padding: 1em 0;
		padding-right: 1.5rem;
		display: flex;
		justify-content: space-between;
	}
	
		.pole {
			width: 40%;
			font-size: .8em;
		}
		
		.pole:last-child {
			text-align: right;
		}


.question_container {
	display: flex;
	position: relative;
	align-items: center;
	flex-wrap: nowrap;
	padding: 1em;
	box-sizing: border-box;
	overflow: hidden;
}

	.question_container.error .field_text {
		color: red;
	}

		.question_container[data-field_type="header"] {
			margin-top: 2rem;
		}

			.question_container[data-field_type="header"] .field_text {
				font-weight: bold;
				font-size: 1.2rem;
			}

		.question_container[data-field_type="checkbox"] {
			padding: 0 1em;
		}
		
			.question_container[data-field_type="checkbox"] .field_text {
				width: 100%;
			}

				.question_container[data-field_type="checkbox"] .field_text label {
					padding: 1em 0;
					display: block;
				}


	.question_container:nth-child(odd):not([data-field_type="header"]) {
		background-color: #FAFAFA;
	}

	.rating_container,
	.rating_choice_container,
	[data-container_type] {
		position: relative;
		display: flex;
		justify-content: space-between;
		padding-right: 1.5rem;
		box-sizing: border-box;
		font-size: .9em;
		line-height: 1;
		flex: 0 0 auto;
	}
	
		.rating_container {
			width: 285px;
			flex-direction: column;
		}


.checkbox_container input {
	display: none;
}


	.checkbox_container label span {
		display: block;
		position: relative;
		width: 20px;
		height: 20px;
		border: #299ED3 solid 1px;
		border-radius: 50%;
		box-sizing: border-box;
		padding: 2px;
	}

		.checkbox_container span:after {
			content: "";
			display: block;
			width: 100%;
			height: 100%;
			border-radius: 50%;
			transition: .2s;
		}
			.checkbox_container input:checked + span:after {
				background: #299ED3;
			}

.rating_choice_container {
    /* position: relative; */
    /* display: flex; */
}

.assessment_header {
	padding-left: 18%;
    padding-right: 1.5rem;
}
		.rating_container .rating_choice {
			position: relative;
		}
		
			.rating_container .rating_choice span {
				position: relative;
				width: 35px;
				height: 35px;
				padding: .5em;
				text-align: center;
				line-height: 1.4;
				background: #D3D3D3;
				border-radius: 50%;
				border: #CDCDCD solid 1px;
				cursor: pointer;
				transition: color .2s, background-color .2s;
				display: flex;
				justify-content: center;
				align-items: center;
			}
			
				.rating_container .rating_choice_container .rating_choice:first-child span {
					font-size: .8em;
				}

			.rating_container .rating_choice input[type="radio"] {
				display: none;
			}
			
			.rating_container .rating_choice input[type="radio"]:checked + span {
				color: #fff;
				background-color: #299ED3;
			}
			

	.controls {
		position: relative;
		padding-top: 1rem;
		text-align: center;
		display: flex;
		justify-content: center;
	}
	
		.family_ministries .controls a {
			margin: 0 1em;
		}
	
		.controls a.submit,
		.assessment_view.last_page .controls a.next,
		.assessment_view[data-page="1"] .controls a.previous {
			display: none;
		}
		
			.assessment_view.last_page .controls a.submit {
				display: inline-block;
			}

			.assessment_view .controls input[type=submit] {
				position: absolute;
				left: -1000px;
				visibility: hidden;
				pointer-events: none;
			}
		
		.assessment_container > .controls {
			position: absolute;
			right: 0;
			z-index: 100;
			
			top: -50px;
			padding-top: 0;
		}
		
			.assessment_container > .controls a {
				margin: 0;
				text-transform: none;
				display: flex;
				align-items: center;
			}
			
				.assessment_container > .controls a.submit,
				.assessment_view.last_page .assessment_container > .controls a.submit {
					display: none;
				}
				
					.assessment_view.last_page .assessment_container > .controls a.submit {
						display: flex;
					}
			
				.assessment_container > .controls a span {
					margin-left: .5em;
					transition: .2s;
				}
				
					.assessment_container > .controls a:hover span {
						transform: translateX(50%);
					}

@media (max-width: 768px) {
	.question_container[data-field_type="scale"] {
		margin-bottom: 3em;
		flex-direction: column-reverse;
	}
	
		.rating_container {
			width: 100%;
			max-width: 300px;
			margin: 0 auto;
		}
	
	.question_container .rating_container {
		margin-top: 2em;
	}
	
		.rating_container, 
		.rating_choice_container {
			padding-right: 0;
		}
		
		.assessment_header {
			padding-right: 0;
		}

	[data-field_type="scale"] .field_text {
		text-align: center;
	}
}