/* Portal welcome text styles */
span.welcomeuser {
	font-size: 3em;
}

span.welcometext {
	font-size: 1.6em;
	line-height: 1.6em;
}

div.portalwelcome {
	text-align: center;
	margin-top: 20px;
}

.minportalheight {
	min-height: 280px;
}

.simpleportalmargin p {
	margin: 10px 8px 4px 8px !important;
	font-size: 1.3em;
}

/* User info container */
.user-info-container {
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	flex-wrap: wrap;
	margin: 0.6em 0.5em;
}

.user-info-left,
.user-info-right {
	flex: 1;
	line-height: 1.3em;
	font-size: 1.1em;
}

.user-info-left {
	text-align: left;
}

.user-info-right {
	text-align: right;
}

/* Icon colors */
i.icon-yellowp {
	color: #ffd700;
}

i.icon-brownp {
	color: #873e23;
}

i.icon-greenp {
	color: #009900;
}

i.icon-orangep {
	color: #ffa500;
}

i.icon-bluep {
	color: #3399ff;
}

i.icon-redp {
	color: #cc0000;
}

i.icon-pinkp {
	color: #ff10f0;
}

/* Breadcrumb customization */
li.breadcrumbs span.crumb i.fa-home {
	display: none;
}

span.portalnowrap {
	display: none;
}

/* Time-of-day background images */
div.portal_morning {
	background-image: url("./images/morning_bg.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.portal_day {
	background-image: url("./images/day_bg.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.portal_midday {
	background-image: url("./images/midday_bg.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.portal_afternoon {
	background-image: url("./images/afternoon_bg.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.portal_evening {
	background-image: url("./images/evening_bg.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

div.portal_night {
	background-image: url("./images/goodnight_bg.webp");
	background-repeat: no-repeat;
	background-position: 50% 50%;
}

/* Mobile responsive adjustments */
@media (max-width: 700px) {
	.user-info-container {
		flex-direction: column;
		align-items: flex-start;
		justify-content: flex-start;
		margin: 0 0 0.4em 0;
	}
	
	.user-info-left,
	.user-info-right {
		width: 100%;
		text-align: center;
	}
	
	span.portalnowrap {
		display: inline;
	}
	
	div.portal_morning,
	div.portal_day,
	div.portal_midday,
	div.portal_afternoon,
	div.portal_evening,
	div.portal_night {
		background-position: 50% 30%;
	}
	
	div.portalmheight {
		min-height: 35px;
	}
	
	span.welcomeuser {
		font-size: 2.4em;
	}
	
	span.welcometext {
		font-size: 1.4em;
		line-height: 1.6em;
	}
}