.d-welcome
	height: 300px
	display: flex
	flex-direction: column
	align-items: center
	justify-content: center

	.welcome-logo
		font-size: 5em
		color: $color-primary
		background-color: white
		text-align: center
		border-radius: 50%
		margin: 15px auto
		box-shadow: 0 0 65px rgba(black, .1)

		i
			display: block
			margin: 15px

	.welcome-title
		font-size: 1.8em
		font-weight: lighter

	.welcome-text
		padding: 10px
		color: $color-text-dark-primary


/* General style for activities in all places */
.d-activity
	font-size: .9em

	$activity-highlight-color: #00cc9f

	ul
		cursor: default
		padding: 5px
		color: $color-text-dark-primary
		list-style: none

		li
			padding: 0 10px 7px 10px
			position: relative

			span.date
				color: darken($activity-highlight-color, 5%)

			/* Left Dot */
			&:after
				content: ''
				display: block
				position: absolute
				top: 6px
				left: -3px
				width: 5px
				height: 5px
				border-radius: 50%
				background-color: $color-background-light
				border: thin solid $activity-highlight-color
				transition: all 250ms ease-in-out

			/* Left Line */
			&:before
				content: ''
				display: block
				position: absolute
				top: 10px
				left: -1px
				width: 1px
				height: 100%
				background-color: $activity-highlight-color
				transition: all 250ms ease-in-out

			&:last-child
				&:before
					background-color: transparent

		span.actor
			padding: 0 5px
			color: $color-text-dark

/* Dashboard specific styles */
.dashboard
	.d-stats
		padding: 0 20px
	.d-activity
		padding: 5px 15px
		margin: 0 20px
		+container-box

		a
			color: $color-text-dark-primary