/*------------------------------------*\
    #LOGO
\*------------------------------------*/

/**
 * Branding image or text of the site
 */
.c-logo {
	font-size: $font-size-large;

	.c-footer & {
		margin-bottom: 2rem;

		@media all and (min-width: $bp-med) {
			margin-bottom: 0;
		}
	}
}

/**
 * Logo link
 */
.c-logo__link {
	display: block;
}

/**
 * Logo image
 */
.c-logo__img {
	display: block;
}

.c-logo__left {
	color: $color-brand-primary;

	.c-logo--light & {
		color: $color-neutral-white;
	}
}
.c-logo__right {
	color: $color-brand-secondary;
}