/**
 *  If you want to override some bootstrap variables, you have to change values here.
 *  The list of variables are listed here bower_components/bootstrap-sass/assets/stylesheets/bootstrap/_variables.scss
 */
/**
 *  Do not remove the comments below. It's the markers used by wiredep to inject
 *  sass dependencies when defined in the bower.json of your dependencies
 */
/*@import url(Styles/fonts/font-awesome.css);*/
@import url('fonts/font-awesome.css');
/*$simple-line-font-path: "../../bower_components/simple-line-icons/fonts/";
@import "../../bower_components/simple-line-icons/scss/simple-line-icons.scss";

$wi-path: "../../bower_components/weather-icons/font";
@import "../../bower_components/weather-icons/sass/weather-icons.scss";*/
@import 'https://fonts.googleapis.com/css?family=Raleway:300,400,700|Roboto:300,400,400i,700';
/*#E83F29;*/
/*linear-gradient(to right, darken(#E83F29, 15%) 0%, #E83F29 100%);*/
/*New added */
/*#E83F29;*/
/*linear-gradient(to right, darken(#E83F29, 15%) 0%, #E83F29 100%);*/
/*New added */
/**
 *  Do not remove the comments below. It's the markers used by gulp-inject to inject
 *  all your sass files automatically
 */
.streamline {
	position: relative;
	z-index: 1;
}

	.streamline:before {
		content: '';
		position: absolute;
		width: 1px;
		height: 100%;
		background-color: #ddd;
		top: 0;
		left: 20px;
		z-index: 1;
	}

	.streamline:after {
		content: '';
		position: absolute;
		width: 10px;
		height: 10px;
		border-radius: 50%;
		background-color: white;
		border: 1px solid #ddd;
		bottom: 0;
		left: 15px;
		z-index: 2;
	}

	.streamline .streamline-post {
		margin-bottom: 20px;
		position: relative;
		z-index: 2;
	}

		.streamline .streamline-post > aside {
			float: left;
			vertical-align: top;
		}

		.streamline .streamline-post .post-container,
		.streamline .streamline-post .reply-container {
			vertical-align: top;
			padding-left: 55px;
			position: relative;
			z-index: 2;
		}

			.streamline .streamline-post .post-container:before,
			.streamline .streamline-post .reply-container:before {
				content: '';
				height: 0;
				width: 0;
				border-bottom: 7px solid transparent;
				border-right: 7px solid #ddd;
				border-top: 7px solid transparent;
				position: absolute;
				top: 13px;
				left: 48px;
			}

			.streamline .streamline-post .post-container:after,
			.streamline .streamline-post .reply-container:after {
				content: '';
				height: 0;
				width: 0;
				border-bottom: 6px solid transparent;
				border-right: 6px solid #fff;
				border-top: 6px solid transparent;
				position: absolute;
				top: 14px;
				left: 50px;
			}

		.streamline .streamline-post .post-replies > li > aside {
			float: left;
			vertical-align: top;
		}

	.streamline .streamline-form {
		position: absolute;
		width: 100%;
		padding-bottom: 20px;
		z-index: 2;
	}

		.streamline .streamline-form .thumb {
			float: left;
		}

		.streamline .streamline-form form {
			padding-left: 55px;
		}

	.streamline.timeline {
		overflow: hidden;
		position: relative;
	}

		.streamline.timeline ul {
			padding: 0 0 30px;
			margin: 0 auto;
			list-style: none;
			text-align: center;
			position: relative;
			z-index: 2;
		}

			.streamline.timeline ul > li {
				margin: 20px 0;
			}

				.streamline.timeline ul > li:first-child {
					margin-top: 0;
				}

				.streamline.timeline ul > li.heading {
					color: white;
					display: block;
					text-align: center;
					margin: 0 auto;
				}

					.streamline.timeline ul > li.heading:after, .streamline.timeline ul > li.heading:before {
						content: "";
						display: table;
						clear: both;
					}

			.streamline.timeline ul .timeline-post {
				position: relative;
				float: left;
				clear: left;
				text-align: right;
				width: 50%;
				padding-right: 40px;
			}

				.streamline.timeline ul .timeline-post aside {
					float: right;
					position: absolute;
					right: -15px;
				}

				.streamline.timeline ul .timeline-post .time {
					position: absolute;
					left: 10px;
					top: 10px;
					font-size: 12px;
				}

					.streamline.timeline ul .timeline-post .time > i {
						margin-right: 5px;
					}

				.streamline.timeline ul .timeline-post:nth-of-type(even):after {
					content: '';
					height: 0;
					width: 0;
					border-bottom: 8px solid transparent;
					border-left: 8px solid #ddd;
					border-top: 8px solid transparent;
					position: absolute;
					top: 10px;
					right: 32px;
					box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
				}

				.streamline.timeline ul .timeline-post:nth-of-type(odd) {
					float: right;
					clear: right;
					text-align: left;
					padding-left: 40px;
					padding-right: 0;
				}

					.streamline.timeline ul .timeline-post:nth-of-type(odd) aside {
						float: left;
						right: auto;
						left: -15px;
						top: 40px;
					}

					.streamline.timeline ul .timeline-post:nth-of-type(odd) .time {
						left: auto;
						right: 10px;
					}

					.streamline.timeline ul .timeline-post:nth-of-type(odd):after {
						content: '';
						height: 0;
						width: 0;
						border-bottom: 8px solid transparent;
						border-right: 8px solid #ddd;
						border-top: 8px solid transparent;
						position: absolute;
						top: 50px;
						left: 32px;
						box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
					}

				.streamline.timeline ul .timeline-post .thumb {
					line-height: 30px;
					width: 30px;
					height: 30px;
					font-size: 14px;
					text-align: center;
					border-radius: 50%;
				}

				.streamline.timeline ul .timeline-post .post-container > .panel {
					padding: 10px 20px;
					box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
				}

					.streamline.timeline ul .timeline-post .post-container > .panel .heading {
						text-transform: uppercase;
						font-size: 14px;
					}

		.streamline.timeline:before, .streamline.timeline:after {
			left: 50%;
		}

		.streamline.timeline:before {
			background-color: #bbb;
		}

		.streamline.timeline:after {
			margin-left: -5px;
			border-color: #bbb;
		}

