.mobileNav {
	margin-left: -15px;
}

/*** LINK & BUTTONS ***/
a,
section#eventInfo .mainContent aside.right #tab_news ul li .foot a.edit { color: #028fc9; }

a.btn.blue,
#myAccount .myAccount_table .dropdown > a { background: #06a2d5; }

a.btn.green { background: #77bd22; }
        
	a.btn.green span { background: #5e9c13; }

a.btn.white { 
	background: #fff;
	color: #d54d4d; }
        
	a.btn.white span { background: #dbdbdb; }

a.btn.black { 
	background: #222;
	color: #fff !important; }
        
a.btn.blue span,
#addEvent_step3 #tab_event_multiple .table .lang .switch:hover,
#addEvent_step4 .deadline label.left .check,
article.addEvent_form .inputLang a:hover,
section#eventInfo .mainContent aside.right #tab_news .addNews,
#article .post .postWrap .poll .vote input[type="submit"],
#article #addComment ul.form li input[type="submit"],
#profileEdit .foot input[type="submit"],
#loginPage ul input[type="submit"],
#myAccount .myAccount_table .dropdown > a:hover,
#registrationPage .foot .btns div a.proceed,
#registrationPage_confirmation .breakdown .promoCode button,
#registrationPage_receipt .receipt .promoCode button { background-color: #028fc9; }

input[type=range]::-webkit-slider-thumb { background-color: #028fc9; }
input[type=range]::-moz-range-thumb { background-color: #028fc9; }
input[type=range]::-ms-thumb { background-color: #028fc9; }

a.btn.red,
article.addEvent_form .continue input,
.addEvent_confirmation .stepHead a.floatRight,
#stickyButtons a.submit,
.fancyboxStyles #title .border div,
section.advancedInfo .advancedBtn span,
article.addEvent_form a.btn span,
#entryList_pledgers > span.btn a { background-color: #d54d4d; }

a.btn.red span,
article.addEvent_form .continue input:hover,
.addEvent_confirmation .stepHead a.floatRight:hover,
#stickyButtons a.submit:hover,
section.advancedInfo .advancedBtn:hover span,
#entryList_pledgers > span.btn a:hover { background-color: #c42b2b; }

.tabs a.active { border-bottom-color: #f79a05; }

#myAccount aside .btns {
	margin: 40px 0 0; }
	
	#myAccount aside .btns .fix {
	top: 68px; }

#apply_to_checked_sticky_div, #reportingHeaderSticky {
	clear: both;
	position: sticky;
	position: -webkit-sticky;
	top: 67px;
	display: block;
	background-color: white;
	padding-top: 10px;
	margin-bottom: 15px;
	z-index: 99; } 

/*** Styled toggle ***/
.styled-toggle {
	display: flex;
	align-items: center;
	gap: 0.5rem;
	position: relative;
	font-size: 1rem;
	font-style: normal;
}

	.styled-toggle span {
		font-size: 85%;
	}

	.styled-toggle span::before {
		content: "Unpublished";
		padding: 0.25em 0.6em;
		background-color: rgb(0, 0, 0, 0.1);
		border-radius: 0.25em;
		color: #666;
	}

	.styled-toggle input:checked ~ span::before {
		content: "Published";
		background-color: rgb(106, 176, 20, 0.2);
		color: rgb(73, 121, 14);
	}

	.styled-toggle input {
		width: 2.75em;
		height: 1.5em;
		appearance: none;
		position: absolute;
		left: 0;
		margin: 0;
		z-index: 1;
		cursor: pointer;
		opacity: 0;
		font-size: 1em;
	}

	.styled-toggle div {
		width: 2.75em;
		height: 1.5em;
		position: relative;
		background-color: currentColor;
		border-radius: 2em;
		color: #ccc;
	}

	.styled-toggle input:focus-visible ~ div {
		outline: auto;
	}

	.styled-toggle div::before {
		content: "";
		width: 1.5em;
		height: 1.5em;
		position: absolute;
		top: 0;
		left: 0;
		background-color: #fff;
		border: 0.2em solid currentColor;
		border-radius: 2em;
		transform: translateX(0);
		transition: 0.15s ease all;
		box-sizing: border-box;
	}

	.styled-toggle input:checked ~ div {
		color: #028fc9;
	}

	.styled-toggle input:checked ~ div::before {
		left: 100%;
		transform: translateX(-100%);
	}

.dark-mode-toggle {
	font-size: 1em;
}

.dark-mode-toggle div {
	color: #ccc;
}

.dark-mode-toggle div::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M12 18C8.68629 18 6 15.3137 6 12C6 8.68629 8.68629 6 12 6C15.3137 6 18 8.68629 18 12C18 15.3137 15.3137 18 12 18ZM11 1H13V4H11V1ZM11 20H13V23H11V20ZM3.51472 4.92893L4.92893 3.51472L7.05025 5.63604L5.63604 7.05025L3.51472 4.92893ZM16.9497 18.364L18.364 16.9497L20.4853 19.0711L19.0711 20.4853L16.9497 18.364ZM19.0711 3.51472L20.4853 4.92893L18.364 7.05025L16.9497 5.63604L19.0711 3.51472ZM5.63604 16.9497L7.05025 18.364L4.92893 20.4853L3.51472 19.0711L5.63604 16.9497ZM23 11V13H20V11H23ZM4 11V13H1V11H4Z'%3E%3C/path%3E%3C/svg%3E");
	background-position: center;
	background-size: 80% auto;
	background-repeat: no-repeat;
}

.dark-mode-toggle input:checked ~ div::before {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='rgba(0,0,0,1)'%3E%3Cpath d='M11.3807 2.01886C9.91573 3.38768 9 5.3369 9 7.49999C9 11.6421 12.3579 15 16.5 15C18.6631 15 20.6123 14.0843 21.9811 12.6193C21.6613 17.8537 17.3149 22 12 22C6.47715 22 2 17.5228 2 12C2 6.68514 6.14629 2.33869 11.3807 2.01886Z'%3E%3C/path%3E%3C/svg%3E");
}

/*** Cookie Consent ***/
#cookie-consent {
	max-width: 500px;
	position: fixed;
	bottom: 1em;
	right: 1em;
	left: 1em;
	z-index: 1002;
	padding: 2em;
	background-color: #1a1a1a;
	border-radius: 1em;
	color: #fff;
	line-height: 1.5;
}

#cookie-consent.is-hidden {
	display: none;
}

	#cookie-consent .title {
		margin-bottom: .7em;
		font-size: 1.5em;
		font-weight: bold;
	}

	#cookie-consent :last-child {
		margin-bottom: 0;
	}

	#cookie-consent button {
		width: 100%;
		padding: .5em;
		background-color: #36a6bc;
		border: 0;
		font-family: 'Titillium Web', sans-serif;
		font-weight: bold;
		color: #fff;
		text-transform: uppercase;
		cursor: pointer;
	}


