/*head, body{
	background-color: #1a1c1e !important;
}*/
@font-face {
	font-family: 'Segoe UI Regular';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Regular'), url('/includes/fonts/Segoe UI.woff') format('woff');
}
	

@font-face {
	font-family: 'Segoe UI Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Italic'), url('/includes/fonts/Segoe UI.woff') format('woff');
}
	

@font-face {
	font-family: 'Segoe UI Bold';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Bold'), url('/includes/fonts/Segoe UI.woff') format('woff');
}
	

@font-face {
	font-family: 'Segoe UI Bold Italic';
	font-style: normal;
	font-weight: normal;
	src: local('Segoe UI Bold Italic'), url('/includes/fonts/Segoe UI.woff') format('woff');
}

@font-face {
  font-family: 'Material Icons';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/flUhRq6tzZclQEJ-Vdg-IuiaDsNc.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Outlined';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/kJF1BvYX7BgnkSrUwT8OhrdQw4oELdPIeeII9v6oDMzByHX9rA6RzaxHMPdY43zj-jCxv3fzvRNU22ZXGJpEpjC_1v-p_4MrImHCIJIZrDCvHOej.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Rounded';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/syl0-zNym6YjUruM-QrEh7-nyTnjDwKNJ_190FjpZIvDmUSVOK7BDB_Qb9vUSzq3wzLK-P0J-V_Zs-QtQth3-jOcbTCVpeRL2w5rwZu2rIelXxc.woff2') format('woff2');
}

@font-face {
  font-family: 'Material Symbols Sharp';
  font-style: normal;
  font-weight: 400;
  src: url('/includes/fonts/gNNBW2J8Roq16WD5tFNRaeLQk6-SHQ_R00k4c2_whPnoY9ruReaU4bHmz74m0ZkGH-VBYe1x0TV6x4yFH8F-H5OdzEL3sVTgJtfbYxOLojCL.woff2') format('woff2');
}

.material-symbols-sharp {
  font-family: 'Material Symbols Sharp';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-symbols-rounded {
  font-family: 'Material Symbols Rounded';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-symbols-outlined {
  font-family: 'Material Symbols Outlined';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 24px;
  line-height: 1;
  letter-spacing: normal;
  text-transform: none;
  display: inline-block;
  white-space: nowrap;
  word-wrap: normal;
  direction: ltr;
  -webkit-font-feature-settings: 'liga';
  -webkit-font-smoothing: antialiased;
}

.content{			
	position: relative;
	width: 100%;
	height: 100%;
	padding: 5% 20%;
	text-align: center !important;
	box-sizing: border-box;
}

.navbar {
	height: 70px; /* Set navbar height */
	display: flex;
	align-items: center;
	padding: 0 20px;
	background-color: #039be5 !important;
}

.nav-wrapper {
	display: flex;
	align-items: center;
	justify-content: space-between;
	width: 100%;
	height: 100%;
}

.brand-logo {
	display: flex;
	align-items: center;
	height: 100%;
}

.brand-logo img.nav-logo {
	height: 50px; /* Adjust based on navbar height */
	width: auto;
	max-height: 100%; /* Prevents overflow */
}

/* Ensures menu items stay vertically aligned */
ul.right {
	display: flex;
	align-items: center;
}

/* Fixes spacing between menu items */
ul.right li {
	margin: 0 10px;
}

/* Mobile menu button stays centered */
.sidenav-trigger {
	display: flex;
	align-items: center;
	height: 100%;
}
.carousel {
	height: 450px; /* Adjust as needed */
}

.carousel .carousel-item img {
	max-height: 100%;
	width: auto; /* Keeps aspect ratio */
}

#cookie-info {
	position: fixed;
	bottom: 10px;
	left: 75%; /* Move the element's left edge to the center of the page */
	width: 25%; /* Set the width of the element */
	background: #333;
	color: #fff;
	padding: 10px;
	border-radius: 5px;
	z-index: 999;
	text-align: center;
}

#cookie-info button{
	margin-left: 10px; 
	background: #0af; 
	color: white; 
	border: none; 
	padding: 5px 10px; 
	cursor: pointer;
}

@media only screen and (max-width : 1200px) {
	.content{
		padding: 10px !important;
	}
}
	
@media only screen and (max-width : 900px) {
	.brand-logo img{
		margin-top: 10px !important;
	}
}