/**
* Module Prestashop PrettySlider
*
* @author    Prestacrea
* @copyright Prestacrea
* @license   See PDF documentation
* @website   http://www.prestacrea.com
*/

/* ----------------------------------------
   IMPORT VARIABLES AND MIXINS
   ---------------------------------------- */
@import "variables-mixins.less";

/* ----------------------------------------
   SLIDER
   ---------------------------------------- */
#prettyslider {
	.inline-slideshow();
	.box-sizing(border-box);
	background:@mps_sliderBgColor;
	border:1px solid darken(@mps_sliderBgColor, 10%);
	border-radius:2px;
	clear:both;
	position:relative;
	margin:10px auto;
	max-width:@mps_sliderWidth;
	padding:5px;
	-webkit-text-size-adjust:100%;
}
#prettyslider #prettyslider_container { overflow:hidden; }
#prettyslider a { text-decoration:none; }
#prettyslider a:active { background:none; }

/* ----------------------------------------
   SLIDES
   ---------------------------------------- */
#prettyslider .prettyslider_slide {
	.inline-slide();
	background:#ffffff;
	float:left;
	width:100%;
	position:relative;
	overflow:hidden;
}
#prettyslider .prettyslider_slide img {
	display:block;
	max-width:100%;
	margin:0 auto;
}

/* ----------------------------------------
   CAPTION
   ---------------------------------------- */
#prettyslider .prettyslider_caption {
	.box-sizing(content-box);
	#translucent > .background(@mps_captionBgColor, 0.8);
	#translucent > .border(lighten(@mps_captionBgColor, 20%), 0.8);
	border-style:solid;
	border-width:1px 0 0;
	height:35px;
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	padding:10px;
	background:@mps_captionBgColor\9;
	border-color:lighten(@mps_captionBgColor, 20%)\9;
}
#prettyslider .prettyslider_title {
	.box-sizing(content-box);
	color:@mps_fontColor;
	font-family:@mps_fontFamily, sans-serif;
	font-size:round(@mps_fontSize * 1.35);
	height:round(@mps_fontSize * 1.5);
	line-height:round(@mps_fontSize * 1.5);
	text-align:left;
	overflow:hidden;
	margin:0 0 2px;
	padding:0;
}
#prettyslider .prettyslider_subtitle {
	.box-sizing(content-box);
	color:@mps_fontColor;
	font-family:@mps_fontFamily, sans-serif;
	font-size:@mps_fontSize;
	height:round(@mps_fontSize * 1.3);
	line-height:round(@mps_fontSize * 1.3);
	text-align:left;
	overflow:hidden;
	margin:0;
	padding:0;
}
#prettyslider .prettyslider_button {
	.box-sizing(content-box);
	.buttonBackground(lighten(@mps_altColor, 20%), @mps_altColor, #ffffff, darken(@mps_altColor, 5%));
	.styledBorder(@mps_altColor, 2px);
	.box-shadow(~"inset 0 1px 0 rgba(255,255,255,0.2), 0 1px 2px rgba(0,0,0,0.05)");
	display:block;
	position:absolute;
	right:10px;
	bottom:12px;
	font-family:@mps_fontFamily, sans-serif;
	font-size:@mps_fontSize;
	width:100px;
	height:@mps_fontSize;
	line-height:@mps_fontSize;
	text-align:center;
	margin:0;
	padding:8px;
	.ie8-buttonBackground(@mps_altColor);
}

/* ----------------------------------------
   SCROLL ARROWS
   ---------------------------------------- */
#prettyslider #prettyslider_prev, #prettyslider #prettyslider_next {
	display:block;
	position:absolute;
	top:50%;
	color:@mps_mainColor;
	font-family:Arial, sans-serif;
	font-size:50px;
	font-weight:700;
	line-height:50px;
	margin-top:-25px;
	z-index:10;
}
#prettyslider #prettyslider_prev { left:15px; }
#prettyslider #prettyslider_next { right:15px; }
#prettyslider #prettyslider_prev.disabled, #prettyslider #prettyslider_next.disabled { display:none!important; }

/* ----------------------------------------
   PAGINATION
   ---------------------------------------- */
#prettyslider #prettyslider_pagination {
	position:absolute;
	top:15px;
	right:15px;
	height:14px;
	text-align:right;
	z-index:10;
}
#prettyslider #prettyslider_pagination a {
	.box-shadow(inset 0 2px 2px rgba(0,0,0,0.5));
	display:inline-block;
	background:lighten(@mps_mainColor, 25%);
	border-radius:10px;
	width:14px;
	height:14px;
	margin:0 3px;
}
#prettyslider #prettyslider_pagination a.selected {
	background:@mps_mainColor;
	cursor:default;
}
#prettyslider #prettyslider_pagination span { display:none; }

/* ----------------------------------------
   EDITORIAL
   ---------------------------------------- */
#prettyslider_editorial {
	.inline-editorial();
	.box-sizing(border-box);
	background:@mps_editorialBgColor;
	border:1px solid darken(@mps_editorialBgColor, 10%);
	border-radius:2px;
	margin:10px auto;
	max-width:@mps_sliderWidth;
	padding:10px;
	overflow:hidden;
	-webkit-text-size-adjust:100%;
}
#prettyslider_editorial p, #prettyslider_editorial span {
	font-style:inherit;
	margin:0;
	padding:0;
}