html, body
{
	width: 100%;
	background: #006163;
	margin: 0;
	font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";
  font-weight: 400;
  line-height: 1.5;
}

label {
    margin: 0;

}

ul {
    margin: 0;

}

.site-navbar
{
	position: fixed;
	z-index: 1;
	width: 100%;
	background: #006163;
	padding-top: constant(safe-area-inset-top);
	padding-top:      env(safe-area-inset-top);

	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.25);

	display: flex;
	justify-content: space-between;
}

.links-list-cont {
  width: 100%;
  display: flex;
  align-items: center;
}

.navbar-links-list {
  display: flex;
  list-style: none;
  width: 100%;
  justify-content: right;
  align-items: center;
  height: 100%;
}

.nav-list-item {
  height: 100%;
  display: flex;
  padding: 20px 8px;
 
}

.nav-link-nav {
  text-decoration: none;
  display: flex;
  align-items: center;

}

span.hamburger {
  display: none;

}

.d-none {
  display: none;

}

.nav-list-item:hover {
  background-color: #D7C700;

}

.hamburger {
  display: none;

}

@media screen and (orientation:landscape)
{
	.site-navbar
	{
		padding-left:  constant(safe-area-inset-left );
		padding-left:       env(safe-area-inset-left );

		padding-right: constant(safe-area-inset-right);
		padding-right:      env(safe-area-inset-right);
	}
}


.site-navbar .bd-logo
{
	width: 128px;
	height: auto;
}

.site-navbar.navbar-dark .bd-lnk
{
	color: #FFFFFF !important;
	padding-top:    1.25rem;
	padding-bottom: 1.25rem;
}

.site-navbar.navbar-dark .bd-lnk:hover
{
	background: #D7C800;
}

.site-navbar.navbar-dark .bd-lnk:active
{
	background: #D7C800;
}

.dropdown-menu
{
	display: none;
}

.dropdown-item {
	text-decoration: none;
	margin-left: 25px;
}

.dropdown-item:hover {
	text-decoration: underline;

}

.site-navbar .dropdown-menu .dropdown-item
{
	color: #006163;
}

.site-navbar .dropdown-menu .dropdown-item:hover
{
	background: none;
}

.remove {
	display: none;

}



@media (max-width: 768px){
	.navbar-toggler-icon {
		display: block;
		width: 40px;
		height: 40px;
		margin-right: 40px;
		pointer-events: all;

	}

	.navbar-logo {
		display: flex;
		width: 100%;
		justify-content: space-between;
	
	}

	.links-list-cont {
		display: none;

	}

	.remove {
		margin-top: 66px;
		padding: 5px 0;
		background-color: white;
		border-radius: 5px;
		height: 240px;
		display: flex;
		flex-direction: column;
		justify-content: space-evenly;
		z-index: 1000;
		position: absolute !important;
		left: 0; right: 0;
		pointer-events: all;
		border: none;
	
	}

    span.hamburger {
		display: inline-block;
		height: 1.9em;
		width: 1.9em;
		background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(255, 255, 255, 0.5)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
		pointer-events: all;
        margin-right: 20px;
		margin-top: 20px;
	}
}