/*** HEADER ***/
header#regi-header,
header#regi-header nav,
header#regi-header nav ul,
header#regi-header nav li,
header#regi-header nav li a,
header#regi-header .right,
header#regi-header .right .social {
	display: flex;
	align-items: center;
	height: 100%;
}

header#regi-header {
	width: 1366px;
	max-width: 100%;
	height: 67px;
	justify-content: space-between;
	gap: 1em;
	position: fixed;
	top: 0;
	right: auto;
	left: auto;
	z-index: 1000;
	padding: 0 40px;
	background-color: #fff;
	border-bottom: 1px solid #e4e4e4;
	font-family: 'Titillium Web', sans-serif;
	font-size: 18px;
}

header#regi-header.fixed {
	box-shadow: 0 15px 15px -15px rgb(0,0,0,0.15);
}

	header#regi-header a {
		display: block;
		color: #222;
		text-decoration: none;
	}

	header#regi-header a:hover,
	header#regi-header a.active {
		color: #028fc9;
		text-decoration: none;
	}

	header#regi-header a.active {
		border-color: currentColor;
	}

	header#regi-header .logo {
		width: 99px;
		height: 50px;
		display: block;
		background: url(../../images/regi/logo_regi.png) right / cover no-repeat;
		background: url(../../images/regi/logo_regi.svg) right / cover no-repeat, linear-gradient(transparent, transparent);
	}

	header#regi-header nav {
		gap: 35px;
		float: none;
		margin: 0;
	}

		header#regi-header nav > ul {
			gap: 19px;
			padding: 0;
			margin: 0;
			list-style: none;
		}

		header#regi-header nav > ul a {
			border-bottom: 3px solid transparent;
		}

		header#regi-header nav li {
			position: relative;
		}

		header#regi-header nav a.mobileNav { 
			width: 28px;
			display: none;
			flex-direction: column;
			gap: 5px;
		}

			header#regi-header nav a.mobileNav div {
				height: 3px;
				position: relative;
				background: #222;
				transition: 0.2s ease all;
			}

			header#regi-header nav a.mobileNav.open div:nth-child(2) {
				display: none;
			}

			header#regi-header nav a.mobileNav.open div:nth-child(1) { 
				top: 7px;
				transform: rotate(45deg);
			}

			header#regi-header nav a.mobileNav.open div:nth-child(3) { 
				top: -1px;
				transform: rotate(-45deg);
			}

	header#regi-header .right {
		height: 100%;
		gap: 19px;
	}

		header#regi-header .right a.btn-signin, a.btn-signin-hollow, a.btn-signin-hollow2 {
			padding: 0.25em 1em;
			border: 2px solid #028fc9;
			border-radius: 0.25em;
			color: #028fc9;
		}

		header#regi-header .right a.btn-signin:hover, a.btn-signin-hollow:hover, a.btn-signin-hollow2:hover {
			background-color: #028fc9;
			color: #fff;
			text-decoration: none;
		}
		
		a.btn-signin-hollow {
			font-size: 20px; 
			padding: 15px 45px;
			background: white;	
		}
		
		a.btn-signin-hollow2 {
			font-size: 14px; 
			padding: 10px 35px;
			background: white;	
		}
		

