main h2 { margin-bottom: 70px; }
#accordionEmployment h2 { letter-spacing: 0.01em; border-radius: 16px; }
#accordionEmployment .accordion-item { position: relative; box-shadow: 0 10px 40px rgba(0,0,0,0.05); border: none; margin-bottom: 100px; border-radius: 16px; }

#accordionEmployment button.accordion-button { color: #1f1f1f; font-size: 30px; font-weight: 600; border-radius: 16px; height: 100px; padding-left: 50px; padding-right: 30px; }
#accordionEmployment button.accordion-button::after { width: 40px; height: 40px; background-size: 40px; background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%238E4199' stroke-linecap='round' stroke-linejoin='round'%3e%3cpath d='M2 5L8 11L14 5'/%3e%3c/svg%3e")}
#accordionEmployment button.accordion-button:focus { box-shadow: none; }
#accordionEmployment button.accordion-button:not(.collapsed) { background-color: transparent; box-shadow: none; }
#accordionEmployment button.accordion-button[aria-expanded="true"] > span { display: none; }

#accordionEmployment .accordion-collapse {  }
#accordionEmployment .accordion-body { font-size: 16px; font-weight: 300; line-height: 1.4; padding: 0 50px 40px; color: #717171; }
#accordionEmployment .accordion-body p { color: #717171; margin-bottom: 15px; line-height: 1.4; }
#accordionEmployment .accordion-body p small { display: inline-block; font-size: 12px; font-style: italic; }
#accordionEmployment .accordion-body p.required { color: #1E3A74; font-size: 14px; font-style: italic; }

.job-posting h3 { color: #8E4199; font-size: 16px; line-height: 1.4; margin-bottom: 0; margin-top: 1.4em; font-weight: 600; }
.job-posting h4 { color: #717171; font-size: 16px; line-height: 1.4; margin-bottom: 0; margin-top: 1.4em; font-weight: 600; }
.job-posting h5,
.job-posting h6 { color: #717171; font-size: 16px; line-height: 1.4; margin-bottom: 0; margin-top: 1.4em; font-weight: 400; }
.job-posting ul {  }
.job-posting ul li,
.job-posting ol li { color: #717171; }
.job-posting ul li strong,
.job-posting ol li strong { font-weight: 500; }
.job-posting ul li::marker { font-size: 12px; line-height: 16px; }

#how-to-apply h2 { margin-bottom: 40px; }
#how-to-apply-content { background: #fff; border-radius: 16px; box-shadow: 0 10px 40px rgba(0,0,0,0.05); padding: 50px 50px 40px; }

#employment-photos { height: 600px; margin-top: 80px; }
#employment-photos > .col-12:last-child > .row { height: calc(50% - 12px); margin-bottom: 24px; }
#employment-photos .col-12 > .img,
#employment-photos .col-6 > .img { 
	border-radius: 16px;
	width: 100%; 
	max-width: 100%;
	height: 100%;
	background-size: cover;
	background-position: center;
	background-repeat: no-repeat;
	margin-bottom: 24px;	
}


@media ( max-width: 575px ) {
	#accordionEmployment button.accordion-button { padding-left: 30px; }
	#accordionEmployment .accordion-body { padding: 0 30px 20px; }
}
@media ( max-width: 399px ) {
	#accordionEmployment button.accordion-button { padding-left: 20px; }
	#accordionEmployment .accordion-body { padding: 0 20px 20px; }
}


@media ( max-width: 1199px ) {
	div#employment-photos { height: 50vw; }
}
@media ( max-width: 991px ) {
	main { padding-bottom: 50%; }
	div#employment-photos { height: 100vw; }
	#employment-photos > .col-12 > .img { height: calc(100% - 24px); }
	#employment-photos > .col-12:last-child > .row { height: 82%; }
	#employment-photos > .col-12:last-child > .row > .col-12 > .img { height: 100%; }
	#employment-photos .col-6 > .img {  }

	
}
