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

@font-face {
	font-family: 'Lavanderia';
	src: url('../font/fonts/Lavanderia-Regular.eot');
	src: url('../font/Lavanderia-Regular.eot');
	src: url('../font/Lavanderia-Regular.eot?#iefix') format('embedded-opentype'),
		url('../font/Lavanderia-Regular.woff') format('woff'),
		url('../font/Lavanderia-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}

.btn {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}
.btn-life {
	color: #fff;
	background-color: #99cb35;
	border-color: #90bf31;
}
.btn-life:hover,
.btn-life:focus,
.btn-life:active,
.btn-life.active,
.open>.dropdown-toggle.btn-life {
	color: #fff;
	background-color: #87b42e;
	border-color: #7da62a;
}

html, body { height: 100%; }
body { background: #f7f7f7; color: #333; font: 16px/1.5em 'Lato', Arial, sans-serif; }
.clear { clear: both; }

a { color: #99cb35; }
a:hover, a:focus { color: #87b42e; text-decoration: none; }

.thumb { }
.thumb img { max-width: 100%; height: auto; max-height: 300px; width: auto; }

#header { padding: 20px 0 40px; }
	#header .container { position: relative; height: 80px; }
#header h1 { float: left; margin: 0 0 10px; width: 260px; height: 68px; text-indent: -9000em; background: url(/images/l_elenacaron.png) no-repeat 0 0; background-size: 100% auto; }
	#header h1 a { display: block; width: 100%; height: 100%; }
	#header h2 { position: absolute; left: 51px; top: 58px; margin: 0; font-size: 0.786em; line-height: 1em; color: #777; font-weight: normal; text-transform: uppercase; }
	#main-nav { position: absolute; right: 0; bottom: 20px; text-transform: uppercase; font-size: 16px; line-height: 1em; }
		#main-nav ul { margin: 0; }
		#main-nav a { color: #777; }
		#main-nav a:hover, #main-nav a:focus { color: #99cb35; background: none; -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
	#header .btn-navbar { display: none; position: absolute; right: 0; top: 6px; padding: 0 10px; font-size: 36px; color: #8c8c8c; }
	#header .btn-navbar:hover,
	#header .btn-navbar:focus { color: #99cb35; }

#main { min-height: 100%; } /* sticky footer */
#content { clear: both; padding: 20px 0 100px; }
.content-wrap { margin: 0 -15px; padding: 15px; /*background: #fff;*/ }
	.back-link { float: right; margin-top: 17px; }
		.back-link i { margin-right: 6px; }
	h2 { margin-bottom: 1em; text-transform: uppercase; font-size: 1.714em; font-weight: normal; }

#footer { position: relative; clear: both; margin-top: -90px; padding: 20px 0; text-align: center; color: #777; }
	.colophon-link { margin-left: 10px; font-size: 85%; color: #777; }
	.colophon-link:hover, .colophon-link:focus { color: #99cb35; }
	.behance-link a { opacity: 0.5; }
	.behance-link a:hover, .behance-link a:focus { opacity: 1; }

/* Home */
#series { position: relative; }
#series h2 { margin-bottom: .15em; font-size: 2.571em; line-height: 1em; }
	#series h2 .breakpoint { display: block; }
	.ampersand { font-family: 'Lavanderia', 'Lato', Arial, sans-serif; }
/*.series-thumb img { -moz-box-shadow: 0 3px 15px #000; -webkit-box-shadow: 0 3px 15px #000; box-shadow: 0 3px 15px #000; }*/
.series-info { text-transform: uppercase; margin-bottom: 2em; }
	.series-info p { margin: 0; }
.series-location { font-size: 0.857em; }
/*.portfolio-link { position: absolute; bottom: 0; right: 0; margin: 0; }*/
.portfolio-link i { margin-left: 6px; }
.more-link [class*="icon-"] { margin-left: 5px; }

/* Home Features */
.feature-item {  }
.feature-item h2 { font-size: 18px; line-height: 1.3em; text-transform: none; }
.feature-item h2 a { color: #333; text-decoration: none; }
.feature-item h2 a:hover, .feature-item h2 a:focus { color: #99cb35; }
.feature-thumb { width: 100%; }
.feature-item h2 { margin-bottom: 10px; }
.feature-item .more-link { margin-top: 20px; }

/* 2015 Home */
#home #main-nav a {
	color: #333;
}
#home #main-nav a:hover, #home #main-nav a:focus { color: #99cb35; }

#home #main {
	height: 100%;
	min-height: 600px;
	background: url(/images/embroidery-home2.jpg) no-repeat center top;
	background-size: cover;
}

#home.reverse #header h1 { background-image: url(/images/l_elenacaron-wht.png); }
#home.reverse #header h2 { color: #ccc; }
#home.reverse #main-nav a {
	color: #fff;
	text-shadow: 0 1px 1px rgba(0,0,0,.3);
}
#home.reverse #main-nav a:hover, #home.reverse #main-nav a:focus { color: #99cb35; }
#home.reverse #header .btn-navbar { color: #ccc; }
#home.reverse #header .btn-navbar:hover,
#home.reverse #header .btn-navbar:focus { color: #99cb35; }

#home .content-wrap { position: relative; }
.home-feature {
	position: absolute;
	right: 0;
	top: 30px;
	width: 40%;
	color: #333;
	padding: 30px;
	background: #fff;
	background: rgba(255,255,255,.7);
}
.home-feature h2 { margin: 0 0 16px; }
.home-feature p { margin-bottom: 16px; }

.reverse .home-feature {
	color: #fff;
	background: #333;
	background: rgba(51,51,51,.6);
}
.left .home-feature {
	right: auto;
	left: 0;
}

.bros .home-feature {
	width: 30%;
	right: 50%;
	margin-right: -15%;
}

#home #footer, #home .colophon-link { color: #333; }
#home .colophon-link:hover, #home .colophon-link:focus { color: #99cb35; }
#home.reverse #footer, #home.reverse .colophon-link { color: #ccc; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
#home.reverse .colophon-link:hover, #home.reverse .colophon-link:focus { color: #99cb35; }
#home.reverse .follow-me a { color: #ccc; text-shadow: 0 1px 1px rgba(0,0,0,.3); }
#home.reverse .follow-me a:hover, #home.reverse .follow-me a:focus { color: #99cb35; }


/* Projects */
ul#projects, ul#projects li,
ul#works, ul#works li { margin: 0; padding: 0; list-style: none; }

.project { margin-bottom: 20px; }
.project a { display: block; color: #333; text-decoration: none; }
	.project a:hover, .project a:focus { color: #99cb35; }
.project img { max-width: 100%; height: auto; }
.project h3 { margin: 10px 0 0; font-size: 1em; line-height: 1.3em; font-weight: normal; }


#projects .project:nth-child(odd) { clear: both; }

@media (min-width: 768px) {
	#projects .project:nth-child(odd) { clear: none; }
	#projects .project:nth-child(4) { clear: both; }
}
@media (min-width: 992px) {
	#projects .project:nth-child(4) { clear: none; }
	#projects .project:nth-child(5) { clear: both; }
}

.description { margin: 0 0 1.5em; }


.work { position: relative; margin-bottom: 20px; }
.work .card { display: none; }
.work .thumb { width: 100%; height: 250px; overflow: hidden; cursor: pointer; }
.work .thumb img { max-width: none; max-height: none; }
.thumb-portrait img { width: 100%; height: auto;}
.thumb-landscape img { width: auto; height: 100%; }
.glass { position: absolute; left: 0; top: 0; width: 100%; height: 100%; cursor: pointer; }

#projector { position: relative; margin: 0 0 30px; }
	#projector-inner { }
	#projector .thumb { float: left; padding: 15px; background: #fff; width: 66.66666667%; text-align: center; height: auto !important; }
	#projector .thumb img { width: auto; height: auto; max-width: 100%; max-height: none; }
	#projector .glass { width: 66.66666667%; }
	#projector .card { float: left; padding: 30px 15px 15px 30px; width: 33.33333333%; }
		#projector .card-inner { }

		#projector .sold { position: absolute; right: 10px; bottom: 10px; display: block; width: 16px; height: 16px;
							-moz-border-radius: 16px; -webkit-border-radius: 16px; border-radius: 16px; text-indent: -9000em; background: #ff3a25; }

	#close-projector { position: absolute; right: 0; top: 0; font-size: 2em; cursor: pointer; color: #333; opacity: 0.2;
						-webkit-transition: background-color 0.5s ease;
						-moz-transition: background-color 0.5s ease;
						transition: background-color 0.5s ease; }
		#close-projector:hover { opacity: 1; }

	#projector .nav-arrow { position: absolute; left: 15px; top: 50%; margin-top: -24px; display: block;
								font-size: 48px; line-height: 1em; cursor: pointer; color: #333; opacity: 0.3;
								-webkit-transition: background-color 0.5s ease;
								-moz-transition: background-color 0.5s ease;
								transition: background-color 0.5s ease; }
		#projector #next { left: auto; right: 15px; }
		#projector .nav-arrow:hover { opacity: 0.8; }

		ul.social, ul.social li { margin: 0; padding: 0; list-style: none; }
		ul.social { margin: 2em 0 0; }
		ul.social li { display: inline; margin: 0 4px; font-size: 0.786em; text-transform: uppercase; }
		.social i { font-size: 14px; vertical-align: middle; }
		.social a { color: #777; text-decoration: none; }
		.social a:hover, .social a:focus { color: #333; }


/* About */
.profile-thumb { float: left; margin: 1em 0 0 0; }
	.profile-thumb img { vertical-align: middle; line-height: 1em; /*-moz-box-shadow: 0 3px 15px #000; -webkit-box-shadow: 0 3px 15px #000; box-shadow: 0 3px 15px #000;*/ }

#about {
	background: url(/images/elena-about.jpg) no-repeat center top;
	background-size: 100% auto;
}
#about #main-nav a {
	color: #333;
}
#about #main-nav a:hover, #about #main-nav a:focus { color: #99cb35; }
#about section {
	padding: 30px;
	background: #fff;
	background: rgba(255,255,255,.8);

}
#about section h2:first-child { margin-top: 0; }
#about #footer, #about .colophon-link { color: #333; }
#about .colophon-link:hover, #about .colophon-link:focus { color: #99cb35; }

/* Contact */
.simple-field2 {
	position: absolute;
	left: -9000em;
	height: 0;
}

.well {
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
}

.follow-me-box {
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	background-color: #fff;
}

.follow-me-box h3 {
	margin-top: 0;
}

.follow-me {
	margin: 0;
	padding: 0;
	list-style: none;
}

#footer .follow-me {
	margin-left: 10px;
}

.follow-me li {
	margin: 0 10px 0 0;
	padding: 0;
	display: inline-block;
}

.follow-me a {
	color: #333;
}

.follow-me a:hover,
.follow-me a:focus {
	color: #87b42e;
}

/* Responsive */
@media (max-width: 990px) {
	#header h1 {
		width: 220px;
		height: 56px;
	}
	#header h2 {
		top: 44px;
		left: 46px;
	}
}

@media (max-width: 979px) {
	#header .container { height: auto; }
	#header .btn-navbar { display: block; }
	#main-nav { position: absolute; z-index: 1000; top: 74px; left: 0; right: auto; bottom: auto; width: 100%; display: none; padding-top: 15px; }
	#main-nav ul { padding-top: 10px; border-top: 1px solid #ccc; background: #fff; background: rgba(255,255,255,.95); }
	#main-nav li { float: none; }

	#home #main-nav ul { border-top-color: #211a1b; background: #40332d; background: rgba(64,51,45,.85); }
	.home-feature { width: 50%; }

	.bros .home-feature {
		width: 40%;
		right: 50%;
		margin-right: -20%;
	}
}
@media (min-width: 768px) and (max-width: 979px) {
	.work {	width: 22.92817679558011%; }
	.work.w2 { width: 48.61878453038674%; }
}
@media (max-width: 767px) {
	body { padding: 0 !important; }
	.container {
		padding-left: 20px;
		padding-right: 20px;
	}
	#header h2 { left: 50px; top: 48px; }
	#header .btn-navbar { right: 20px; }
	.profile-thumb { margin-right: 20px; margin-bottom: 20px; }

	.work { width: 31.491712707182323%; }
	.work.w2 { width: 65.74585635359117%; }
	#projector .thumb { padding: 0; width: 100%; }
	#projector img { width: 100%; }

	.home-feature { width: 60%; margin-right: 3%; }

	.bros .home-feature {
		width: 40%;
		right: 50%;
		margin-right: -20%;
	}
}
@media (max-width: 630px) {
	#header h1 {
		width: 180px;
		height: 50px;
	}
	#header h2 {
		top: 44px;
		left: 46px;
	}
	.bros .home-feature {
		right: 0;
		width: 90%;
		margin: 0 5%;
	}
}
@media (max-width: 480px) {
	.work { width: 48.61878453038674%; }
	.work.w2 { width: 100%; }
	#projector .thumb { padding: 0; width: 100%; }
	#projector img { width: 100%; }

	.home-feature { width: 90%; margin: 0 5%; }
}