/* Copyright (C) T4C (Code), Inc - All Rights Reserved
 * Unauthorized copying of this file, via any medium is strictly prohibited
 * Proprietary and confidential
 * Written by Mestoph & Mouse <naked@t4c.com>, Febuary 2024
 */
	 
* {
	-webkit-box-sizing: 		border-box;
	-moz-box-sizing: 			border-box;
	box-sizing: 				border-box;
	margin: 					0;
	padding: 					0;
}

html, body, div, object, iframe, fieldset {
	border: 					0;
}

body {
	font-family: 				sans-serif;
	font-size: 					100%;
	background-color:			#232323;
	background-image: 			url('/images/background.jpg');
	background-repeat: 			no-repeat;
	background-position:		top left;
	background-attachment: 		fixed;
	-webkit-background-size: 	cover;
	-moz-background-size: 		cover;
	-o-background-size: 		cover;
	background-size: 			cover;
}

header, footer, footer, nav, section, article, hgroup, figure {
	display: 					block;
}

header, footer {
	background-image: 			url('/images/background_header.png');
}

footer {
	color: 						#ffffff;
    position: 					fixed;
    bottom: 					0;
    width: 						100%;
}

header img, footer img {
	vertical-align: 			bottom;
}

a {
	color: 						#b9141e;
	text-decoration: 			none;
}

a:hover {
	text-decoration: 			underline;
}

a.media_hidded {
    display: none;
}

span.left {
	display: block;
	float: 						left;
}

span.right {
	display: block;
	float: 						right;
}

span.center {
	margin-left: 				auto;
	margin-right: 				auto;
	text-align: 				center;
	display:					block;
}

span.r {
	color:						#b9141e;
}

span.w {
	color:						#ffffff;
}

span.tester {
	color:						#009688;
}

span.note {
	color:						#575757;
}

span.shadows {
    position: 					relative;
    text-shadow: 				-1px 1px 1px #000000;
}

div.changelog {
	display: 					flex;
	/*margin-left: 				30px;
    margin-right: 				30px;*/
}

div.changelog + br {
  display: 						none;
}

div.changelog .changelog {
  margin-right: 				10px;
}

span.changelog.notted,
span.changelog.newed,
span.changelog.bugged,
span.changelog.added,
span.changelog.updated,
span.changelog.fixed,
span.changelog.deleted,
span.changelog.intest {
	padding: 					0 4px;
	margin:						0 1px 1px;
	border-radius: 				3px;
    color: 						#fff;
	width: 						70px;
	font-family: 				Consolas, monospace;
}

span.changelog.notted::first-line {
    background: 				#b297e0; 
}

span.changelog.newed::first-line {
    background: 				#4CAF50;
}

span.changelog.bugged::first-line {
    background: 				#be3636;
}

span.changelog.added::first-line {
    background: 				#4ab7be; /* Vert foncé pour les ajouts */
}

span.changelog.updated::first-line {
    background: 				#3879D9; /* Bleu pour les mises à jour */
}

span.changelog.fixed::first-line {
    background: 				lightcoral; /* Corail clair pour les corrections */
}

span.changelog.deleted::first-line {
    background: 				grey; /* Gris pour les suppressions */
}

span.changelog.intest::first-line {
    background: 				#945bc0; /* Gris pour les suppressions */
}

span.changelog.text {
	flex: 						1;
}

span.changelog.text {
	flex: 						1;
}

span.changelog.notted::before,
span.changelog.newed::before,
span.changelog.bugged::before,
span.changelog.added::before,
span.changelog.updated::before,
span.changelog.fixed::before,
span.changelog.deleted::before,
span.changelog.intest::before,
span.changelog.notted::after,
span.changelog.bugged::after,
span.changelog.newed::after,
span.changelog.added::after,
span.changelog.updated::after,
span.changelog.fixed::after,
span.changelog.deleted::after,
span.changelog.intest::after {
    content: 					"\feff";
}

