.sessiontitle {}

.sessiontitle .sessionHeaderContainer {
	margin-bottom: 15px;
}

.sessiontitle .sessionHeaderContainer.hover .session-name {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: max-width .1s ease-in;
}

.sessiontitle .sessionHeaderContainer .community-name {
	max-width: 0;
	overflow: hidden;
	white-space: nowrap;
	transition: max-width .1s ease-out;
}

.sessiontitle .sessionHeaderContainer.hover .community-name {
	white-space: nowrap;
	overflow: hidden;
	max-width: 500px;
	transition: max-width .5s ease-in;
}

.sessiontitle .sessionHeaderContainer .session-name {
	white-space: nowrap;
	overflow: hidden;
	max-width: 500px;
	transition: max-width .9s ease-out;
}

.sessiontitle .communityIcon {
	margin-right: 10px;
	cursor: default;
}

.sessiontitle .secondary-portal-title {
	font-size: 36px;
	letter-spacing: 3.84px;
}

.sessiontitle .portal-title {
	font-family: 'Metropolis Bold';
}

.sessiontitle .vertical-separator {
	border-right: 3px solid #111;
	height: 30px;
	margin: 0 10px;
}