/* Links */
a, a:visited { color: #ee3b16; font-weight: 400; text-decoration: none; }
a:hover { color: #ffa593; }

.button { border: 1px solid #ee3b16; }
.button:hover { border: 1px solid #ffa593; }

.desktop.navigation .nav-content a:hover, .desktop.navigation .nav-content a.active, .post-title a:hover, .cat-item a:hover, .widget-archive a:hover, .recentcomments a:hover, .widget-recent-entries a:hover, .comment-meta a:hover, .required  
{ color: #ee3b16!important; }

.gallery-next .bx-next:hover  { background: #ee3b16 url('../../images/blog/next.png') no-repeat; background-size: 22px 22px;}
.gallery-prev .bx-prev:hover  { background: #ee3b16 url('../../images/blog/prev.png') no-repeat; background-size: 22px 22px;}

.filter.active, .filter:hover { color: #ee3b16; }


.tagcloud a { border: 1px solid #ee3b16; } 
.tagcloud a:hover { border: 1px solid #ffa593; }

.tabs ul li.active a {border-top: 2px solid #ee3b16;} 

/* Content */
.parallax.colored { background-color: #ee3b16; }
.list-dot { background: #ee3b16; }

.projectlist a:hover .projectinfo { 
	/* background: #ee3b16;  */
	-webkit-transition: background .33s linear;
	-moz-transition: background .15s linear;
	-o-transition: background .15s linear;
	transition: background .15s linear; 
}


/* Targets Retina Enabled Devices */
@media 
only screen and (-webkit-min-device-pixel-ratio: 2),
only screen and (   min--moz-device-pixel-ratio: 2),
only screen and (   -moz-min-device-pixel-ratio: 2),
only screen and (     -o-min-device-pixel-ratio: 2/1),
only screen and (        min-device-pixel-ratio: 2),
only screen and (                min-resolution: 192dpi),
only screen and (                min-resolution: 2dppx) {

.gallery-next .bx-next:hover  { background: #ee3b16 url('../../images/blog/next@2x.png') no-repeat; background-size: 22px 22px;}
.gallery-prev .bx-prev:hover  { background: #ee3b16 url('../../images/blog/prev@2x.png') no-repeat; background-size: 22px 22px;} 

}



/* Custom css */
.project {
	position: relative;
	width: 50%;
}
.image {
	opacity: 1;
	display: block;
	width: 100%;
	height: auto;
	transition: .5s ease;
	backface-visibility: hidden;
}
.btnDiv {
	transition: .5s ease;
	opacity: 0;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	text-align: center;
}
.project:hover .image {
	opacity: 0.4;
}
.project:hover .btnDiv {
	opacity: 1;
}