//Feed width
$elem-spacing: 0.5rem;
$block-spacing: 1rem;
$block-radius: 3px;
$block-shadow: 3px;
$button-width: 31px;

//Feed colors
$post-input-bg: 		#ffffff;
$post-color: 			#333;
$post-color-hover: 		darken($post-color, 10%);
$post-bg: 				rgba(255, 255, 255, .8);
$message-color:			#326526;
$message-color-hover:	darken($message-color, 10%);
$message-bg: 			#6DFF58;
$media-color:			#333;
$media-bg:				rgba(255, 255, 255, .8);

//Settings colors
$title-color: $post-color;
$subtitle-color: #999;

//Legend colors
$legend-color: $post-color;

@import 'page.project.map';
@import 'page.project.panel';
@import 'page.project.feed';
@import 'page.project.settings';

#projects {
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;

	/* Drill & Map icons */

	a.drill {
		position: relative;
		overflow: hidden;
		text-decoration: none;
		display: inline-block;

		.drill-icon {
			position: absolute;
			display: inline-block;
			top: 50%;
			left: 50%;
			transform: translate(-50%,-50%);

			i {
				transition: color 0.3s;
			}
		}
	}

	.fa-stack {
		.fa-message {
			font-size: 32px;
			text-shadow: rgba(0, 0, 0, 0.5) 3px 3px 3px;
			color: $message-bg;
		}
		.fa-message-in {
		    font-size: 13px;
		    color: $message-color;
		    top: 1px;
		}
		.fa-track-start, .fa-track-end {
			color: $message-color;
			font-size: 14px;
			top: 1px;
		}
		.fa-track-end {
			color: #FF7814;
		}
	}
}