// @import "color-palette";

/* Text styles */

.selected-nav {
	font-family: HelveticaNeue-Medium;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: $primary;
}

.deselected-nav {
	font-family: HelveticaNeue-Medium;
	font-size: 14px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: #9fa9ba;
}

.info-text {
	font-family: HelveticaNeue-Medium;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: left;
	color: $primary;
}

.card-title {
	font-family: HelveticaNeue-Medium;
	font-size: 11px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.55;
	text-align: center;
	color: $primary;
}

.graph-x-axis {
	font-family: HelveticaNeue;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: $primary;
}

.graph-y-axis {
	font-family: HelveticaNeue;
	font-size: 10px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: right;
	color: $primary;
}

.info-header {
	font-family: HelveticaNeue;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	line-height: 1.62;
	letter-spacing: -0.2px;
	text-align: left;
	color: $bluegrey;
}

.tag-text {
	width: 20px;
	font-family: HelveticaNeue-Bold;
	font-size: 8px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: $white;
}

.timeline-text {
	width: 36px;
	height: 16px;
	font-family: HelveticaNeue;
	font-size: 14px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: $primary;
}

.campus-location-text {
	font-family: HelveticaNeue-Light;
	font-size: 13px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: $primary;
}

.search-bar-text {
	font-family: NunitoSans-Regular;
	font-size: 16px;
	// color: rgba(53, 64, 82, 0.15);
	letter-spacing: -0.45px;
	
}

.area-title {
	font-family: HelveticaNeue-Medium;
	font-size: 20px;
	font-weight: normal;
	font-style: normal;
	font-stretch: normal;
	text-align: center;
	color: #68768C;
}

.content-bar-title {
	font-family: HelveticaNeue-Medium;
	font-size: 32px;
	font-weight: 500;
	font-style: normal;
	font-stretch: normal;
	text-align: left;
	color: $primary;
	margin-left: 50.5px;
}
.place-title {
	font-family: Nunito-Medium;
	font-size: 21px;
	color: #354052;
	line-height: 22px;
	// margin: 15px auto 5px auto;
	text-align: center;
}