@charset "UTF-8";
@font-face {
	font-family: Monotype Corsiva;
	src: url(/fonts/MTCORSVA.ttf)
}

li {
	margin-top: 10px
}

.banner {
	text-align: right;
	margin-top: 0
}

.banner-contact-link_header {
	margin-top: -100px;
	font-size: 14px
}

.banner-contact-link_footer {
	margin-top: -10px;
	font-size: 14px
}

.banner-contact-email, .banner-contact-phone
	{
	margin-top: 0;
	width: 100%;
	text-align: center;
	font-size: 14px;
	color: #000;
	font-weight: 700
}

.footer {
	margin-top: 60px;
	text-align: center;
}

@media only screen and (max-width:1200px) {
	.banner-contact-link_header {
		margin-top: -40px;
		font-size: 13px
	}
}

@media only screen and (max-width:900px) {
	.banner-contact-link_header {
		margin-top: -35px;
		font-size: 13px
	}
}

@media only screen and (max-width:700px) {
	.banner-contact-link_header {
		margin-top: 20px;
	}
	div.languagelink {
		font-size: 13px
	}
	.banner-contact-link {
		margin-top: -30px
	}
	.banner-contact-email, .banner-contact-phone {
		font-size: 13px
	}
}

@media only screen and (max-width:500px) {
	.banner-contact-link_header {
		margin-top: 30px;
	}
	.footer {
		margin-top: 30px
	}
	div.languagelink {
		font-size: 12px
	}
	.banner-contact-link {
		margin-top: -20px;
		font-size: 12px
	}
	.banner-contact-email, .banner-contact-phone {
		font-size: 12px
	}
}

@media only screen and (max-width:375px) {
	.banner-contact-link {
		margin-top: -15px;
		font-size: 11px
	}
	.banner-contact-email, .banner-contact-phone {
		font-size: 11px
	}
}

@media only screen and (max-width:736px) {
	.container {
		margin-top: 140px
	}
}

@media only screen and (min-width:737px) {
	.container {
		margin-top: 10px
	}
}

@media only screen and (min-width:900px) {
	.container {
		margin-top: 30px
	}
}

p.footer-text {
	margin-top: 30px;
	margin-bottom: 500xp;
	padding-bottom: 500xp;
	text-align: center
}

.footer-item {
	text-align: center
}

img.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto;
	width: 40%;
	height: 40%
}

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

.container {
	width: 90%;
	max-width: 800px;
	margin: 60px auto 0
}

h1 {
	font-size: 60px;
	font-weight: 700;
	margin-bottom: 10px;
	text-align: center
}

a{
	text-decoration: none;
	color: #1a99ad
}

a:hover {
	color: #29d7f2
}

div.scrollmenu{
	overflow: auto;
	white-space: nowrap;
	background-color: #cdd7fa;
	margin-bottom: 20px
}

.div.scrollmenu::-webkit-scrollbar {
	display: none
}

div.scrollmenu {
	display: inline-block;
	color: #000;
	text-align: center;
	padding: 14px;
	text-decoration: none
}

div.scrollmenu:hover {
	background-color: #cdd7fa
}

.menu-selected {
	font-weight: 700
}

.location-grid-container {
	margin-top: 10px;
	text-align: center;
}

.location-grid-item {
	text-align: center
}

/* Menu item styling */
/* Scrollable menu container */
.scrollmenu {
  overflow-x: auto;  /* Enables horizontal scrolling */
  white-space: nowrap;  /* Prevents line breaks between items */
  background-color: #cdd7fa;
  padding: 10px 0;
}

/* Menu item styling */
.scrollmenu a {
  display: inline-block;  /* Ensures each link stays in a row */
  color: #333;
  text-align: center;
  padding: 10px;
  text-decoration: none;
  font-size: 16px;
  transition: background-color 0.3s;
}

.scrollmenu a:hover {
  background-color: #c3caeb;  /* Highlight on hover */
}

.scrollmenu .menu-selected {
  font-weight: bold;
  color: #000;  /* Different color for selected item */
}