/*
Template Name: News Magazine
File: Featured Slider CSS
Author: OS Templates
Author URI: http://www.os-templates.com/
Licence: http://www.os-templates.com/template-terms
Upravené 2026-09: galéria bez jQuery (scripts/site.js), rovnaké rozmery a vzhľad ako pôvodný galleryView.
*/

#featured_slide{
	display:block;
	width:630px;
	height:385px;
	margin:0;
	padding:0;
	overflow:hidden;
	font-family:Georgia, "Times New Roman", Times, serif;
	}

#featured_slide ul, #featured_slide li, #featured_slide img{
	margin:0;
	padding:0;
	border:none;
	list-style:none;
	}

#featured_slide h2, #featured_slide p{
	margin:0 0 4px 0;
	padding:0;
	line-height:normal;
	font-size:20px;
	font-weight:normal;
	}

#featured_slide p{margin:0; font-size:14px;}

#featured_slide a{color:#059AD8; background-color:transparent; font-weight:normal; text-decoration:none;}

.gallery{position:relative; color:#000; background:#EFEFEF; padding:15px;}

/* hlavný obrázok */
.gallery .panels{position:relative; width:600px; height:280px; overflow:hidden;}
.gallery .panel{position:absolute; top:0; left:0; width:100%; height:100%; opacity:0; transition:opacity .8s ease;}
.gallery .panel.active{opacity:1; z-index:1;}
.gallery .panel img{width:100%; height:100%;}
.gallery .panel-overlay{
	position:absolute;
	left:0;
	right:0;
	bottom:0;
	height:60px;
	padding:10px;
	color:#FFFFFF;
	background:rgba(34, 34, 34, .7);
	}

/* pás náhľadov */
.gallery .filmstrip-wrap{position:relative; height:60px; margin-top:15px;}
.gallery .strip-window{position:absolute; top:0; left:55px; width:520px; height:60px; overflow:hidden;}
.gallery .filmstrip{display:flex; gap:5px; width:max-content;}
.gallery .filmstrip li{
	flex:0 0 100px;
	width:100px;
	height:60px;
	box-sizing:border-box;
	border:1px solid #AAAAAA;
	opacity:.3;
	cursor:pointer;
	transition:opacity .3s ease;
	}
.gallery .filmstrip li.current{opacity:1; border-color:#000000;}
.gallery .filmstrip img{width:100%; height:100%; object-fit:cover;}
.gallery .nav-prev, .gallery .nav-next{
	position:absolute;
	top:19px;
	width:22px;
	height:22px;
	margin:0;
	padding:0;
	border:0;
	background:none;
	cursor:pointer;
	}
.gallery .nav-prev{left:23px;}
.gallery .nav-next{right:23px;}