/* Menu */

.title-bar {
	background: transparent;
}
	.title-bar-title {}
	.title-bar button {
		color: black;
	}
.top-bar {}

	.top-bar-right {text-align: left;}
			.top-bar-right {text-align: right;}

/* General - nav-top ------------------------ */

.top-bar-left {}
.top-bar-right {
	display: flex;
  justify-content: flex-end;
  align-items: center;
}
	
	.top-bar-left ul.menu li.menu-item {
		margin-right: var(--sp-medium);
	}
	.top-bar-right ul.menu li.menu-item {
		margin-right: var(--sp-medium);
	}

.top-bar-right ul.menu li.menu-item a {
  color: var(--darkblue-100);
  -webkit-transition: color 0.4s ease-in-out;
  -moz-transition: color 0.4s ease-in-out;
  -ms-transition: color 0.4s ease-in-out;
  -o-transition: color 0.4s ease-in-out;
  transition: color 0.4s ease-in-out;
  font-size: var(--fs-mini);
}
  .top-bar-right ul.menu li.menu-item a:hover {color: var(--blue-100); text-decoration: none;}
  .top-bar-right ul.menu li.menu-item a:active {color: var(--blue-100); text-decoration: none;}
  .top-bar-right ul.menu li.menu-item a:focus {color: var(--blue-100); text-decoration: underline;}
  .top-bar-right ul.menu .active>a {color: var(--red-100) !important; text-decoration: underline;}


/* General - footer-nav --------------------- */
.footer-column ul.menu {
	display: grid;
  grid-auto-flow: row;
  grid-row-gap: var(--sp-small); 
}
	.footer-column ul.menu li {display: inline-block;}
		.footer-column ul.menu li a {
			font-size: var(--fs-xx-mini);
			line-height: var(--lh-small);
			font-weight: var(--fw-regular);
			color: var(--red-100);
			font-style: normal;
			transition: all 0.3s ease-in-out;
		}
			.footer-column ul.menu li a:hover {color: var(--blue-100);}



/* Media Queries - Large 1025px -> ---------- */
@media screen and (min-width: 64.063em) {

}

/* Media Queries - Medium 640px -> 1024px --- */
@media screen and (max-width: 64em) {

	.top-bar-left {}

}
/* Media Queries - Small -> 640px ----------- */
@media screen and (max-width: 40em) {

	.top-bar {
		border-top: 1px solid var(--darkblue-100)
	}
	.top-bar-right ul.menu {
		margin-top: var(--sp-large);
	}
	.top-bar-right ul.menu li.menu-item {
		margin-right: 0;
		margin-bottom: var(--sp-large);
	}

}

@media screen and (min-width: 64em) { /* Foundation "large" breakpoint */
  .title-bar {
    display: none !important;
  }
}