h1 {
	font-size: 					1em;
	font-weight: 				bold;
	line-height: 				auto;
	margin: 					0 0 0.25em;
}

h2 {
	font-size: 					1.3em;
	font-weight: 				bold;
	line-height: 				auto;
	margin: 					0 0 0.25em;
}

h2.red {
	color: 						#b9141e;
}

h3 {
	font-size: 					1.5em;
	font-weight: 				bold;
	line-height: 				auto;
	margin: 					0 0 0.25em;
}

/* News styles */
h5 {
	font-size: 					1.231em;
	font-weight: 				bold;
	padding: 					0 0 20px 0;
}

span.bbu {
	text-decoration: 			underline;
}

span.bbs {
	text-decoration: 			line-through;
}

.codebox, .codebox code {
	background: 				#535353;
	color: 						#ffffff;
}

.codebox {
	border-style: 				solid;
	border-width: 				1px;
	margin: 					0.75em 1em;
	padding: 					0;
}

.quotebox {
	background: 				#f8f9f0;
	border-color: 				#b9141e;
	color: 						#535353;
	border-style: 				solid;
	border-width: 				1px 1px 1px 3px;
	margin: 					0.75em 1em;
	padding: 					0 0.75em;
}

.quotebox cite {
	display: 					block;
	font-weight: 				bold;
	line-height: 				1.462em;
}

.quotebox blockquote {
	overflow: 					hidden;
	width: 						100%;
}

.codebox pre {
	overflow: 					auto;
	width: 						100%;
	direction: 					ltr;
	text-align: 				left;
}

.codebox pre {
	padding: 					10px;
}

.decimal ul, ol {
	list-style: 				decimal;
	padding: 					4px 13px 4px 30px;
}

ul.bullet {
	list-style-position: 		inside;
	display: 					block;
	list-style-type: 			disc;
	margin-top: 				1em;
	margin-bottom: 				1 em;
	margin-left: 				0;
	margin-right: 				0;
	padding-left: 				20px;	
}

ul.circle {
	list-style-position: 		inside;
	display: 					block;
	list-style-type: 			circle;
	margin-top: 				1em;
	margin-bottom: 				1 em;
	margin-left: 				0;
	margin-right: 				0;
	padding-left: 				20px;	
}

ul.inline {
	display: 					table;
	margin: 					0 auto;
}

ul.inline li {
	float: 						left;
	margin: 					0 0px;
	list-style-type: 			none;
}

.center {
	text-align:					center;
}

.thumbs img {
	padding: 					3px 3px 3px;
	border-radius: 				6px;
	background: 				#555555;
	overflow: 					hidden;
	max-width: 					100%; 
	float: 						center; 
	margin: 					15px 0px 15px 15px;
}

.thumbs img:hover {
	background-color: 			#606060;
	box-shadow: 				0 0 20px #c59129;
}

.progress {
    height: 					20px;
    margin-bottom: 				20px;
    overflow: 					hidden;
    background-color: 			#606060;
    border-radius: 				4px;
    box-shadow: 				0px 1px 2px rgba(0, 0, 0, 0.1) inset;
}

.progress-bar {
    float: 						left;
    width: 						0px;
    font-size: 					12px;
    line-height: 				20px;
    color: 						#cacaca;
    text-align: 				center;
    background-color: 			#303030;
    box-shadow: 				0px -1px 0px rgba(0, 0, 0, 0.15) inset;
    transition: 				width 0.6s ease 0s;
}

.preview-html {
	display: 					none;
    width: 						100%;
}

.preview-html iframe {
	border: 					1px #000000 solid; 
}

a:hover + .preview-html, .preview-html:hover {
    display: 					block;
    position: 					relative;
    z-index: 					3;
	width: 						100%;
}

img {
    max-width: 					100%;
    height: 					auto;
    width: 						100% \9; /* ie8 */
}

