/* Preloading CSS Background Images */
body::before {
  content: url("./images/morning_bg.webp");
  content: url("./images/day_bg.webp");
  content: url("./images/midday_bg.webp");
  content: url("./images/afternoon_bg.webp");
  content: url("./images/evening_bg.webp");
  content: url("./images/goodnight_bg.webp");
  display: none;
}

span.welcomeuser{font-size:3em;}
span.welcometext{font-size:1.6em;line-height:1.6em;}
div.portalwelcome{text-align:center;padding-top:10px;padding-bottom:20px;}

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;}
i.fa-institution{transform: scale(0.75);transform-origin: 50% 33%;}

li.breadcrumbs span.crumb i.fa-home {display:none;}

span.timefontportalx{color:#c21017;}
span.timefontportal{font-size:12px;font-weight:normal;margin-left:-3px;}
span.timefontportalmember{font-size:10px;font-weight:normal;margin-left:-3px;}
span#timeportal{font-size:12px;font-weight:900;}
span.portalnowrap{display:none;}

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%; }
.simpleportalmargin p {margin: 8px 14px 8px 14px;}

@media (max-width: 700px) {
	span.portalnowrap{display:inline;}
	div.portal_morning{ background-position: 50% 30%; }
	div.portal_day{ background-position: 50% 30%; }
	div.portal_midday{ background-position: 50% 30%; }
	div.portal_afternoon{ background-position: 50% 30%; }
	div.portal_evening{ background-position: 50% 30%; }
	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;}
	span.timefontportal{font-size:11px;}
}