/*  -----------------------------------------------------------------------------------------------
    Single Entry Header
    @package v.1.0.0
--------------------------------------------------------------------------------------------------- */

.entry-header
{
	@include entry_meta_for_single;
	-webkit-justify-content: space-between;
	        justify-content: space-between;
	margin-bottom: 24px;
	max-width: 100%;
	
	.entry-meta
	{
		margin-bottom: 14px;
		
		@include media('<=tablet')
		{
			flex-direction: column;
			align-items: flex-start;
		}
		
		& > *
		{
			margin-right: 12px;
		}
		
		.category-links
		{
			margin-bottom: 0;
		}

		.single-author
		{
			a
			{
				text-transform: uppercase;
				font-weight: bold;
			}
		}
		
	}

	.entry-posted-on
	{
		text-transform: uppercase;
		font-size: 13px;
		display: flex;
		align-items: flex-start;
		flex-wrap: wrap;
		
		@include media('<=tablet')
		{
			font-size: 11px;
			display: grid;
			grid-template-areas: 
			"Author Published"
			"Modified Modified"
		}
		
		.single-author
		{
			text-transform: uppercase;
			font-weight: bold;
			margin-right: 12px;
			
			@include media('<=tablet')
			{
				grid-area: Author;
			}
		}

		.published
		{
			@include media('<=tablet')
			{
				grid-area: Published;
			}
		}

		.modified
		{
			@include media('<=tablet')
			{
				grid-area: Modified;
			}

			a
			{
				time
				{
					@include media('<=tablet')
					{
						margin: 0;
					}
				}
			}
		}

		time
		{
			.entry-time
			{
				padding-left: 6px;
			}
		}

		a
		{
			& > *
			{
				margin-right: 12px;
				margin-left: 6px;
			}
		}
	}

	.single-entry-title
	{
		line-height: 1.1;
		text-transform: uppercase;
		letter-spacing: 2.5px;
		margin: 0 0 14px;
		
		@include media('<=tablet')
		{
			font-size: 28px !important;
		}
	}
}