svg {
    max-width: 					100%;
    height: 					auto;
    width: 						100% \9; /* ie8 */
	background: 				#ffffff;
} 

table {
	border-spacing: 			0;
	border-collapse: 			collapse;
	margin: 					0 auto;	
}

table, th, td {
	border: 					1px solid black;
}

th, td {
	padding: 					8px;
	text-align: 				left;
}

th {
	text-align: 				center;
}
		
.current-page {
	color: 						black;
}

.pagination a {
	margin: 					0 2px;
	text-decoration: 			none;
}
th.smaller, td.smaller {
	font-size: 					80%;
}

td.top {
	vertical-align: 			top;
}

label {
	color: 						#ffffff;
	font-size: 					.75em;
}

input, select, button {
	font-size: 					.75em;
	height: 					2em;
	border: 					1px solid #3f3f3f;
	border-radius: 				3px;
	margin: 					0 0 1em;
	padding: 					0 0.5em;
}

svg {
	border: 					1px solid #3f3f3f;
	border-radius: 				3px;
	margin: 					0 0 1em;
	padding: 					0 0.5em;
}

input[type=radio] {
	height: 					1.3em;
	margin: 					0 .5em 0 0;
}

input[type=checkbox] {
	height: 					1.3em;
	margin: 					0 .5em 0 0;
}

textarea {
	font-size: 					1em;
	border: 					1px solid #3f3f3f;
	border-radius: 				3px;
	margin: 					0 0 1em;
	padding: 					0 0.5em;
}

.container_header {
	overflow: 					auto;
	margin: 					0 auto;
	max-width: 					1280px;
	width: 						90%;
	padding: 					.25em;
}

.container {
	overflow: 					auto;
	margin: 					0 auto;
	max-width: 					1280px;
	width: 						90%;
	padding: 					.75em;
}

.container_box {
	overflow: 					auto;
	background-image: 			url('/images/background_box.png');
	border-radius: 				10px;
	-webkit-box-shadow: 		#909090 0px 2px 0px;
	-moz-box-shadow: 			#909090 0px 2px 0px;
	box-shadow: 				#909090 0px 2px 0px;
	margin: 					0 0 1em;
	padding: 					1em;
}

.container_copyright {
	overflow: 					auto;
	margin: 					0 auto;
	max-width: 					1280px;
	width: 						90%;
	padding: 					.75em;
}

.container_news {
	overflow: 					auto;
	background-image: 			url('/images/background_news.png');
	border-radius: 				5px;
	-webkit-box-shadow: 		#909090 0px 1px 0px;
	-moz-box-shadow: 			#909090 0px 1px 0px;
	box-shadow: 				#909090 0px 1px 0px;
	margin: 					0 0 1em;
	padding: 					1em;
}

.news_title {
    overflow: 					auto;
}

.news_title h2 {
    float: 						left;
}

.news_title .right {
    float: 						right;
}

div.container_videos {
	column-count: 				2;
    column-gap: 				20px;
}

.container_video { 
	overflow: 					auto;
	background-image: 			url('/images/background_news.png');
	border-radius: 				5px;
	-webkit-box-shadow: 		#909090 0px 1px 0px;
	-moz-box-shadow: 			#909090 0px 1px 0px;
	box-shadow: 				#909090 0px 1px 0px;
	margin: 					0 0 1em;
	padding: 					1em;
}

.container_video img {
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
}

div.container_team {
	column-count: 				2;
    column-gap: 				20px;
	padding-bottom:				20px;
}

div.container_tester {
	column-count: 				1;
    column-gap: 				20px;
}

.container_team_member { 
	overflow: 					auto;
	background-image: 			url('/images/background_news.png');
	border-radius: 				5px;
	-webkit-box-shadow: 		#909090 0px 1px 0px;
	-moz-box-shadow: 			#909090 0px 1px 0px;
	box-shadow: 				#909090 0px 1px 0px;
	margin: 					0 0 1em;
	padding: 					1em;
}

