.outro {
	padding: 120px 0;
	background: #fff;
}
.outro ul {
	padding: 20px 0;
	margin: 2em 0 0 0;
	display: flex;
	gap: 10px;
	flex-wrap: wrap;
	align-items: stretch;
	align-content: center;
	flex-basis: auto;
}

.outro ul li a:link, .outro ul li a:visited {
	display: block;
	padding: 6px;
	text-decoration: none;
	background: #fff;
	border: 1px solid #151b45;
	font-family: 'cooper_hewittbold', Helvetica, Calibri, sans-serif;
	font-size: clamp(1.1em, 2.5vw, 1.2em);
	color: #151b45;
	transition: all .2s ease-in-out;
}
.outro ul li a:hover, 
.outro ul li a:active, 
.outro ul li a:focus-visible {
	background: #151b45;
	color: #fff;
}

.outro ul li a[href="#"] {
    opacity: .3;
    pointer-events: none;
    cursor: defaultl
}

.outro ul li a.current:link,
.outro ul li a.current:visited,
.ba-architecture-with-foundation-year .outro ul li a.ba-architecture-with-foundation-year,
.ba-graphic-and-digital-design .outro ul li a.ba-graphic-digital-design,
.page-id-24 .outro ul li a.ba-media-communications,
.ba-media-communication .outro ul li a.ba-media-communication,
.page-id-26 .outro ul li a.ba-film-television-production,
.ba-film-tv .outro ul li a.ba-film-television-production,
.page-id-28 .outro ul li a.ba-drama
{
	background: #151b45;
	color: #fff;
}