// -------------------------------------------------------------------
// :: LOGO
// -------------------------------------------------------------------

.a-logo{
	color: $primary-color;
	text-decoration: none;
	font-size: $font-size-medium;
	font-weight: 700;
	text-transform: uppercase;
	white-space: nowrap;

	svg{
		margin-right: 1rem;
		margin-bottom: -1rem;
	}

	path{
		fill: $primary-color;
	}

	&__tagline {
		display: none;
		text-transform: none;
		font-family: $font-family;
		font-weight: normal;
		font-size: rem(11.5px);
		line-height: 2;
		position: relative;
		top: 4px;
	}

	&__vlaanderen {
		margin-right: rem(32px) !important;

		@include FLOW-at($tablet) {
			margin-right: rem(52px) !important;
		}
	}

	@include FLOW-at($tablet) {
		&__tagline {
			display: block;
		}
	}
}