.tester-list {
    display: 					flex;
    justify-content: 			center;
}

.username-list {
	list-style: 				none;
    padding: 					0;
    margin: 					0;
    display: 					grid;
    grid-template-columns: 		repeat(3, 1fr); /* Trois colonnes */
    grid-gap: 					10px; /* Espacement entre les pseudonymes */
    justify-content: 			center; /* Centrer horizontalement les colonnes */
    text-align: 				center; /* Centrer le texte à l'intérieur des colonnes */
}

.username {
    font-size: 					16px;
    color: 						#333;
}

.username:before {
    content: 					"•";
    margin-right: 				5px;
    color: 						#009688; /* Couleur des puces */
}

.container_news p {
	/*margin-left: 				30px;
	margin-right: 				30px;*/
}

.container_news p:not(:only-child) {
	padding: 					7px 0;
}
  
.container_news ul {
	clear : both;
	display: 					block;
	list-style-type: 			disc;
	padding: 					7px 15px;	
}
  
.container_news img {
	display: 					block;
	margin-left: 				auto;
	margin-right: 				auto;
}

.not_selected {
	color: 						#ffffff;
	/*font-weight: 				bold;*/
}

.selected {
	color: 						#b9141e;
	/*font-weight: 				bold;*/
}

.button {
	background: 				#232323;
	color: 						#ffffff;
	border: 					0;
	margin: 					2px;
}

.center-container {
    display: 					flex;
	flex-direction: 			column;
	margin: 					0 auto;
	width: 						fit-content;
}

.center-container > div {
	display: 					flex;
}

.center-container > div .button {
    font-size: 					0.75em;
    border: 					1px solid #3f3f3f;
    border-radius: 				3px;
    margin: 					0 0 1em;
    padding: 					0.25em 0.5em;
    text-align: 				center;
    margin-right: 				5px;
}

.center-container > div .description {
    margin-left: 				5px;
}

.button:hover {
	background: 				#333333;
	color: 						#ffffff;
	-webkit-box-shadow: 		#b9141e 0px -2px 0px inset;
	-moz-box-shadow: 			#b9141e 0px -2px 0px inset;
	box-shadow: 				#b9141e 0px -2px 0px inset;
	text-decoration: 			none;
}

.button:active {
	background: 				#333333;
	color: 						#b9141e;
	-webkit-box-shadow: 		#b9141e 0px -2px 0px inset;
	-moz-box-shadow: 			#b9141e 0px -2px 0px inset;
	box-shadow: 				#b9141e 0px -2px 0px inset;
	text-decoration: 			none;
}

.lines .line {
    display: flex;
    align-items: center;
}

.lines .edit-form,
.lines .delete-form {
    display: flex;
    align-items: center;
}

.lines .edit-form input[type="text"] {
    width: 400px;
	margin-right: 5px;
}

.lines .add-form input[type="text"] {
    width: 400px;
    margin-right: 5px;
	align-items: center;
}

.lines .line span {
    margin-right: 5px;
	margin-bottom: 10px;
    display: flex;
    align-items: center;

	width: 20px;
}

.donate {
	text-align:					center;
	max-width:					100%;
    height:						auto;	
	border:						0px;
}

.gallery-div {
    display: 					flex;
    flex-wrap: 					wrap;
    justify-content: 			space-between;
}

.tooltip {
    display: 					flex;
    flex-direction: 			column;
    justify-content: 			space-between; /* Distribuer l'espace verticalement */
    align-items: 				center;
    width: 						calc(50% - 20px); /* 2 éléments par ligne par défaut */
    position: 					relative;
    text-align: 				center;
	margin-right: 				10px;
}

@media (min-width: 600px) {
    .tooltip {
        width: 					calc(33.33% - 20px); /* 3 éléments par ligne à partir de 600px de largeur */
    }
}

@media (min-width: 900px) {
    .tooltip {
        width: 					calc(25% - 20px); /* 4 éléments par ligne à partir de 900px de largeur */
    }
}

