/*
 * Base Styles
 */

/*	Table of Content
========================
	# Base
	# Typography
	# Links
	# Lists
	# Images
	# Helper classes
	# Button
	# Forms
	# Dropdowns
	# Navs
	# Navbar
	# Breadcrumbs
	# Pagination
	# Labels
	# Badges
	# Jumbotron
	# Page header
	# Thumbnails
	# Alerts
	# Progress bars
	# Media object
	# List group
	# Panels
	# Wells
	# Modals
	# ScrollSpy
	# Togglable tabs
	# Tooltips
	# Collapse
	# Carousel
	# Misc
========================
*/

/* ==========================================================================
   Base styles: opinionated defaults
   ========================================================================== */

	html, body {height:100%;}

	body {
		font-size: 1.5em; /* currently ems cause chrome bug misinterpreting rems on body element */
		line-height: 1.6;
		font-weight: 300;
		font-family: 'Roboto Slab', serif;
		color: #222; 
	}

	::-moz-selection {
		background: #b3d4fc;
		text-shadow: none;
	}

/* ==========================================================================
   Typography
   ========================================================================== */

	h1, h2, h3, h4, h5, h6 {
		font-family: 'Roboto', sans-serif;
		font-weight: 400;
		margin: 0;
		padding: 0;
		line-height: 1.6;
	}

	h1 { 
		font-size: 4.2rem; 
		line-height: 1.2;  
		letter-spacing: -.1rem;
	}
	h2 { 
		font-size: 3.6rem; 
		line-height: 1.25; 
		letter-spacing: -.1rem; 
	}
	h3 { 
		font-size: 3.0rem; 
		line-height: 1.3;  
		letter-spacing: -.1rem; 
	}
	h4 { 
		font-size: 2.4rem; 
		line-height: 1.35; 
		letter-spacing: -.08rem; 
	}
	h5 { 
		font-size: 1.8rem; 
		line-height: 1.5;  
		letter-spacing: -.05rem; 
	}
	h6 { 
		font-size: 1.5rem; 
		line-height: 1.6;  
		letter-spacing: 0; 
	}

	/*	Blockquotes  */
	blockquote,
	blockquote p { 
		font-size: inherit;
		font-family: "Raleway", "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
		color:#1e1e1e;
		font-style: italic;
		position: relative;
	}

	blockquote:before {
		color: #1e1e1e;
	}

	blockquote { 
		margin: 0 0 20px;
		padding: 20px 20px;
		border-left: 5px solid #ddd;
		background: #ECF0F1;
		background: rgba(189, 212, 193, .20);
	}

	blockquote cite { 
		display: block; 
		font-size: 11px; 
		color: #a9a9a9;
	}

	blockquote cite:before { 
		content: "";
	}

	blockquote cite a,
	blockquote cite a:visited,
	blockquote cite a:visited { 
		color: #555;
	}

	p {
	}

	address {
		font-style: normal;
	}
	
	hr {
	}
	code {
		background-color: #f7f7f7;
		margin: 0;
		padding: 0;
	}
	
/* ==========================================================================
   Links
   ========================================================================== */
	a { 
		color: #3498DB;
		text-decoration:none; 
		outline: 0;
	}

	a:active,
	a:focus {
		outline: 0;
	}

	a:hover {
		outline: none; 
		color: #E74C3C;
		text-decoration: underline;
	}

/*  ==========================================================================
	Lists
	========================================================================== */
	ul, ol {
		margin-bottom: 10px;
		margin-top: 0;
	}
	ul ul, ol ul, ul ol, ol ol {
		list-style: outside none box;
		margin-bottom: 0;
		font-size: 100% !important;
	}
	.list-unstyled {
		list-style: outside none box;
		padding-left: 0;
	}
	.list-inline {
		list-style: outside none none;
		margin-left: -5px;
		padding-left: 0;
	}
	.list-inline > li {
		display: inline-block;
		padding-left: 5px;
		padding-right: 5px;
	}
	dl {
		margin-bottom: 20px;
		margin-top: 0;
	}
	dt, dd {
		line-height: 1.42857;
	}
	dt {
		font-weight: 700;
	}
	dd {
		margin-left: 0;
	}
	