/*** MOBILE NAV ***/
nav#regi-mobileNav {
	width: 320px;
	max-height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: -335px;
	bottom: 0;
	z-index: 1001;
	background: #fff;
	box-shadow: 0 0 15px rgba(0,0,0,0.15);
	color: #b1b6b7;
	font-family: 'Titillium Web', sans-serif;
	transition: 0.5s ease all;
}

	nav#regi-mobileNav.open {
		left: 0;
	}

	nav#regi-mobileNav a {
		color: #222;
	}
	
	nav#regi-mobileNav > div {
		width: 100%;
		height: 100%;
		overflow-y: auto;
	}
		
	nav#regi-mobileNav .top {
		width: 100%;
		height: 67px;
		display: flex;
		justify-content: space-between;
		align-items: center;
		padding: 0 30px;
		margin-bottom: 20px;
	}

		nav#regi-mobileNav .top .logo {
			width: 99px;
			height: 50px;
			display: block;
			background: url(../../images/regi/logo_regi.png) right / cover no-repeat;
			background: url(../../images/regi/logo_regi.svg) right / cover no-repeat, linear-gradient(transparent, transparent);
		}
		
		nav#regi-mobileNav .top a.mobileNav { 
			width: 28px;
			height: 28px;
			display: block;
		}

			nav#regi-mobileNav .top a.mobileNav div {
				height: 3px;
				position: relative;
				margin: 5px 0 0;
				background: #222;
				transition: 0.2s ease all;
			}

			nav#regi-mobileNav .top a.mobileNav div:nth-child(1) { 
				top: 7px;
				transform: rotate(45deg);
			}

			nav#regi-mobileNav .top a.mobileNav div:nth-child(2) { 
				top: -1px;
				transform: rotate(-45deg);
			}

	nav#regi-mobileNav ul {
		padding: 0 30px 17px;
		font-size: 18px;
	}

		nav#regi-mobileNav ul li {
			margin: 0 0 13px;
		}

	nav#regi-mobileNav a.btn-signin {
		display: block;
		padding: 0.25em 1em;
		margin: 0 30px;
		border: 2px solid #028fc9;
		border-radius: 0.25em;
		font-size: 18px;
		color: #028fc9;
		text-align: center;
	}

	nav#regi-mobileNav a.btn-signin:hover {
		background-color: #028fc9;
		color: #fff;
		text-decoration: none;
	}

#navOverlay {
	width: 100%;
	height: 100%;
	display: none;
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	background: rgba(0,0,0,0.5);
	opacity: 0;
	transition: 0.5s ease all;
}

	#navOverlay.open { 
		z-index: 998;
		opacity: 1;
	}


/*** 1000px ***/
@media screen and (max-width: 1000px) {
    
	header#regi-header {
		padding: 0 30px;
	}
	
		header#regi-header nav ul {
			display: none;
		}

		header#regi-header nav a.mobileNav {
			display: flex;
		}

	nav#regi-mobileNav {
		display: block;
	}

	#navOverlay {
		display: block;
	}
        
}


/*** 600px ***/
@media screen and (max-width: 600px) {
	
	.hideOn600 { display: none; }
	
	.mobileNav {
		margin-left: -25px;
	}

	header#regi-header {
		font-size: 16px;
	}
    
	header#regi-header,
	nav#regi-mobileNav .top {
		padding: 0 20px;
	}
        
}