@media (min-width: 1200px) {
    .tooltip {
        width: 					calc(20% - 20px); /* 5 éléments par ligne à partir de 1200px de largeur */
    }
}

.thumbs img {
	padding: 					3px 3px 3px;
	border-radius: 				6px;
	background: 				#555555;
	overflow: 					hidden;
	max-width: 					100%; 
	float: 						center; 
	margin: 					15px 0px 15px 15px;
	z-index: 					2;
	max-height: 100%;
}

.thumbs img:hover {
	background-color: 			#606060;
	box-shadow: 				0 0 10px #b9141e;
}

.tooltip .tooltiptext {
	visibility: 				hidden;
	width: 						240px;
	background-color: 			#232323;
	color: 						#ffffff;
	text-align: 				center;
	border-radius: 				6px;
	padding: 					5px;
	position: 					absolute;
	z-index: 					4;
	bottom: 					100%;
	left: 						50%;
	margin-left: 				-120px;
	font-size: 					.75em;
	/* Fade in tooltip - takes 1 second to go from 0% to 100% opac: */
	opacity: 					0;
	transition: 				opacity 1s;   
}

.tooltip .tooltiptitle {
	font-weight: 				bold;
	color:						#b9141e;
}

.tooltip .tooltiptext::after {
	content: 					"";
	position: 					absolute;
	top: 						100%;
	left: 						50%;
	margin-left: 				-5px;
	border-width: 				5px;
	border-style: 				solid;
	border-color: 				#232323 transparent transparent transparent;
}

.tooltip:hover .tooltiptext {
	visibility: 				visible;
	opacity: 					1;
}

#logo {
	position: relative;
	background-image: 			url('/images/t4c-dev-logo.png');
	width: 						250px;
	height: 					77px;
	float: 						left;
	overflow: 					hidden;
	display:					block;
}

#logo_center {
	background-image: 			url('/images/t4c-dev-logo.png');
	width: 						250px;
	height: 					77px;
	margin-left: 				auto;
	margin-right: 				auto;
	overflow: 					hidden;
}

#close {
	float: 						right;
}

#close2 {
	float: 						right;
}

#logo-big {
	background-image: 			url('/images/t4c-dev-logo-big.png');
	width: 						640px;
	height: 					197px;
	float: 						center;
	overflow: 					hidden;
	margin-left: 				auto;
	margin-right: 				auto;
}

/* Begin Google Translate */
#google_translate_element {
	display: 					inline-block;
	position: 					fixed;
	left: 						0px!important;
	bottom:						0px;
	z-index:					1;
}

.link-container {
    height: 					77px;
    display: 					flex;
    align-items: 				center;
    margin-left: 				auto;
    float: 						right;
}

.link-container a {
    width: 						30px;
    height: 					30px;
    margin-right: 				5px;
    background-repeat: 			no-repeat;
    background-position: 		center center;
    background-size: 			cover;
    transition: 				transform 0.2s ease; /* Ajout de la transition */
}

.link-container a:hover {
    transform: 					scale(1.2); /* Agrandissement au survol */
}

.youtube {
    background-image: 			url('/images/icons/youtube.png');
}

.discord {
    background-image: 			url('/images/icons/discord.png');
}

.t4c {
    background-image: 			url('/images/icons/t4c.png');
}

.lines {
    margin-bottom: 				20px;
}




.goog-te-menu-value {
    background-color: 			#ff0000 !important;
}

.goog-te-gadget-simple  {
	background-color: 			rgba(255,255,255,0.50)!important;
	border: 					1px solid rgba(63,63,63,0.80) !important;
	padding: 					0px!important;
	border-radius: 				4px!important;
	font-size: 					1rem!important;
	line-height:				2rem!important;
	display: 					inline-block;
	cursor: 					pointer;
	zoom: 						1;
}

.goog-te-menu2 {
	max-width: 					100%;
}

