/*!
  ImageLinks - jQuery Interactive Image
  @name imagelinks.theme.dark.css
  @description A jQuery plugin for creating an interactive image for news, posters, albums and etc
  @version 1.4.0
  @author Max Lawrence 
  @site http://www.avirtum.com
  @copyright (c) 2016 Max Lawrence (http://www.avirtum.com)
*/

//===========================================
// Variables
//===========================================
@font-family-base:sans-serif;
@line-height-base:1.2;
@color-popover-text:#c7c7c7;
@color-popover-bg:#1d1d1d;
@color-popover-border:rgba(0,0,0,.9);
@popover-arrow-width:11px;
@popover-arrow-outer-width:11px;
@popover-arrow-color:#1d1d1d;
@popover-arrow-outer-color:rgba(0,0,0,.9);

//===========================================
// Mixins
//===========================================
.imgl-shadow(@string) {
	-webkit-box-shadow:@string;
	box-shadow:@string;
}
.imgl-transition(@string) {
	-webkit-transition:@string;
	transition:@string;
}
.imgl-box-shadow(@string) {
	-webkit-box-shadow: @string;
	box-shadow: @string;
}
.imgl-transform(@string) {
	-webkit-transform: @string;
	transform: @string;
}
.imgl-keyframes(@name; @arguments) {
	@-webkit-keyframes @name { @arguments(); }
	@keyframes @name { @arguments(); }
}
.imgl-animation(@string) {
	-webkit-animation: @string;
	animation: @string;
}
.imgl-hidden() {
	opacity:0;
	visibility:hidden;
}
.imgl-visible() {
	opacity:1;
	visibility:visible;
}
.imgl-reset-text() {
	font-family:@font-family-base;
	// We deliberately do NOT reset font-size.
	font-style:normal;
	font-weight:normal;
	letter-spacing:normal;
	line-height:@line-height-base;
	line-break:auto;
	text-align:left; // Fallback for where `start` is not supported
	text-align:start;
	text-decoration:none;
	text-shadow:none;
	text-transform:none;
	white-space:normal;
	word-break:normal;
	word-spacing:normal;
	word-wrap:normal;
}
//===========================================
// ImageLinks General Styles
//===========================================
.imgl-view.imgl-theme-dark {
	.imgl-hotspots {
		.imgl-hotspot {
			.imgl-animation(imagelinks-hotspot-pulse .7s steps(7) infinite alternate);
			width:48px;
			height:48px;
			background-image: url(data:image/png;base64,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);
		}
	}
		
	.imgl-popover {
		.imgl-reset-text(); // Our parent element can be arbitrary since popovers are by default inserted as a sibling of their target element. So reset our font and text properties to avoid inheriting weird values.
		//max-width:276px;
		color:@color-popover-text;
		background-color:@color-popover-bg;
		border:1px solid @color-popover-border;
		border-radius:6px;
		font-size:14px;
		
		
		&.imgl-close .imgl-close {
			.imgl-transition(opacity 0.3s);
			position:absolute;
			right:0px;
			top:0px;
			width:16px;
			height:16px;
			background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNnB4IiBoZWlnaHQ9IjE2cHgiPjxwYXRoIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIzIiBkPSJNMy4yNjEsMy4yNjJsOS40NzgsOS40NzcgTTEyLjczOCwzLjI2MmwtOS40NzgsOS40NzciLz48L3N2Zz4=);
			cursor:pointer;
			opacity:0.4;
			
			&:hover {
				opacity:0.8;
			}
		}
		
		.imgl-content {
			padding:10px;
		}
	
		&.imgl-close .imgl-content {
			padding:15px;
		}
		
		// Offset the popover to account for the popover arrow
		&.imgl-popover-top    { margin-top:  -@popover-arrow-width; }
		&.imgl-popover-right  { margin-left:  @popover-arrow-width; }
		&.imgl-popover-bottom { margin-top:   @popover-arrow-width; }
		&.imgl-popover-left   { margin-left: -@popover-arrow-width; }
		
		> .imgl-arrow,
		> .imgl-arrow:after {
			position:absolute;
			display:block;
			width:0;
			height:0;
			border-color:transparent;
			border-style:solid;
		}
		> .imgl-arrow {
			border-width:@popover-arrow-outer-width;
		}
		> .imgl-arrow:after {
			content:"";
			border-width:@popover-arrow-width;
		}
			
		&.imgl-popover-top > .imgl-arrow {
			left: 50%;
			margin-left: -@popover-arrow-outer-width;
			border-bottom-width: 0;
			border-top-color: @popover-arrow-outer-color;
			bottom: -@popover-arrow-outer-width;
			&:after {
				content:"";
				bottom: 1px;
				margin-left: -@popover-arrow-width;
				border-bottom-width: 0;
				border-top-color: @popover-arrow-color;
			}
		}
		
		&.imgl-popover-right > .imgl-arrow {
			top: 50%;
			left: -@popover-arrow-outer-width;
			margin-top: -@popover-arrow-outer-width;
			border-left-width: 0;
			border-right-color: @popover-arrow-outer-color;
			&:after {
				content:"";
				left: 1px;
				bottom: -@popover-arrow-width;
				border-left-width: 0;
				border-right-color: @popover-arrow-color;
			}
		}
			
		&.imgl-popover-bottom > .imgl-arrow {
			left: 50%;
			margin-left: -@popover-arrow-outer-width;
			border-top-width: 0;
			border-bottom-color: @popover-arrow-outer-color;
			top: -@popover-arrow-outer-width;
			&:after {
				content:"";
				top: 1px;
				margin-left: -@popover-arrow-width;
				border-top-width: 0;
				border-bottom-color: @popover-arrow-color;
			}
		}
			
		&.imgl-popover-left > .imgl-arrow {
			top: 50%;
			right: -@popover-arrow-outer-width;
			margin-top: -@popover-arrow-outer-width;
			border-right-width: 0;
			border-left-color: @popover-arrow-outer-color;
			&:after {
				content:"";
				right: 1px;
				border-right-width: 0;
				border-left-color: @popover-arrow-color;
				bottom: -@popover-arrow-width;
			}
		}
	}
}
.imgl-keyframes(imagelinks-hotspot-pulse; {
	0%   { background-position: 0px; }
	100% { background-position: -336px; }
});