/* 	==========================================================================
	Images
	========================================================================== */
	img {
		max-width: 100%;
		height: auto;
		vertical-align: top;
	}
	
	.fullwidth {
		display:block;
		min-width:100%;
		max-width:100%;
	}
	/*img.fullwidth {
		image-rendering:optimizeQuality;
		-ms-interpolation-mode:bicubic;
	}*/
	.halfwidth {
		display:block;
		max-width:50%;
	}
	
	.alignleft {
		display: inline;
		float:left;
		margin:0 20px 10px 0;
	}

	.alignright {
		display: inline;
		float:right;
		margin:0 0 10px 30px;
	}
	.aligncenter {
		clear: both;
		display: block;
		margin: 0 auto 5px auto;
	}
	.alignnone {
		margin:0 0 10px 0;
	}
	.alignleft img,
	.alignright img,
	.aligncenter img,
	.alignnone img {
		margin: 0;
	}

/* 	==========================================================================
	Helper classes
	========================================================================== */

	/* Hide from both screenreaders and browsers: h5bp.com/u */
	.hidden {
		display: none !important;
		visibility: hidden;
	}

	/* Hide only visually, but have it available for screenreaders: h5bp.com/v */
	.visuallyhidden {
		border: 0;
		clip: rect(0 0 0 0);
		height: 1px;
		margin: -1px;
		overflow: hidden;
		padding: 0;
		position: absolute;
		width: 1px;
	}

	/*
	 * Extends the .visuallyhidden class to allow the element to be focusable
	 * when navigated to via the keyboard: h5bp.com/p
	 */
	.visuallyhidden.focusable:active,
	.visuallyhidden.focusable:focus {
		clip: auto;
		height: auto;
		margin: 0;
		overflow: visible;
		position: static;
		width: auto;
	}

	/* Hide visually and from screenreaders, but maintain layout */
	.invisible {
		visibility: hidden;
	}
	
/* 	==========================================================================
	Button
	========================================================================== */
	
	.btn-default,
	.btn-primary,
	.btn-success,
	.btn-info,
	.btn-warning,
	.btn-danger {
		text-shadow:none;
		box-shadow: none;
		border-radius: 0;
		color: #fff;
	}
	.btn-default:active,
	.btn-primary:active,
	.btn-success:active,
	.btn-info:active,
	.btn-warning:active,
	.btn-danger:active,
	.btn-default.active,
	.btn-primary.active,
	.btn-success.active,
	.btn-info.active,
	.btn-warning.active,
	.btn-danger.active {
		box-shadow: none;
	}
	.btn:active,
	.btn.active {
		background-image: none;
	}
	.btn-default {
		text-shadow: none;
		background: #3498db;
		border-color: #2980b9;
	}
	.btn-default:hover,
	.btn-default:focus {
		background-color: #e0e0e0;
		background-position: 0 -15px;
	}
	.btn-default:active,
	.btn-default.active {
		background-color: #e0e0e0;
		border-color: #dbdbdb;
	}
	.btn-default:disabled,
	.btn-default[disabled] {
		background-color: #e0e0e0;
		background-image: none;
	}
	.btn-primary {
		background: #428bca;
		border-color: #2b669a;
	}
	.btn-primary:hover,
	.btn-primary:focus {
		background-color: #2d6ca2;
		background-position: 0 -15px;
	}
	.btn-primary:active,
	.btn-primary.active {
		background-color: #2d6ca2;
		border-color: #2b669a;
	}
	.btn-primary:disabled,
	.btn-primary[disabled] {
		background-color: #2d6ca2;
		background-image: none;
	}
	.btn-success {
		background: #419641;
		border-color: #3e8f3e;
	}
	.btn-success:hover,
	.btn-success:focus {
		background-color: #419641;
		background-position: 0 -15px;
	}
	.btn-success:active,
	.btn-success.active {
	  background-color: #419641;
	  border-color: #3e8f3e;
	}
	.btn-success:disabled,
	.btn-success[disabled] {
		background-color: #419641;
		background-image: none;
	}
	.btn-info {
		background: #5bc0de;
		border-color: #28a4c9;
	}
	.btn-info:hover,
	.btn-info:focus {
		background-color: #2aabd2;
		background-position: 0 -15px;
	}
	.btn-info:active,
	.btn-info.active {
		background-color: #2aabd2;
		border-color: #28a4c9;
	}
	.btn-info:disabled,
	.btn-info[disabled] {
		background-color: #2aabd2;
		background-image: none;
	}
	.btn-warning {
		background: #f0ad4e;
		border-color: #e38d13;
	}
	.btn-warning:hover,
	.btn-warning:focus {
		background-color: #eb9316;
		background-position: 0 -15px;
	}
	.btn-warning:active,
	.btn-warning.active {
		background-color: #eb9316;
		border-color: #e38d13;
	}
	.btn-warning:disabled,
	.btn-warning[disabled] {
		background-color: #eb9316;
		background-image: none;
	}
	.btn-danger {
		background: #d9534f;
		border-color: #b92c28;
	}
	.btn-danger:hover,
	.btn-danger:focus {
		background-color: #c12e2a;
		background-position: 0 -15px;
	}
	.btn-danger:active,
	.btn-danger.active {
		background-color: #c12e2a;
		border-color: #b92c28;
	}
	.btn-danger:disabled,
	.btn-danger[disabled] {
		background-color: #c12e2a;
		background-image: none;
	}