.goog-te-menu-value {
	color: 						#b9141e !important;
		&:before {
								content: "\E927";
								margin-right: 16px;
								font-size: 2rem;
								vertical-align: -10px;
		} 
}

.goog-te-menu-value span:nth-child(5) {
	display:					none;
}

.goog-te-menu-value span:nth-child(3) {
	border:						none!important;
	&:after {
								content: "\E5C5";
								font-size: 1.5rem;
								vertical-align: -6px;
	}  
}

.goog-te-gadget-icon {
    background-image: 			url('/images/google_translate_logo.png')!important;
    background-position: 		0px 0px;
	border:						0px;
    height: 					32px!important;
    width: 						32px!important;
    margin-right: 				8px!important;
    /* OR display: 				none;*/
}

iframe.goog-te-banner-frame { 
	display: 					none !important;
}

body {
	position: 					static !important; 
	top:						0px !important;
}

.VIpgJd-ZVi9od-ORHb-OEVmcd{
   display: none;
}
		
/*@media (max-width: 801px) {
	#google_translate_element {
		position:				absolute;
		top: 					60px;
		left: 					25px!important;
		width: 					100%!important;
		clear: 					none;
		display: 				table-cell;
		vertical-align: 		middle;
		goog-te-gadget {
			width:				100%!important;
		}
		.skiptranslate {
			width:				100%!important;			
		}
		.goog-te-gadget-simple {
			width: 				calc(100% - 32px)!important;
			text-align: 		center;
		}	
	}
}*/
/* End Google Translate */

.menu {
	clear: 						none;
	display: 					block;	
	padding: 					0;
	vertical-align: 			middle;
	float: 						right;
}

.menu ul li {
	float: 						left;
	list-style-type: 			none;
}

.menu ul li a {
	display: 					block;
	font-size: 					1.0em;
	font-weight: 				normal;
	line-height: 				2.0em;
	margin: 					0;
	text-align: 				right;
	margin: 					0 1em 0 0;
	padding: 					0;
	list-style-type:			none;	
}

#menuToggle {
    display: none;
}

.menu-icon {
    display: 					none;
	padding: 					0;
	vertical-align: 			middle;
	float: 						right;
}

.sharethis-inline-follow-buttons {
	padding: 					5px!important;
}

.up-arrow {
	display: 					block;
 	content: 					url("data:image/svg+xml; utf8, <svg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'><path fill='white' d='M177 159.7l136 136c9.4 9.4 9.4 24.6 0 33.9l-22.6 22.6c-9.4 9.4-24.6 9.4-33.9 0L160 255.9l-96.4 96.4c-9.4 9.4-24.6 9.4-33.9 0L7 329.7c-9.4-9.4-9.4-24.6 0-33.9l136-136c9.4-9.5 24.6-9.5 34-.1z'></path></svg>");
    width: 						30px;
    height: 					30px;
}

.dialsoft {
	display: inline-block;
	vertical-align: top;
 	content: 					url('/images/dialsoft.png');
    position: 					fixed;
    bottom: 					2px;
    right: 						5px;
    width: 						87px;
    height: 					40px;
}

#return-to-top {
    position: 					fixed;
    bottom: 					50px;
    right: 						20px;
    background: 				rgb(0, 0, 0);
    background: 				rgba(0, 0, 0, 0.7);
    width: 						30px;
    height: 					30px;
    display: 					block;
    text-decoration: 			none;
    -webkit-border-radius: 		35px;
    -moz-border-radius: 		35px;
    border-radius: 				35px;
    display: 					none;
    -webkit-transition: 		all 0.3s linear;
    -moz-transition: 			all 0.3s ease;
    -ms-transition: 			all 0.3s ease;
    -o-transition: 				all 0.3s ease;
    transition: 				all 0.3s ease;
}
#return-to-top i {
    color: 						#fff;
    margin: 					0;
    position: 					relative;
    font-size: 					19px;
    -webkit-transition: 		all 0.3s ease;
    -moz-transition: 			all 0.3s ease;
    -ms-transition: 			all 0.3s ease;
    -o-transition: 				all 0.3s ease;
    transition: 				all 0.3s ease;
}

