.sidenav.w2022 #menu-list .dropdown-btn:hover, .sidenav.w2022 #menu-list a:hover, .sidenav.w2022 #menu-list .dropdown-btn:hover, .sidenav.w2022 #menu-list .dropdown-btn.active {
		background: rgba(96, 144, 48, 0.4);
	}
	.sidenav.w2022 #sidenav-scroll:after {
		/* for angled part */
		background: var(--WeeM2022Green);
	}
	.sidenav.w2022 #sidenav-scroll:after {
		/* for angled part */
		background: var(--WeeM2022Green);
	}
	.sidenav.w2022, .sidenav.w2022 #menu-list .dropdown-container, .sidenav.w2022 #menu-list #closeMenuX, .sidenav.w2022 #menu-list #closeMenuX a, .sidenav.w2022 #menu-list #closeMenuX a:link, .sidenav.w2022 #menu-list .fa-window-close, .sidenav.w2022 #menu-list .dropdown-btn, .sidenav.w2022 #menu-list a, .sidenav.w2022 #menu-list a:link, .sidenav.w2022 #menu-list a:link, .sidenav.w2022 #menu-list a.closebtn:link,
	.sidenav.w2022 #sidenav-scroll, .sidenav.w2022 #sidenav-scroll #closeMenuX, 
	.sidenav.w2022 #sidenav-scroll a:hover, .sidenav.w2022 #sidenav-scroll #closeMenuX a.closebtn:hover, .sidenav.w2022 #sidenav-scroll #closeMenuX a:hover, .sidenav.w2022 #sidenav-scroll #closeMenuX a.closebtn:hover, .sidenav.w2022 #sidenav-scroll #closeMenuX:hover,
	.sidenav.w2022 .fa-window-close {
		background-color: var(--WeeM2022Green);
	}
	.sidenav.w2022 #menu-list .dropdown-btn:hover, .sidenav.w2022 #menu-list a:hover, .sidenav.w2022 #menu-list .dropdown-btn:hover, .sidenav.w2022 #menu-list .dropdown-btn.active {
		background: rgba(6, 38, 86, 0.2);
	}
	#header-container {
		padding: 0;
		display: grid;
		grid-template-rows: auto auto;
		grid-template-columns: 33% auto;
	}
	.superhead {
		grid-row: 1;
		grid-column: span 2;
	}
	#weeMLogoLeft {
		grid-row: 2;
		grid-column: 1;
	}
	#weem-headings {
		grid-row: 2;
		grid-column: 2;
		display: grid;
		grid-template-rows: auto auto auto;
		grid-template-columns: auto;
	}
	#weem-headings h1 {
		margin: 0;
		grid-row: 1;
		grid-column: 1;
		justify-self: center;
	}
	#weem-headings #weeMLogoCenter {
		display: none;
	}
	#weem-headings h2 {
		margin: 0;
		grid-row: 2;
		grid-column: 1;
	}
	#weem-headings .date {
		grid-row: 3;
		grid-column: 1;
	}
	.w2022 h2, .dark a.gallery {
		font-family: "keep_on_truckin", Roboto, "San Francisco", "Arial Black", Arial, Helvetica, Verdana, sans-serif;
		font-weight: normal;
	}
	.menu_bar_icon p {
		padding-right: 6px;
	}
	.menu_bar_icon .fa, .superhead, .date {
		color: rgb(252,194,0);
	}
	.menu_bar_icon > p {
		padding-right: 0.1em;
	}
	#weem-headings h2.title {
		color: whitesmoke;
	}
	#weem-headings .theme {
		color: rgb(236,74,9);
	}
	#weem-headings .date {
		color: rgb(135,18,24);
		-webkit-text-stroke-width: 1px;
		-webkit-text-stroke-color: white;
		font-size: 125%;
	}
	.fa-envelope::before, .dark p, .dark a, .dark a:link, .dark a:visited, .dark span, .dark a .fa-solid, .dark a:link i.fa-regular.fa-envelope, .dark .fa-solid {
		color: rgb(252,194,0);
		text-decoration: none;
	}
	#header, .dark.w2022pics {
		background: linear-gradient(45deg, rgb(97, 73, 67), rgb(97, 73, 67), rgb(78, 151, 22), rgb(65, 49, 60), rgb(65, 49, 60), rgb(236, 171, 1));
		padding: 2ex 1em;
	}
	.w2022 {
		border-radius: 0 0 10px 10px;
	}
	.dark a:hover {
		text-decoration: underline;
	}
	.button, .thumb-button, .submit-btn { 
		border-top: 1px solid #9648c6;
		border-left: 1px solid #9648c6;
		background-color: rgb(65, 49, 60);
		background-image: linear-gradient(to top, #9648c6, rgb(65, 49, 60));
	}
	.button:hover, .thumb-button:hover, .submit-btn:hover {
		border-top-color: #6b8dc2	!important;
		background: #9648c6;
	}
	div.thumb > a.thumb-button:hover {
		background-color: #9648c6;
	}
	.button, .thumb-button, .submit-btn { 
		border-top: 1px solid #9648c6;
		border-left: 1px solid #9648c6;
		background-color: rgb(65, 49, 60);
		background-image: linear-gradient(to top, #9648c6, rgb(65, 49, 60));
	}
	.button:hover, .thumb-button:hover, .submit-btn:hover {
		border-top-color: #6b8dc2	!important;
		background: #9648c6;
	}
	div.thumb > a.thumb-button:hover {
		background-color: #9648c6;
	}
	
	.accordion {
		background-color: rgb(65, 49, 60);
	}
	.accordion:hover {
		background-color: rgb(78, 151, 22);
	}
	.modal-header {
		background-color: var(--WeeM2022Green);
	}
	.div-pin {
		width: 4em;
	}
	
	@media screen and (max-width: 800px)  
	{
		.superhead {
			grid-column: 1;
		}
		#header-container {
			grid-template-columns: auto;
		}
		#weeMLogoLeft {
			display: none;
		}
		#weem-headings {
			grid-column: 1;
			grid-template-rows: auto auto auto auto;
		}
		#weem-headings h1 {
			display: none;
		}
		#weem-headings #weeMLogoCenter {
			display: block;
			grid-row: 1;
			grid-column: 1;
		}
		#weem-headings h2 {
			color: #658932;
			font-family: "keep_on_truckin", Roboto, "San Francisco", "Arial Black", Arial, Helvetica, Verdana, sans-serif;
			font-weight: normal;
		}
	}