/* 	==========================================================================
	Forms
	========================================================================== */
	.form-control {
		border-radius: 0;
	}
	
/* 	==========================================================================
	Helper classes
	========================================================================== */
	.bg-primary{}
	.bg-success{}
	.bg-info{}
	.bg-warning{}
	.bg-danger{}

/* 	==========================================================================
	Dropdowns
	========================================================================== */
	.dropdown-menu {
		background-color: #fff;
		border: 1px solid #e6e6e6;
		border-radius: 0;
		margin: 0;
		padding: 0;
		box-shadow: 0 1px 2px rgba(0, 0, 0, 0.176);
	}
		.dropdown-menu > li > a {
			padding: 7px 13px;
		}
		.dropdown-menu > li > a:hover,
		.dropdown-menu > li > a:focus {
			background-color: #e8e8e8;
		}
		.dropdown-menu > .active > a,
		.dropdown-menu > .active > a:hover,
		.dropdown-menu > .active > a:focus {
			background: none;
		}

/* 	==========================================================================
	Navs
	========================================================================== */
	
/* 	==========================================================================
	Navbar
	========================================================================== */
	.navbar-default {
		background: none;
		background: #262B2F;
		border-radius: 0;
		box-shadow: none;
	}
	.navbar-default .navbar-nav > .active > a {
		background: none;
		background: #2c3e50;
		box-shadow: none;
	}
	.navbar-brand,
	.navbar-nav > li > a {
		text-shadow: none;
	}
	.navbar-inverse {
		background: none;
		background: #2C3E50;
		border: none;
		box-shadow: none;
	}
	.navbar-inverse .navbar-nav > .active > a {
		background: none;
	}
	.navbar-inverse .navbar-brand,
	.navbar-inverse .navbar-nav > li > a {
		text-shadow: 0 -1px 0 rgba(0, 0, 0, .25);
	}
	.navbar-static-top,
	.navbar-fixed-top,
	.navbar-fixed-bottom {
	  border-radius: 0;
	}
/* 	==========================================================================
	Breadcrumbs
	========================================================================== */

/* 	==========================================================================
	Pagination
	========================================================================== */
	
/* 	==========================================================================
	Labels
	========================================================================== */
	
/* 	==========================================================================
	Badges
	========================================================================== */
	
/* 	==========================================================================
	Jumbotron
	========================================================================== */
	
/* 	==========================================================================
	Page header
	========================================================================== */
	
/* 	==========================================================================
	Thumbnails
	========================================================================== */
	
/* 	==========================================================================
	Alerts
	========================================================================== */
	
	.alert {
		text-shadow: 0 1px 0 rgba(255, 255, 255, .2);
		-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
				box-shadow: inset 0 1px 0 rgba(255, 255, 255, .25), 0 1px 2px rgba(0, 0, 0, .05);
	}
	.alert-success {
		background: #dff0d8;
		border-color: #b2dba1;
	}
	.alert-info {
		background: #d9edf7;
		border-color: #9acfea;
	}
	.alert-warning {
		background: #fcf8e3;
		border-color: #f5e79e;
	}
	.alert-danger {
		background: #f2dede;
		border-color: #dca7a7;
	}
