/*
You can add your own CSS here.

Click the help icon above to learn more.
*/



body {
	background-color: ghostwhite !important;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	color:black;
}

h1, h2 {
	text-transform: none;
}

button,
input,
select,
textarea {
	color: blue;
}

body {
	color: black;
	font-family: Geneva, 'Lucida Sans', 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;
}

a {
	.transition-on(color);
}

a:hover,
a:focus,
a:active {
	color: blue !important;
		/*box-shadow: inset 0 0 0 10px #ff0581;*/
/* 	color: #ff0581 !important; */
	font-style:italic !important;
	.transition-on(color);
}

.site-header {
	top: 3.5em;	
}

.site-branding {
background-color: black;
}

.site-title a,
.site-title a:hover {
	color: lightgrey;
	text-transform:uppercase;
}

.main-navigation {
	margin-top:0em;
}


/*.page-template-portfolio-page .main-navigation {
		margin-top:0;
}*/

.menu-toggle {
	font-size: 2.6em;	
	font-family: 'Roboto Condensed', 	Arial, sans-serif;
	font-weight: bold;
	color: blue;
	width: auto;
}

.menu-toggle:after {
	content: none;
}

.main-navigation a {
	color: darkgray;
	font-weight:bold;
	font-size: 2.6em;
font-style: normal;
font-weight: bold;
	text-transform:uppercase;
	font-family: 'Roboto Condensed', Arial, sans-serif;
	padding: 0;
}

.main-navigation li {
		border:none !important;
}

.main-navigation .current_page_item > a, .main-navigation .current-menu-item > a {
	color:blue !important;
	font-style:italic;
	/*border-bottom: 6px solid #ff0581;*/
}

.posts-navigation, post-navigation {
	border:none;
}

.project-title {
	font-size:2.6em;
	color: #000;
	font-style: normal !important;
}

h2.project-title {
		z-index:999999;
}

.entry-title, .page-title {
	font-size: 2.6em;
/* 	color: #ff0581; */
 	color: mediumblue !important;
/* 	color: #dbd8d6;  */
	text-transform: uppercase;
}

.page-id-7 .entry-title {
	display:none;
}

.page-title {
	text-transform:uppercase;	
}

.site-info {
	/*display:none;*/
}

.portfolio-thumbnail a {
	background: mediumblue;
}

.portfolio-thumbnail a:hover:after {
   /* box-shadow: inset 0 0 0 10px 	rgba(11, 255, 5, 0.84);*/
	box-shadow: inset 0 0 0 1px mediumblue;
}

.portfolio-thumbnail a {
	background: rgb(255, 245, 245);
}

/* GALLERY & IMAGES*/

figure.gallery-item {
	margin-bottom: 3em;	
}


figure.gallery-item:last-of-type {
	margin-bottom: 0;	
}

.gallery-item {
	text-align: left;	
}

.gallery-item a {
	border:none;
	transform:scale(1.0);
}

.gallery-item a:hover {
	transform:scale(1.03);
}

.gallery {
	margin-bottom: 0;
}

.gallery-icon:hover:after {
	/*box-shadow: inset 0 0 0 10px rgba(5, 119, 255, 0.84);*/
		 box-shadow: inset 0 0 0 10px #ff0581;
}

.gallery-caption {
	display:none;
}

.jp-carousel-image-meta {
	display:none;
}

#jp-carousel-comment-form {
	display:none;
}


@media screen and (min-width:768px) {
	.entry-title, .page-title {
	 display: none;
	}

}

.transition-all(@duration: 0.2s, @ease: ease-out) {
	-webkit-transition:	all @duration @ease;
	-moz-transition:	all @duration @ease;
	-o-transition:		all @duration @ease;
	transition:			all @duration @ease;
}
.transition-on(@elem, @duration: 0.2s, @ease: ease-out) {
	-webkit-transition:	@elem @duration @ease;
	-moz-transition:	@elem @duration @ease;
	-o-transition:		@elem @duration @ease;
	transition:			@elem @duration @ease;
}