/*  -----------------------------------------------------------------------------------------------
    Logo
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */

.site-branding
{
	text-align: center;
	position: relative;
	display: flex;
	flex-direction: column;
	
	@include media('<=tablet')
	{
		width: auto;
		text-align: center;
	}

	.site-title
	{
		display: flex;
		-webkit-justify-content: center;
		        justify-content: center;
		margin: 0;
		
		a
		{
			font-family: Roboto Condensed;
		    font-size: 32px;
		    line-height: 1;
		    font-weight: 700;
		    letter-spacing: 3px;
		    text-transform: uppercase;
		    color: $black;
		    
		    @include media('<=tablet')
		    {
		    	font-size: 24px;
		    }
		}

		& + .site-description
		{
			margin-top: 4px;
			margin-bottom: 4px;
		}
	}

	.site-description
	{
		font-size: 12px;
		text-transform: uppercase;
		letter-spacing: 2px;
		line-height: 1;
		font-weight: bold;
		opacity: .75;
		
		@include media('<=tablet')
		{
			font-size: 10px;
		}
	}

	.custom-logo
	{
		@include media('<=tablet')
		{
			margin: 0 auto; 
		}
	}

	.custom-logo-link
	{
		display: flex;
		-webkit-justify-content: center;
		        justify-content: center;
		    
		    & + .site-description
		    {
		    	margin-top: 8px;
		    }
		
		.custom-logo
		{
		    width: auto;
		    max-height: 37px;
		    height: auto;
		    transition: all .25s;
		}
	}
}