/* 	==========================================================================
	Progress bars
	========================================================================== */
	
	.progress {
		background: #ebebeb;
	}
	.progress-bar {
		background: #428bca;
	}
	.progress-bar-success {
		background: #5cb85c;
	}
	.progress-bar-info {
		background: #5bc0de;
	}
	.progress-bar-warning {
		background: #f0ad4e;
	}
	.progress-bar-danger {
		background: #d9534f;
	}
	.progress-bar-striped {
		background-image: -webkit-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		background-image:      -o-linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
		background-image:         linear-gradient(45deg, rgba(255, 255, 255, .15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .15) 50%, rgba(255, 255, 255, .15) 75%, transparent 75%, transparent);
	}
/* 	==========================================================================
	Media object
	========================================================================== */
	
/* 	==========================================================================
	List group
	========================================================================== */
	.list-group {
		border-radius: 4px;
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
			  box-shadow: 0 1px 2px rgba(0, 0, 0, .075);
	}
	.list-group-item.active,
	.list-group-item.active:hover,
	.list-group-item.active:focus {
		text-shadow: 0 -1px 0 #3071a9;
		background: #428bca;
		border-color: #3278b3;
	}
	
/* 	==========================================================================
	Panels
	========================================================================== */
	
	.panel {
		-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
			  box-shadow: 0 1px 2px rgba(0, 0, 0, .05);
	}
	.panel-default > .panel-heading {
		background: #f5f5f5;
	}
	.panel-primary > .panel-heading {
		background: #428bca;
	}
	.panel-success > .panel-heading {
		background: #dff0d8;
	}
	.panel-info > .panel-heading {
		background: #d9edf7;
	}
	.panel-warning > .panel-heading {
		background: #fcf8e3;
	}
	.panel-danger > .panel-heading {
		background: #f2dede;
	}
/* 	==========================================================================
	Wells
	========================================================================== */
	
	.well {
		background: #e8e8e8;
		border-color: #dcdcdc;
		box-shadow: none;
	}
/* 	==========================================================================
	Modals
	========================================================================== */
	
/* 	==========================================================================
	ScrollSpy
	========================================================================== */

/* 	==========================================================================
	Togglable tabs
	========================================================================== */
	
/* 	==========================================================================
	Tooltips
	========================================================================== */
	
/* 	==========================================================================
	Collapse
	========================================================================== */
	
/* 	==========================================================================
	Carousel
	========================================================================== */
	
/* 	==========================================================================
	Misc
	========================================================================== */

	/* Remove the gap between images, videos, audio and canvas */
	audio,
	canvas,
	img,
	video {
		vertical-align: middle;
	}

	/* Remove default fieldset styles. */
	fieldset {
		border: 0;
		margin: 0;
		padding: 0;
	}

	/* Allow only vertical resizing of textareas. */
	textarea {
		resize: vertical;
	}
	
	/* Browse Happy prompt */
	.browsehappy {
		margin: 0.2em 0;
		background: #ccc;
		color: #000;
		padding: 0.2em 0;
	}   

/* 	==========================================================================
	Print styles.
	Inlined to avoid required HTTP connection: h5bp.com/r
	========================================================================== */
	@media print {
		* {
			background: transparent !important;
			color: #000 !important; /* Black prints faster: h5bp.com/s */
			box-shadow: none !important;
			text-shadow: none !important;
		}

		a,
		a:visited {
			text-decoration: underline;
		}

		a[href]:after {
			content: " (" attr(href) ")";
		}

		abbr[title]:after {
			content: " (" attr(title) ")";
		}

		/*
		 * Don't show links for images, or javascript/internal links
		 */

		.ir a:after,
		a[href^="javascript:"]:after,
		a[href^="#"]:after {
			content: "";
		}

		pre,
		blockquote {
			border: 1px solid #999;
			page-break-inside: avoid;
		}

		thead {
			display: table-header-group; /* h5bp.com/t */
		}

		tr,
		img {
			page-break-inside: avoid;
		}

		img {
			max-width: 100% !important;
		}
		
		p,
		h2,
		h3 {
			orphans: 3;
			widows: 3;
		}

		h2,
		h3 {
			page-break-after: avoid;
		}
	}