:root {
			--action-elem1: #2ce2db;
			--action-elem1-hover: #acfffc;
			--action-elem1-dark: #86c597;
			-webkit-tap-highlight-color: transparent;
		}

		@font-face {
    			font-family: 'LiterRegular';
    			src: url('/fonts/Liter-Regular.ttf') format('truetype');
    			font-weight: normal;
    			font-style: normal;
		}

		* {
    			font-family: 'LiterRegular', sans-serif;
		}


		@media (max-width: 500px) {
			#page_container {
				height: 99.93dvh!important;
			}
			.top-page {
				padding-top: 7svh!important;
			}
			.site-title {
				font-size: 2.4rem!important;				
			}
			.site-slogan {
				font-size: 1.4rem!important;
			}
			body {
				font-size: 1rem!important;
			}
			h2 {
				font-size: 1.6rem!important;
			}
			section {
				padding-block: 1rem!important;
			}
			.nav-container {
				width: 70svw!important;
				right: 0!important;
			}
			.bottom-copyright {
				font-size: 0.6rem!important;
			}

			dialog {
				min-width: 50svw!important;
				max-width: 90svw!important;
			}
			
			.calendar .calendar-day {
				font-size: 0.6rem!important;
			}

			.calendar .calendar-day {
				height: 4rem!important;
			}

			.popup-dialog1 {
				min-width: 100svw!important;
				max-width: 10svw!important;
			}

			.popup-dialog1 .dialog_container {
				grid-template-columns: 2rem 1fr 2rem;
			}

			.popup-dialog1 .dialog_mainContent {
				max-height: 55svh!important;
			}

			.popup-dialog1 .dialog_button {
				padding: 0.4rem!important;
				min-width: 5rem!important;
			}

			.calendar-day-events-table {
				font-size: 0.7rem!important;
			}

			.message-popup.active {
				left: 0rem!important;
				top: 3.5rem!important;
				width: 100%!important;
				height: 93.2dvh!important;
				border-radius: 0rem!important;
				z-index: 1!important;
			}

			.message-popup.active .message-popup-wrapper {
				/*grid-template-rows: 2.2rem 1fr 5rem!important;*/
				grid-template-rows: 3.3rem 1fr 5rem!important;
			}

			.message-popup.active .message-popup-header {
				grid-template-columns: auto 2rem 1fr 2.5rem!important;
			}

			.message-popup.active .message-popup-wrapper .message-popup-messages-scroller {
				/*height: auto!important;*/
				height: 14rem!important;
				min-height: -webkit-fill-available;
			}

			.message-popup.active .message-popup-header .back-button {
				display: grid!important;
			}

			.message-popup.active .message-popup-header .close {
				display: none!important;
			}

			.message-popup .message-popup-wrapper .message-popup-header .username {
				transform: translateY(-0.05rem)!important;
			}
			
			.message-popup .message-popup-wrapper .message-popup-header .online .online-icon {
				transform: translateY(-0.11rem)!important;
			}

			#start-new-thread-button, #reply-to-thread-button {
    				margin-top: 1rem!important;
    				margin-bottom: 1rem!important;
    				width: 100%!important;
				padding: 1rem!important;
				min-width: 0rem;
			}

		}

		@media (max-width: 900px) {
			.top-left-logo {
				/*transform: translate(0.8rem, 0.85rem)!important;*/
			}
			.top-inner-nav {
				display: none!important;
			}
			#btn_menu {
				display: grid!important;
				
			}
			#mobile-notifications {
				display: grid!important;
				transform: translate(-2.9rem, .66rem)!important;
			}
		}

		@media (max-width: 800px) {
			
			.footer-home-section-buttons {
				display: grid!important;

				button {
					width: 100%!important;
				}

			}

			.calendar .calendar-day {
				height: 6rem!important;
			}

			.calendar .calendar-day .calendar-day-events {
				display: none!important;
			}

			.calendar .calendar-day .calendar-day-events-mark {
				display: block!important;
			}

		}

		*,
		*::before,
		*::after {
			box-sizing: border-box;
		}

		body {
			margin: 0rem;
			/*font-family: Inter, sans-serif;*/
			font-size: 1.1rem;
			/*line-height: 1.5;*/
			/*background-color: #2ce4dc;*/
			color: #FFFFFF;
			overflow: hidden;
		}

		.pageLoaderContainer {
			display: grid;
    			background: #FFFFFF;
    			width: 100%;
    			height: 100svh;
    			position: fixed;
    			z-index: 1000;
			align-items: center;
    			justify-content: center;
		}

		.loader, .pageLoader {
    			width: 1.5rem;
    			height: 1.5rem;
    			border: 0.25rem solid #FFF;
    			/*border-bottom-color: #FF3D00;*/
			border-bottom-color: #22bbdd;
    			border-radius: 50%;
    			display: inline-block;
    			box-sizing: border-box;
    			animation: rotation 1s linear infinite;
			opacity: 0;
    		}

		.pageLoader {
			z-index: 1001;
			opacity: 1;
		}

		#page_container {
			display: grid;
    			height: 100svh;
    			min-width: fit-content;
    			overflow-y: scroll;
			grid-template-rows: 3.5rem auto;
			position: relative;
		}

		.page_container.subforum {
			grid-template-rows: 3.5rem 2.3rem auto!important;
		}

		.wrapper {
			max-width: 50rem;
			margin-inline: auto;
			padding-inline: 2rem;
		}

		.wrapper.forum {
			padding-inline: 0.5rem!important;
		}

		img {
			pointer-events: none;
		}

		.site-title {
			font-size: 5rem;
			/*font-family: 'Segoe UI';*/
			text-align: left;
			padding-inline: 2rem;
			margin: 0rem;
			line-height: normal;
			color: #000000;
			text-align: center;
		}

		.section-title, .article-title {
			font-size: 2.25rem;
			margin: 0rem;
		}

		.site-slogan {
			margin-inline: 2rem;
			color: #000000;
			padding-bottom: 2rem;
			text-align: center;
		}

		header {
			margin: 0rem;
			/*margin-top: 20svh;*/
		}

		section {
			padding-block: 1rem;
		}

		.top-page {
			background-color: #FFFFFF;
			padding-top: 6.5svh;
			padding-bottom: 5svh;
		}

		.top-section::before {
			content: '';
    			background: url(/img/background-band.webp);
    			background-size: cover;
    			background-position: center center;
    			background-repeat: no-repeat;
    			position: absolute;
    			top: 0;
    			left: 0;
    			right: 0;
    			bottom: 0;
    			opacity: 0.4;
    			z-index: -1;
		}

		.top-section {
			/*background: linear-gradient(90deg, rgba(2,0,36,1) 15%, rgba(44,228,220,1) 95%);*/
			position: relative;
			/*box-shadow: 0rem 0rem 0.8rem 0.5rem rgba(0, 0, 0, 0.13);*/
			color: #000;
			background: rgb(68 229 223 / 65%);
		}

		.middle-section {
			background-color: #FFFFFF;
			color: #000000;
		}

		.section-black {
			background-color: #000000;
			color: #FFFFFF;
		}

		.section-white {
			background-color: #FFFFFF;
			color: #000000;
		}

		.section-colourful {
			background: linear-gradient(90deg, rgba(2,0,36,1) 15%, rgba(44,228,220,1) 95%);
			box-shadow: 0rem 0rem 0.8rem 0.5rem rgba(0, 0, 0, 0.13);
		}

		.section-expand {
			margin-bottom: 4rem;
		}

		.spacer-small {
			padding-block: 0.5rem;
		}

		h1, h2, h3, h4 {
			margin: 0rem;
		}

		li {
			padding: 0.5rem;
		}

		.bottom-copyright {
			background-color: #000000;
			color: #FFFFFF;
			height: 3rem;
			font-size: .8rem;
			align-content: center;
			text-align: center;
			position: sticky;
    			top: calc(100svh - 3rem);
    			width: 100%;
		}

		#privacy-policy-link {
			margin-left: 1rem;
			cursor: pointer;
		}

		#privacy-policy-link:hover {
			text-decoration: underline;
		}

		.top-menu {
			background-color: #000000;
			color: #FFFFFF;
			height: 3.5rem;
			top: 0;
			position: sticky;
			box-shadow: 0rem 0.2rem 0.8rem 0.5rem rgba(0, 0, 0, 0.20);
			z-index: 5;
			display: grid;
			grid-template-columns: 1fr auto 1fr;
		}

		.top-menu-line {
			height: 0.4rem;
			background: linear-gradient(141deg, deeppink 0%, rebeccapurple 40%, cyan 90%);
			grid-column: 1 / -1;
		}

		.top-left-logo {
					
			font-size: 1.6rem;
			position: absolute;
    			transform: translate(0.8rem, 0.77rem);
			user-select: none;
			cursor: pointer;

			span:first-child {
				font-weight: 600;
			}

			span:last-child {
				font-weight: 100;
			}

		}

		.top-left-logo:hover {
			color: var(--action-elem1);
		}

		.top-inner-nav {
			display: flex;
			justify-content: center;
			grid-column: 2;
			align-items: center;
			transform: translateY(-0.2rem);
			column-gap: 0.2rem;
			font-size: 0.95rem;
		}

		.top-inner-nav div {
			padding: 0.5rem;
			cursor: pointer;
			/*border-radius: 0.4rem;*/
			user-select: none;
		}

		.top-inner-nav div:hover {
			background: var(--action-elem1);
			color: #000;
			/*transition: color .1s ease-in, background-color .1s;*/
		}

		.top-menu > button {
			transform: translateY(0.60rem);
    			padding: 0.4rem;
    			margin: 0.5rem;
    			border-radius: 0.4rem;
    			border: 0px solid #FFFFFF;
    			background: #2ce2db;
			font-weight: 600;
			cursor: pointer;
		}

		.top-menu > button:hover, #btn_request_quote2:hover {
			background: #FFFFFF;
			color: #000000;
		}

		.top-menu #btn_menu {
			width: 2.6rem;
    			height: 2.6rem;
    			transform: translateY(0.65rem);
    			margin-right: 0.24rem;
			cursor: pointer;
			border-radius: 0.4rem;
			grid-column: 3;
			justify-self: end;
			position: absolute;
			display: none;
		}

		.top-menu #btn_menu:hover {
			background: #2ce2db;
			color: #000000;
		}

		.top-menu #arrow-down, .top-menu #arrow-up {
			width: 1.8rem;
			display: grid;
    			transform:translate(0.4rem, 0.4rem);
			pointer-events: none;
		}

		.nav-container {
			border: 1px solid #e1e1e1;
			border-radius: 0.4rem;
			box-shadow: 0rem 0.2rem 0.8rem 0.5rem rgba(0, 0, 0, 0.06);
    			display: grid;
    			position: fixed;
    			right: 1rem;
    			min-width: 30svw;
			background: #FFFFFF;
			transform: translateY(-200%);
			transition: transform 0.3s;
			z-index: 2;
		}

		.nav-container-active {
			transform: translateY(3.5rem);
		}

		.nav-list {
			margin: 0;
		}

		.nav-list-item {
			padding: 1rem;
			color: #000000;
			text-align: center;
			font-weight: 600;
			cursor: pointer;
		}

		.nav-list-item:hover {
			background: #2ce2db;
			color: #000000;
			font-weight: 600;
		}

		.top-page-sub-menu {
			color: #000;
			transition: max-height 0.2s ease-out;
			z-index: 4;
			overflow-y: clip;
			display: none;
			font-size: 0.9rem;
		}

		.top-page-sub-menu.active {
			display: block;
			box-shadow: 0rem 0.2rem 0.8rem 0.5rem rgba(0, 0, 0, 0.20);
		}

		.top-page-sub-menu .container {
			display: grid;
		}

		.top-page-sub-menu .container .sub-container {
			display: inline-flex;
			place-content: center;
		}

		.top-page-sub-menu .container .sub-container span {
			user-select: none;
			cursor: pointer;
			inline-size: max-content;
			padding: 0.6rem;
		}

		.top-page-sub-menu .container .sub-container span:hover {
			background: var(--action-elem1);
		}

		a, a:visited, a:active {
			text-decoration: none;
			color: #FFFFFF;
		}

		a:hover {
			text-decoration: underline;
		}

		.black-link, .black-link:visited, .black-link:active {
			text-decoration: none;
			color: #000000;
			cursor: pointer;
		}

		.black-link:hover {
			color: #000000;
			text-decoration: underline;
		}

		.form-wrapper {
			display: grid;
			border: 0.1rem solid #e1e1e1;
    			border-radius: 0.4rem;
    			padding: 2rem;
			box-shadow: 0rem 0.2rem 0.8rem 0.5rem rgba(0, 0, 0, 0.06);
		}

		.no-decoration {
			border: 0rem solid #e1e1e1;
			box-shadow: none;
		}

		.form-wrapper label {
			padding: 0.5rem;
			display: block;
			resize: none;
			/*font-family: inherit;*/
		}

		.form-wrapper input, .form-wrapper select, .form-wrapper textarea, #verificationSMS, input, select, textarea {
			padding: 0.5rem;
			display: block;
			resize: none;
			/*font-family: inherit;*/
			border-radius: 0.4rem;
			border: 0.1rem solid #e1e1e1;
			outline: none;
			width: 100%;
		}

		.form-wrapper label, label {
			margin-left: -0.5rem;
    			margin-bottom: 0rem;
		}

		/**
		#request-quote-submit {
			border: 0.1rem solid #2ce2db;
    			display: block;
    			padding: 0.5rem;
    			margin-top: 1rem;
			border-radius: 0.4rem;
			background: #2ce2db;
			cursor: pointer;
			font-weight: 600;
			outline: none;
			justify-self: center;
			min-width: 10rem;
		}
		*/

		#request-quote-submit:hover, #login-submit:hover, #btn_request_quote2:hover {
			background: #acfffc;
			color: #000000;
		}

		button {
			justify-self: center;
			/*display: grid;*/
			/*grid-template-columns: 2rem 8rem;*/
			/*grid-template-rows: 1fr;*/
    			place-items: center;
    			justify-content: center;
			border: 0.1rem solid var(--action-elem1);
    			padding: 1rem;
    			/*margin-top: 1rem;*/
			border-radius: 0.4rem;
			background: var(--action-elem1);
			cursor: pointer;
			font-weight: 600;
			outline: none;
			min-width: 10rem;
			margin: 0.5rem;
		}

		button:hover {
			background: var(--action-elem1-hover);
			color: #000000;
		}

		.button-with-loader {
			justify-self: center;
			display: grid;
			grid-template-columns: 2rem 8rem;
			grid-template-rows: 1fr;
    			place-items: center;
    			justify-content: center;
			border: 0.1rem solid var(--action-elem1);
    			padding: 0.5rem;
    			margin-top: 1rem;
			border-radius: 0.4rem;
			background: var(--action-elem1);
			cursor: pointer;
			font-weight: 600;
			outline: none;
			min-width: 10rem;
		}

		.button-with-loader:hover, #request-quote-submit:hover, #login-submit:hover, #btn_request_quote2:hover {
			background: var(--action-elem1-hover);
			color: #000000;
		}

		#btn_request_quote2 {
			border: 0.1rem solid #2ce2db;
    			display: block;
    			padding: 1rem;
			border-radius: 0.4rem;
			background: #2ce2db;
			cursor: pointer;
			font-size: 1.1rem;
			font-weight: 600;
			outline: none;
			justify-self: center;
			min-width: 10rem;
		}

		dialog {
			min-width: 30svw;
			max-width: 50svw;
			min-height: calc(100svh - 75svh);
			background: #FCFCFC;
			border: 0rem;
			outline: 0;
			padding: 0;
			border-radius: 1rem;
			overflow: hidden;
			box-shadow: 0rem 0rem 0.8rem 0.5rem rgba(0, 0, 0, 0.13);
		}

		dialog[open] {
			animation: slide-up 0.2s ease-out;
		}

		@keyframes slide-up {
			0% {
				opacity: 0;
				transform: translate(0, 15px);
			}

			100% {
				opacity: 1;
				transform: translate(0, 0);
			}
		}

		.dialog_container {
			display: grid;
			grid-template-columns: 3rem 1fr 3rem;
    			grid-template-rows: 2.4rem minmax(0rem, auto) 4rem;
			/*min-height: calc(100svh - 75svh);*/
		}

		.dialog_header {
			display: grid;
			grid-column: 1 / -1;
			grid-template-columns: 2rem 1fr 2rem;
			background: #f5f5f5;
		}

		.dialog_title {
			display: grid;
			grid-column: 2;
			place-items: center;
			user-select: none;
			font-weight: 600;
		}

		.dialog_closeBtn {
			display: grid;
			grid-column: 3;
			cursor: pointer;
		}

		.dialog_closeBtn:hover {
			display: grid;
			background: #e43131;
		}

		.dialog_closeBtn > svg {
			width: 1rem;
			justify-self: center;
			place-self: center;
		}

		.dialog_mainContent {
			display: grid;
			grid-row: 2;
			grid-column: 2;
			height: auto;
			min-height: 0rem;
			max-height: calc(85svh - 2.4rem - 4rem);
		}

		.dialog_mainContentWrapper {
			justify-self: center;
			align-self: center;
			margin-top: 2rem;
			margin-bottom: 2rem;
		}

		.dialog_footer {
			display: grid;
			grid-row: 3;
			grid-column: 1 / -1;
		}

		.dialog_buttons {
			justify-self: center;
			align-self: center;
		}

		.dialog_button {
			border: 0.1rem solid #e1e1e1;
    			padding: 0.5rem;
			min-width: 6rem;
			border-radius: 0.4rem;
			background: #e1e1e1;
			cursor: pointer;
			outline: none;
			justify-self: center;
		}

		.dialog_button:hover {
			background: var(--action-elem1);
		}

		.popup-dialog1 {
			min-width: 90svw;
			max-height: 90svh;
		}

		.popup-dialog1 .dialog_mainContent {
			overflow-y: auto;
			/*max-height: 90svh;*/
			grid-column: 1 / -1;
			outline: 0;
		}

		.popup-dialog1 .dialog_mainContentWrapper {
			width: 100%;
			align-self: start;
			margin-top: 0rem;
			margin-bottom: 0rem;
		}

		.popup-dialog1 .form-wrapper {
			box-shadow: none;
			padding: 0rem;
			border: 0rem;
		}

		.popup-dialog1 button {
			/*margin-top: 0rem;*/
		}

		.popup-dialog1 .dialog_footer {
			background: #f5f5f5;
		}

		.loader {
    			width: 2rem;
    			height: 2rem;
    			border: 0.25rem solid #FFF;
    			border-bottom-color: #FF3D00;
    			border-radius: 50%;
    			display: inline-block;
    			box-sizing: border-box;
    			animation: rotation 1s linear infinite;
			opacity: 0;
    		}

    		@keyframes rotation {
    			0% {
        			transform: rotate(0deg);
   			}
    			100% {
       				transform: rotate(360deg);
    			}
    		}

		/**

		section:not(:first-of-type) {
			opacity: 0;
			animation: fade-in-section linear forwards;
			animation-timeline: view();
			animation-range: entry;
		}

		@keyframes fade-in-section {
			to { opacity: 1; }
		}

		*/

		.spacer-line {
			border-top: 1px solid #E1E1E1;
		}

		.article-header-line {
			border-top: 1px solid #E1E1E1;
			padding: 0.5rem;
		}

		.article-contributor, .article-contributor a {
			color: #b2b2b2;
			font-size: 0.9rem;
			margin-bottom: 2rem;
		}

		.article-image-container {
			width: 100%;
    			height: min-content;
    			overflow: hidden;
			user-select: none;
			pointer-events: none;
		}

		.article-image-container img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
			pointer-events: none;
		}

		.article-image-container::after {
			display: block;
			content: "Photo Credit: " attr(attribution);
			text-align: right;
			font-size: 0.8rem;
			color: #b2b2b2;
		}

		.form-wrapper-no-decoration {
			display: grid;
			align-content: center;
		}

		.all-width {
			width: 100%;
		}

		#login-popup {
			position: absolute;
			top: 2rem;
			left: 2rem;
			display: none;
			border-radius: 1rem;
			width: 20rem;
			margin-top: 0.75rem;
			margin-bottom: 0.75rem;
			z-index: 50;
		}

		#login-popup.active, #login-popup.activeUp {
			display: block;
		}

		#login-popup.activeUp::after {
			content: '';
			position: absolute;
			border: 0.5rem solid transparent;
			border-bottom-color: #FFF;
			right: 1.26rem;
    			bottom: 100%;
			z-index: 3;
			pointer-events: none;
			display: block;
    		}

		#login-popup .form-wrapper {
			background: #FFF;
			color: #222;
			border: 0rem;
			padding: 1rem;
		}

		#login-popup .login-title {
			font-size: 1.2rem;
			font-weight: 600;
		}

		#login-popup input {
			margin-top: 1rem;
		}

		#login-popup button {
			margin: 0;
			margin-top: 1rem;
			width: 100%;
		}

		#login-popup .login-remember-me-section {
			display: grid;
    			grid-template-columns: auto 1fr;
    			grid-template-rows: 1fr 1fr;
    			font-size: 0.8rem;
			margin-top: 1rem;
			column-gap: 0.5rem;
			row-gap: 0.2rem;
			user-select: none;
		}

		/**
		#login-popup #login-remember-me {
			grid-row: 1 / -1;
			margin: 0rem;
			align-self: start;
		}
		*/

		#login-popup div:nth-child(2) {
			grid-row: 1;
			grid-column: 2;
		}

		#login-popup div:nth-child(3) {
			grid-row: 2;
			grid-column: 2;
		}
		
		.checkbox {
			position: absolute;
			overflow: hidden;
			clip: rect(0 0 0 0);
			height: 1px;
			width: 1px;
			margin: -1px;
			padding: 0;
			border: 0;
		}
		
		.login-remember-me-checkbox-container {
			display: flex;
			gap: 20px;
			justify-content: center;
		}

		.checkbox + label {
			position: relative;
			font-size: 14px;
			cursor: pointer;
			display: inline-flex;
			align-items: center;
			height: 16px;
			color: rgb(0, 0, 0);
		}

		.checkbox + label::before {
			content: " ";
			display: inline-block;
			vertical-align: middle;
			margin-right: 3px;
			width: 14px;
			height: 14px;
			background-color: white;
			border-width: 1px;
			border-style: solid;
			border-color: rgb(204, 204, 204);
			border-radius: 2px;
			box-shadow: none;
		}

		.checkbox:checked + label::after {
			content: " ";
			background-image: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCA1MTIgNTEyIj48cGF0aCBmaWxsPSIjMmNlMmRjIiBkPSJNMTczLjg5OCA0MzkuNDA0bC0xNjYuNC0xNjYuNGMtOS45OTctOS45OTctOS45OTctMjYuMjA2IDAtMzYuMjA0bDM2LjIwMy0zNi4yMDRjOS45OTctOS45OTggMjYuMjA3LTkuOTk4IDM2LjIwNCAwTDE5MiAzMTIuNjkgNDMyLjA5NSA3Mi41OTZjOS45OTctOS45OTcgMjYuMjA3LTkuOTk3IDM2LjIwNCAwbDM2LjIwMyAzNi4yMDRjOS45OTcgOS45OTcgOS45OTcgMjYuMjA2IDAgMzYuMjA0bC0yOTQuNCAyOTQuNDAxYy05Ljk5OCA5Ljk5Ny0yNi4yMDcgOS45OTctMzYuMjA0LS4wMDF6Ii8+PC9zdmc+");
			background-repeat: no-repeat;
			background-size: 10px 10px;
			background-position: center center;
			position: absolute;
			display: flex;
			justify-content: center;
			align-items: center;
			margin-left: 0px;
			left: 0.44rem;
			top: 0px;
			text-align: center;
			background-color: transparent;
			font-size: 10px;
			height: 16px;
			width: 16px;
		}

		#login-forgot-password {
			margin-top: 0.5rem;
			font-size: 0.8rem;
			text-align: right;
			user-select: none;
			cursor: pointer;
		}

		.message-popup.active {
			display: block;
		}

		.message-popup {
			display: none;
			position: absolute;
			bottom: 6rem;
			right: 7rem;
			width: 20rem;
			background: #FFF;
			height: 22rem;
			z-index: 40;
			border-radius: 0.4rem;
			overflow: hidden;
			box-shadow: 0rem 0.2rem 0.8rem 0.5rem rgb(0 0 0 / 10%);
		}

		.message-popup .message-popup-wrapper {
			position: absolute;
			display: grid;
			grid-template-rows: 2.2rem 15rem 5rem;
			width: 100%;
			min-height: 100%;
		}

		.message-popup .message-popup-wrapper .message-popup-header {
			/*background: #718ff7;*/
			background: #545454;
			display: grid;
			grid-template-columns: 2rem 1fr 2rem 2rem;
			font-size: 0.85rem;
		}

		.message-popup.active .back-button {
			display: none;
			align-content: center;
			font-weight: 600;
			user-select: none;
			cursor: pointer;
			text-align: center;
    			width: 4rem;
			background: #454545;
			font-size: 0.7rem;
			height: 2.1rem;
    			align-self: center;
			margin-left: 1.19rem!important;
			margin-top: 0.25rem!important;
		}

		.message-popup.active .back-button:hover {
			background: var(--action-elem1);
		}

		.message-popup .message-popup-wrapper .message-popup-header .online {
			width: 2rem;
			text-align: center;
			user-select: none;
			padding: 0.5rem;
			display: grid;
			justify-items: center;
			align-content: center;
		}

		.message-popup .message-popup-wrapper .message-popup-header .online .online-icon {
			width: 0.6rem;
  			height: 0.6rem;
  			background-color: #c4307d;
  			border-radius: 50%;
		}

		.message-popup .message-popup-wrapper .message-popup-header .online .online-icon.active {
			background-color: #8ee08e;
		}

		.message-popup .message-popup-wrapper .message-popup-header .username {
			padding-left: 0.5rem;
			text-align: justify;
			user-select: none;
			padding: 0.5rem;
			padding-left: 0rem;
			display: grid;
			align-content: center;
		}

		.message-popup .message-popup-wrapper .message-popup-header .settings {
			visibility: hidden;
			text-align: center;
			user-select: none;
			cursor: pointer;
			padding: 0.5rem;
			overflow: hidden;
			display: grid;
    			align-content: center;
			justify-content: center;
		}

		.message-popup .message-popup-wrapper .message-popup-header .settings:hover {
			background: var(--action-elem1);
		}

		.message-popup .message-popup-wrapper .message-popup-header .settings svg {
			width: 1rem;
			height: 1rem;
			transform: translateY(-1px);
		}

		.message-popup .message-popup-wrapper .message-popup-header .close {
			text-align: center;
			user-select: none;
			cursor: pointer;
			padding: 0.5rem;
		}

		.message-popup .message-popup-wrapper .message-popup-header .close:hover {
			background: #e43131;
		}

		.message-popup-messages-scroller {
			grid-row: 2;
			overflow-y: scroll;
			border: 1px solid #E1E1E1;
			height: 15rem;
			padding: 0.5rem;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container {
			display: grid;
			grid-auto-rows: max-content;
    			row-gap: 0.5rem;
    			min-height: 100%;
    			align-content: end;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message {
			
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message.incoming {
			display: grid;
    			grid-template-columns: 2.5rem 1fr auto;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message.outgoing {
			
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message.incoming .dp {
			user-select: none;
			cursor: pointer;
			overflow: hidden;
			width: 2.5rem;
			height: 2.5rem;
			border-radius: 0.4rem;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message.incoming .dp img {
			width: 2.5rem;
			height: 2.5rem;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message.incoming .bubble {
			background: #F2F2F2;
			color: #3c3c3c;
			inline-size: fit-content;
			padding: 0.5rem;
			margin-left: 0.5rem;
			font-size: 0.82rem;
			border-radius: 0.4rem;
			align-content: center;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .message.outgoing .bubble {
			/*background: #718ff7;*/
			background: #5b9292;
    			border-radius: 0.4rem;
    			margin-left: 3rem;
    			padding: 0.5rem;
			font-size: 0.82rem;
			align-content: center;
			inline-size: fit-content;
			float: inline-end;
		}

		.message-popup .message-popup-wrapper .message-popup-input-container {
			grid-row: 3;
			border: 1px solid #E1E1E1;
			border-top: 0rem;
		}

		.message-popup .message-popup-wrapper .message-popup-input-container .message-send-text {
			border: 0rem;
			border-radius: 0rem;
		}

		.message-popup .message-popup-wrapper .message-popup-input-container textarea {
			overflow: hidden;
			resize: none;
			white-space: nowrap;
		}

		.message-popup .message-popup-wrapper .message-popup-input-container .message-send-options {
			
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .is-typing-dot {
   			align-items: center;
    			display: flex;
    			justify-content: center;
    			gap: 0.25rem;
			background: #F2F2F2;
			/*border-radius: 9999px;*/
			border-radius: 0.4rem;
			padding: 0.5rem;
			margin-left: 0.5rem;
			inline-size: fit-content;
			/*position: absolute;*/
			/*top: 15.15rem;*/
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .is-typing-dot .dot {
			border-radius: 9999px;
			height: 0.5rem;
			width: 0.5rem;
			background: #acacac;
			opacity: 0;
			animation: blink 1s infinite;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .is-typing-dot .dot:nth-child(1) {
    			animation-delay: 0.3333s;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .is-typing-dot .dot:nth-child(2) {
			animation-delay: 0.6666s;
		}

		.message-popup .message-popup-wrapper .message-popup-messages-container .is-typing-dot .dot:nth-child(3) {
			animation-delay: 0.9999s;
		}

		@keyframes blink {
			50% {
				opacity: 1;
    			}
		}

		#mobile-notifications {
			width: 2.6rem;
    			height: 2.6rem;
    			user-select: none;
    			cursor: pointer;
    			display: grid;
    			align-content: center;
    			justify-items: center;
    			grid-column: 3;
    			justify-self: end;
    			position: absolute;
    			/*top: 0.66rem;
    			right: 3rem;*/
    			padding: 0.2rem;
    			border-radius: 0.4rem;
			/*transform: translate(-2.9rem, .66rem);*/
			transform: translate(-0.25rem, 0.65rem);
		}

		#mobile-notifications.notify::before {
			content: '';
			width: 10px;
			height: 10px;
			border-radius: 50%;
			background: red;
			position: absolute;
			transform: translate(-10px, 6px);
		}

		#mobile-notifications:hover, #mobile-notifications svg:hover, #mobile-notifications > *:hover {
			background: var(--action-elem1);
			color: #000000!important;
		}

		#mobile-notifications svg {
			width: 1.5rem;
			display: block;
		}

		.mobile-notifications-container {
			border: 1px solid #e1e1e1;
			border-radius: 0.4rem;
			box-shadow: 0rem 0.2rem 0.8rem 0.5rem rgba(0, 0, 0, 0.06);
    			display: grid;
    			position: fixed;
    			/*min-width: 30svw;*/
			min-width: 100%;
			background: #FFFFFF;
			transform: translateY(-200%);
			transition: transform 0.3s;
			z-index: 1;
			/*display: none;*/
			min-height: -webkit-fill-available;
			/*grid-template-rows: 3rem 3.4rem 1fr;*/
			/*grid-template-rows: 3rem 3.5rem 1fr;*/
			grid-template-rows: 3rem 1fr;
		}

		.mobile-notifications-container.active {
			transform: translateY(3.5rem);
		}

		.mobile-notifications-container .search-messages {
			margin: 0.5rem;
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 0.5rem;
		}

		.mobile-notifications-container .search-messages .back-button, .message-popup.active .back-button {
			padding: 0.5rem 1rem 0.5rem 0.8rem;
			background: #464646;
			border-color: #464646;
			color: #FFF;
			border-radius: 0.4rem;
			width: fit-content;
			margin-bottom: 0.3rem;
			font-size: 0.8rem;
			font-weight: 600;
			position: relative;
			margin-left: 10px;
			cursor: pointer;
			user-select: none;
		}

		.mobile-notifications-container .search-messages .back-button:hover, .message-popup.active .back-button:hover {
			background: var(--action-elem1);
			border-color: var(--action-elem1);
			color: #000;
		}

		.mobile-notifications-container .search-messages .back-button::before, .message-popup.active .back-button::before {
			content: '';
			position: absolute;
			overflow: hidden;
			top: 17px;
			left: 5.5px;
			border: 15px solid transparent;
			border-left-color: inherit;
			border-bottom-color: inherit;
			border-radius: 12px;
			border-bottom-left-radius: 3px;
			z-index: 4;
			transform: translate(-50%, -50%) scaleX(0.7) rotate(45deg);
		}

		.mobile-notifications-container .search-messages input {
			height: 2.1rem;
		}

		.mobile-notifications-container .mobile-notifications-header {
			/*display: grid;*/
			display: none;
			clip-path: fill-box;
			padding-right: 1rem;
			padding-left: 1rem;
			overflow-x: scroll;
			scrollbar-width: none;
			align-content: center;
			grid-row: 2;
			width: 100%;
			cursor: pointer;
			user-select: none;
		}

		.mobile-notifications-container .mobile-notifications-header .online-users-container {
			display: grid;
			column-gap: 0.5rem;
			grid-auto-columns: min-content;
			grid-auto-flow: column;
		}

		.mobile-notifications-container .mobile-notifications-header .online-users-container .dp {
			width: 3rem;
    			height: 3rem;
    			overflow: hidden;
    			/*border-radius: 0.4rem;*/
			border-radius: 50%;
			user-select: none;
		}

		.mobile-notifications-container .mobile-notifications-header .online-users-container .dp img {
			width: 3rem;
			height: 3rem;
		}

		.mobile-notifications-container .mobile-notifications-header .notification-tab {
			color: #969696;
    			font-size: 0.9rem;
    			padding: 0.5rem;
			border-radius: 0.4rem;
    			width: 5rem;
    			display: block;
    			text-align: center;
    			background: #F2F2F2;
			place-content: center;
			text-align: center;
			cursor: pointer;
		}

		.mobile-notifications-container .mobile-notifications-header .notification-tab:hover {
			background: var(--action-elem1);
			color: #000;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper {
			overflow-y: scroll;
			font-size: 0.9rem;
			padding: 0.5rem;
			padding-top: 0rem;
			scrollbar-width: none;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container {
			display: grid;
    			row-gap: 0.5rem;
		}

		.mobile-notifications-container.active .search-messages .username_search_results {
			color: #7d7d7d;
			position: absolute;
			top: 2.7rem;
			left: 5.17rem;
			display: none;
			background: #ffffff;
			width: calc(100svw - 5.8rem);
			border-radius: 0.4rem;
			border: 0.1rem solid #E1E1E1;
			font-size: 0.85rem;
			z-index: 10;
			overflow: hidden;
		}

		.mobile-notifications-container.active .search-messages .username_search_results.active {
			display: grid;
		}

		.mobile-notifications-container.active .search-messages .username_search_results span {
			padding: 0.5rem;
			cursor: pointer;
			user-select: none;
		}

		.mobile-notifications-container.active .search-messages .username_search_results span:hover {
			background: var(--action-elem1);
			color: #FFFFFF;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message {
			display: grid;
    			grid-template-columns: 4rem 1fr;
    			grid-template-rows: 1fr 1fr;
			color: #3c3c3c;
			cursor: pointer;			
			padding: 0.5rem;
			border-radius: 0.4rem;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.online .dp::before {
			content: '';
			width: 1.5rem;
			height: 1.5rem;
			position: absolute;
			background: #8ee08e;
			border-radius: 50%;
			border: 0.3rem solid #FFFFFF;
			transform: translate(3.1em, 2.82rem);
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.online:hover .dp::before {
			border: 0.3rem solid #f2f2f2;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message:hover {
			background: #f2f2f2; /*var(--action-elem1);*/
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.unread .date-time {
			color: #000;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message:hover .date-time {
			color: #000;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message .dp {	
    			grid-column: 1 / -1;
			grid-row: 1 / -1;
			width: 4rem;
    			height: 4rem;
    			overflow: hidden;
    			/*border-radius: 0.4rem;*/
			border-radius: 50%;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message .dp img {
			width: 4rem;
			height: 4rem;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message .username {
			grid-row: 1;
			grid-column: 2;
			padding-left: 0.5rem;
    			font-weight: 600;
			font-size: 1rem;
			display: grid;
			align-self: end;

			/* contain with ellipsis */
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			max-width: 10rem;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.read .username,
		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.read .message-preview {
			color: #878787;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.read .total-messages {
			display: none;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message.read:hover .date-time {
			color: #878787;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message .message-preview {
			grid-row: 2;
			grid-column: 2;
			padding-left: 0.5rem;
			font-size: 0.86rem;
			/* contain with ellipsis */
			display: block;
			overflow: hidden;
			text-overflow: ellipsis;
			white-space: nowrap;
			max-width: 14.5rem;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message .date-time {
			color: #b3b3b3;
    			font-size: 0.7rem;
			grid-row: 1;
			grid-column: 2;
			display: grid;
			width: max-content;
			justify-self: end;
			transform: translateY(-0.15rem);
			align-self: end;
		}

		.mobile-notifications-container .mobile-notifications-messages-wrapper .mobile-notifications-messages-container .notification-message .total-messages {
			color: #ffffff;
			font-size: 0.76rem;
			grid-row: 2;
			grid-column: 2;
			display: grid;
			width: max-content;
			justify-self: end;
			background: red;
			border-radius: 50%;
			width: 1.25rem;
			height: 1.25rem;
			text-align: center;
			align-items: center;
		}

		.message-popup input[type="search"]::-webkit-search-decoration, 
		.message-popup input[type="search"]::-webkit-search-cancel-button,
		.message-popup input[type="search"]::-webkit-search-results-button,
		.message-popup input[type="search"]::-webkit-search-results-decoration {
			display: none;
		}

		@media (min-width: 501px) {
			.mobile-notifications-container {
				/*transform: translateY(3.5rem);*/
				min-width: 24rem;
				max-width: 50%;
				right: var(--scrollbar-width);
			}
			.mobile-notifications-container .back-button {
				display: none;
			}
			.mobile-notifications-container .search-messages {
				grid-template-columns: 1fr;
			}
			.mobile-notifications-container.active .search-messages .username_search_results {
				left: 0.5rem;
   				width: 22.9rem;
			}
		}

		.section-header-picture {
			width: 100%;
    			height: min-content;
    			overflow: hidden;
			user-select: none;
			pointer-events:none;
		}

		.section-header-picture img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
			pointer-events:none;
		}

		.span-link {
			cursor: pointer;
			user-select: none;
		}

		.span-link:hover {
			text-decoration: underline;
		}

		.small-text {
			font-size: 0.9rem;
		}

		.calendar {
			width: 100%;
    			display: grid;
    			grid-template-columns: repeat(7, 1fr);
			text-align: center;
			border: 1px solid #e1e1e1;
			background: #f7f7f7;
			grid-gap: 1px;
		}

		.calendar .calendar-day-name {
			background: #e1e1e1;
			user-select: none;
			height: 2.5rem;
    			display: grid;
    			align-items: center;
		}

		.calendar .calendar-day:not(.calendar-day ~ .calendar-day) {
			grid-column-start: 7;
		}

		.calendar .calendar-day {
			user-select: none;
			cursor: pointer;
			height: 10rem;
			background: #FFF;
			font-size: 0.75rem;
			text-align: left;
			overflow: hidden;
			display: grid;
			text-wrap-style: balance;
		}

		.calendar .calendar-day:hover {
			background: var(--action-elem1);
		}

		.calendar .calendar-day.active {
			animation: calendar-day-zoom-in 150ms ease-in;
		}

		@keyframes calendar-day-zoom-in {
			0% {
				width: 100%;
				scale: 100%;
				opacity: 1;
			}
			100% {
				width: 1000%;
				scale: 1000%;
				opacity: 0;
			}
		}

		.calendar .calendar-day .calendar-day-number {
			grid-row: 1;
			grid-column: 1 / -1;
			padding-top: 0.3rem;
			padding-left: 0.4rem;
		}

		.calendar .calendar-day .calendar-day-events, .calendar .calendar-day .calendar-day-events-mark {
			grid-row: 1;
			grid-column: 1 / -1;
			font-size: 0.6rem;
			align-self: center;
    			/*justify-self: center;*/
			text-align: center;
		}

		.calendar .calendar-day .calendar-day-events-mark {
			display: none;
			font-weight: 600;
			width: 0.7rem;
			height: 0.7rem;
			background: #f71593;
			border-radius: 50%;
			justify-self: center;
		}

		.calendar-day-events-table {
			display: grid;
			font-size: 0.86rem;
		}

		.calendar-day-events-table .row {
			display: grid;
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.calendar-day-events-table .row:first-child {
			position: sticky;
			top: 0;
		}
	
		.calendar-day-events-table .row:first-child div {
			background: #e1e1e1;
			text-align: center;
			font-weight: 600;
			height: 2rem;
			place-content: center;
			cursor: pointer;
			user-select: none;
		}

		.calendar-day-events-table .row div {
			padding: 0.3rem;
			text-align: center;
		}
	
		.calendar-day-events-table .row:nth-child(odd) {
			background: #f3f3f3;
		}

		#calendar-day-event-details .dialog_mainContent::after {
			content: '';
    			mask-image: linear-gradient(to top, white, transparent);
   			position: absolute;
    			bottom: 4rem;
    			top: 50%;
    			width: 100%;
    			background: white;
			pointer-events: none;
			transition: opacity 0.1s ease;
		}

		#calendar-day-event-details .dialog_mainContent.no-fade::after {
    			opacity: 0;
		}

		.month-picker-popup {
			display: none;
			position: absolute;
			background: #f2f2f2;
			z-index: 20;
			border-radius: 0.4rem;
			padding: 0.4rem;
			color: #000;
			box-shadow: 0 5px 10px rgba(0,0,0,.2);
		}

		.month-picker-popup.activeUp::after {
			content: '';
    			border-left: 0.8rem solid transparent;
    			border-right: 0.8rem solid transparent;
    			border-top: 0.8rem solid #f2f2f2;
    			transform: translate(1.5rem, 0.3rem);
    			position: absolute;
		}

		.month-picker-popup.activeDown::after {
			content: '';
    			border-left: 0.8rem solid transparent;
    			border-right: 0.8rem solid transparent;
    			border-bottom: 0.8rem solid #f2f2f2;
    			transform: translate(1.5rem, -18rem);
    			position: absolute;
		}

		.month-picker-popup.activeUp, .month-picker-popup.activeDown {
			display: block;
		}

		.month-picker-popup.activeDown {
			z-index: 2;
		}

		.month-picker {
			display: grid;
			grid-template-rows: 2rem 15rem;
		}

		.month-picker-years {
			display: grid;
			grid-template-columns: 2rem 15rem 2rem;
			user-select: none;
		}

		.month-picker-years .month-picker-years-prev, .month-picker-years .month-picker-year, .month-picker-years .month-picker-years-next {
			display: grid;
			justify-items: center;
			align-items: center;
			cursor: pointer;
			border-radius: 0.4rem;
		}

		.month-picker-years .month-picker-years-prev:hover, .month-picker-years .month-picker-years-next:hover {
			background: var(--action-elem1);
			color: #FFF;
		}

		.month-picker-months-table {
			display: grid;
			grid-template-rows: 1fr 1fr 1fr;
			grid-template-columns: 1fr 1fr 1fr 1fr;
		}

		.month-picker-months-table .month-picker-month-name {
			display: grid;
			justify-items: center;
    			align-items: center;
			cursor: pointer;
			user-select: none;
			border-radius: 0.4rem;
		}

		.month-picker-months-table .month-picker-month-name:hover {
			background: var(--action-elem1);
			color: #FFF;
		}

		.triangle-right {
			width: 0;
			height: 0;
			border-left: 0.8rem solid #000;
    			border-top: 0.8rem solid transparent;
			border-bottom: 0.8rem solid transparent;
			display: block;
			scale: 0.5;
		}

		.calendar-svg {
			transform: translateY(-0.1rem);
		}

		.important-svg {
			width: 1.2rem;
    			height: 1.2rem;
    			display: inline-block;
    			transform: translateY(0.3rem);
    			margin-left: 0.5rem;
		}

		.icon-button {
			width: 2rem;
			height: 2rem;
			border-radius: 0.4rem;
			display: grid;
			align-items: center;
			justify-items: center;
			cursor: pointer;
		}

		.icon-button:hover {
			background: var(--action-elem1);
		}

		.events-list-day {
			padding-bottom: 2rem;
		}

		.events-list-day h3[day-header] {
			border-bottom: 1px solid #E1E1E1;
    			margin-bottom: 2rem;
			position: sticky;
    			top: 3.5rem;
    			background: #FFF;
			z-index: 1;
		}

		.day-event-wrapper {
			background: #f3f3f3;
    			padding: 1rem;
    			border-radius: 0.4rem;
			margin-top: 2rem;
		}

		.day-event-image-container {
			width: 100%;
    			height: min-content;
    			overflow: hidden;
			user-select: none;
		}

		.day-event-image-container img {
			width: 100%;
			height: 100%;
			object-fit: cover;
			object-position: center;
		}

		.day-event-image-container::after {
			display: grid;
			content: "Photo Credit: " attr(attribution);
			text-align: right;
			font-size: 0.65rem;
			color: #000000;
			background: #e1e1e1b5;
    			width: fit-content;
    			transform: translateY(-1.72rem);
    			float: inline-end;
    			padding: 0.2rem;
    			padding-left: 0.3rem;
    			padding-right: 0.3rem;
		}

		.day-event-doors {
			padding-top: 1rem;
		}

		.day-event-description {
			padding-top: 1rem;
			padding-bottom: 1rem;
		}

		.day-event-tickets-pricing {
			padding-bottom: 1rem;
		}

		.day-event-tickets-buy-button {
			text-align: center;
			padding-top: 0.5rem;
			padding-bottom: 1rem;
		}

		.day-event-tickets-buy-button button {
			margin: 0rem;
		}

		.wrapperWithFadeOut::after {
			content: '';
    			mask-image: linear-gradient(to top, white, transparent);
   			position: absolute;
    			bottom: 4rem;
    			top: 50%;
    			width: 100%;
    			background: white;
			pointer-events: none;
			transition: opacity 0.1s ease;
		}

		.wrapperWithFadeOut.no-fade::after {
    			opacity: 0;
		}

		.top-inner-submenu-nav {
			display: flex;
			justify-content: center;
			grid-column: 2;
			align-items: center;
			transform: translateY(-0.2rem);
			column-gap: 0.2rem;
			font-size: 0.95rem;
		}

		.top-inner-submenu-nav div {
			padding: 0.5rem;
			cursor: pointer;
			/*border-radius: 0.4rem;*/
			user-select: none;
		}

		.top-inner-submenu-nav div:hover {
			background: var(--action-elem1);
			color: #000;
			/*transition: color .1s ease-in, background-color .1s;*/
		}

		.top-inner-submenu-nav {
			justify-content: start;
			background: #464646;
			padding-left: 0.5rem;
		}

		.forumSubMenu {
			position: sticky;
			top: 3.5rem;
			z-index: 2;
		}

		#forumRulesDialog h3 {
			margin-bottom: 1rem;
			text-align: center;
		}

		#forumRulesDialog ul {
			margin-top: 0rem;
		}

		#forumRulesDialog li {
			padding: 0.3rem;
		}

		.forum-category {
			border: 1px solid #E1E1E1;
    			padding: 0.5rem;
    			border-radius: 0.4rem;
			margin-bottom: 1rem;
		}

		.forum-subcategory {
			display: grid;
    			grid-template-columns: 2rem 1fr;
    			grid-template-rows: auto auto auto;
			background: #f3f3f3;
			border-radius: 0.4rem;
    			margin-top: 0.5rem;
			padding: 0.8rem;
			user-select: none;
			cursor: pointer;
		}

		.forum-subcategory:hover {
			background: var(--action-elem1);
		}

		.forum-subcategory-icon {
			width: 1.2rem;
    			grid-row: 1 / -1;
		}

		.forum-subcategory-icon svg {
			transform: translateY(0.25rem);
		}

		.forum-subcategory-title {
			font-size: 1.1rem;
			font-weight: 600;
		}

		.forum-subcategory-description {
			grid-column: 2;
			font-size: 0.8rem;
		}

		.forum-subcategory-number-posts {
			grid-column: 2;
			font-size: 0.7rem;
			text-align: right;
		}

		.forum-subcategory-header {
			border: 1px solid #E1E1E1;
    			padding: 0.5rem;
    			border-radius: 0.4rem;
		}

		.div-links, .div-links:hover {
			text-decoration: inherit!important;
			color: inherit!important;
		}

		.threads-container {
			border: 1px solid #E1E1E1;
    			padding: 0.5rem;
    			border-radius: 0.4rem;
			margin-bottom: 1rem;
			font-size: 0.9rem;
		}

		#start-new-thread-button {
			margin: 0rem;
			margin-top: 2rem;
			margin-bottom: 1rem;
			display: grid;
			place-self: start;
			padding: 0.5rem;
			min-width: 0rem;
		}

		.forum-thread {
			display: grid;
			grid-template-columns: 1fr;
    			grid-template-rows: auto auto auto;
			background: #f3f3f3;
			border-radius: 0.4rem;
    			margin-top: 0.5rem;
			padding: 0.8rem;
		}

		.forum-thread-sort-filter {
			display: flex;
    			place-content: flex-end;
			margin-bottom: 0.5rem;
			font-size: 0.8rem;
			font-weight: 600;
		}

		.forum-thread-sort-filter .sort-by-button {
			text-align: center;
			padding: 0.3rem;
			border-radius: 0.4rem;
			cursor: pointer;
			user-select: none;
			display: flex;
			gap: 0.3rem;
			border: 1px solid #E1E1E1;
			padding-left: 0.5rem;
		}

		.forum-thread-sort-filter .sort-by-button:hover {
			background: var(--action-elem1);
		}

		.forum-thread-sort-filter .arrow-down-svg {
			width: 0.76rem;
		}

		.forum-thread-sort-filter .arrow-down-svg svg {
			transform: translateY(0.08rem);
		}

		.forum-thread-pages-nav {
			display: grid;
			grid-template-columns: 2.5rem 3.5rem auto 3.5rem 2.5rem;
			font-size: 0.8rem;
		}

		.forum-thread-pages-nav #first-page-button, .forum-thread-pages-nav #prev-page-button, .forum-thread-pages-nav #current-page-of-total, .forum-thread-pages-nav #next-page-button, .forum-thread-pages-nav #last-page-button {
			text-align: center;
			padding: 0.5rem;
			border-radius: 0.4rem;
			cursor: pointer;
			user-select: none;
		}

		.forum-thread-pages-nav #first-page-button:hover, .forum-thread-pages-nav #prev-page-button:hover, .forum-thread-pages-nav #next-page-button:hover, .forum-thread-pages-nav #last-page-button:hover {
			background: var(--action-elem1);
		}

		.forum-thread-pinned-icon {
			width: 1rem;
		}

		.forum-thread-pinned-icon svg {
			transform: translate(0.1rem, 0.1rem);
			display: block;
		}

		.forum-thread-lock-icon {
			width: 1rem;
		}

		.forum-thread-lock-icon svg {
			transform: translateY(0.08rem);
			display: block;
		}

		.forum-thread-title {
			display: grid;
			grid-template-columns: auto auto 1fr;
			gap: 0.4rem;
		}

		.forum-thread-title-text {
			font-size: 0.9rem;
			font-weight: 600;
			cursor: pointer;
		}

		.forum-thread-title-text:hover {
			text-decoration: underline;
		}

		.forum-thread-by-user {
			grid-row: 2;
			font-size: 0.8rem;
			margin-bottom: 0.3rem;
		}

		.forum-thread-total-replies {
			font-size: 0.7rem;
			text-align: left;
			grid-row: 3;
			font-family: sans-serif;
		}

		.forum-thread-total-views {
			grid-column: 2;
			font-size: 0.7rem;
			text-align: right;
			grid-row: 3;
			font-family: sans-serif;
		}

		.dropdown-picker-popup {
			display: none;
			position: absolute;
			z-index: 3;
			top: 100px;
			left: 50px;
			color: #000;
			background: #FFF;
    			border-radius: 0.4rem;
    			border: 1px solid #E1E1E1;
    			padding: 0.5rem;
    			box-shadow: 0 8px 50px rgba(0, 0, 0, 0.1), 0px 4px 15px rgba(0, 0, 0, 0.05);
    		}

		.dropdown-picker-popup::before {
			content: '';
			position: absolute;
			border: 0.4rem solid transparent;
			border-bottom-color: inherit;
			right: 10px;
    			bottom: 100%;
			z-index: 3;
			pointer-events: none;
			display: block;
			margin-bottom: 1px;
		}

		.dropdown-picker-popup::after {
			content: '';
			position: absolute;
			border: 0.4rem solid transparent;
			border-bottom-color: #FFF;
			right: 10px;
    			bottom: 100%;
			z-index: 3;
			pointer-events: none;
			display: block;
    		}

		.dropdown-picker-popup.active {
			display: block;
		}

		.dropdown-picker-popup .dropdown-picker-wrapper {
			display: grid;
			gap: 0.5rem;
		}

		.dropdown-picker-popup .dropdown-picker-item {
			cursor: pointer;
			user-select: none;
			padding: 0.5rem;
			font-size: 0.9rem;
		}

		.dropdown-picker-popup .dropdown-picker-item:hover {
			background: var(--action-elem1);
		}

		.top-page-title {
			padding-bottom: 0.5rem;
			display: grid;
			grid-template-columns: auto 1fr;
			column-gap: 0.7rem;
		}

		.top-page-title h2 {
			width: fit-content;
			text-align: left;
			display: none;
		}

		.back-button {
			padding: 0.5rem 1rem 0.5rem 0.8rem;
			background: #464646;
			border-color: #464646;
			color: #FFF;
			border-radius: 0.4rem;
			width: fit-content;
			margin-bottom: 0.3rem;
			font-size: 0.8rem;
			font-weight: 600;
			position: relative;
			margin-left: 10px;
			cursor: pointer;
			user-select: none;
		}

		.back-button::before {
			content: '';
			position: absolute;
			overflow: hidden;
        		top: 17px;
			left: 5.5px;
        		border: 15px solid transparent;
        		border-left-color: inherit;
        		border-bottom-color: inherit;
        		border-radius: 12px;
        		border-bottom-left-radius: 3px;
        		z-index: 1;
			transform: translate(-50%, -50%) scaleX(0.7) rotate(45deg);
		}

		.back-button:hover {
			background: var(--action-elem1);
			border-color: var(--action-elem1);
			color: #000;
		}

		.new-thread-form.active, .reply-thread-form.active {
			display: grid;
			background: #FFFFFF;
			padding: 1rem;
			margin-bottom: 1rem;
			border-radius: 0.4rem;
			border: 0.1rem solid #E1E1E1;
		}

		.new-thread-form, .reply-thread-form {
			display: none;
		}

		.new-thread-form h2, .reply-thread-form h2 {
			font-size: 1.25rem;
			margin-bottom: 0.75rem;
		}

		.new-thread-form label, .reply-thread-form label {
			font-size: 0.9rem;
			margin-left: 0rem;
		}

		.new-thread-form #new-thread-title, .reply-thread-form #reply-thread-title {
			margin-bottom: 1rem;
		}

		.new-thread-form #submit-new-thread, .reply-thread-form #submit-new-reply {
			margin-top: 1.5rem;
		}

		label.required-asterisk {
			margin-left: 0.75rem;
		}

		label.required-asterisk::before {
			content: '*';
			position: absolute;
			color: red;
			font-weight: 600;
			font-size: 1.3rem;
			margin-left: -0.75rem;
			
		}

		.thread-op-header {
			border: 1px solid #E1E1E1;
    			padding: 0.5rem;
    			border-radius: 0.4rem 0.4rem 0rem 0rem;
			display: grid;
			grid-template-columns: auto auto 1fr;
			column-gap: 0.4rem;
			background: #f3f3f3;
		}

		.thread-op-header .thread-op-title {
			font-size: 1rem;
			font-weight: 600;
			grid-row: 1;
		}

		.thread-op-lock-icon {
			width: 0.8rem;
			grid-row: 1;
			transform: translateY(-0.1rem);
		}

		.thread-op-lock-icon svg {
			display: block;
			transform: translateY(0.34rem);
		}

		.thread-op-pinned-icon {
			width: 0.8rem;
			grid-row: 1;
			transform: translateY(-0.07rem);
		}

		.thread-op-pinned-icon svg {
			display: block;
			transform: translate(0.1rem, 0.34rem);
		}

		.thread-op-body {
			display: grid;
			border-left: 1px solid #E1E1E1;
			border-right: 1px solid #E1E1E1;
			padding: 0.5rem;
			min-height: 4rem;
			font-size: 0.9rem;
		}

		.thread-op-footer {
			display: grid;
			grid-template-columns: auto auto;
			border: 1px solid #E1E1E1;
			border-radius: 0rem 0rem 0.4rem 0.4rem;
			padding: 0.3rem;
			font-size: 0.7rem;
			background: #f3f3f3;
		}

		.thread-op-footer .thread-op-user {
			grid-row: 2;
		}

		.thread-op-footer .thread-op-date-time {
			grid-row: 2;
			text-align: right;
		}

		.replies-wrapper {
			
		}

		.replies-container-header {
			border-top: 1px solid #E1E1E1;
			border-left: 1px solid #E1E1E1;
			border-right: 1px solid #E1E1E1;
    			padding: 0.5rem;
    			border-radius: 0.4rem 0.4rem 0rem 0rem;
		}

		.replies-container-body {
			border-left: 1px solid #E1E1E1;
			border-right: 1px solid #E1E1E1;
			padding: 0.5rem;
			padding-bottom: 0rem;
			font-size: 0.9rem;
		}

		.replies-container-footer {
			border-bottom: 1px solid #E1E1E1;
			border-left: 1px solid #E1E1E1;
			border-right: 1px solid #E1E1E1;
    			border-radius: 0rem 0rem 0.4rem 0.4rem;
			margin-bottom: 1rem;
			padding-bottom: 0.5rem;
		}

		.replies-container-body .reply-container {
			border: 1px solid #E1E1E1;
    			border-radius: 0.4rem;
		}

		.reply-container {
			margin-top: 0.5rem;
		}

		.replies-container-body .reply-header {
			display: grid;
    			grid-template-columns: auto 1fr;
    			grid-template-rows: 1fr 1fr;
    			column-gap: 0.5rem;
    			background: #f3f3f3;
    			padding: 0.7rem;
    			border-radius: 0.4rem 0.4rem 0rem 0rem;
		}

		.replies-container-body .reply-header .reply-user-dp {
			grid-column: 1;
    			grid-row: 1 / -1;
   			border-radius: 50%;
    			overflow: hidden;
    			width: 3rem;
    			height: 3rem;
		}

		.replies-container-body .reply-header .reply-user-dp img {
			width: 100%;
			height: 100%;
		}

		.replies-container-body .reply-header .reply-user-name {
			font-weight: 600;
    			font-size: 1rem;
    			align-self: end;
    			line-height: 0.7rem;
		}

		.replies-container-body .reply-header .reply-date-time {
			font-size: 0.7rem;
    			line-height: 1.3rem;
		}

		.replies-container-body .reply-body {
			padding: 0.5rem;
		}

		#reply-to-thread-button {
			margin: 0rem;
			margin-top: 2rem;
			margin-bottom: 1rem;
			display: grid;
			place-self: start;
			padding: 0.5rem;
			min-width: 0rem;
		}

		.bands-filter-pulldown {
			margin-top: 2rem;
			padding: 1rem 0.6rem 1rem 1rem;
			border: 0.1rem solid #E1E1E1;
			border-radius: 0.5rem;
			font-size: 0.9rem;
			font-weight: 600;
			user-select: none;
			cursor: pointer;
		}

		.bands-filter-pulldown:hover {
			background: #F2F2F2;
		}

		.bands-filter-pulldown.active {
			border-bottom-right-radius: 0rem;
			border-bottom-left-radius: 0rem;
		}

		.bands-filter-form {
			display: none;
		}

		.bands-filter-form.active {
			border: 0.1rem solid #E1E1E1;
			border-top: 0rem;
			border-radius: 0.4rem;
			border-top-right-radius: 0rem;
			border-top-left-radius: 0rem;
			padding: 1rem 1rem 1rem 1rem;
			display: grid;
		}

		.bands-filter-form label {
			margin-top: -0.25rem;
			margin-left: 0rem;
			font-size: 0.9rem;
		}

		.bands-filter-form select {
			background: #FFFFFF;
		}

		.bands-filter-form button {
			margin: 1rem 0rem 0rem 0rem;
		}

		@media (max-width: 500px) {
			.bands-filter-form button {
				width: 100%;
			}
		}

		.bands-list-pages-nav {
			margin-top: 2rem;
			display: grid;
			grid-template-columns: auto 1fr auto;
			padding: 0.75rem 0.8rem 0.5rem 0.4rem;
			border: 0.1rem solid #E1E1E1;
			border-radius: 0.4rem;
			border-bottom-right-radius: 0rem;
			border-bottom-left-radius: 0rem;
			border-bottom: 0rem;
			font-size: 0.75rem;
		}

		.bands-list-pages-nav #prev-page-button, .bands-list-pages-nav #next-page-button {
			display: inline-flex;
			align-items: center;
		}

		.bands-list-pages-nav svg {
			scale: 0.8;
		}

		.bands-list-wrapper {
			margin-bottom: 2rem;
			border: 0.1rem solid #E1E1E1;
			border-radius: 0.4rem;
			border-top-right-radius: 0rem;
			border-top-left-radius: 0rem;
		}

		.bands-list-container {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
			gap: 0.5rem;
			padding: 0.5rem;
			justify-content: center;
		}

		.band-item {
			background: #F2F2F2;
			padding: 1rem;
			border-radius: 0.4rem;
			position: relative;
		}

		.band-item-image-container {
			width: 100%;
    			/*height: 10rem;*/
    			overflow: hidden;
			user-select: none;
		}

		.band-item-image-container img {
			width: 100%;
			/*height: 100%;*/
			object-fit: cover;
			object-position: center;
			aspect-ratio: 1 / 1;
		}

		.band-item-image-container::after {
			display: grid;
			content: "Photo Credit: " attr(attribution);
			text-align: right;
			font-size: 0.65rem;
			color: #000000;
			background: #e1e1e1b5;
    			width: fit-content;
    			transform: translateY(-1.72rem);
    			float: inline-end;
    			padding: 0.2rem;
    			padding-left: 0.3rem;
    			padding-right: 0.3rem;
		}

		.band-item-name-and-genres {
			display: grid;
			grid-template-rows: auto 1.3rem 5rem;
  			overflow: hidden;
			max-height: 6rem;
			margin-top: -1.5rem;
		}

		.band-item-name {
			margin-top: 0.5rem;
			margin-top: 0.5rem;
			font-size: 1.1rem;
			display: -webkit-box;
			-webkit-line-clamp: 2;
			overflow: hidden;
			-webkit-box-orient: vertical;
		}

		.band-item-genres {
			font-size: 0.9rem;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			overflow: hidden;
			-webkit-box-orient: vertical;
			height: 1rem;
		}

		.band-item-region {
			font-size: 0.9rem;
			display: -webkit-box;
			-webkit-line-clamp: 1;
			overflow: hidden;
			-webkit-box-orient: vertical;
			height: 1rem;
		}

		.band-item-show-more {
			margin-top: 0.5rem;
			display: flex;
			border-radius: 0.5rem;
			background: #E1E1E1;
			/* width: 2rem; */
			/* height: 2rem; */
			justify-content: center;
			align-items: center;
			cursor: pointer;
			font-size: 0.7rem;
		}

		.band-item-show-more:hover {
			background: var(--action-elem1);
		}

		.band-item-profile-button {
			margin: 0rem;
			margin-top: 1rem;
			padding: 0.5rem!important;
			inline-size: -webkit-fill-available;
			display: inline-flex;
		}

				.band-profile-wrapper {
			margin-top: 1rem;
			margin-bottom: 1rem;
			border: 0.1rem solid #E1E1E1;
			border-radius: 0.4rem;
			font-size: 0.9rem;
		}

		.band-profile-band-name {
			margin: 0rem;
			margin-top: 1rem;
			margin-bottom: 0rem;
			font-size: 1.3rem;
			/*text-align: center;*/
		}

		.bands-list-container {
			display: grid;
			grid-template-columns: repeat(auto-fit, minmax(16rem, 1fr));
			gap: 0.5rem;
			padding: 0.5rem;
			justify-content: center;
		}

		.band-picture-gallery-container {
			padding: 0.5rem;
			display: grid;
			row-gap: 0.5rem;
			grid-template-rows: 1fr 5rem;
			position: relative;
		}

		.band-main-picture-container {
    			overflow: hidden;
			user-select: none;
			width: 100%;
			position: relative;
			padding-top: 100%;
		}

		.band-main-picture-container img {
			position: absolute;
			width: 100%;
			height: 100%;
			top: 0;
			object-fit: cover;
			object-position: center;
			aspect-ratio: 1 / 1;
		}

		.band-main-picture-container::after {
			position: absolute;
			bottom: 0;
			right: 0;
			display: grid;
			content: "Photo Credit: " attr(attribution);
			font-size: 0.65rem;
			color: #000000;
			background: #e1e1e1b5;
    			width: fit-content;
    			padding: 0.2rem;
    			padding-left: 0.3rem;
    			padding-right: 0.3rem;
		}

		.band-picture-thumbnails {
			overflow-x: scroll;
			overflow-y: clip;
			width: 100%;
			scrollbar-width: none;
			scroll-behavior: smooth;
		}

		.band-picture-thumbnails-container {
			display: inline-block;
			height: 5rem;
			white-space: nowrap;
			width: 100%;
		}

		.band-picture-thumbnails img {
			cursor: pointer;
			pointer-events: auto;
			width: 5rem;
			height: 5rem;
			object-fit: cover;
			aspect-ratio: 1 / 1;
		}

		.band-picture-thumbnails img:hover {
			opacity: 0.5;
		}

		.band-gallery-scroll-left {
			position: absolute;
			display: grid;
			height: 5rem;
			bottom: 0.5rem;
			left: 0.5rem;
			align-items: center;
			justify-items: center;
			background: #ffffff9e;
			user-select: none;
			cursor: pointer;
		}

		.band-gallery-scroll-right {
			position: absolute;
			display: grid;
			height: 5rem;
			bottom: 0.5rem;
			right: 0.5rem;
			align-items: center;
			justify-items: center;
			background: #ffffff9e;
			user-select: none;
			cursor: pointer;
		}

		.band-gallery-scroll-left:hover, .band-gallery-scroll-right:hover {
			background: #ffffffdb;
		}

		@media (max-width: 500px) {
			.band-picture-gallery-container {
				grid-template-rows: 1fr 3rem;
			}
			.band-picture-thumbnails-container {
				height: 3rem;
			}
			.band-picture-thumbnails img {
				width: 3rem;
				height: 3rem;
			}
			.band-gallery-scroll-left, .band-gallery-scroll-right {
				height: 3rem;
			}
		}

		.band-details, .band-events, .band-links, .band-contact-info {
			margin-top: 1rem;
		}

		.band-details-header {
			font-size: 1.3rem;
		}

		.band-links {
			display: grid;
			grid-template-columns: repeat(auto-fit, 3rem);
			gap: 1rem;
			transform: translateY(-0.9rem);
			margin-bottom: -0.5rem;
			background: #F2F2F2;
			padding: 1rem 0.5rem 1rem 0.5rem;
			border-radius: 0.4rem;
			justify-content: center;
			align-content: center;
		}

		.band-socialmedia span, .band-socialmedia span svg {
			display: block;
			width: 3rem;
			height: 3rem;
			cursor: pointer;
			scale: 0.8;
		}

		.band-socialmedia:hover span svg {
			scale: 1.2;
		}

		.band-socialmedia {
			position: relative;
		}

		.band-socialmedia:hover::before {
			content: attr(tooltip);
			position: absolute;
			top: -2.5rem;
			width: max-content;
			background: #000000a5;
			color: #FFFFFF;
			padding: 0.5rem;
			left: 50%;
			transform: translateX(-50%);
			border-radius: 0.4rem;
			font-size: 0.8rem;
		}

		.band-socialmedia:hover::after {
			content: '';
			border: 0.2rem;
			border-top-color: #000000a5;
			position: absolute;
			left: 50%;
			top: -2.5rem;
		}

		.band-socialmedia[type="website"]:hover span svg {
			fill: #7983ff;
		}

		.band-socialmedia[type="facebook"]:hover span svg {
			fill: #0866FF;
		}

		.band-socialmedia[type="instagram"]:hover span svg {
			fill: #FF0069;
		}

		.band-socialmedia[type="spotify"]:hover span svg {
			fill: #1ED760;
		}

		.band-socialmedia[type="applemusic"]:hover span svg {
			fill: #FA243C;
		}

		.band-socialmedia[type="bandcamp"]:hover span svg {
			fill: #408294;
		}

		.band-socialmedia[type="youtube"]:hover span svg {
			fill: #FF0000;
		}

		.band-socialmedia[type="merch"]:hover span svg {
			fill: #1bb14d;
		}

		.band-events-container {
			display: grid;
			row-gap: 0.5rem;
			/*border: 0.1rem solid #E1E1E1;*/
			/*padding: 0.5rem;*/
			border-radius: 0.4rem;
		}

		.band-event {
			background: #F2F2F2;
			/*border: 0.1rem solid #E1E1E1;*/
			padding: 1rem;
			border-radius: 0.4rem;
		}

		.band-event .event-name {
			font-size: 1rem;
			font-weight: 600;
			margin-bottom: 0.5rem;
		}

		.band-event .event-tickets {
			margin: 0rem;
			margin-top: 0.5rem;
			padding: 0.5rem;
			min-width: 6rem;
		}

		.register_users_form {
			display: none;
		}

		#register-form {
			margin-bottom: 1rem;
		}

		#register-form label, #forgot-password-form label {
			font-size: 1rem;
			margin-bottom: -0.5rem;
		}

		#register-form label.required-asterisk::before {
			margin-left: -1.25rem;
		}

		#register-form select {
			background: #FFF;
		}

		.field-description {
			font-size: 0.75rem;
			color: #9b9b9b;
			margin-bottom: 0.5rem;
		}

		.checkbox-wrapper {
			display: grid;
			grid-template-columns: 1.5rem 1fr;
			align-content: start;
			margin-top: 0.75rem;
		}

		.checkbox-wrapper label {
			margin: 0;
			padding: 0;
		}

		.checkbox-wrapper .checkbox:checked + label::after {
			left: -0.075rem;
		}

		.checkbox-wrapper input[type="checkbox"] {
			display: none;
		}

		@media (max-width: 500px) {
			#register-form label {
				font-size: 0.9rem;
			}
			#register-submit, #forgot-password-submit, #reset-password-submit {
				width: 100%;
			}
		}

		.register-referal {
			display: none!important;
		}

		#forgot-password-form p {
			font-size: 0.9rem;
		}