

div.employment {
	border-bottom:	1px solid gray;
}

div.employment > div {
	position:	relative;
	height:		100%;
}

div.employment > div > * {
	border:		0px solid red;
}


div.employment > div > div:nth-child(1) {
	float:		left;
	width:		60%;
	font-weight:	bold;
}

div.employment > div > div:nth-child(2) {
	float:		left;
	width:		40%;
	font-weight:	bold;
	text-align:	right;
	padding-bottom:	8px;
}

div.employment > div > div:nth-child(3) {
}

div.employment > div > div:nth-child(4) {
}

div.employment > div > div:nth-child(3),
div.employment > div > div:nth-child(4) {
	clear:		both;
}

body.wall > .page > .header,
body.wall > .page > .menu,
body.wall > .page > .footer,
body.wall > .page > .main > .left {
	display:	none;
}

body.wall > .page > .center {
	max-width:	100%;
}

body.wall > .page > .center > .content {
	/*
	margin:		0px;
	*/
}


body.wall > .page > .center > .content > .container > div:nth-child(1) > div:nth-child(5) {
	display:	none;
}

/*
body.wall > .page > .center > .content > .container > div:nth-child(2) {
	display:	none;
}
*/

body.wall > .page > .center > .content > .container > div:nth-child(1) {
	height:		14vh;
	border:		0px solid blue;
	margin:		0px;
}

body.wall .no-wall {
	display:	none !important;
}

body.wall > .page > .center > .content > .container > hr {
	display:	none;
}

body.wall > .page > .center > .content,
body.wall > .page > .center > .content > .container > div > h2,
body.wall > .page > .center > .content > .container > div.view-container > h3 {
	margin-top:	0px;
	margin-bottom:	0px;
	border:	0px solid blue;
}

body.wall > .page > .center > .content > .container > div > p  {
	margin-top:	0.25rem;
	margin-bottom:	0.25rem;
}

body.wall > .page > .center > .content > .container > div.view-container {
	border:			0px solid red;
	margin:			0px;
	overflow:		hidden;
	height:			80vh;
}

body.wall > .page > .center > .content > .container > div.view-container > div {
	display:		flex;
	flex-wrap:		wrap;
	justify-content:	space-between;
	margin:			0px;


	animation-name:			scroll;
	animation-duration:		120s;
	animation-iteration-count:	infinite;
	animation-direction:		right;
	animation-timing-function:	linear;

	z-index:			2;
	border:				0px solid red;
}

@keyframes scroll1 {
	0% {
		margin-top:	0px;
	}

	10% {
		margin-top:	0px;
	}

	11% {
		margin-top:	-40vh;
	}

	20% {
		margin-top:	-40vh;
	}

	21% {
		margin-top:	-80vh;
	}

	30% {
		margin-top:	-80vh;
	}

	31% {
		margin-top:	-120vh;
	}

	100% {
		margin-top:	-120vh;
	}

}


body.wall > .page > .center > .content > .container > div > h2,
body.wall > .page > .center > .content > .container > div.view-container > div > h3,
body.wall > .page > .center > .content > .container > div > p {
	flex-basis:	100%;
}

body.wall > .page > .center > .content > .container > div.view-container > div > div {
	flex-basis:	24.5%;
	padding:	0.5rem;
	margin:		0px;
	margin-bottom:	0rem;
	max-height:	40vh;
	min-height:	40vh;
	border:		0px solid green;
	overflow:	hidden;
}

body.wall > .page > .center > .content > .container > div.view-container > div > h3 {
	display:	none;
}

/*
body.wall > .page > .center > .content > .container > div:nth-child(3n) {
}*/

body.wall > .page > .center > .content > .container > div.view-container > div > div:nth-child(3n + 1) {
	background-color: #f0f0c4;
}

body.wall > .page > .center > .content > .container > div.view-container > div > div:nth-child(3n + 3) {
	background-color: #eaeaea;
}


div.employment > div > .page {
	font-weight:	bold;
	text-align:	right;
	font-size:	0.75rem;
}

div.employment .qr-code {
	position:	fixed;
}

div.employment > div > img {
	display:	none;
}

div.employment > div > div > div.placeholder {
	float:		right;
	margin-left:	0.25rem;
	border:		0px solid red;
	width:		64px;
	height:		64px;
	display:	none;
}

body.wall div.employment > div > div > div.placeholder {
	display:	block;
}

body.wall div.employment > div > img {
	display:	inline-block;
	position:	absolute;
	right:		0px;
	top:		3rem;
}

div.employment-cares {
	background-image: url('style/new-background.svg');
}

div.employment-cares h2 {
	color:		black;
	margin-top:	0px;
	margin-bottom:	0px;
	border:		0px solid red;
	display:	grid;
	grid-template-columns:	4rem auto;
	align-items:	center;
}

div.employment-cares h2 > * {
	border:		0px solid red;
}

div.employment-cares h2 span:nth-child(1) {
	color:		#26547C;
	padding-right:	2rem;
	font-size:	4rem;
	text-shadow:	0px 0px 8px rgba(0,0,0,0.4);
}

