/* remotefilename=/web/css/SiteContentBanner.css
 *
 *	Copyright © 2025 by FKE Internet.  All rights reserved.
 *
 *	$Id: /web/css/SiteContentBanner.css,v $
 */
/**
*	CSS rulesets for creating the page banner for a site
*
*	Author:			Fred Koschara
*	Creation Date:	July twenty-fourth, 2025
*	Last Modified:	July 24, 2025 @ 12:22 pm
*
*	Revision History:
*	   Date		  by		Description
*	2025/07/24	wfredk	original development, extract from L5 Condos styles.css
*/

#siteBanner
{	align-items:center;
	display:flex;
	flex-wrap:nowrap;
	padding:0;
	width:100%;
}
.bannerLeftSpacer,
.bannerRightSpacer
{	flex:0 0 2%;
	height:1px;					/* minimal height to avoid collapsing */
}
.bannerMiddleSpacer
{	flex:0 0 3%;
	height:1px;					/* minimal height to avoid collapsing */
}

.bannerImageWrapper
{	flex:1 1 0;
	max-width:calc(50%-1.5%);
	min-width:0;
}
.bannerImageWrapper img
{	display:block;
	height:auto;
/*	margin-top:8px;				// why is this even here? */
	max-width:471px;			/* BANNER_WIDTH, $siteLogoWidth */
	width:100%;
}

#bannerTextTitle
{	margin-top:18px;
}

.loginInfo
{	align-self:baseline;		/* align child (.loginInfo) to bottom */
	margin-bottom:1.5em;
	margin-left:auto;			/* push it to the right */
	padding-left:1em;
	text-align:right;
	white-space:nowrap;
}

.pageIcon
{	flex:0 1 auto;
	max-width:10vw;
	padding-left:15px;
}
.pageIcon img
{	display:block;
	height:auto;
	max-width:100%;
	padding-left:15px;
	width:auto;
}

/* responsive behavior for small screens */
@media (max-width:600px)
{	#siteBanner
	{	align-items:center;	/* re-center on small screens */
		flex-direction:row;
		flex-wrap:wrap;
	}
	.bannerImageWrapper
	{	order:2;
		text-align:center;
	}
	.loginInfo
	{	display:block;
		margin-left:0;
		order:4;
		padding-left:0;
		text-align:center;
		width:100%;
	}
	.pageIcon
	{	order:3;
	}
}

/* EOF: SiteContentBanner.css */