/************************************************************

	CSS

************************************************************/

@font-face {
	font-family: 'myCalibri';
	src: url(../font/calibri-regular.ttf);
}

@font-face {
	font-family: 'myGalgony';
	src: url(../font/galgony-regular.ttf);
}

@font-face {
	font-family: 'myNw';
	src: url(../font/northern_worssley-regular.ttf);
}

@font-face {
	font-family: 'myPrimary';
	src: url(../font/primary-italic.ttf);
}

body {
	width: 100vw;
	height: auto;
	margin: 0;
	padding: 0;
	overflow-x: hidden;
	font-family: 'myCalibri';
}

	.bold {
		font-weight: bold;
	}

	.underline {
		text-decoration: underline;
	}

	.italic {
		font-style: italic;
	}

	.t1 {
		font-size: 150%;
		letter-spacing: 3px;
		font-weight: bold;
		background-color: #000099;
		color: white;
		padding-left: 10px;
	}

	.t2 {
		font-weight: bold;
		/*text-decoration: underline;*/
		font-size: 120%;
		letter-spacing: 1px;
		cursor: pointer;
		margin-top: 20px;
		padding-top: 0;
		background-color: #00b050;
		max-width: 60%;
		color: white;
		transition: background 0.5s;
	}

	.t2:hover {
		background-color: rgba(0, 176, 80, 0.7);
		
	}

	.t3 {
		font-size: 120%;
		text-decoration: underline;
		position: relative;
		text-align: center;
		margin-top: 50px;
	}

	.nextto {
		display: flex;
		flex-direction: row;
		width: 100%;
		position: relative;
	}

	#content {
		width: 100vw;
		margin-top: 3em;
		height: auto;
		position: relative;
	}

/************************************************************

	MENUH

************************************************************/

	#menuh {
		height: 3em;
		width: 100vw;
		top: 0;
		line-height: 3em;
		position: fixed;
		background-color: #000099;
		font-weight: bold;
		color: rgba(255,255,255,.75);
		display: flex;
		flex-direction: row;
		z-index: 99;
	}

		#menuh a.info {
			padding-left: 20px;
			display: flex;
			flex-direction: row;
			cursor: pointer;
			transition: color 0.5s, fill 0.5s;
		}

			#menuh a.info:hover {
				color: red;
				fill: red;
			}

			#menuh a.info svg {
				position: relative;
				top: 50%;
				transform: translateY(-50%);
			}

			#menuh a.info span {
				padding-left: 5px;
			}

/************************************************************

	HEADER

************************************************************/

	#header {
		height: 200px;
		width: 100%;
		clip-path: polygon(0 0, 100% 0, 100% 100%, 0 70%);
		background-color: #00b050;
		color: white;
		position: relative;
		font-family: 'myPrimary';
	}

	#header .logo_header_rs {
		height: 150px;
		width: 150px;
		position: absolute;
		top: 35%;
		left: 20%;
		transform: translate(-50%,-50%);
		background-image: url(../img/logo_rschuman.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: center;
	}

	#header .big_title label {
		padding-top: 15px;
		font-size: 300%;
		position: absolute;
		font-weight: bold;
		letter-spacing: 8px;
		text-transform: uppercase;
	}

		.big_title label:nth-child(1) {
			top: 0;
			left: 60%;
			transform: translate(-50%,-0%);
		}

		.big_title label:nth-child(2) {
			top: 50%;
			left: 70%;
			transform: translate(-50%,-50%);
		}

/************************************************************

	MENUV

************************************************************/

	#menuv {
		width: 20em;
		height: auto;
		max-height: 1125px;
		margin: 50px 0 20px 0;
		position: relative;
		box-shadow: rgba(60, 64, 67, 0.3) 0px 1px 2px 0px, rgba(60, 64, 67, 0.15) 0px 2px 6px 2px;
		padding: 10px 20px 10px 10px;
		border-top-right-radius: 20px;
	}

		#menuv label {
			position: relative;
			left: 10%;
			transform: translateX(-50%);
			cursor: pointer;
		}

		#menuv ol {
			list-style-type: upper-roman;
		}

			#menuv ol ol {
				list-style-type: decimal;
			}

			#menuv li {
				margin-top: 10px;
			}

			#menuv li.list_title {
				font-weight: bold;
				cursor: pointer;
			}

			#menuv ol ol li {
				margin-top: 2.5px;
				cursor: pointer;
			}

	#menuv li,
	#menuv label {
		transition: color 0.5s;
	}

	#menuv ol ol li:hover,
	#menuv label:hover {
		color: #000099;
	}

