/*

 *
 * Project Name: STANLEY - Free Bootstrap 3 Theme
 * Version: 1.0
 * URL: http://blacktie.co
 */

@import url(http://fonts.googleapis.com/css?family=Montserrat:400,700);

@media screen and (min-width: 480px) {
	body {
		background-color: #ffffff;
		font-family: 'Montserrat', sans-serif;
		font-weight: 400;
		font-size: 14px;
		color: #555;

		-webkit-font-smoothing: antialiased;
		-webkit-overflow-scrolling: touch;
	}

	/* Titles */
	h1, h2, h3, h4, h5, h6 {
		font-family: 'Montserrat', sans-serif;
		font-weight: 700;
		color: #333;
	}

	h1 {
		font-size: 35px;
		margin-top: 30px;
		margin-bottom: 30px;
	}

	/* Paragraph & Typographic */
	p {
		line-height: 28px;
		margin-bottom: 25px;
		font-size: 15px;
	}

	.centered {
		text-align: center;
	}

	/* Links */
	a {
		color: #f2bf02;
		word-wrap: break-word;

		-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
		-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
		-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
		-o-transition: color 0.1s ease-in, background 0.1s ease-in;
		transition: color 0.1s ease-in, background 0.1s ease-in;
	}

	a:hover,
	a:focus {
		color: #7b7b7b;
		text-decoration: none;
		outline: 0;
	}

	a:before,
	a:after {
		-webkit-transition: color 0.1s ease-in, background 0.1s ease-in;
		-moz-transition: color 0.1s ease-in, background 0.1s ease-in;
		-ms-transition: color 0.1s ease-in, background 0.1s ease-in;
		-o-transition: color 0.1s ease-in, background 0.1s ease-in;
		transition: color 0.1s ease-in, background 0.1s ease-in;
	}

	hr {
		display: block;
		height: 1px;
		border: 0;
		border-top: 1px solid #ccc;
		margin: 1em 0;
		padding: 0;
	}

	.navbar {
		text-transform: uppercase;
		margin-bottom: 0px;
	}

	.navbar-inverse {
		padding-bottom: 30px;
		padding-top: 35px;
	}

	.navbar-inverse {
		background-color: #f2bf02;
		border-color: #f2bf02;
	}

	.navbar-inverse .navbar-nav > li > a {
		color: white;
	}

	.navbar-inverse .navbar-nav > li > a:hover {
		color: #222222;
	}

	.navbar-brand {
		font-weight: 700;
		font-size: 24px;
		letter-spacing: 2px;
	}

	.navbar-inverse .navbar-brand {
		color: white;
	}

	.navbar-inverse .navbar-toggle {
		border-color: transparent;
	}

	.progress-bar-theme {
		background-color: #1abc9c;
	}

	/* Helpers */
	.mt {
		margin-top: 40px;
		margin-bottom: 40px;
	}

	.pt {
		padding-top: 50px;
		padding-bottom: 50px;
	}

	/* +++++ WRAP SECTIONS +++++ */
	#ww {
		padding-top: 70px;
		padding-bottom: 80px;
		background-color: #f2f2f2;
	}

	#footer {
		background-color: black;
		padding-top: 50px;
		padding-bottom: 40px;
		text-align: center;
	}

	#footer p {
		color: white;
	}

	#footer h4 {
		color: white;
		text-transform: uppercase;
		padding-bottom: 20px;
	}

	/* +++++ Color Wraps / Blog Page +++++ */
	#grey {
		padding-top: 60px;
		padding-bottom: 60px;
		background-color: #f2f2f2;
	}

	#white {
		padding-top: 60px;
		padding-bottom: 60px;
		background-color: #ffffff;
	}

	/* Blog Date*/
	bd {
		font-size: 12px;
		text-transform: uppercase;
		color: #d2d2d2;
		font-weight: 700;
	}

	/* Blog Author*/
	ba {
		font-size: 12px;
		text-transform: uppercase;
	}

	/* Blog Quote */
	.bq {
		font-size: 22px;
		padding-top: 30px;
	}

	/* Blog Tags */
	bt {
		font-size: 12px;
	}

	/* ================== PORTFOLIO IMAGES HOVER EFFECT ================== */
	/* Effects also are controled by hover.zoom.js */
	.zoom {
		display: block;
		position: relative;
		overflow: hidden;
		background: transparent url(../img/loader.gif) no-repeat center;
	}

	.zoomOverlay {
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		display: none;
		background-image: url(../img/zoom.png);
		background-repeat: no-repeat;
		background-position: center;
	}

	.zoom2 {
		opacity: 1;
	}

	.zoom2:hover {
		opacity: 0.5;
	}

	/* glyphicon Configuration */
	.glyphicon {
		font-size: 40px;
		color: #1abc9c;
	}
}