/* FILE: global/header/_site-branding.scss */

.site-branding {
	display: flex;
	align-items: center;
	position: relative;
	margin: 0;
	margin-#{$right}: 1em;
	color: var(--color_header_link);

	@include media( map_get( $breakpoint, $mobile_menu_breakpoint ) ) {
		margin-#{$right}: 3em;
	}

	&-text {
		line-height: 1.25;

		.is-hidden-site-title & {
			@extend %screen_reader_hiding;
		}

		.wp-custom-logo .site-header & {
			@include media( ( map_get( $breakpoint, $mobile_menu_breakpoint ), 'max-width' ) ) {
				@include screen_reader_hiding();
			}
		}

	}

	a {
		text-decoration: none;

		.site & {
			color: inherit;
		}

	}

}

.site-title {
	margin-bottom: 0;
	font-size: 1.44em;
	font-weight: 700;
	text-transform: lowercase;
	letter-spacing: var(--letter_spacing);
	color: inherit;
	white-space: nowrap;
	vertical-align: top;

	@include media( map_get( $breakpoint, 'm' ) ) {
		font-size: 1.728em;
	}

	@include media( map_get( $breakpoint, 'l' ) ) {
		font-size: 2.074em;
	}

}

.site-description {
	font-size: .8em;
	text-transform: uppercase;

	.site-header & {
		@include screen_reader_hiding();
	}

}

.custom-logo {
	width: auto;
	max-height: var(--custom_logo_height);
	margin-#{$right}: 1em;

	.site-header & {

		@include media( ( map_get( $breakpoint, $mobile_menu_breakpoint ), 'max-width' ) ) {
			margin-#{$right}: 0;
		}

		@include media( ( map_get( $breakpoint, 'm' ), 'max-width' ) ) {
			max-width: 33vw;
			max-height: 3em;
		}

	}

	.is-hidden-site-title & {
		margin-#{$right}: 0;
	}

	&-link {
		display: inline-block;
	}

}