/************************************************************

	THERULES

************************************************************/
	#therules {
		width: 60%;
		position: relative;
		/*transform: translateX(-50%);*/
		margin: 50px 0 0 50px;
	}

		.rulespart:nth-child(1) {
			display: block;
		}

		.rulespart {
			display: none;
		}

		.rulespart .subpart p,
		.rulespart .subpart ul,
		.rulespart .subpart li,
		.rulespart .subpart span,
		.rulespart .subpart a,
		.rulespart .subpart .bold {
			display: none;
		}

		.rulespart .subpart {
			margin-bottom: 10px;
		}

		#therules p {
			text-indent: 40px;
			text-align: justify;
		}

		#therules p.margin {
			text-indent: 0px;
			margin-left: 40px;
			text-align: justify;
		}

		#therules p.special {
			text-indent: 0px;
			margin-left: 60px;
			text-align: justify;
		}

		#therules ul li {
			margin-left: 50px;
		}

/************************************************************

	FOOTER

************************************************************/
	 #footer {
	 	width: 100vw;
	 	height: 30vh;
	 	bottom: 0;
	 	background-color: #000099;
	 	position: relative;
	 	margin-top: 2em;
	 	display: block;
	 }

	 	#footer img {
	 		top: 50%;
	 		transform: translateY(-50%);
	 		position: relative;
	 		margin-left: 20px;
	 	}

/************************************************************

	TABLE

************************************************************/
	table {
		width: 100%;
		border: 1px solid black;
		margin: 25px 0 25px 0;
	}

		tr.green {
			background-color: #00b050;
			border: 1px solid black;
		}

			table, th, td {
				text-align: center;
				border: 1px solid black;
				border-collapse: collapse;
			}

				th:nth-child(1) {
					border-left-color: white;
					border-top-color: white;
				}

	table.full th:nth-child(1) {
		border-left-color: black;
		border-top-color: black;
	}

	table ul {
		text-align: left;
		margin-left: 0;
		padding-left: 0;
	}

/************************************************************

	SVG

************************************************************/
	#menuh .svg-icon {
	  width: 1.5em;
	  height: 1.5em;
	}

	#menuh .svg-icon path,
	#menuh .svg-icon polygon,
	#menuh .svg-icon rect {
	  fill: rgba(255,255,255,.75);
	}

	#menuh .svg-icon circle {
	  stroke: rgba(255,255,255,.75);
	  stroke-width: 1;
	}

/************************************************************

	RESPONSIVE

************************************************************/
		@media screen and (max-width:1200px) {
			#menuh {
				justify-content: unset;
			}

			.t2 {
				max-width: 80%;
			}

			#menuh a.info {
				padding-left: 20px;
			}

			#menuh a.info:first-child span {
				display: none;
			}

			#therules,
			#menuv {
				font-size: 90%;
			}

		}

		@media screen and (max-width:975px) {
			.t2 {
				max-width: 100%;
			}

			#therules,
			#menuv {
				font-size: 80%;
			}

			#footer img {
				height: 50px;
			}
		}

		@media screen and (max-width:900px) {
			#header {
				height: 150px;
			}

			#header .big_title label {
				font-size: 200%;
			}

			#header .logo_header_rs {
				height: 100px;
				width: 100px;
			}

			#menuv {
				padding: 10px 20px 10px 5px;
			}

			#therules {
				margin: 50px 0 0 25px;
			}
		}

		@media screen and (max-width:800px) {
			.nextto {
				display: flex;
				flex-direction: column;
			}

			#menuv,
			#therules {
				width: 80%;
				font-size: 100%;
			}

			#therules {
				left: 50%;
				transform: translateX(-50%);
				position: relative;
				padding-left: 0;
				margin-left: 0;
			}

		}

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

			#menuh a.info span {
				display: none;
			}

			#header .logo_header_rs {
				height: 100px;
				width: 100px;
				left: 15%;
			}

			.big_title label {
				font-size: 180%;
				letter-spacing: 3px;
			}

		}

		@media screen and (max-width:480px) {
			#menuh a.info span {
				display: none;
			}

			.logo_header_rs {
				display: none;
			}

			.big_title label:nth-child(1) {
				left: 40%;
				transform: translate(-50%,-0%);
			}

			.big_title label:nth-child(2) {
				left: 60%;
				transform: translate(-50%,-50%);
			}
		}