#her-healthage-plugin {

	max-width: 1200px;

}



#her-healthage-plugin .report-divider {

	height: 5px;

}



#her-healthage-plugin .report-for {

	margin: 8px 0 16px 0;

	font-size: 1.2em;

}



#her-healthage-plugin .report-for-label {

	font-weight: bold;

}



#her-healthage-plugin .report-for-name {

	background-color: #eaeaea;

	padding: 1px 50px 1px 7px;

}



#her-healthage-plugin .report-results {

	display: grid;

	grid-template-columns: 1fr 1fr 1fr;

	grid-column-gap: 20px;

}



#her-healthage-plugin .report-results > div {

	text-align: center;

}



#her-healthage-plugin .report-result {

	display: inline-block;

	font-size: 3em;

	background-color: #eaeaea;

	padding: 0px 19px;

}



#her-healthage-plugin .report-result-desc .main {

	font-weight: bold;

}



#her-healthage-plugin .recommendation-columns {

	display: grid;

	grid-template-columns: 1fr 1fr;

	grid-column-gap: 20px;

}



#her-healthage-plugin .recomm {

	margin-bottom: 14px;

}



#her-healthage-plugin .recomm.adequate {

	opacity: 0.5;

}



#her-healthage-plugin .recomm .title {

	font-weight: bold;

}



#her-healthage-form .showing-msg {

	margin-bottom: 4px;

}

#her-healthage-form .errors {

	background-color: rgb(193, 48, 66);

	color: white;

	border-radius: 3px;

	padding: 10px;

	width: fit-content;

	margin-left: auto;

	margin-right: auto;

	margin-bottom: 15px;

	text-align: left;

	font-weight: bold;

}

.her-header {

	display: grid;

	grid-template-areas:

		'name name name gender'

		'age weight height bmi';

	grid-column-gap: 20px;

	background: #09425A;

	color: white;

	padding: 20px;

}

@media (max-width: 768px) {

	.her-header {

		grid-template-areas:

			'name name name'

			'gender gender gender'

			'age weight height'

			'bmi bmi bmi';

	}

}

.her-header input[type="text"],

.her-userdata input[type="text"] {

	width: 100%;

}

.her-header input[type="text"]::placeholder,  /* assumes light theme */

.her-userdata input[type="text"]::placeholder {

	color: #bcbcbc;

}

.her-header input[readonly],  /* assumes light theme */

.her-userdata input[readonly] {

	background-color: #dfdfdf;

}

@media (min-width: 769px) {

	.her-header .header-gender .spacer {

		margin-bottom: 0.5em;

	}

}

@media (max-width: 768px) {

	.her-header .header-gender {

		padding-top: 30px;

		padding-bottom: 15px;

		text-align: center;

	}

}

.her-questions {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	grid-gap: 20px;

	padding: 20px;

}

@media (max-width: 768px) {

	.her-questions {

		grid-template-columns: 1fr;

	}

}

.her-questions .her-question {

	margin-top: 10px;

}

.her-questions .her-options {

	padding-left: 15px;

}

.her-questions .her-title {

	font-weight: bold;

	margin-bottom: 10px;

}

.her-interest-heading {

	border-bottom: 2px solid lightgray;

	font-weight: bold;

}

@media (max-width: 768px) {

	.her-interest-heading {

		padding-left: 10px;

	}

}

.her-interests {

	display: grid;

	grid-template-columns: repeat(3, 1fr);

	grid-gap: 20px;

	padding: 20px;

}

@media (max-width: 768px) {

	.her-interests {

		grid-template-columns: 1fr;

	}

}

.her-interests [type="checkbox"] + label,

.her-interests [type="radio"] + label {

	display: inline;

}

.her-userdata {

	display: grid;

	grid-template-columns: repeat(2, 1fr);

	grid-template-areas:

		'name2 email'

		'address phone'

		'zip sendreport';

	grid-gap: 20px;

	padding: 20px;

}

@media (max-width: 768px) {

	.her-userdata {

		grid-template-columns: 1fr;

		grid-template-areas:

			'name2'

			'email'

			'address'

			'phone'

			'zip'

			'sendreport';

	}

}