/* =========================================================================
   EKEV — animations.css
   Slider stili (ekev_slider.css) + orijinal hover/geçiş davranışları.
   ========================================================================= */
@charset "utf-8";

/* ----- Nivo benzeri slider (ekev_slider.css) ----- */
/*
HTML5 ✰ Boilerplate | SerDizayn Slider Style
*/
	
/* The Nivo Slider styles */
.nivoSlider {
	position:relative;
	width: 960px;
	height: 360px;
	overflow: hidden;
	background: url(../img/preloader.gif) no-repeat 50% 50%;
	}
.nivoSlider img {
	position:absolute; 
	top:0px; left:0px; 
	display: none;}

/* Nivo Slider small*/

.nivoSlider-small {
	position:relative; 
	width: 460px; 
	height: 260px; 
	overflow: hidden;
	background: url(../img/preloader.gif) no-repeat 50% 50%;
	}
.nivoSlider-small img {
	position:absolute; 
	top:0px; 
	left:0px; 
	display: none;
	}

/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink, .nivoSlider-small a.nivo-imageLink {
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	border:0;
	padding:0;
	margin:0;
	z-index:6;
	display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
	display:block; 
	position:absolute; 
	z-index:5; 
	height:100%;}
.nivo-box {
	display:block; 
	position:absolute; 
	z-index:5; }
/* Caption styles */
.nivo-caption {
	position:absolute;
	left:10px;
	bottom:30px;
	background:#222;
	color:#eee;
	opacity:0.8; /* Overridden by captionOpacity setting */
	max-width:50%;
	z-index:8;
}
.nivo-caption p {padding:10px; margin:0;}
.nivo-caption a {display:inline !important;}
.nivo-html-caption {display:none;}
/* Direction nav styles (e.g. Next & Prev) */

.nivo-prevNav, .nivo-nextNav, .nivo-controlNav a, .nivo-controlNav a.active {background: url(../img/slider-controls-sprite.png) no-repeat;}

.nivo-directionNav a {position:absolute; top:45%; z-index:9; cursor:pointer;}
.nivo-prevNav {left: 10px; background-position: -69px 0; width: 40px; height: 40px;}
.nivo-prevNav:hover {left: 10px; background-position: -73px -40px; width: 40px; height: 40px;}
.nivo-nextNav {right: 10px;background-position: -163px 0; width: 40px; height: 40px;}
.nivo-nextNav:hover {right: 10px;background-position: -163px -40px; width: 40px; height: 40px;}

/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav {position: absolute; left: 470px; bottom: 20px;}
.nivo-controlNav a {
	background-position:-16px 0;
	width:16px;
	height:16px;
	display:block;
	text-indent:-9999px;
	margin-right:5px;
	float:left;
	position:relative;
	z-index:99;
	cursor:pointer;}
.nivo-controlNav a.active {background-position: 0 0;}

/*

/* ----- Orijinal hover geçişleri ----- */
/* Üst menü arka plan renk geçişi (orijinal :hover davranışı yumuşatıldı, renkler aynı) */
ul.dropdown li { transition: background-color .2s ease; }
ul.dropdown a  { transition: color .2s ease; }

/* Kurum butonları ve sayfa sonu butonları: hafif görünür geçiş */
.kurum-sec1 a img, .kurum-sec2 a img { transition: opacity .2s ease; }
.kurum-sec1 a:hover img, .kurum-sec2 a:hover img { opacity: .85; }

/* Sayfa sonu buton görsel değişimi (MM_swapImage yerine vanilla) */
.hover-swap img { transition: opacity .15s ease; }

/* Sosyal/ikon linkleri */
.erzurum-sosyal a img, .usthizli-sosyal a img { transition: transform .2s ease, opacity .2s ease; }
.erzurum-sosyal a:hover img, .usthizli-sosyal a:hover img { opacity:.85; }

/* Duyuru carousel kayma geçişi */
.latestnews ul.news { transition: transform 1s ease; }

/* Fade-in (slider görselleri) */
.nivoSlider img.anim-fade { animation: ekevFade 1s ease both; }
@keyframes ekevFade { from { opacity: 0; } to { opacity: 1; } }