.streamline-form .form-control {
	border-radius: 3px 3px 0 0;
}

.streamline-form .post-toolbar {
	padding: 5px 10px;
	border-radius: 0 0 3px 3px;
	border: 1px solid #e2e2e2;
	border-top: 0;
	-webkit-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

	.streamline-form .post-toolbar > a {
		color: rgba(0, 0, 0, 0.2);
		padding: 2px 5px;
		-webkit-transition: all 0.2s linear;
		-o-transition: all 0.2s linear;
		transition: all 0.2s linear;
	}

		.streamline-form .post-toolbar > a:hover {
			color: rgba(0, 0, 0, 0.4);
		}

@media only screen and (max-width: 768px) {
	.streamline.timeline ul .heading {
		text-align: left;
	}

	.streamline.timeline ul .timeline-post,
	.streamline.timeline ul .timeline-post:nth-of-type(odd),
	.streamline.timeline ul .timeline-post:nth-of-type(even) {
		padding-right: 0;
		padding-left: 40px;
		float: none;
		text-align: left;
		width: 100%;
	}

		.streamline.timeline ul .timeline-post aside,
		.streamline.timeline ul .timeline-post:nth-of-type(odd) aside,
		.streamline.timeline ul .timeline-post:nth-of-type(even) aside {
			float: none;
			right: auto;
			left: 0;
			top: 0;
		}

		.streamline.timeline ul .timeline-post:after,
		.streamline.timeline ul .timeline-post:nth-of-type(odd):after,
		.streamline.timeline ul .timeline-post:nth-of-type(even):after {
			border: 0;
			height: 0;
			width: 0;
			border-bottom: 8px solid transparent;
			border-right: 8px solid #fff;
			border-top: 8px solid transparent;
			position: absolute;
			top: 10px;
			left: 32px;
			right: auto;
		}

		.streamline.timeline ul .timeline-post .time,
		.streamline.timeline ul .timeline-post:nth-of-type(odd) .time,
		.streamline.timeline ul .timeline-post:nth-of-type(even) .time {
			left: auto;
			right: 10px;
		}

	.streamline.timeline:before, .streamline.timeline:after {
		left: 15px;
	}
}