/*
 * Instagram Journal
 *
 * Author: Chris Rivers
 * http://codecanyon.net/user/xxcriversxx
 *
 *
 */


/* Wordpress Only
-----------------------------*/	
/* Base */
.clear { clear:both; }

/* Classic View 
------------------------*/
.classic-view .instagram-photo { border:none; height:0; padding-bottom:25%; width:25%; }
.classic-view .instagram-photo .journal-meta { font-size:100%; line-height:normal; padding: 0 5px; }

.classic-view .instagram-photo img {
	height: 100%;
	left: 50%;
	min-width: 100%;
	max-width: inherit;
	position: absolute;
	top: 50%;
	transform-origin: 0 0;
	transition: 0.4s all ease;
	transform: scale(1) translate(-50%, -50%);
	width:auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1.05) translate(-50%, -50%); 
	-moz-transform: scale(1.05) translate(-50%, -50%); 
	-ms-transform: scale(1.05) translate(-50%, -50%); 
	-o-transform: scale(1.05) translate(-50%, -50%); 
}
.classic-view .instagram-photo:hover img { 
	-webkit-transform: scale(1.2) translate(-50%, -50%);
	-moz-transform: scale(1.2) translate(-50%, -50%);
	-ms-transform: scale(1.2) translate(-50%, -50%);
	-o-transform: scale(1.2) translate(-50%, -50%);
	transform: scale(1.2) translate(-50%, -50%);
}

.classic-view .instagram-media img { display:block; }

/* Classic IsFullWidth Support */
.classic-view.classic-default .instagram-stage { width:100%; }
.classic-view.classic-default .instagram-media { background:none; height:auto; margin-right:0; width:100%; }
.classic-view.classic-default .instagram-content { width:100%; }

.classic-view .instagram-content p { padding-bottom: 0; }
.classic-view .instagram-content ul { margin-left: 0 !important; }
.classic-view .instagram-content ul li { list-style: none; }

/* Video Support */
.classic-view .mejs-inner { height:100%; }
.classic-view .mejs-container { margin-bottom:0; }

/* Collage View
------------------------*/
.collage-view .instagram-photo { border:none; height: 0; line-height: 0; padding-bottom:20%; width: 20%; }
.collage-view .instagram-photo img {
	height: 100%;
	left: 50%;
	min-width: 100%;
	max-width: inherit;
	opacity: 1;
	position: absolute;
	top: 50%;
	transform-origin: 0 0;
	transition: 0.5s all ease;
	transform: scale(1) translate(-50%, -50%);
	width:auto;
	-webkit-backface-visibility: hidden;
	-webkit-transform: scale(1.05) translate(-50%, -50%); 
	-moz-transform: scale(1.05) translate(-50%, -50%); 
	-ms-transform: scale(1.05) translate(-50%, -50%); 
	-o-transform: scale(1.05) translate(-50%, -50%); 
}

.collage-view * { max-width:none !important; }
.collage-view .jcarousel-wrapper ul { margin:0 !important; }
.collage-view .jcarousel-wrapper li .instagram-photo { height:311px; padding-bottom:0; width:100%; }
.collage-view .jcarousel-wrapper li .instagram-photo.one img { margin-top:0; }

/* Section View
------------------------*/
.carousel-view * { max-width:none !important; }
.carousel-view ul { margin:0 !important; }
.carousel-view .instagram-photo .view-photo { height:auto; padding-bottom:10px; }

/* Large View 
------------------------*/
.large-view * { max-width:none !important; }
.large-view .navigator p { word-wrap: break-word; }
.large-view ul { margin:0 !important; }
.large-view .jcarousel { width:60%; }
.large-view .controls { position:relative; z-index: 2; }

/* Infinity View
----------------------*/
.infinity-view { margin:0 auto; overflow:hidden; }
.infinity-view * { max-width:none !important; }
.infinity-view .instagram-photo .photo { /* max-width:100% !important; */ }
.infinity-view .profile { -webkit-box-sizing: initial; -moz-box-sizing: initial; box-sizing: initial; }
.infinity-view .profile h3 { margin-top: 0; }

/* Ever After Support */
#middle .infinity-view { margin:0; }
#middle .infinity-view .profile h3 { margin-bottom:5px; text-align:center; }
#middle .infinity-view .profile p { color:#c3c3c3; font-size:12px; text-align:center; }

/* Contest
------------------------*/
.classic-view .contest-photo { background:#ea0667; position:relative; }
.classic-view .contest-photo .likes {
	display:none;
	bottom:0; 
	color: #fff;
	float: left;
	font-weight: bold;
	height: 29px;
	margin:auto;
	position:absolute;
	width: 100%;
	text-align: center;
	top:0;
}
.classic-view .contest-photo:hover .likes { display:block; }

/* Fancybox
----------------------*/
.fancybox-title a { color:#3897f0; }