#return-to-top:hover {
    background: 				rgba(0, 0, 0, 0.9);
}

#return-to-top:hover i {
    color: 						#ffffff;
    top: 						-5px;
}

.video-container {
	position:					relative;
	padding-bottom:				56.25%;
	padding-top:				30px;
	height:						0;
	overflow:					hidden;
}

.video-container iframe, .video-container object, .video-container embed {
	position:					absolute;
	top:						0;
	left:						0;
	width:						100%;
	height:						100%;
}

@media screen and (max-width: 768px) {
	div.container_videos {
		column-count: 			1;
		column-gap: 			20px;
	}
	
	div.container_team {
		column-count: 			1;
		column-gap: 			20px;
	}	
	
	#return-to-top {
		bottom: 				90px;
	}
	
	.container_copyright {
		overflow: 				auto;
		margin: 				0 auto;
		max-width: 				1280px;
		width: 					90%;
		padding: 				.75em;
		padding-bottom:			40px;
	}
	
    .menu-icon {
		display: 				block;	
		/*margin-top: 			100px;*/
    }	

    .menu ul {
        display: 				block;
        max-height: 			0;
    	overflow: 				hidden;
    	-webkit-transition: 	max-height 0.3s;
    	-moz-transition: 		max-height 0.3s;
        -ms-transition: 		max-height 0.3s;
        -o-transition: 			max-height 0.3s;
    	transition: 			max-height 0.3s;	
		list-style-type:		none;	
    }
	
	.menu ul li{
		width: 					100%;
		display: 				block
	}
	.menu ul li a {
		text-align: 			left;
	}

    .menu ul li a:hover {
		overflow: 				auto;
		background-image: 		url('/images/background_box.png');
		border-radius: 			5px;
		-webkit-box-shadow: 	#909090 0px 1px 0px;
		-moz-box-shadow: 		#909090 0px 1px 0px;
		box-shadow: 			#909090 0px 1px 0px;
		text-decoration: 		none;
		padding-left: 			20px;
    }	

    #menuToggle:checked ~ ul {
        max-height: 350px;
    }
	

  .menu input[type=checkbox] {
    display:none;
  }

  .menu input[type=checkbox] + label
   {
	content: 					url("data:image/svg+xml; utf8, <svg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 448 512'><path fill='white' d='M16 132h416c8.837 0 16-7.163 16-16V76c0-8.837-7.163-16-16-16H16C7.163 60 0 67.163 0 76v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16zm0 160h416c8.837 0 16-7.163 16-16v-40c0-8.837-7.163-16-16-16H16c-8.837 0-16 7.163-16 16v40c0 8.837 7.163 16 16 16z'></path></svg>");
	display: 					block;
	width: 						22px;
	height: 					22px;
   }
   
   .menu input[type=checkbox]:checked + label
    {
 
	content: 					url("data:image/svg+xml; utf8, <svg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 352 512'><path fill='white' d='M242.72 256l100.07-100.07c12.28-12.28 12.28-32.19 0-44.48l-22.24-22.24c-12.28-12.28-32.19-12.28-44.48 0L176 189.28 75.93 89.21c-12.28-12.28-32.19-12.28-44.48 0L9.21 111.45c-12.28 12.28-12.28 32.19 0 44.48L109.28 256 9.21 356.07c-12.28 12.28-12.28 32.19 0 44.48l22.24 22.24c12.28 12.28 32.2 12.28 44.48 0L176 322.72l100.07 100.07c12.28 12.28 32.2 12.28 44.48 0l22.24-22.24c12.28-12.28 12.28-32.19 0-44.48L242.72 256z'></path></svg>");
	display: 					block;
	width: 						22px;
	height: 					22px;

    }
}