/*
Theme Name:  Photographer
Theme URI:   http://themeforest.net/user/pixelwars/portfolio
Author:      Pixelwars
Author URI:  http://themeforest.net/user/pixelwars
Description: Responsive WordPress theme.
Version:     2.2.2
License:     ThemeForest License
License URI: http://themeforest.net/licenses
Tags:        light, dark, white
Text Domain: read
*/

/*
    Do not remove any of the commented text above as it is used by the theme for proper function!
*/

/* WordPress Core -------------------------------------------------------------- */

.aligncenter, .alignnone, .alignright, .alignleft {
    display: block; margin: 1.6em auto; clear: both;
	}
.wp-caption {
	color:#555;
	}
.wp-caption img {
	border: 0 none; height: auto; margin: 0; padding: 0;
	}
.wp-caption p.wp-caption-text {
    font-size: 14px; margin: 0; padding: .6em .1em 0; text-align: left; letter-spacing: 0px; color: #999;
	}
.wp-caption.aligncenter,
.wp-caption.aligncenter .wp-caption-text {
	text-align: center;
	}

/* TABLETS */
@media screen and (min-width: 768px) {
	.alignnone {
		margin: 3em 0; 
		}
	.aligncenter {
		margin: 3em auto; 
		}
	.alignright {
		float:right; margin: .4em 0 1em 2em;
		}
	.alignleft {
		float: left; margin: .4em 2em 1em 0;
		}
	.alignright .wp-caption-text,
	.alignleft p.wp-caption-text {
		max-width: 230px;
		}
}

/* DESKTOPS MEDIUM */
@media screen and (min-width: 1200px) { 
	.content-area:not(.with-sidebar) .alignright, .content-area:not(.with-sidebar) .wp-caption.alignright {
		margin-right: -140px; margin-left: 2em;
		}
	.content-area:not(.with-sidebar) .alignleft, .content-area:not(.with-sidebar) .wp-caption.alignleft {
		margin-left: -140px; margin-right: 2em;
		}	
}

/* DESKTOPS MEDIUM */

/* Style one animation - just css */

#portfolio.style-one .item .caption {
	-webkit-transform: translate3d(0px, -100%, 0px);
	-ms-transform: translate3d(0px, -100%, 0px);
	transform: translate3d(0px, -100%, 0px);
}
#portfolio.style-one .item:hover .caption {
	-webkit-transform: translate3d(0px, 0, 0px);
	-ms-transform: translate3d(0px, 0, 0px);
	transform: translate3d(0px, 0, 0px);
}
#portfolio.style-one .item:hover img {
	-webkit-transform: translate3d(0px, 100%, 0px);
	-ms-transform: translate3d(0px, 100%, 0px);
	transform: translate3d(0px, 100%, 0px);
}
#portfolio.style-one .item .caption, #portfolio.style-one .item img {
	-webkit-transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000);
	transition: all 200ms cubic-bezier(0.420, 0.000, 1.000, 1.000); 
	-webkit-transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
	transition-timing-function: cubic-bezier(0.420, 0.000, 1.000, 1.000);
}

.ie #portfolio.style-one .item .caption {
	top: -100%;
}
.ie #portfolio.style-one .item:hover .caption {
	top: 0;
}
.ie #portfolio.style-one .item:hover img {
	top: 100%;
}

/* Style two animation - css + js */

#portfolio.style-two .item .caption  {
	display: none;
}
#portfolio.style-two .item .caption > div {
	position: relative;
}

/* Style three animation (and restyle) - just css */

#portfolio.style-three .caption {
	opacity: 0;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}
#portfolio.style-three.light .item .caption {
	background: #f7f7f7;
	background: rgba(255,255,255,.9);
}
#portfolio.style-three.dark .item .caption {
	background: #222;
	background: rgba(0,0,0,.7);
}
#portfolio.style-three .item h3 {
	position: relative;
	top: 50px;
	-webkit-transition: all 200ms linear;
	transition: all 200ms linear;
}
#portfolio.style-three .item span {
	position: relative;
	top: 60px;
	-webkit-transition: all 220ms linear;
	transition: all 220ms linear;
}
#portfolio.style-three .item img {
   -webkit-transform-origin: center center;
   -ms-transform-origin: center center;
   transform-origin: center center;
	-webkit-transition: all 250ms linear;
	transition: all 250ms linear;
}

#portfolio.style-three .item:hover img {
	-webkit-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#portfolio.style-three .item:hover .caption {
	opacity: 1;
}
#portfolio.style-three .item:hover .caption h3, #portfolio.style-three .item:hover .caption span {
	top: 0;
}

/* Style four animation (and restyle) - just css */

#portfolio.style-four .caption {
	opacity: 0;
	-webkit-transition: all 150ms linear;
	transition: all 150ms linear;
}
#portfolio.style-four.light .item .caption {
	background: #f7f7f7;
	background: rgba(255,255,255,.9);
}
#portfolio.style-four.dark .item .caption {
	background: #222;
	background: rgba(0,0,0,.7);
}
#portfolio.style-four .item:hover .caption {
	opacity: 1;
}