/* TOP (HEADER ve NAV) */
.top {
	position: sticky;
	top:0;
	z-index:10;
	transition: .5s;
}
header {background-image: linear-gradient(#d33,#933); color:#fff;}
header .container {
	height:65px;
	display: flex;
	justify-content: space-between;
	align-content: center; 
}
header .logo {
	font-size: 2.8rem;
	font-weight:bold;
	font-style: italic;
	color: #fff; 
}
header .header-right   {
	display: flex;
	align-items: center;
	gap:1.3rem;
}
header .header-right a {
	color: #fff; 
	font-size: 0.9rem;
	font-weight: bold;
	text-align: center; 
}
header .header-right a i { font-size: 1rem; }
header .social-icons i {
	margin-left:.5rem;
	cursor: pointer;
	font-size: 1.1rem;
}
header .social-icons i:last-child {margin-left:.8rem;cursor:pointer;}
header span  {display:none;cursor:pointer;}
header span:hover  {color: #ddd}

nav { background: #fff;}
nav .container { 
	height:44px;
	display: flex;
	justify-content: space-between;
	align-items: center; 
	align-content: center;
	position:relative; 
}
nav .container a,#cat-dropdown-btn {
	color:#000;
	font-weight: 600;
	font-size:1rem;
	margin-right: .6rem;
	transition: .1s; 
	cursor:pointer!important;
}
#cat-dropdown-btn { 
	font-size:1.3rem; 
}

nav .container a:first-child img {position:relative;top:3px }
nav .container a:hover {color:#d33}
nav .container .wp {
	position: fixed;
	bottom:1rem;
	right:1rem;
	border-radius:1rem;
	background:#25d366 ;  
	padding:.2rem .5rem;
	color:  #fff; 
	z-index:101; 
}
nav .container .wp:hover {color: #fff;transform: scale(1.2);}
nav .container .wp i {  color: #fff; 	font-size:2rem;margin-right: .3rem}


.no-publish { margin:1rem 0; padding:1rem;color:#d33;text-align: center;}

/* artan kategoriler için */
.cat-dropdown {	display: none;position: relative; }
.cat-dropdown-content {
	display: none;
	position: absolute;
	background-color: white;
	box-shadow: 0px 4px 8px rgba(0, 0, 0, 0.2);
	min-width: 120px;
	z-index: 1000;
	padding: .5rem;
}

.cat-dropdown-content a{
	padding: .2rem;display: block;width:100%;
}




/*haber band*/
.haber-band {background: #333}
.son-dk-bar {
	font-size: 0.9rem;
	height: 35px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
	position: relative;
	width: 100%;
	overflow: hidden;
	background: none;
	color: white;

}
.son-dakika {
	background: #333;
	font-size: 0.9rem;
	font-weight: bold;
	padding: 0 10px;
	display: inline-block;
	color: white;
	margin-right: .6rem;	 
	color: white;
	flex-shrink: 0;
	transition: background 1s ease-in-out;
	position: absolute;
	z-index: 2;
}
.son-dk-haberler {  
	white-space: nowrap;
	vertical-align: middle;
	position: absolute;
	z-index: 1; 
	color: white;
	display: flex;
	gap:10rem;
	align-items: center;
	left: 100%;
	transition: 0;
}
.son-dk-haberler .haber-link { 
	font-size: 0.9rem; 
	white-space: nowrap; 
	color: white;
	text-decoration: none; 
	font-weight: bold
}




nav .container .nav-ex  { font-size:1.2rem; cursor: pointer}
nav .container .nav-ex:hover  {color: #d33}


/*nav yan menü*/
nav .side-menu1 {
	position: absolute;
	top:45px;
	width: 100%; 
	background-color: #fff; 
	box-shadow: 0 0 1rem #ddd;
	display: none;
	
}
nav .side-menu1 ul {
	list-style: none; 
	padding:1rem;
	border:1px solid #ccc;
	background-color: #f8f8f8;
	margin:1.8rem  1rem 1rem;
}
nav .side-menu1 ul li {   border-bottom:1px solid #ddd;  }
nav .side-menu1 ul li a { 
	font-weight:100;
	font-size: 1rem;
	display: block;
	padding: .6rem 0;
	font-weight: bold; 
} 

nav .side-menu1 ul li a i{ 

	display:inline-block;
	width: 25px;
	height:25px;
	background: #d33;
	color: #fff;
	border-radius: 5px;
	margin-right:1rem;
	font-size:1rem;
	text-align: center;
	line-height: 25px; 
}


nav .side-menu1 ul li:hover a { font-weight:600; color:#d33; }
nav .side-menu1 ul li a span,nav .side-menu1 ul li a i {   
	font-size: 1.1rem; width:30px;
}
nav .side-menu1 ul li a span{
	background-color:   #000;
	color: #fff;
	padding: 1px 7px;
	border-radius: 10px;
	font-size:13px;
	font-weight: bold;
	margin-right: 10px;
	margin-left: -2px;
}
nav .side-menu1 .social-icons { margin:1.5rem;font-size: .9rem;}
nav .side-menu1 .social-icons a{ font-weight:normal; }
nav .side-menu1 .social-icons a i { font-size:1.1rem;margin-left: 20px}
nav .side-menu1 .social-icons a  i:hover { font-weight:bold}
nav .side-menu1 .social-icons a:first-child i{ color:#4682b4; margin-left: 0}
nav .side-menu1 .social-icons a:last-child i{ color:purple;  }
nav .side-menu1 .social-icons a:nth-child(2) i{ color:skyblue;  }

nav .side-menu-footer {
	padding: .5rem 2rem;
	background-color: #d33;
	display:flex;
	justify-content: flex-start;
	gap:4rem;
}
nav .side-menu-footer a { padding:.5rem 1rem ;color: #fff;font-weight:100;border-radius:1rem }
nav .side-menu-footer a:hover {color: #fff; background-color: #933; }
nav .side-menu-footer a i { margin-right:10px }




/*MOBİL MENU*/
.mobil-menu {
	position: absolute;
	height: 100vh;
	width:400px;
	background-color: #f8f8f8;
	top:0;
	left:-200%;
	z-index: 5; 
	color:#000;
	transition: .5s;
	overflow-y: scroll;
	padding-bottom: 1rem;
	overflow-x:hidden;
}

.mobil-menu::-webkit-scrollbar {width: 3px; }
.mobil-menu::-webkit-scrollbar-track {background: #eee;}	
.mobil-menu::-webkit-scrollbar-thumb {background: #d33;}	
.mobil-menu::-webkit-scrollbar-thumb:hover {background: #000;}

.mobil-menu h2 { 
	padding:.7rem;
	text-align:center;
	color:#aaa;
	position: relative;
}
.mobil-menu  .menu-back{ 
	position: absolute;
	left:1.2rem;
	top:1.2rem; 
	cursor:pointer;
	display:none;
	font-weight: bold;
	color:#000;
}
.mobil-menu .social{ 
	display:flex;
	justify-content:space-evenly;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
	padding: 1rem;
}
.mobil-menu .social a{
	display: block; 
	border-radius: 50%;
	background-color: #933;
	color:#fff;
	width:35px;
	height:35px;
	text-align: center; 
}

.mobil-menu .social a i{ font-size: 1.2rem; line-height: 35px; }
.mobil-menu .social a:first-child { background-color: darkblue; }
.mobil-menu .social a:nth-child(2) { background-color: skyblue; }
.mobil-menu .social a:last-child { background-color: purple; }

.mobil-menu  ul li   { padding: 0 1rem; display: flex;align-items: center;width: 100%;
	justify-content: space-between;
	border-bottom:1px solid #ddd; 
} 
.mobil-menu  ul li a {
	color: #444;
	display: block;
	padding:1rem 0;
	font-weight:bold;
	font-size:1.2rem;
	text-indent:0;
	transition: .3s;
	flex:1;
}
.mobil-menu  ul li:hover a {color: #d33;text-indent:5px; }
.mobil-menu #cat-menu,.mobil-menu #servis-menu {cursor: pointer;} 
.mobil-menu  ul li a i:first-child {
	display:inline-block;
	width: 25px;
	height:25px;
	background: #d33;
	color: #fff;
	border-radius: 5px;
	margin-right:1rem;
	font-size:1rem;
	text-align: center;
	line-height: 25px; 
} 
.mobil-menu  ul li  i:last-child {
	font-weight: bold;font-size:1.2rem;
} 
.mobil-menu span {
	position:absolute;
	top:13px;
	right:20px;
	font-weight:bold;
	font-size:1.3rem;
	color:#aaa;
	cursor: pointer;
}
.mobil-menu span:hover { color:#d33; } 
.mobil-menu .mobil-menu-genel {position: relative; }
.mobil-menu .mobil-menu-kategori,.mobil-menu-servis {width:400px;position: absolute;right:-100%;top:50px}
.mobil-menu .mobil-menu-kategori div,.mobil-menu-servis div {text-align: center;color:#444;width: 100%;}




/* STORY CAPS STORY CAPSSTORY CAPSSTORY CAPS*/
.story  {
	display: flex;
	justify-content: space-between;
	margin-top: 1rem; 
	gap: .5rem; 
}
.story .story-cat {
	font-weight: bold;
	text-align: center;
	cursor:pointer; 
}

.story .story-cat .story-image {
	border-radius: 50%;
	border:5px solid #d33; 
	width:80px;
	height:80px;
	overflow: hidden; 
	margin-bottom: .3rem;
} 

.story .story-cat img { width: 100%; }
.story .story-cat:hover p {color:#d33 ;}


.story-cont {
	position: fixed;
	top:0;left: 0;
	width:100vw;
	height: 100vh;
	z-index: 1000;
	background-color: #000 ;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	gap: 1rem;
	display: none;
}

.story-cont .story-close{ 
	position: absolute;
	right:4rem;
	top:1rem;
	font-weight: bold;
	font-size: 3rem;
	color: #fff;
	cursor: pointer;
	z-index: 1000;
}

.story-cont .story-category { width:100%; text-align: center;padding: 1rem}
.story-cont .story-category div {display: inline-block; color:#fff;font-weight:bold; margin:0 .5rem;font-size: 1.7rem}
.story-cont .story-category div i {cursor: pointer;}
.story-cont .story-category div i:hover {color: #d33}

.story-cont .story-category .open-story-cat {width: 11rem}
.story-cont .story-category .prev-cat-text,
.story-cont .story-category .next-cat-text {
	color:#aaa;font-weight: normal;
	font-size: 1rem;
	width: 7rem; 
}
.story-cont .story-category .prev-cat-text { text-align: right; }
.story-cont .story-category .next-cat-text { text-align: left; }
.story-cont .stories {
	width:400px;
	height: 80vh; 
	overflow: visible;
	position: relative; 
	border-radius: 1rem; 
	background-image: url('../resim/loading-story.gif');
	background-size: 100px;
	background-repeat: no-repeat;
	background-position: center center;
} 

.stories .story-items { position: relative; width: 100%;height: 100%;overflow: hidden;} 
.stories .story-item {
	display: none;
	position: relative;
	height:100%;
	overflow: hidden;
	border-radius: 1rem;
	background-color: #000;
}

.story-item::before {
	content: "";
	position: absolute;
	top:0;left:0;
	width: 100%;height: 40%;
	background-image:linear-gradient(black,transparent); 
} 
.stories .story-item img{ height: 100%;}
.stories .story-item p { 
	position: absolute;
	bottom:0rem;
	font-size:1.3rem;
	line-height: 1.8rem;
	color:#fff;
	text-align: center; 
	font-weight: bold;
	text-shadow: 0 0 1rem #000;
	padding: 2rem 1rem;
	background-image: linear-gradient(transparent,#000);
	width: 100%;
}
.stories .story-item span,.stories .story-item a {  
	padding: 1px 5px;
	background: #dd3333aa;
	color: #fff;
	font-size: .8rem;
	border-radius: 5px;
	display: inline-block;
	margin-bottom: .5rem;

}
.stories .story-item small {  
	font-weight: normal;
	font-size: .8rem;
	color: #aaa;
}

.gorunmezbtn-sol, .gorunmezbtn-sag{ 
	position: absolute;
	width: 30%;
	height: 100%;
	background: #0f0;
	cursor: pointer;
	top:0;
	z-index: 300;
	background: transparent;
} 
.gorunmezbtn-sol:active{  background: transparent;} 
.gorunmezbtn-sol {left:0; } 
.gorunmezbtn-sag{right:0;}  
.stories .next-item,
.stories .prev-item {
	position: absolute;
	top: 50%; 
	font-size:  1.5rem;
	background-color: #fff;
	color: #000;
	width:50px;
	height: 50px; 
	margin-top: -1rem;
	border-radius: 50%;
	display: flex;
	justify-content: center;
	align-items: center;
	cursor: pointer;
	z-index: 10000 ;
}
.stories .prev-item { left:-5rem; }
.stories .next-item { right:-5rem; }  

/*story simgeler*/
.story-item-count {
	position: absolute;
	top: 0;
	width: 100%; 
	padding: .5rem;
	display: flex;
	gap:5px;
	align-items: center;
	z-index: 1000;
	height: 3px;  
	box-shadow: 0 0 10rem #000;
}

.story-item-count .count { 
	flex:1; height:3px; 
	background-color: #aaa;
	position:relative;
	box-shadow:0 0 2px #aaa; 
} 
.story-item-count .count span {  
	position: absolute;
	top:0;
	left: 0;
	height: 3px;
	width: 0%; 
	background-color: #fff; 
	transition: .2s;
} 

/* index MANŞET HABER MANŞET HABER*/
.manset-news   {
	margin-top: .5rem;
	padding: 1rem 0;
	display: flex;
	justify-content: space-between;
	align-items: flex-start;
	gap:13px; 
} 
.manset-news a { color:#000;height:auto;}
.manset-news .card1  {
	height:auto!important;
}
.manset-news .card1-img {
	position: relative;
	height:100%;
	padding-bottom:0; 
	margin-bottom: 0;
	
}
.manset-news .card1-img small {
	display: block;
	position: absolute;
	bottom:3px;
	left:0;
	padding: .5rem;	
	color:#fff;
	font-size: .8rem;
	width:100%;
	text-shadow:0 0 2px #000;
}

.manset-news .card1 h4 {
	position: relative;
	top:-5px;
}


/* index SLIDER */
.showroom   {display: flex;justify-content: space-between;	gap:1.5%;align-items: flex-start;}
.showroom .slider  {width:66%;position: relative;background-color: #fff}
.showroom .slider .prev-slayt,.showroom .slider .next-slayt {
	position: absolute;
	top:0; 
	font-size: 2rem;
	font-weight: bold;
	z-index: 3;
	color:#fff;
	text-shadow: 0 0 5px #000;
	cursor: pointer;
	width: 7.5%;
	height: calc(100% - 50px);
	display: flex;
	justify-content: center;
	align-items: center;
}
.showroom .slider .prev-slayt {left:0rem; }
.showroom .slider .next-slayt { right:0rem;}  
.showroom .slider img {width:100%;}
.showroom .slider .slayt {
	position: relative;
	/*max-height: 480px;*/
	overflow: hidden;
	display: none;
} 
.showroom .slider .slayt p {
	position: absolute;
	bottom: 0;
	width: 100%;
	color:#fff; 
	font-size: 1.5rem;
	font-weight: bold;
	padding: 1rem;
	background: #000;
	z-index: 5;
}
.showroom .slider .slayt p span {
	display: block;
	color: #ddd;
	font-size: .9rem;
	position: static;
}  
.showroom .slayt h5 {
	position: absolute; 
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center; 
	top:0;
	background:none;
	z-index: 2;
} 
.showroom .slayt h5 i { 
	display: block;
	padding: 0rem; 
	border-radius: 50%;
	background:none;
	border:1px solid #fff;
	width:5rem;
	height:5rem;
	color: #fff;
	font-size:2.5rem;
	display: flex;
	justify-content: center;
	align-items: center; 
	transform: scale(.8);
}
.showroom .slayt:hover h5   {  background: none; }
.showroom .slide-numbers  {
	display: flex; 
	justify-content: flex-start;
	margin-top: 0;
	width: 100%;
	background: #fff;
}
.showroom .slide-numbers  .aktif {background: #d33;color: #fff;}
.showroom .slide-number  {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5rem; 
	cursor: pointer;
	width:40px;
	transition: .2s;
	font-size: 1.2rem;
	flex:1;
}
.showroom .slide-numbers a {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: .5rem; 
	cursor: pointer;
	width:40px;
	transition: .2s;
	font-size: 1.2rem;
	flex:1;
	background: #f00;
	color: #fff;
	font-weight: bold;
}
.showroom .slide-number:hover  { 
	background: #f00;
	color: #fff;
	font-weight: bold;
}
.slider-x {width:32.5%;}
.slider-x   {overflow: hidden;}



/* index REKLAM*/
.ads   { 
	margin-top: 2rem;

}



/*shorts index */

.shorts   { 
	display: flex;
	flex-wrap: wrap;	
	justify-content: space-between;
	margin-top:1rem; 
	align-items: center; 
	background-color: #fff;
	padding: 1rem; 

}

.shorts  .shorts-top { width:100%;}
.shorts  .shorts-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.4rem;
	color:#d33;
	margin-bottom: .5rem;
}
.shorts .shorts-top a  { color:#d33;font-size: 1rem;}
.short {   
	position: relative;
	margin:0; 
	padding:1rem;
	color: #fff;
	text-align: center;
	width: 24%;
	height: 450px;
	overflow: hidden;
	border:1px solid #ddd;


}

.short iframe ,
.short video   { width: 100%; height: 100%;box-sizing: border-box; margin: 0;border:3px solid skyblue } 
.short  blockquote {position: relative;} 

.short h3 {   
	padding:  .2rem 1rem;  
	color:#444;   
	font-size: .9rem;
	font-weight: normal;
	line-height: 1.1rem;
	margin-bottom: 1rem;
}





/*INDEX  video HABER */
.video-galeri   {	 
	background-image: linear-gradient(to right,darkblue,#4682b4);
	margin-top: 1rem;
	padding: 1.3rem 1rem;
}  
.video-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.4rem;
	color:#fff;
	margin-bottom: 1rem;
}
.video-top a  { color:#fff;font-size: 1rem;}
.video-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 

	align-items:flex-start; 
}
.video-content a:first-child,.video-content a:nth-child(2) {width:49.5%;margin-bottom: .5rem}  
.video-content .card1  {flex-basis: 24%;} 
.video-content .card1 h4 {color: #ddd } 
.video-content a .card2 {width:100%;margin-bottom:.8rem;}
.video-content  .card2 h4 {font-size:1.5rem;color: #ddd}
.video-content  .card2 span,.video-content  .card1 span { background: none}
.video-content    i { font-size: 1.3rem}




/* index YAZARLAR */
.yazarlar   {	 
	background: #fff; 
	margin-top: 1rem;
	padding: 1.3rem 1rem;
	border-top:3px solid #d33;
}  
.yazarlar-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.4rem;
	color:#d33;
	margin-bottom: 1rem;
}
.yazarlar-top a  { color:#d33;font-size: 1rem }

/*anasayfa yazarlar*/
.swiper {
	width: 100%;
	height: 100%;
}
.swiper-wrapper {gap:1%}
.swiper-slide {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	position: relative; 
} 
.swiper-wrapper .card3 a:first-child { height:60px;  } 


/*yazarlar sayfası*/
.yazarlar-content {
	display: flex; 
	justify-content: space-between; 
	gap:1%;
	padding-bottom:1rem; 
}
.yazarlar-content { white-space: nowrap; overflow-x:scroll; overflow-y:hidden; }
.yazarlar-content::-webkit-scrollbar {width: 1px;height:2px;}
.yazarlar-content::-webkit-scrollbar-track {background: #fff;}	
.yazarlar-content::-webkit-scrollbar-thumb {background: #fff;}	
.yazarlar-content::-webkit-scrollbar-thumb:hover {background: #fff;}
.yazarlar-content .card3 {width:23%;display:block;  } 
.yazarlar-content .card3 img{margin:1rem auto  } 
.yazarlar-content .card3 span{text-transform:uppercase;font-size:1rem;color:#000 ;display: block;height: 50px;white-space: normal;} 
.yazarlar-content .card3 h3{text-transform:uppercase;font-size:1rem;} 





/* index TAB HABER   */
.tab-haber   {	background: #fff; margin-top: 1rem;padding: 1.3rem 1rem; }  

.tab-haber-top {
	margin-bottom:1rem;
	display: flex;
	justify-content:space-between; 
	gap:.5rem;
}
.tab-haber-top { white-space: nowrap; overflow-x:scroll; overflow-y:hidden; }
.tab-haber-top::-webkit-scrollbar {width: 1px;height:2px;}
.tab-haber-top::-webkit-scrollbar-track {background: #fff;}	
.tab-haber-top::-webkit-scrollbar-thumb {background: #fff;}	
.tab-haber-top::-webkit-scrollbar-thumb:hover {background: #fff;}
.tab-haber-top a { 
	background-color: #eee;
	padding: .4rem  2rem;
	color:#333;  
	font-weight: bold;
	cursor:pointer;
}
.tab-haber-top a:hover,.ara-haber-top a.active { background-color: #d33; color:#fff;  }
.tab-haber-content .sol .card1 {position: relative;}
.tab-haber-content .sol .card1 h4{
	position:absolute;
	bottom:0;
	padding: 1rem;
	background-image: linear-gradient(transparent,#000);
	color: #fff;
	font-size: 1.5rem;
	width: 100%; 
}
.ara-haber   {	background: #fff; margin-top: 1rem;padding: 1.3rem 1rem; }  
.tab-haber-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
}
.tab-haber .sol {width:60%;}
.tab-haber .sag {width:38.5%;}
.tab-haber-content .sag {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
}
.tab-haber-content .sag a  {flex-basis:49%;margin-bottom: .5rem} 

/*slider devam bölüm */
.slider-devam .tab-haber-content .sol .card1 h4{
	position:static; 
	padding:0;
	background:none;
	color: #000;
	font-size: 1.2rem;

}


/* index  RÖPORTAJ HABER */
.roportaj{background: #fff; margin-top: 1rem;padding: 1.3rem 1rem;}  
.roportaj-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.4rem;
	color:#d33;
	margin-bottom: 1rem;
}
.roportaj-top a  { color:#d33;font-size: 1rem }
.roportaj-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
}
.roportaj-content a  { flex-basis: 24%; } 
.roportaj-content .card1 h3 { margin-top:1rem } 
.roportaj-content .card1 h4 {   }  
.roportaj-content .card1 span  { color:#fff;background-color: #d33;font-weight:normal; } 



/* index  GAZETE HABER */
.gazete-index   {	 
	background: #fff; 
	margin-top: 1rem;
	padding: 1.3rem 1rem;
}  
.gazete-index-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.4rem;
	color:#d33;
	margin-bottom: 1rem;
}
.gazete-index-top a  { color:#d33;font-size: 1rem }
.gazete-index-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
}
.gazete-index-content a  { flex-basis: 24%;  text-align: center;} 
.gazete-index-content img  {box-shadow: 0 0 1rem #ccc;padding: .5rem;}  
.gazete-index-content img:hover  {box-shadow: 1rem 1rem 1rem #aaa; }  

.gazete-index-content .card1 h4 {  font-size:1.3rem; padding: .5rem; }  
.gazete-index-content .card1 h4 small{
	display: block; 
	font-size:.9rem;
	color: #888;
	font-weight:normal; 
}  


/* İLAN index */
.ilan-index   {	 
	background: #fff; 

	padding: 1.3rem 1rem;
	border:2px solid #ddd;
	margin-bottom: 1rem;
}  
.ilan-index-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.2rem;
	color:#d33;
	margin-bottom: 1rem;
}
.ilan-index-top a  { color:#d33; font-size: .9rem }
.ilan-index-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 

}
.ilan-index-content a  { flex-basis: 32%;  text-align: center;} 
.ilan-index-content .card1 p {font-size:1rem;line-height: 1.3rem; padding: .5rem;margin-bottom: 0 }  
.ilan-index-content .card1:hover p {color:#d33; }  

.ilan-index-content a~.card1    {	 
	flex-basis: 33%;
	display: flex;
	flex-direction:column;
	align-items:center; 	
} 
.ilan-index-content .card1:last-child a  {
	text-align: left;
	font-size: .9rem; 
	display: block;
	margin-bottom: .5rem;
	border:1px solid #eee;
	padding: .5rem;
} 
.ilan-index-content .card1:last-child a:hover{
	color: #d33
} 
.ilan-index-content  h6 {margin-top:.2rem;font-weight: normal; font-size: .8rem;color: #888  } 
.ilan-index-content .card1:last-child a small  {	
	color:#000;
	font-weight: bold;
	margin-bottom: .1rem;
	font-size: .9rem; 
} 




/* index KATEGORİ HABER*/
.kategori-haber   {	 margin-top: 1rem;padding: 1.3rem 0rem; }  
.kategori-haber-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
	align-items: flex-start;
}
.kategori-haber .sol {width:66%;}
.kategori-haber .sag {width:32.5%;}
.kategori-haber .sol {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
}
.kategori-haber .sol .haber-card  {background:#fff;flex-basis:49%;margin-bottom: .5rem} 
.kategori-haber .sol .card1 h3  {padding:.8rem .8rem 0;color: #888;font-size: .9rem;margin-bottom:.2rem; } 
.kategori-haber .sol .card1 h4  {padding: 0 .8rem 1.3rem;margin-top:0;font-size: .9rem;} 
.kategori-haber .sol .foto-haber {flex-basis:100%;} 



/*index foto haber*/
.foto-haber   {
	background-color:#fff;
	padding: 1rem;
	color:#d33;
	margin-top: 1rem;
}
.foto-haber-top  {
	display: flex;
	justify-content:space-between; 
	font-weight: bold;
	font-size:1.4rem;  
	margin-bottom: 1rem;
}
.foto-haber-top a  { color:#d33;font-size: 1rem }
.foto-haber-content {
	display: flex; 
	justify-content: space-between;
	flex-wrap: wrap; 
	gap:1%;
	align-items: flex-start;
}

.foto-haber-content a { flex-basis: 60% }
.foto-haber-content .card2 h4{ font-size:1.5rem;text-align:left }
.foto-haber-content .sag { flex-basis: 38%; }
.foto-haber-content .sag .card4   { margin-bottom:0;justify-content:flex-start; }
.foto-haber-content .sag .card4 h4 { font-size:1rem }

.foto-haber-content .sag .card4 img { width:100px;height:64px }
.foto-haber-content .sag .card4 p { font-size: 1rem;font-weight: bold;color: #000}

.foto-haber-content .sag .card4 span { 
	top:8px;
	left:8px;
	background:none; 
	border-radius:50%;
	border:1px solid #ddd;
	color:#fff;
	padding: .3rem;
	font-size:.5rem;
	font-weight: bold; 
}
.foto-haber-content .sag .card4:hover p  {  color: #d33; }



/* anket index */
.anket-index   { 
	background-image:linear-gradient(#d33,transparent);
	padding: 1rem;
	font-size:.9rem;
	margin-bottom: 1rem;
	border:1px solid #fff;
} 
.anket-index-top  { 
	font-weight: bold;
	font-size:1.2rem;
	color:#fff;
	margin-bottom: 1rem; 
} 
.anket-index p {font-weight: bold;font-size: 1.2rem;margin-bottom: 1rem} 
.anket-index   h6 { 
	color:#000;
	padding: .3rem;
	display: block; 
	cursor: pointer;
	font-size: 1rem;
	border-radius:1rem;
} 
.anket-index h6:hover ,.anket-index h6.secim {  	background: #99333355;color:#fff; } 
.anket-index   h6 small,.anket-index h6.secim small { 
	width: 2rem;
	height: 2rem;
	border-radius: 50%;
	background: #fff;
	color:#555;
	display: inline-block;
	font-size: 1.3rem;
	line-height: 2rem;
	text-align: center;
	margin-right: 1rem;
	font-weight: bold;
} 
.anket-index h6:hover small {  	background: none;color: #fff } 
.anket-index   h6  i{ float: right;font-weight: normal;font-size: .9rem;margin-right: 1rem} 
.anket-index   div:last-child{text-align: center; margin-top: 1rem;font-size: .9rem; color: #555} 


.anket-index  .tercih{display:none;font-size: 1.2rem;text-align: center;margin:2rem;} 
.anket-index  button{ 
	display: none;
	text-align: center;
	margin-top: 1rem ;
	color:#fff;
	padding: .5rem 1rem; 
	cursor: pointer;
	font-size: .8rem;
	border-radius:1rem;
	background-color: #d33;
	border:none;
	outline:none;
	width: 100%;
	font-weight: bold;
} 



/* trend index */
.trend   { 
	background-color: #f00;
	padding: 1rem;
	font-size:.9rem;
} 
.trend-top  { 
	font-weight: bold;
	font-size:1.2rem;
	color:#fff;
	margin-bottom: 1rem; 
} 
.trend .card4 p {font-weight: bold;font-size: 1rem} 



/* trend index */
.son-dk   { 
	background:#d33;
	padding: 1rem;
	font-size:.9rem;
	margin-bottom: 1rem;
	padding-bottom: .5rem;

} 
.son-dk-top  { 
	font-weight: bold;
	font-size:1.2rem;
	color:#fff;
	margin-bottom: 1.5rem; 
}  
.son-dk .card4 { color: #fff;margin-bottom: 1.2rem}  

.son-dk .card4:hover {background: none;color:#fff }  
.son-dk .card4 img {width: 100px;height: auto}   
.son-dk .card4 p {font-weight: bold;font-size: 1rem}  
.son-dk .card4 span { background: #d33; } 
.son-dk .card4:hover span {color:#fff }  




/*PUAN DURUMU*/
.puan   { 
	background-color: DodgerBlue;
	padding: .5rem;
	font-size:.9rem;
	margin-top: 1rem;
} 
.puan-top  { 
	font-weight: bold;
	font-size:1.2rem;
	color:#fff; 
	padding: .8rem;
} 
.puan-top a {color:#fff } 
.puan-top a:hover {color:darkblue } 
.puan-top a:last-child {float: right;  } 

.puan-content   {background: #fff;padding: 1rem}
.puan-content .ligler {display: flex;justify-content: space-evenly;gap:20px}
.puan-content .lig {flex-basis:15%;cursor:pointer;border-bottom: 3px solid dodgerblue;padding-bottom: .5rem;opacity: .5}
.puan-content .lig:first-child {opacity:1}
.puan-content table {margin-top:1rem;width: 100%;padding: 0}
.puan-content table tr {  height:40px }
.puan-content table tr:hover { background:#ddd } 
.puan-content table td:first-child { padding-left:.5rem } 
.puan-content table tbody tr:nth-child(odd) { background:#eee }
.puan-content table tbody tr:last-child  { 
	font-size:.7rem ;
	display: flex; 
	align-items: center;
	height: 40px; 
}
.puan-content table tr a {  color:#000 }

.puan-content table tbody tr i   {  font-size:1rem ;margin-left:1rem }
.puan-content table tbody tr i:first-child   { color:#0d0;margin-left: 0}
.puan-content table tbody tr i:nth-child(2)   { color:dodgerblue; }
.puan-content table tbody tr i:last-child   { color:#933; }
.puan-content table tr span {
	display: inline-block;
	background-color: dodgerblue;
	color: #fff;
	width:25px;
	height: 20px;
	text-align: center;
	line-height: 20px;
	border-radius:20%;
	font-size: .7rem;
	font-weight:bold;
	margin-right: 3px; 
}
.puan-content table tr:nth-last-child(2) span { background-color: #933; }
.puan-content+a {
	display: block;
	text-align: center;
	margin:1rem auto;
	color:#fff;
}


/* SAĞ ALT SOSYAL index */
.social-bars {margin-top: 1rem}
.social-bars a {background: #d33;margin:0!important;display: block;}
.social-bar {
	display: flex;
	justify-content: space-between; 
	align-items: center;
	color: #fff;
	margin:0 0 5px 0!important;
	padding: .8rem;
	flex-basis: 30%;
	cursor: pointer;
}
.social-bar:hover {
	opacity:.6;
}

.social-bar:first-child , .social-bars a:first-child .social-bar {
	margin-top: 1.2rem;
	background-color: darkblue;

}
.social-bar:nth-child(2)  , .social-bars a:nth-child(2) .social-bar { 
	background-color: #333;
	flex-basis:50%;
}
.social-bar:last-child , .social-bars a:last-child .social-bar  { 
	background-color: purple;
}


/* FOOTER */
footer{
	margin-top:2rem; 
	padding:1rem 0 0 0;
}

.footer-top .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer-top .logo{
	font-size: 3.6rem;
	font-weight:bold;
	font-style: italic;
	color: #d33;
}
.footer-top a i{
	font-size: 1.3rem;
	border:1px solid #aaa;
	padding: .5rem;
	border-radius: 50%;
	width:40px;
	text-align: center; 
	cursor: pointer;
}

.footer-top a:first-child i{color:darkblue;}
.footer-top a:nth-child(2) i{color:skyblue;}
.footer-top a:last-child i{color:purple;}
.footer-top a:first-child:hover i{background-color:darkblue;color:#fff}
.footer-top a:nth-child(2):hover i{background-color:skyblue;color:#fff}
.footer-top a:last-child:hover i{background-color:purple;color:#fff}


.footer-content .container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: center;
	gap:1%;
	margin-top:2rem;
}

.footer-content .container a {
	width:24%;
	border-bottom: 1px solid #ddd;
	padding: .5rem 0;
	margin-bottom: 1rem; 
	font-size: .8rem;
	cursor: pointer;
}

.footer-content .container a:hover { color: #933; }
.footer-content .container a i,.footer-content .container a span {
	margin-right:10px;
	color:#d33; 
	font-size: 1rem; 
	font-weight: bold;
}
.footer-content  img {
	display: block;
	margin:1rem auto;
	width:150px;
	cursor: pointer;
} 
.footer-end {
	background-color: #d33;
	padding: .5rem;
	color:#fff;
} 

.footer-end .container{
	display: flex;
	justify-content: space-between;
	align-items: center;
} 
.footer-end .logo {
	font-size: 2rem;
	font-weight:bold;
	font-style: italic;
} 
.footer-end .btn{
	background-color: #fff;
	padding: .3rem .7rem;
	border-radius: 7px;
	color:#000;
	font-size: .8rem;
	margin-right:1rem;
} 
.footer-end .btn:hover{ background-color: #ddd; }
.footer-end .btn i{color:dodgerblue;margin-right: 5px;}




/* ARŞİV  PAGE  ARŞİV  PAGE  ARŞİV  PAGE  ARŞİV  PAGE  ARŞİV  PAGE */
.archive  { margin-top:1rem;min-height:1300px} 
.archive .nav { 
	display: flex; 
	justify-content: space-between;
	align-items: center;
	background-color:#fff;
	padding:1rem;
}
.archive .nav a {
	color:#000;
	background-color: #eee;
	padding: .5rem 1rem;
	font-size: .8rem;
	cursor: pointer; 
}

.archive .nav a:hover  {color:#933} 
.archive .nav a i:first-child {margin-right: 5px}
.archive .nav a i:last-child {margin-left: 5px}
.archive .archive-content { 
	background-color:#fff; 
	padding:2rem; 
	margin: 1rem 0; 
}
.archive .archive-content h3 { margin: 1rem 0} 
.archive .cat-news {
	display: flex; 
	justify-content: space-between;  
	flex-wrap: wrap;
	gap: 1%;
	padding-bottom: 1rem;
	border-bottom: 1px solid #aaa;
} 
.archive .cat-news:last-child { border-bottom:none } 
.archive .cat-news .news  { 
	width:49%;
	display: flex;  
	justify-content:flex-start;
	gap:5px;
	font-size:.9rem;
	cursor: pointer;   
} 
.archive .cat-news .news:hover  { color:#d33} 
.archive .cat-news .news span{font-weight: bold; width:45px;color:#933 }




/* FOTO GALERİ PAGE  FOTO GALERİ PAGE * FOTO GALERİ PAGE * FOTO GALERİ PAGE * FOTO GALERİ PAGE **/
.foto-galeri-page  {margin-top:1rem;}   
.foto-galeri-page .nav { 
	display: flex; 
	justify-content: center;
	align-items: center;
	gap:5px;
	background-color:#fff;
	padding:1rem;

	margin-top: -1rem;
	margin-bottom: 1rem;
}
.foto-galeri-page  .nav a {
	color:#666; 
	padding: 0 1rem;
	font-weight: bold;
	cursor: pointer; 
	font-size: 1rem;
} 
.foto-galeri-page  .nav a:hover,.foto-galeri-page  .nav a.active  {color:#d33} 
.foto-galeri-page  .nav  .drop-btn  {position:relative;  }
.foto-galeri-page  .nav  .drop-btn div {
	display: none;
	position: absolute;
	top:180%;
	right:0;
	z-index: 200;
	background-color: #eee;
	padding: 1rem;
	box-shadow:0 0 5px #aaa;
} 
.foto-galeri-page  .nav  .drop-btn div a { display: block; } 
.foto-galeri-page .showroom  {
	padding:  1rem;
	background: #fff;
	padding-top:1rem; 
}

.foto-galeri-page .showroom  .slide-numbers { background-color: #eee;padding:0 }
.foto-galeri-page .showroom  .slider-x {  overflow-y:scroll;flex-wrap:wrap; }
.foto-galeri-page .showroom  .slider-x::-webkit-scrollbar {width: 5px;}
.foto-galeri-page .showroom  .slider-x::-webkit-scrollbar-track {background: #fff;}	
.foto-galeri-page .showroom  .slider-x::-webkit-scrollbar-thumb {background: #aaa;}	
.foto-galeri-page .showroom  .slider-x::-webkit-scrollbar-thumb:hover {background: #fff;}
.foto-galeri-page .card4   {justify-content: flex-start;}

.foto-galeri-page .card4 img  {width:150px}
.foto-galeri-page .card4 h4  {color:#000;font-size: 1.1rem}
.foto-galeri-page .card4 span {
	top:8px;
	left:8px;
	background: none;
	color: #fff;
}
.foto-galeri-page .slayt h5 i {background: none!important;border:1px solid #fff;opacity: .5}
.foto-galeri-page .slayt h5:hover i {opacity:1}


.foto-galeri-page .foto-content  {
	display: flex;
	justify-content: space-between;
	margin:1.5rem 0;
	flex-wrap: wrap; 

}
.foto-galeri-page .foto-content a {
	flex-basis:32.5%; 
}
.foto-galeri-page .foto-content .card1 {
	margin-bottom: 1rem;
	background-color: #fff;
	width: 100%;

}
.foto-galeri-page .foto-content .card1 h4{
	padding:1rem;
	margin-top: 0;
	font-size:1.1rem;
	color:#333;
	width: 100%;
	text-align:center;
}  
.foto-galeri-page .foto-content .card1:hover h4 { color:#000}   



/* VİDEO  VİDEO  VİDEO  VİDEO  VİDEO  VİDEO  VİDEO  VİDEO  VİDEO  VİDEO  **/
.video .showroom  {background-image:linear-gradient(to right,darkblue,#4682b4);padding: 2rem}
.video .showroom .card4 h4 {color: #fff;}
.video .showroom .card4:hover h4 {color: #000}
.video .showroom .card4  span {font-size: 1.5rem;top:5px;left: 5px}
.video .showroom  .slider-x::-webkit-scrollbar-thumb {background: darkblue;}
.video .showroom  .slider-x .card4  {padding: 0 1rem;margin-bottom:1rem}
.video .showroom  .slider-x .card4:hover  {background:none }




.video .foto-content .card1 { background: none;} 
.video .foto-content .card1 span i {scale: 2; }  
.video .foto-content .card1 h4 {padding:1rem  0;font-size:1.1rem ; }  


.video .slider span  { 
	position: absolute;
	top:10px;
	left:10px;
	font-size: 2rem;
	color:#fff; 
}
.video-tab-content { width: 100%!important; 
	border:1px solid #ddd;
	padding: 1rem; 
} 
.video-tab-content a { flex-basis: 32.5%!important; }



/*yazarlar page */
.yazarlar-page .yazarlar  {border-top:none;margin-bottom: 2rem}
.yazarlar-page .yazarlar h3  {color: #000;font-size: 1.2rem;padding-top: 1rem; padding: 1rem;text-align: center;}
.yazarlar-page .yazarlar-content {flex-wrap: wrap;gap:1%; padding: 2rem} 
.yazarlar-page   .yazarlar-content a {  width:24%;color:#000;}

.yazarlar-page .yazarlar-content .card3   {
	margin: 1rem 0;
	background:none;
	border:1px solid #ccc;
	padding-bottom: 1rem;
	border-bottom-color:#aaa;
	width:100%; 
	height: 280px; 
} 
.yazarlar-page .yazarlar-content .card3 h3{color: #d33;text-transform:uppercase;font-size:1.1rem;margin-top: 0} 
.yazarlar-page .yazarlar-content .card3 img {width: 80px;height: 80px;margin:0rem auto; margin-bottom: 0} 
.yazarlar-page .yazarlar-content .card3 span{font-weight: bold;white-space:wrap;} 
.yazarlar-page .yazarlar-content .card3 small{color:#aaa} 
.yazarlar-page .yazarlar-content .card3  i {
	position:absolute;
	top:5px;
	left:5px ;
	color:#aaa
} 
.yazarlar-page .yazarlar-content .card3 h4  {font-size: 1.2rem } 
.yazarlar-page .yazarlar-content .card3 p  { width:100%; } 



.yazarlar-page .liste .yazarlar-content  { margin-top:1rem}
.yazarlar-page .liste .yazarlar-content a { 
	padding: 1rem; 
	width:23%;
	margin:1rem 0; 
	align-items: center;
	border:1px solid #ccc;
}
.yazarlar-page .liste .yazarlar-content a:hover{ border:1px solid #aaa;}
.yazarlar-page .yazarlar-content .card4 {border-radius: 1rem;padding: 1rem; justify-content:flex-start;flex-direction:column; background: #f7f7f7 }
.yazarlar-page .yazarlar-content .card4 img{ width: 150px;height:150px;border-radius: 1rem}
.yazarlar-page .yazarlar-content .card4 div{text-align:center} 
.yazarlar-page .yazarlar-content .card4 h4{white-space: normal;} 

.yazarlar-page .yazarlar-content .card4 p{color: #555;font-weight: normal;font-size: 1rem} 
.yazarlar-page .liste .yazarlar-content   a h4{white-space:normal;color: #000;padding:1rem .3rem;text-transform:capitalize;border-top: 1px solid #eee;font-weight: normal;text-align: center;}
.yazarlar-page .yazarlar-content .card4 h3{color: #d33;text-transform:uppercase; padding: 0;font-size: 1.1rem}




/* YAZAR PAGE YAZAR PAGE YAZAR PAGE YAZAR PAGE YAZAR PAGE YAZAR PAGE */

.yazar-info   {text-align: center;background-image:linear-gradient(#fff,#d33); padding: 2rem;margin: 0; } 
.yazar-info img {width: 200px;height:200px;border-radius: 50%;border: 1px solid #aaa}
.yazar-info h3 {font-size: 1.9rem;color: #fff;text-transform: uppercase;}
.yazar-info span {color: #eee;}
.yazar-info h4 {font-weight:bold;font-size: 1.1rem;color: #fff; font-weight: normal;margin-bottom: 1rem}
.yazar-info a{font-size:.9rem;font-weight: bold; background: #d33;padding: .3rem .7rem;color:#fff;margin:0 .3rem}
.yazar-info a i{margin-right: 7px} 

.yazilar  { background: #fff ; padding: 2rem;margin: 1rem 0 2rem; }
.yazilar a{ color:#000}  
.yazilar .card4  { margin:1rem 0;color:#000;justify-content:flex-start; }
.yazilar .card4 img  { width:70px;height:70px;border-radius:50% }
.yazilar .card4 h4  { color:#555;font-size: .9rem;margin-top: 5px;font-weight: normal;}
.yazilar .card4:hover h3 { color:#d33; }

.yazarlist {margin:1rem 0 ;background: #d33;margin-bottom: -1rem}
.yazarlist .yazarlist-top   {
	display: flex;justify-content: space-between;align-items: center;
	padding: 1rem 1rem 0;font-weight: bold;
}
.yazarlist .yazarlist-top a {color: #fff}
.yazarlist .yazarlist-top h3 { color:#fff}
.yazarlist .yazilar  {background: none;margin-top: 0}
.yazarlist .yazilar .card4  { color:#fff; padding: 0rem;margin:0 0 1rem }
.yazarlist .yazilar .card4 img  { width:80px;height: 80px}
.yazarlist .yazilar .card4  h3 {color:#fff; font-size: 1rem; }
.yazarlist .yazilar .card4 h4  { color:#fff;font-size: .9rem; }
.yazarlist .yazilar .card4:hover  { background:none }
.yazarlist .yazilar .card4  a:hover h3,.yazarlist .yazilar .card4  a:hover h4 {color:orange; }










/* CONTENT GENEL İÇERİK SAYFALARI  */ 
section.content-page {margin-top: 0} 
.content-baslik {background: #fff;padding: 1rem}
.content-baslik span {font-size: .9rem;  }  
.content-baslik h1 {font-size: 3.2rem; font-weight: 900;line-height: 3.5rem;margin:.8rem 0}
.content-baslik p {font-size: 1.35rem; margin-bottom:1rem  }  
.content-baslik .content-detay   { 
	background: #f4f4f4; 
	display: flex;
	align-items: center; 
	margin-top:2rem;
	color:#555;
	font-weight:bold;
	font-size:.9rem; 
	justify-content:flex-start;
	gap:1.5rem;
	margin-top:0;
	background:#f7f7f7 ;
	padding: 0.2rem 0.5rem;
}
.content-baslik .content-detay-publisher   {gap:.5rem;background: none;margin-bottom: 1rem;padding: 0}
.content-baslik .content-detay-publisher img  {
	padding: .2rem;  
	width:35px;
	height: 35px;
	border-radius: 50%;
	border:1px solid #aaa;margin: 0;
}
.content-baslik .content-detay-publisher img span  {
	margin: 0;
}
.content-baslik .content-detay-publisher span  {}
.content-baslik .content-detay span { font-size: .83rem;color: #000;font-weight: normal;} 
.content-baslik .content-detay  a{font-size:.9rem;font-weight: bold; color: #d33;padding: .3rem .7rem; margin:0 .3rem}
.content-baslik .content-detay  a i{margin-right: 7px}  

.content  { display: flex; justify-content: space-between; gap: 1%;margin-top: 1rem }
.content-left {width:68%;}
.content-right {width:31%;}  


/*etiket */
.content   .etikets  {
	background: #fff;
	padding: 1rem;
	padding-bottom: 0;
	display: flex;
	justify-content: space-between;
}	
.fotohaber .content .article  .etikets  {justify-content: flex-start;background: #fff;padding:.5rem;margin-bottom: .5rem;}
.fotohaber .content .article .etikets a {
	padding: .3rem ;
	font-size: .8rem;
	background: #eee;
	color: #333;
}

.content   .etikets  i{
	border: 1px solid #aaa;
	background: #eee;
	padding: .3rem .5rem;
	cursor: pointer;
	font-weight: bold;
	margin-right: .2rem;
}	
.content  .etikets a {
	margin:.3rem .6rem .3rem 0;
	color: #000;
	font-size: .9rem;
	padding: .3rem .5rem;
	border: 1px solid #ddd;
	font-weight: bold;
	background: #eee;
}
.content   .etikets a:hover { 
	color: #d33; 
}

/*makale*/
.content .article {margin-top: 0;background: #fff;text-align: left;padding: 1rem 2rem 2rem;font-size: 1.1rem;line-height: 1.8rem}
.content .article p {margin:1rem 0} 
.content .article  h3  {margin: 1rem 0}

.content .article .ara-haber { margin:1rem 0!important;margin-top:1.5rem;padding:0;display: block!important;width: 100%!important;}
.content .article .ara-haber:hover {opacity: .7}

.content .article .card4 {
	background:LightCoral;
	padding: 0;
	justify-content: flex-start;
	margin:3rem 0;

}
.content .article .card4::before {
	content:'BUNUDA OKU..';
	position: absolute;
	top:-1.5rem;
	font-size:.8rem;
	color:#d33;
	font-weight: bold;
}

.content .article .card4 img {width:25%; height: auto;}
.content .article .card4 p {text-transform: capitalize; padding: 0 1rem;font-size:1.2rem;color:#fff;font-weight:bold; }




/* YORUM BÖLÜMÜ */ 
.yorum-bolumu { background-color: #fff;margin-top: 1rem;padding: 2rem; } 
.yorum-top {
	color:#000;
	font-weight:bold; 
	font-size: 1.2rem;
	border-bottom: 1px solid #aaa;
	padding : 0 0 .5rem 0;
	margin-bottom: 1.3rem;
}
.yorum-bolumu input,.yorum-bolumu textarea {
	width: 100%;
	padding: .5rem;
	font-family: poppins;
	font-size: 1rem;
	outline:none;
	margin-bottom: 1rem;
	color:#555;
	border:1px solid #ddd;
}
.yorum-bolumu textarea { height:100px; } 
.yorum-bolumu button {
	background-color: #d33;
	color:#fff;
	padding: .7rem 1rem;
	outline: none;
	border:none;
	font-weight: bold;
	cursor: pointer;
}
.yorum-bolumu .form_durum {color:#d33;margin-left: 1rem}
.yorum-bolumu a { margin-top: 1rem;font-size: .85rem;  background-color: #eee; color: #000; padding:.5rem 1rem } 
.yorum-bolumu a:hover {  color: #933; }

.yorumlar  { margin:2rem 0 } 
.yorumlar .yorum { padding: 1rem;margin-bottom: 1rem;border:1px solid #eee}
.yorumlar .yorum h3 {width:100%; color:#000;font-size:.9rem;display:flex;justify-content:space-between; align-items: center;}
.yorumlar .yorum small,.yorumlar .yorum span { color:#333;font-size:.8rem;font-weight: normal; }
.yorumlar .yorum span { margin-left:1rem;cursor: pointer;}
.yorumlar .yorum span i{ margin-right:.3rem;font-weight: bold;}
.yorumlar .yorum span u { text-decoration: none;} 
.yorumlar .yorum p { font-size:.95rem; margin :.3rem 0}
.yorumlar .yorum span:hover   {  color: #933; } 
.yorumlar .cevap { margin-left: 1rem} 



.myalert,#loading {
	position: fixed;
	bottom: 2rem;
	right: 2rem;  
	border: 1px solid #000;
	padding: 1rem;
	background-color:#333;
	color:#fff;	 
	justify-content: space-between; 
	display: none; 
	border-radius: 1rem;
	font-size: .9rem; 
	z-index: 1000000;

	width:300px;
}
.myalert p {margin-top: 1rem;width: 300px}
.myalert span {cursor: pointer;font-weight: normal;font-size: .8rem;color:#ddd}
.myalert i {color:#2a2;display: block;text-align: center;margin-bottom:.5rem}

#loading {background:#000;color:#ccc;border:none; }





/*İLGİLİ İÇERİK BÖLÜMÜ */
.ilgili {  background-color: #fff;padding:2rem 2rem 1rem;margin-top:1rem }
.ilgili-top {  
	color:#000;
	font-weight:bold;
	display:flex;
	justify-content:space-between;
	align-items:center; 
	font-size: 1.2rem;
	border-bottom: 1px solid #aaa;
	padding : 0 0 .5rem 0;
	margin-bottom: 1.3rem;
} 
.ilgili-top a {   color:#a33;font-size:.9rem } 

.ilgili-content { display: flex; gap:1%;flex-wrap: wrap;justify-content: space-between;}
.ilgili-content  a { width: 32%;color: #000;font-size: .9rem;margin-bottom: 1rem}
.ilgili-content  a .card1 h4 { font-size: .9rem}




/* CONTENT NAVİGATE BÖLÜMÜ */ 
.content .navigate {
	padding: 0rem;
	display: flex;
	justify-content: space-between;
	gap:1rem;
	align-items: center;
	margin-top:1rem; 
	background-color: #F00;
	padding: 1.5rem;
} 
.content .navigate a { padding: 0 ;background:none ;  } 
.content .navigate a::before {  content:"Önceki Haber"; font-weight:bold; font-size:.9rem ;display: block; text-align:left;} 
.content .navigate a:last-child::before {  content:"Sonraki Haber";  text-align:right; }  
.content .navigate .card4 {background-color:#d33;padding: 1rem;justify-content:space-between; } 
.content .navigate a:last-child .card4 {justify-content:flex-end;}
.content .navigate .card4:hover {color:#fff  } 
.content .navigate .card4 p{ font-size:1rem; padding: 0; font-weight:bold; }
.content .navigate .card4 img { width:30%; height: auto;}




/* YAZI SAYFASI */
.yazi  .content-baslik   {background: #fff;text-align: left;margin-bottom: 0}
.yazi  .content-baslik h1 {font-size: 3.2rem; font-weight: 900;line-height: 3.5rem;margin-bottom:1.1rem}
.yazi  .content-baslik .card{ display: flex; justify-content: flex-start;gap:1rem }
.yazi  .content-baslik .card div:first-child{text-align:center;width: 35%}
.yazi  .content-baslik .card img{width:100%;height: auto}
.yazi  .content-baslik .card small{
	display: inline-block;
	padding: .3rem .5rem;
	border:1px solid #000;
	margin-top:.5rem;
}
.yazi  .content-baslik .card small:hover{
	background: #000;color:#fff;cursor:pointer;
}

.yazi  .content-baslik .card  a{font-weight:bold;color:#555;font-size: 1.2rem;background: none;padding:0 }
.yazi  .content-baslik .card  a:hover{ color:#d33;  }

.yazi .content .navigate a  { width: 49%}

.yazi .content .navigate a::before { content:'Önceki Yazı'}
.yazi .content .navigate a:last-child::before { content:'Sonraki Yazı'}
.yazi .content .navigate .card4 img {border-radius: 50%;width:25%}
.yazi .content .navigate .card4 {  background: skyblue;color: #000; }
.yazi .content .navigate .card4:hover p{ color: #fff}
.yazi .content .navigate .card4:hover small{ font-weight: normal;}





.yazi .ilgili-content   { background: #fff ; padding: 0rem;margin: 2rem 0 1rem; }
.yazi .ilgili-content  a{width: 100%; color:#000;  }  
.yazi .ilgili-content  .card4  {  color:#000;justify-content:flex-start; margin: 0}
.yazi .ilgili-content  .card4 img  { width:50px;height:50px;border-radius:50% }
.yazi .ilgili-content  .card4 h4  { color:#444;font-size: .9rem;margin-top: 3px;font-weight: normal;}
.yazi .ilgili-content  .card4 small  { color:#555; font-weight: normal;}
.yazi .ilgili-content  .card4:hover h3 { color:#d33; }

.yazi .content-baslik {  padding: 1.5rem 1rem 0 1rem;margin-top:0rem }
.yazi .content-baslik .card{  align-items: center;   }
.yazi .content-baslik .card img {  border-radius: 50%;width:80% }
.yazi .content-baslik .content-detay {justify-content: space-between; margin-top:2rem;padding:.5rem; }
.yazi .content-baslik .content-detay span   {  margin-right: 1rem; } 
.yazi .article   { padding: 1rem; }
.yazi .yazarlist   { margin-top:0 }

.fotohaber .article {background: none;padding: 0}
.fotohaber .article .foto-kaynak {background-color: #fff;padding: 1rem;font-size: .85rem}
.fotohaber  .foto-cap {margin-top:1rem;position: relative;background: #fff;margin-bottom: 2rem}
.fotohaber  .foto-cap:last-child {margin-bottom: 2rem}

.fotohaber  .foto-cap .detail{padding: 1rem;margin-top: 0;padding-top: 0} 

.fotohaber .article .foto-cap .detail a.share{ 
	display: block;
	margin-top: 1rem;
	border-top: 1px solid #ccc;
	padding-top: 1rem;
	color: #d33;
	font-size: .9rem;
	font-weight: bold;

} 
.fotohaber  .foto-cap span.number{
	position: absolute;
	top:.5rem;
	left:.5rem;
	background: #000;
	color: #fff;
	padding: .2rem 1rem;
	font-size: 1.1rem;
	font-weight: bold;
	letter-spacing: 3px;
} 
.fotohaber  .content .navigate a::before {  content:"Önceki Galeri"; font-weight:bold; font-size:.9rem } 
.fotohaber  .content .navigate a:last-child::before {  content:"Sonraki Galeri"; }  

.videohaber .article {background: #fff;padding: 1rem}

.videohaber  .content .navigate a::before {  content:"Önceki Video"; font-weight:bold; font-size:.9rem } 
.videohaber  .content .navigate a:last-child::before {  content:"Sonraki Video"; }  



/*roportajlar*/
.roportajlar .content    {padding: 2rem;background: #fff;}
.roportajlar .content a    {border:1px solid #ddd;padding:1rem}
.roportajlar .content a .card1 small { padding:1rem;}
.roportajlar .content a .card1   { text-align:center;}


/*roportaj*/
.roportaj-page .content-baslik   {padding: 2rem;margin-bottom: 0;padding-bottom: 1rem}

.roportaj-page .content-baslik h1 {font-size: 2rem;margin:0 }
.roportaj-page .content-baslik h2 {font-size: 1.8rem;color:#d33;margin: 0.5rem 0}
.roportaj-page .content-baslik .content-detay   {justify-content: space-between;margin-top: 0rem;background: none;}

.roportaj-page .article   {padding: 2rem;padding-top: 0}

.roportaj-page   .content .navigate a { width:49% } 
.roportaj-page   .content .navigate a::before {  content:"Önceki Röportaj"; font-weight:bold; font-size:.9rem } 
.roportaj-page   .content .navigate a:last-child::before {  content:"Sonraki Röportaj"; }
.roportaj-page   .content .navigate a:last-child p {text-align: right;color:#fff }
.roportaj-page   .content .navigate a p { color:#fff }

.roportaj-page   .content .navigate .card4 {  justify-content:flex-start;background:orange; }  
.roportaj-page   .content .navigate img {  width:100px;height:50px;border-radius:0!important; }  
.roportaj-page   .content .navigate .card4 small {  font-weight:bold;font-size:1rem!important } 
.yazi .content .navigate .card4:hover small{ font-weight: bold;}


.roportaj-page   .ilgili-content a {  width:32%}  
.roportaj-page   .ilgili-content .card1   { margin-bottom: 1rem; }  
.roportaj-page   .ilgili-content .card1 h4 {  font-size: 1.1rem}  

.kategori-page .slider {width: 100%;}
.kategori-page .ilgili  {padding: 0;background: none} 
.kategori-page .ilgili a {width: 49.5%;}
.kategori-page .ilgili .card1    {background-color:#fff;} 
.kategori-page .ilgili .card1 h4  {font-size: 1.1rem;padding: 1rem}
.kategori-page .ilgili .card1:hover h4  {color:#d33}
.kategori-page .puan  {margin-top: 0rem}
.kategori-page .paginate  {margin-top: 2rem}




/*arama*/
.arama form {
	background-image: linear-gradient(to right,skyblue,dodgerblue);
	padding: 1rem;
	display: flex;
	justify-content: center;
	gap: .5rem;
	width: 100%;
	margin-top: 1rem;
	border-radius: 5px;
}
.arama input,.arama select,.arama button {
	padding: .5rem 1rem;
	font-family: poppins;
	border-radius: .5rem;
	width: 30%;
	outline: none;
	border:none;
	font-size: 1rem;
}

.arama button {
	font-weight: bold;
	width:auto;
	padding: .5rem 2rem;
	background-color: darkblue;
	color: #fff;
	cursor: pointer;
}
.arama-sonuc {
	min-height: 1000px;
	background-color: #fff;
	padding: 1rem;
	margin-top: .5rem;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	align-items: flex-start;
	align-content: flex-start;
}
.arama-sonuc h6{ 
	background-color: #f7f7f7;
	font-size: 1rem;
	padding: .5rem;	 
	font-weight: normal;
	flex-basis: 100%;
	margin-bottom: 1rem;
}
.arama-sonuc h6 b{color:#000;font-size:1.2rem ;background: #eee;padding: .2rem .5rem;border-radius: 10px}
.arama-sonuc h6 span{ font-size:1.2rem;font-weight:bold; }
.arama-sonuc a{flex-basis:50%;padding:.5rem ;margin-bottom: 0}

.arama-sonuc button{
	background: #d33;
	color:#fff;
	width:100%;
	padding: .5rem;
	text-align: center;
	border:none;
	margin-top: 1rem;

}


.arama-sonuc .card4  {justify-content:flex-start;margin-bottom: 0;border-bottom: 1px solid #ccc ;padding-bottom: 1rem}
.arama-sonuc .card4 p {color:#000;font-weight:bold; font-size: 1.15rem}
.arama-sonuc .card4:hover p {color:#d33; } 
.arama-sonuc .card4 small {color:#000;font-weight:normal;margin-right:5px;font-size:.85rem }
.arama-sonuc .card4 small:last-child { color:#666 }
.arama-sonuc .card4 img{ border-radius: 8px} 
.arama  .paginate   {margin-top: 2rem}


.roportajlar .content   {
	display: flex;
	justify-content: space-between;
	gap: 1%;
	flex-wrap: wrap;
}

.roportajlar a {width: 23%;margin-bottom: 1rem; }
.roportajlar .card1 { background: #fff;}
.roportajlar .card1 div {padding: 1rem; }
.roportajlar .card1 h4 {font-size: 1.1rem} 
.roportajlar .paginate {margin : 2rem 0}

.kunye .content {flex-direction: column;text-align: center;background: #fff;padding: 2rem;padding-bottom: 4rem}
.kunye .content a{color:#d33;font-weight: bold;font-size: 3rem;text-shadow: 0 0 5px #aaa;margin-top: 1rem}

.kunye .content h1 {font-size: 2rem;margin-top: 2rem}
.kunye .content hr {width:50%;margin:1rem auto;background-color: #eee;height: 5px}

.kunye .content>div{margin-top: 2rem;}
.kunye .content h4{font-size: 1.2rem; }



.iletisim  .content {background: #fff;padding: 2rem} 
.iletisim  div.baslik {   padding: 1rem; }
.iletisim  h3 { border-bottom:1px solid #d33;padding-bottom:1rem;color:#d33 } 
.iletisim form  {display: flex;flex-wrap: wrap;}
.iletisim form div { width: 100%;padding: 1rem;padding-bottom:0 }
.iletisim form h5 { margin-bottom:.5rem;font-size:1rem } 

.iletisim input,.iletisim textarea,.iletisim select {
	width: 100%;
	padding: .5rem;
	font-family: poppins;
	font-size: 1rem;
	outline:none;
	margin-bottom: 1rem;
	color:#555;
	border:1px solid #ddd;
}
.iletisim textarea { height:100px;margin-bottom:0 } 
.iletisim .uyari { 
	margin-top: 0;
	padding: 0;	
	color:red;
	display: none;
}
.iletisim button {
	cursor:pointer;
	background-color: #d33;
	color:#fff;
	padding: .7rem 1rem;
	outline: none;
	border:none;
	font-weight: bold;
	border-radius: 5px;
	margin-bottom: 3rem;
}


.iletisim .content-right b {display: block;margin-bottom: .5rem}
.iletisim .content-right div {padding: 1rem}
.iletisim .content-right div i {color:#d33;margin-right: .5rem;font-weight: bold}

.rss .content {background: #fff; padding: 2rem;flex-wrap: wrap;gap:1%} 

.rss  h3 {  padding-bottom:1rem;color:#d33;width:100%;font-size:1.5rem;margin-top:3rem } 
.rss  h3:first-child{ margin-top: 0rem}  
.rss  div.item {
	width:49%;padding:.3rem 1rem;display:flex;justify-content:space-evenly;flex-wrap:wrap; 
	align-items: center; margin-bottom: 0rem;
} 
.rss  button:hover {background: #d33;color: #fff}
.rss  div.item h4{width: 20%; }  
.rss  div.item div{width:80%;display:flex;justify-content:space-between; }  
.rss  input,.rss  button { 
	padding: .3rem;
	font-family: poppins;
	font-size: 1rem;
	outline:none; 
	border:1px solid #ddd;
	background: #fff;
	color: #333; 

}
.rss  input  {width: 90%;}
.rss  button {width: 10%; cursor: pointer; }


/*uye giriş*/
.uye-giris form  {
	width:600px; 
	margin:6rem auto;    
	padding: 2rem;
	color:#777;
	border:1px solid #ccc;
	border-radius: 1rem;
	box-shadow: 1rem 1rem 2rem #aaa;
	background-color: #fff;
}
.uye-giris form h2 {color:#000;margin-bottom:3rem}
.uye-giris form label { margin-top:1.5rem;  font-weight: bold;}
.uye-giris form input  { 
	margin-top:7px;
	margin-bottom:1rem;
	padding:.7rem 1rem;
	border-radius:5px;
	border:1px solid #ccc
}
.uye-giris form input[type=text],form input[type=password]  {  width:100%; display: block;  }
.uye-giris form input:focus {  outline:none;  border:1px solid orange;
}
.uye-giris  form button {
	width:100%;
	background: #383;
	color: #fff;
	border:none;
	padding: 1rem;
	cursor:pointer;
	border-radius:5px;
	font-weight:bold; 
	margin-bottom: .5rem;
	font-size: .9rem;
}     
.uye-giris form  a {
	text-decoration:none;
	color: #d33;
	display:block;
	margin:2rem 0 ; 
	font-size:.8rem;
}
.uye-giris .kayit {
	width:100%;
	text-align: center;
	background: #4682b4;
	color: #fff;
	border:none;
	padding: 1rem;
	cursor:pointer;
	border-radius:5px;
	font-weight:bold; 
	margin-bottom: .5rem;
	margin-top: 1rem;
	font-size: .9rem;
} 

.kayit .onay  {display: flex; align-items: flex-start;justify-content: flex-start;flex-wrap: nowrap;gap:10px;margin: 1.5rem 0}
.kayit .onay label{ margin: 0; font-weight: normal;font-size: .8rem}

.eczane .il-ilce {
	display: flex;
	justify-content: space-between;
	gap: 1%;
	background-color: #fff;
	padding: 1rem;
}
.eczane  select {
	padding: .5rem 1rem;
	font-family: poppins;
	border-radius: .5rem;
	width: 49%;
	outline: none;
	border:1px solid #ddd;
	font-size: 1rem;
	font-weight: bold;
}
.eczane .uyari {background:LightCyan;padding: 1rem;margin-top: 1rem;font-size: .95rem; border: 1px solid dodgerblue}
.eczaneler  {background:#fff;padding: 2rem;margin-top: 1rem}
.eczaneler p  {border-bottom: 1px solid #ddd;padding-bottom: .5rem}

.eczane-card { padding: 1rem; margin-top: 1rem; }
.eczane-card p{  margin-bottom: 1rem; }
.eczane-card a{  padding:.5rem 1rem; background:orange;font-size:.9rem;font-weight:bold;margin-right:1rem }
.eczane-card a:last-child{   background:#d33;color:#fff;font-weight:normal; }
.eczane .ilceler  { background: #fff;padding: 1rem;margin-bottom: 1rem}
.eczane .ilceler .trend-top {color: #000;border-bottom: 1px solid #ddd;padding-bottom: .5rem}
.eczane .ilceler a {
	padding: .4rem;
	border:1px solid #d33;
	display: inline-block;
	font-size: .8rem;
	color: #d33;
	margin-right: .5rem;margin-bottom: .5rem
}
.eczane .ilceler a:hover {background: #d33;color: #fff}



/* hava durumu*/
.hava  { 
	background-image: linear-gradient(skyblue,dodgerblue); 
	margin-bottom: -2rem;
	padding-bottom: 2rem;
	padding-top: 1rem
}
.hava .content {display: block; }
.hava-top,.haftalik-durum,.hava .ilgili {
	background: #000000cc; 
	padding: 2rem; 
	color: #fff;
	width: 100%;
	margin-top: 1rem;
	margin-bottom: 1rem
}
.hava-top h2 { text-transform: uppercase;margin-bottom: 1rem;text-align: center;}
.hava-top  p  {text-align:center; padding: 1rem} 
.hava .gunluk-durum {
	display: flex;
	justify-content: center;
	gap: 5rem;
	align-items: center;
}
.hava .gunluk-durum .il-ilce{
	background: none;
	width: 40%;
	background-color: none;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	margin-top: 2rem;
} 
.hava .gunluk-durum h2{ font-size:2rem  }
.hava .gunluk-durum small{text-align: center;font-size:1.2rem  }

.hava-widget img{ width:2.7rem;margin-top: 1.2rem; margin-right:.5rem;position:relative;top:.3rem  }
.hava-widget img~span{font-size: 2.3rem;color:#ddd }
.hava .gunluk-durum .il-ilce div:last-child{font-size: 1.2rem;color:#aaa;margin-top:1rem }

.hava .haftalik-durum  {  display: flex;  margin-bottom: 1rem;padding: 0;flex-wrap: wrap;}
.hava .haftalik-durum  .hava-widget{  flex:1;padding:1.5rem;text-align:center; }
.hava .haftalik-durum  .hava-widget:nth-child(even) {background-color:#000000aa }
.hava .haftalik-durum .hava-widget p { color:#aaa }
.hava .haftalik-durum .hava-widget div:last-child { font-size:.8rem;color:#aaa;margin-top:1rem }
.hava .ilgili .ilgili-top {color: #ddd;border-bottom-color: #aaa}
.hava .ilgili .card1 h4 {color: #ddd; font-size: 1rem} 

.iller { margin-top:2rem}
.iller a {
	padding: .4rem;
	display: inline-block;
	font-size: .8rem;
	color: #d33;
	margin-right: .5rem;margin-bottom: .5rem;
	background-color: #000000aa;color: #fff;
} 
.iller a:hover {  background-color: #00000055;  }



/*namaz*/
.namaz-page .baslik {background: #181}
.namaz  { 
	background:none; 
	margin-bottom: -2rem;
	padding-bottom: 2rem;
	padding-top: 1rem
}
.namaz .namaz-top {
	background-color: #00aa0066;
	padding: 2rem; 
	color: #fff;
	width: 100%;
	margin-top: 0;
	margin-bottom: 1rem;color: #fff; 
} 
.namaz .kalan-sure {
	display: flex;
	justify-content: space-between; 	
	text-align: center;
	align-items: center;
}
.namaz .kalan-sure select {width: 250px;background: none;font-weight:bold;color: #fff;padding: .5rem;text-align:center; }
.namaz .kalan-sure div {font-size: 1.1rem}
.namaz .kalan-sure h2 {font-size: 2rem}
.namaz .kalan-sure span {font-size: 1.2rem}
.namaz .kalan-sure span small {font-size: 1rem;color: #5a5}
.namaz .namaz-top h3 {font-size: .8rem;background-color: #5a5;padding: 1rem;text-align: center;margin: 2rem 0}


.namaz .vakitler {display: flex;flex-wrap:wrap;}
.namaz .vakitler .vakit-widget{  
	flex:1;
	padding:1rem;
	text-align:center; 
	font-weight:bold;
	background: #fff;
	color:#5a5;

}

.namaz .vakitler .vakit-widget div { font-size:1.2rem;   } 
.namaz .vakitler .vakit-widget:last-child { background-color:#5a5;color:#fff }
.namaz .vakitler .vakit-widget img{ width:2.7rem;    }
.namaz .vakitler .vakit-widget span{font-size: 1.8rem; display:block; }

.namaz .iller   {padding: 2rem;background: #fff;margin-top: 1rem}

.namaz .iller a {border:1px solid #181;background:none;color:#181}
.namaz .iller a:hover {border:1px solid #181;background:#181;color:#fff}

.namaz .namaz-table  {background-color: #fff;padding: 2rem;overflow-x: scroll;}
.namaz .namaz-table h2 {text-align: center;border-bottom: 1px solid #ddd;margin-bottom: 1rem;padding-bottom: 1rem;font-size: 2rem}
.namaz table { width: 100%; } 
.namaz table td, .namaz table th{ border-bottom:1px solid #ddd;text-align:center;padding:.2rem }
.namaz table td:first-child{  text-align:left; }
.namaz table tbody tr:nth-child(odd){background:#00aa0022 }
.namaz table tbody tr:hover{background:#00aa0055 }
.namaz .namaz-table h2 {text-align: center;}
.namaz .ilgili {background-color: #fff; }
.namaz .ilgili .ilgili-top {color: #005500aa; } 
.namaz .ilgili .card1 h4{color: #005500aa; }

.trafik .content,.puan-page .content   {display: block;}
.trafik .trafik-top  {background: #fff;padding: 2rem}
.trafik .iller   {padding: 2rem;background: #fff;margin-top: 1rem} 
.trafik  .iller a {border:1px solid #d33;background:none;color:#d33}
.trafik  .iller a:hover { background:#d33;color:#fff}


/* puan page */
.puan-page .baslik {background:#181 }
.puan-page .puan {background: none;padding: 0}
.puan-page .puan-content  {padding:2rem;display:flex;flex-wrap:wrap;column-gap:1rem;justify-content:space-between; }
.puan-page .puan-content .ligler {display: flex;justify-content: space-evenly;gap:5px;margin-bottom: 2rem;width: 100%}
.puan-page .puan-content .lig {text-align:center;flex:1;cursor:pointer;border-bottom: 3px solid dodgerblue;padding-bottom: .5rem;opacity: .5}
.puan-page .puan-content .lig:first-child {opacity:1}
.puan-page .puan-content .lig:nth-child(2) img,.puan-page .puan-content .lig:nth-child(5) img {width:40%;}
.puan-page .puan-content .lig img { width:80%; }
.puan-page .puan-content h3 {width:100%;text-align: center; color: #181;font-size: 1.5rem;margin : 1rem 0 3rem 0;background:#eee;padding:1rem  }
.puan-page .puan-content .puan-table,.fikstur { width:60%;box-shadow:0 0 1rem #ddd;padding:1rem }
.puan-page .puan-content  h2 {text-align:center; }
.puan-page .puan-content .puan-table tr:last-child {padding-top:2rem }
.fikstur { width:38%;  }
.fikstur .mac-gunu h3 {font-size: 1rem;padding:.5rem;color:#181;  margin-bottom:0}
.fikstur .mac   { text-align:center;margin:.8rem 0 }
.fikstur .mac:last-child   {  margin-bottom: 2rem} 
.fikstur .mac  span { background: #eee;display: inline-block;padding: .5rem;font-weight:bold}
.puan-page .ilgili {margin-top:1rem }


/* mansetler page*/
.mansetler .content {flex-wrap: wrap;background: #f7f7f7;padding: 2rem  }
.mansetler .content .haber-card  {
	border: 1px solid #ddd; 

	flex-basis:32%;
	margin-bottom: 1.5rem;
	padding: 1rem
} 
.mansetler .content .card1 h3  {padding:0;color: #888;font-size: 1rem;margin-bottom:0; } 
.mansetler .content .card1 h4  {padding: 0;margin-top:0;font-size: 1.1rem;} 
.mansetler .content .paginate  {width: 100%;margin-top: 2rem;text-align:center;} 




/* son dk page*/
.sondakikapage .content {background: none}

.sondakikaleft .son-dk {background: #fff;padding: 1rem;margin-bottom: 1rem;border-radius: 15px;}
.sondakikaleft .son-dk-top {border-bottom: 1px solid #eee;padding-bottom: .5rem;}
.sondakikaleft .son-dk-top span:first-child {color:#d33;font-size: 1rem;font-weight: bold;margin-right: 1rem}
.sondakikaleft .son-dk-top span:nth-child(2) {font-weight: bold;}
.sondakikaleft .son-dk-top span:last-child { font-size: .9rem}

.sondakikaleft .son-dk-top a {color:#000}


.sondakikaleft .son-dk .card4  {
	display: flex;
	justify-content:flex-start;
	margin-bottom: 0; 
	padding-bottom: 1rem;
	gap:4%; 
	align-items: center; 
	flex-direction: row;
}
.sondakikaleft .son-dk .card4 p {color:#000;font-weight:bold; font-size: 1.2rem;margin-bottom: .5rem}
.sondakikaleft .son-dk .card4:hover p {color:#d33; } 
.sondakikaleft .son-dk .card4 small {color:#000;font-weight:normal;margin-right:5px;font-size:1rem }
.sondakikaleft .son-dk .card4 img{ border-radius: 8px;width:30%;height: auto}
.sondakikaleft .son-dk .card4 div{  width:66%; }  
.sondakikaleft .son-dk .card4 span{background: none;  } 

.sondakikaleft .paginate{ margin-top: 3rem} 




.canli-tv .content { 
	flex-wrap: wrap;	
	justify-content: center;
	margin-top:5rem;
	margin-bottom: 5rem;
	align-items: center;
	gap:1rem;
	background-color: #000;
	padding: 3rem 0;
	box-shadow: 0 0 1rem #aaa;
	border-radius: 1rem;
}
.canli-tv .canli-menu  {
	margin-bottom: 1rem;
	width: 100%;
	padding: 0; 
	text-align: center;  
	display: flex;
	justify-content: center;
}
.canli-tv .canli-menu a { 	
	margin:0 .5rem; 
	color: #ddd;
	padding: 0rem 1rem ;  
	text-align: center;
	display: flex;  
	align-items: center; 
	font-weight: bold; 
}

.canli-tv .canli-menu a:hover,.canli-tv .canli-menu a.aktif { color: #d33;  }
.canli-tv .canli-menu a img{display: none;}
.canli-tv iframe {   border-radius: 1rem; }

/* shorts page */

.shorts-page .content { 
	flex-wrap: wrap;	
	justify-content: center;
	margin-top:2rem;
	margin-bottom: 5rem;
	align-items: center; 
	background-color: none;
	padding: 0;
	gap:1%;
} 

.shorts-page   .short {   background-color: #fff; margin-bottom: 3rem} 
.shorts-page .content .short h3 {   
	padding:  .2rem 1rem;  
	color:#444;   
	font-size: .9rem;
	font-weight: normal;
	line-height: 1.1rem;
	margin-bottom: 1rem;
}



/* gazete page  */
.gazete-page .arama-ozet {
	margin-top: 1rem; 
	background: #fff; 
	padding: 1rem; 
}

.gazete-page .gazeteler {
	margin-top: 1rem;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	justify-content: space-between;
	padding: 2rem; 
}
.gazete-page .gazeteler a {text-align: center; width:24%;margin-bottom: 2rem}
.gazete-page .gazeteler .card1 h4 {  font-size:1.3rem; padding: .5rem; }  
.gazete-page .gazeteler .card1 h4 small{
	display: block; 
	font-size:.9rem;
	color: #888;
	font-weight:normal; 
}
.gazete-page .gazeteler img  {box-shadow: 0 0 1rem #ccc;padding: .5rem;}  
.gazete-page .gazeteler img:hover  {box-shadow: 1rem 1rem 1rem #bbb; }  



/* ilan page */
.ilan-page .ilan-menu{ 
	display: flex; 
	background: #fff;
	justify-content: center;
	padding: 2rem; 
	padding-bottom: 0;
	gap:1rem;
	margin-top: 1rem;
}
.ilan-page .ilan-menu a{  font-weight: bold; font-size: .9rem ;background: #f7f7f7;padding: .5rem 1rem}
.ilan-page .ilan-menu a:hover{color:#d33;}


.ilan-page .ilanlar{
	margin-top: 0;
	display: flex;
	flex-wrap: wrap;
	background: #fff;
	justify-content: space-between;
	padding: 2rem; 
}
.ilan-page .ilanlar a{flex-basis:24%;margin-bottom: 1.5rem;}
.ilan-page .ilanlar a .card1 span{
	border:none;
	font-size: .8rem;
	background-color: orange;
	color: #fff;
	font-weight: bold;
	border-radius: 0;
	height:auto;width: auto;
	padding: .2rem .5rem
}
.ilan-page .ilanlar a .card1 p{ font-weight: bold;}
.ilan-page .ilan-liste    {	 
	display: flex;justify-content:space-between;flex-wrap:wrap;	
	margin-top:2rem;
}
.ilan-page .ilan-liste  a  {	 
	text-align: left;
	flex-basis: 24%;
	padding:1rem;
	background-color: #f7f7f7;
}
.ilan-page .ilan-liste  a small {	 font-weight: bold; display: block; }
.ilan-page .paginate{ margin-top: 2rem}




.icerik-paylas  .content {background: #fff;padding: 2rem}  
.icerik-paylas h1   { margin-bottom: 1rem }   
.icerik-paylas .content-left p   { font-size:1rem;padding:1rem;margin-bottom:1rem;
	box-shadow:0 0 1rem #ddd}    

	.icerik-paylas form   { display: flex;flex-wrap:wrap;gap:1%;margin-top: 2rem }    
	.icerik-paylas form h5 { margin-bottom:.5rem;font-size:.8rem }   
	.icerik-paylas input[type=text],
	.icerik-paylas input[type=email],
	.icerik-paylas textarea {
		width: 100%;
		padding: .5rem;
		font-family: poppins;
		font-size: 1rem;
		outline:none;
		margin-bottom: 1rem;
		color:#555;
		border:1px solid #ddd;
	}
	.icerik-paylas .checkbtn { 
		width: 49%; 
		padding: .5rem 1rem;
		border:1px solid #ddd;
		opacity: .5;
		background: #4a52a2;color:#fff
	}
	.icerik-paylas .form-main { 
		width: 100%;
		padding: 1rem;
		border:1px solid #ddd;
		margin-top: 0;
	}
	.icerik-paylas .checkbtn label{ cursor: pointer;}
	.icerik-paylas .checkbtn:first-child {  border:1px solid skyblue; opacity: 1;}
	.icerik-paylas textarea { height:100px; } 
	.icerik-paylas button {
		background-color: #d33;
		color:#fff;
		padding: .7rem 1rem;
		outline: none;
		border:none;
		font-weight: bold;
		border-radius: 5px;

		cursor:pointer;
		margin-top: 1rem;
		width:100%
	}


	/* social share */
	.social-share {
		display: flex;
		align-items: center;
		gap: 3px;
		position: relative;
		flex-wrap: wrap;
		margin-left:2rem; 
	}

	.social-share b{ display: none}

	/* Özel arka plan renkleri */
	#facebook  { background-color: #1877F2; }

	#instagram {
		background: linear-gradient(45deg, #f09433, #e6683c, #dc2743, #cc2366, #bc1888);
	}
	#whatsapp  { background-color: #20B038}

	.icon,
	.more-toggle {
		width: 1.5rem;
		height: 1.5rem;
		background: #fff;
		box-shadow: 0 0 5px rgba(0,0,0,0.1);
		display: flex;
		justify-content: center;
		align-items: center;
		overflow: hidden;
		transition: transform 0.2s ease;
		cursor: pointer;
		border: none;
	}
	.icon img {	width: 1.2rem;height: 1.2rem;}
	.icon:hover,
	.more-toggle:hover {
		transform: scale(1.1);
	}
	.more-toggle {
		background: #eee;
		font-size: 18px;
	}
	.more-share-icons {
		display: none;
		position: absolute;
		top: 50px;
		left: 0;
		background: #fff;
		padding: 8px;
		border-radius: 12px;
		box-shadow: 0 8px 16px rgba(0,0,0,0.1);
		z-index: 1000;
		gap: 8px;
		display: flex;
		flex-wrap: wrap;
	}
	.more-share-icons {
		display: none;
	}
	.more-share-icons.active {
		display: flex;
	}


	@media print {
		body * {
			visibility: hidden; /* Tüm sayfa öğelerini gizle */
		}

		.article, .article * {
			visibility: visible; /* Sadece .article ve içeriği görünür kalsın */
		}

		.content-baslik h1,  .content-baslik p {
			visibility: visible;
			width: 100%;

		}

		.article {

			left: 0;
			top: 0;
			width: 100%;
		}
	}
	/* social share */




	.haber .alt div:first-child,.fotohaber .alt div:first-child{
		display:flex;
		justify-content:space-between;
		gap:1.5rem;
	}
	.haber .alt ,.fotohaber .alt{
		display: flex!important;
		justify-content:space-between!important;
	}
	.content-detay span:first-child b  { font-size: .9rem!important }