@charset "UTF-8";

@import url("../../assets/css/icons/flaticon/style.css");
@import url("../../assets/css/icons/fontawesome/style.css");
@import url("../../assets/css/icons/icomoon/style.css");
@import url("../../assets/css/fancybox/fancybox.min.css");
@import url("../../assets/css/owlcarousel/owl.carousel.min.css");
@import url("../../assets/css/menu/toolbarnav.css");
@import url("../../assets/css/menu/mainnav.css");

@import url("form/jasny/jasnybootstrap.css");
@import url("form/sweetalert/sweetalert.min.css");
@import url("form/touchspin/touchspin.css");
@import url("form/timonstep/timonstep.css");
@import url("form/timonstep/select2.css");
@import url("form/timonstep/parsley.css");
@import url("footernav/footernav.css");

@import url("responsive.css");
/* Toolbar */
.toolbar {
  background-color: var(--toolbar-bg-color);
  border-bottom: 1px solid var(--toolbar-border-color);
  min-height: var(--toolbar-min-height);
  max-height: var(--toolbar-max-height);
}

/* Toolbar Social */
.toolbarsocial {
  margin: 5px 0 0 0;
  padding: 0;
  list-style: none;
}

.toolbarsocial li {
  display: inline;
  margin-right: 1px;
}

.toolbarsocial li a {
  color: var(--toolbarsocial-li-a-color);
  display: inline-block;
  transition: background 0.3s, color 0.3s;
  width:26px;
  height:26px;
  text-align:center;
}

.toolbarsocial li a i {
  font-size: 14px;
  transition: color 0.3s;
}

/* Sosyal medya stilleri için ortak özellikler */
.toolbarsocial a[class^="ico"] {
  background: #fff;
}

.toolbarsocial a[class^="ico"]:hover {
  background: #555;
}

/* Her bir sosyal medya ikonu için özel renkler */
.toolbarsocial a.icoFacebook i { color: #3b5998; }
.toolbarsocial a.icoFacebook:hover i { color: #fff; }
.toolbarsocial a.icoFacebook:hover { background: #3b5998; }

.toolbarsocial a.icoTwitter { background: #55acee; }
.toolbarsocial a.icoTwitter i { color: #fff; }
.toolbarsocial a.icoTwitter:hover i { color: #55acee; }

.toolbarsocial a.icoInstagram { background: #c32aa3; }
.toolbarsocial a.icoInstagram i { color: #fff; }
.toolbarsocial a.icoInstagram:hover i { color: #c32aa3; }

.toolbarsocial a.icoLinkedin { background: #0077B5; }
.toolbarsocial a.icoLinkedin i { color: #fff; }
.toolbarsocial a.icoLinkedin:hover i { color: #0077B5; }

.toolbarsocial a.icoYoutube { background: #FF0000; }
.toolbarsocial a.icoYoutube i { color: #fff; }
.toolbarsocial a.icoYoutube:hover i { color: #FF0000; }

.toolbarsocial a.icoTelegram { background: #2E87CA; }
.toolbarsocial a.icoTelegram i { color: #fff; }
.toolbarsocial a.icoTelegram:hover i { color: #2E87CA; }

.toolbarsocial a.icoRss i { color: #ff6600; }
.toolbarsocial a.icoRss:hover { background: #ff6600; }
.toolbarsocial a.icoRss:hover i { color: #fff; }
/* #Toolbar Social */

/* Language */
.langbtn {
  background-color: var(--langbtn-bg-color);
  color: var(--langbtn-bg-text-color);
  padding: 15px 0;
  font-size: 14px;
  border: none;
  cursor: pointer;
  
  font-family:var(--ff-robotocondensed);
}
.langbtn i {
  margin-right: 5px; 
}
.langdown {
  position: relative;
  display: inline-block;
  z-index: 999999999999;
}
.langdown:hover .langdown-content {
  display: block;
}
.langdown:hover .langbtn {
  color: var(--langbtn-bg-color-hover);
}
.langdown-content {
  display: none;
  position: absolute;
  right: 0;
  background-color: var(--langdown-content-bg);
  min-width: 140px;
  box-shadow: 0px 8px 16px 0px var(--langdown-content-box-shadow-color);
  z-index: 1;
}
@media (max-width:768px){
  .langdown-content {
    right:-70px;
  }
}
.langdown-content a {
  color: var(--langdown-content-text);
  padding: 5px 12px;
  text-decoration: none;
  display: block;
  font-family: var(--ff-opensans);
  font-size: 13px;
  font-weight: 500;
  font-family:var(--ff-robotocondensed);
}
.langdown-content a:hover {
  background-color: var(--langdown-content-bg-hover);
  color: var(--langdown-content-text-hover);
}
.langdown-content a img {
  margin-right: 8px;
  margin-top: -2px;
}
/* #Language */

/* #Toolbar */

/* Header */
.header {
  min-height: 40px;
  max-height: auto;
  background-color: var(--header-bg-color);
  border-bottom:1px solid #F0F1F2;
  padding: 10px 0px;
}

/* Header Ad Space */
.header-logo-ads {
  max-width: 468px;
  max-height: 110px;
  overflow: hidden;
}
.header_logo_adslot {
  margin-top: 25px;
}
/* #Header Ad Space */

/* Search */
/* #Search */
.headerlogo img{
}

/* #Header */

/* Menu */
.mainmenu {
  width: 100%;
  min-height: 70px;
  max-height: auto;
  padding: 17px 0 17px 0;
}

.mainMenuSearch{
	float:right;
	
}
.mainMenuSearch i{
	font-size:12px !important;
	
}
/* #Menu */

/* Parallax */
.parallax {
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
}
/* #Parallax */

/* Footer */
.footer {
	border-top:1px solid #ccc;
  background:var(--footer-background);
  width: 100%;
  height: auto;
}
.footer .footernav h4 {
  font-size: 22px;
  border-bottom: 1px solid var(--border-color-light);
  padding-bottom: 5px;
  margin-bottom: 0;
  color: var(--text-color2);
}

/* Footer Nav */
.ftnav {
  padding-bottom: 60px;
}
/* #Footer Nav */

/* Footer Social */
.footersocial {
  margin: 0;
  padding: 0;
  list-style: none;
  margin: 20px 0;
}
.footersocial li {
  float: left;
  list-style: none;
  margin-right: 1px;
}
.footersocial li a {
  display: block;
  color:var(--text-color-light);
  padding: 5px 8px;
  margin-left: 5px;
  background: var(--bg-color2);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -ms-border-radius: 3px;
  border-radius: 3px;
}
.footersocial li a:hover {
  background: var(--bg-color-light);
  color: var(--text-color-hover2);
}
.footersocial li a i {
  font-size: 22px;
}
/* #Footer Social */

/* Footer Copyright */
.footercopyright {
  display: block;
  font-family:var(--ff-opensans);
  font-size: 12px;
  color: var(--footercopyright-text-color);
  line-height: 18px;
  padding-bottom: 30px;
}
/* #Footer Copyright */
/* #Footer */

/* #Home Page */
/* Left Right Block */
.lrblock {

}

/* Breadcrumb */
.breadcrumb{
	font-family: var(--ff-inter);
	font-size:12px;
}
.breadcrumb a{
	text-decoration:none;
	color:#000;
}
.breadcrumb a:hover{
	color:var(--text-color1);
}
/* #Breadcrumb */

/* #Left Right Block */

/* NEWS CONTENT LIST */
.news-contentlist {
    background: #fff;
    border: 1px solid #eee;
    position: relative; /* Ebeveyn elementi pozisyonlandırılabilir yapıyoruz */
    overflow: hidden; /* Taşan içerikleri kesiyoruz */
}

.news-contentlist-cat {
    position: absolute;
    top: 10px;
    left: 10px;
    background: red;
    padding: 5px 10px;
    color: #fff;
    z-index: 2; /* Resmin üzerinde görünmesini sağlıyoruz */
    font-size: 12px;
    border-radius: 3px;
}

.news-contentlist a{
	text-decoration:none;
}
.news-contentlist:hover{
	background:#fafafa;
}

.news-contentlist a > img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease; /* Hover efekti için */
}

.news-contentlist:hover a > img {
    transform: scale(1.03); /* Hover'da küçük bir büyütme efekti */
}

.news-contentlist a > p{
	padding:10px;
	font-size:16px;
	font-weight:bold;
	color:#000;
}

.news-contentlist:hover a > p{
	color:var(--text-color-hover1);
}


/* YATAY HABER KARTI */
.news-card-horizontal {
    background: #fff;
    border: 1px solid #eee;
    overflow: hidden;
}

.news-card-horizontal:hover {
    background: #fafafa;
}

/* Kategori Etiketi */
.news-category-badge {
    position: absolute;
    top: 10px;
    left: 10px;
    background: #d32f2f;
    padding: 5px 10px;
    color: #fff;
    z-index: 2;
    font-size: 12px;
    border-radius: 3px;
    font-weight: 600;
}
.news-card-horizontal .col-md-4 img {
    transition: transform 0.3s ease;
}
.news-card-horizontal:hover .col-md-4 img {
    transform: scale(1.03);
}

/* İçerik Alanı */
.news-card-body {
    padding: 20px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.news-title {
	font-family:var(--ff-inter);
    font-size: 18px;
    font-weight: bold;
    color: #222;
    margin-bottom: 10px;
    transition: color 0.3s ease;
}

.news-card-horizontal:hover .news-title {
	color:var(--text-color-hover1);
}

.news-excerpt {
    font-size: 14px;
    color: #555;
    line-height: 1.5;
    margin-bottom: 15px;
    flex-grow: 1;
}

.news-read-more {
    font-size: 13px;
    color: #d32f2f;
    font-weight: 600;
    display: inline-block;
    transition: all 0.3s ease;
}

.news-card-horizontal:hover .news-read-more {
    transform: translateX(5px);
}

/* Mobil Uyumluluk */
@media (max-width: 767.98px) {
    .news-card-horizontal a {
        flex-direction: column;
    }
    
    .col-md-4 {
        height: 200px;
    }
    
    .col-md-8 {
        padding: 15px;
    }
}

.spotnews {
    position: relative; /* Ebeveyn elementi pozisyonlandırılabilir yapıyoruz */
    overflow: hidden; /* Taşan içerikleri kesiyoruz */
}

.spotnews-cat {
    position: absolute;
    top: 10px;
    left: 10px;
    background: red;
    padding: 5px 10px;
    color: #fff;
    z-index: 2; /* Resmin üzerinde görünmesini sağlıyoruz */
    font-size: 12px;
    border-radius: 3px;
}

.spotnews a{
	text-decoration:none;
}

.spotnews a p{
	font-family:var(--ff-inter);
	position:absolute;
	z-index:99;
	bottom:5px;
    font-size: 14px;
    font-weight: 700;
    color: #fff;
	text-shadow: 0px 0px 2px rgba(0,0,0,0.6);
    margin-bottom: 10px;
	transition: transform 0.3s ease;
}

.spotnews a img{
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

.spotnews:hover a > img{
    transform: scale(1.03); /* Hover'da küçük bir büyütme efekti */
}
.spotnews:hover a > p{
    transform: translateY(-5px);
}


/* Manşet Haber */
.carousel-caption {
	padding: 20px;
	border-radius: 5px;
	bottom: 20px;
	font-size: 1.5rem;
	font-weight: bold;
}

.carousel-indicators-numbers {
	display: flex;
	justify-content: center;
	gap: 6px;
	padding: 10px 0;
	background: #f8f9fa;
}

.carousel-indicators-numbers button {
	width: 12px;
	height: 12px;
	border-radius: 50%; /* Daire şekli */
	border: none;
	background-color: #bbb;
	transition: background-color 0.3s ease;
	padding: 0;
}

.carousel-indicators-numbers button.active,
.carousel-indicators-numbers button:hover {
	background-color: #ef6e1e;
}

.carousel-item img {
	height: 500px;
	object-fit: cover;
}
/* Manşet Haber */



/* Mini Manşet Haber */
.carousel-caption p {
	font-size: 1rem;
	font-weight: bold;
}
.mini-carousel-indicators-numbers {
	display: flex;
	justify-content: center;
	gap: 6px;
	padding: 10px 0;
	background: #f8f9fa;
}

.mini-carousel-indicators-numbers button {
	width: 12px;
	height: 12px;
	border-radius: 50%; /* Daire şekli */
	border: none;
	background-color: #bbb;
	transition: background-color 0.3s ease;
	padding: 0;
}

.mini-carousel-indicators-numbers button.active,
.mini-carousel-indicators-numbers button:hover {
	background-color: #ef6e1e;
}

/* Manşet Haber */

/* Namaz Vakitleri */
.rightside {
	overflow: hidden;
	margin-bottom: 20px;
	position: relative;
	background: url("/themes/mhaber//images/green-black/namaz-vakitleri.webp") center/cover no-repeat;
}

.head.namaz {
	background: linear-gradient(135deg, #2c3e50, #4a6491);
	color: white;
	padding:10px;
	font-size: 1.2rem;
	display: flex;
	justify-content: space-between;
}

.head.namaz i {
	margin:8px 5px 0 0;
	font-size:16px;
}

.head.namaz a.namazs {
	color: #f8f9fa;
	font-size: 0.9rem;
	text-decoration: none;
	transition: all 0.3s;
}

.head.namaz a.namazs:hover {
	color: #ffc107;
	text-decoration: underline;
}


/* Vakitler Başlık */
.nmzhead {
	font-family: var(--ff-robotocondensed);
	background-color: rgba(0,0,0,0.5);
	color: white;
	padding:0 10px;
	font-weight: 600;
	margin-bottom: 0 !important;
	font-size:14px;
}

/* Vakitler Saatler */
.nmzdate {
	background-color: rgba(0,0,0,0.5);
	font-family: var(--ff-robotocondensed);
	font-weight: 600;
	font-size:16px;
	color: #fff;
	padding:0 10px;
	margin-bottom: 0 !important;
}

/* Kolonlar için özel stil */
.nmzhead .col, .nmzdate .col {
	padding: 8px 5px;
}

/* Responsive ayarlar */
@media (max-width: 768px) {
	.head.namaz {
		font-size: 1.1rem;
		padding: 12px 15px;
	}
	
	.nmzhead .col, .nmzdate .col {
		font-size: 0.9rem;
		padding: 6px 3px;
	}
	
	select.city.form-select {
		font-size: 0.9rem;
		padding: 8px 12px;
	}
}

@media (max-width: 576px) {
	.head.namaz {
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	
	.head.namaz i {
		margin-right: 0;
	}
	
	.nmzhead .col, .nmzdate .col {
		font-size: 0.8rem;
	}
}
/* Namaz Vakitleri */

/* Futbol Puan Durumu */
.puan-container {
	background-color: #fff;
	overflow: hidden;
	margin-bottom: 25px;
}

.puan-header {
	background: linear-gradient(135deg, #1e5631, #4c9a2a);
	padding: 10px;
}

.puan-nav .nav-link {
	color: rgba(255, 255, 255, 0.85);
	padding: 5px 10px;
	font-weight: 500;
	border-radius: 6px;
	margin-right: 8px;
	transition: all 0.3s;
	border: 1px solid transparent;
}

.puan-nav .nav-link.active {
	background-color: rgba(255, 255, 255, 0.15);
	color: white;
	border-color: rgba(255, 255, 255, 0.3);
}

.puan-takim-listesi {
	padding: 0;
}

.puan-takim-item {
	display: flex;
	align-items: center;
	padding:3px 0;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color 0.2s;
	font-size:12px;
}

.puan-takim-item:hover {
	background-color: #f9f9f9;
}

.puan-sira {
	width: 20px;
	font-weight: 600;
	color: #555;
	text-align: center;
}

.puan-takim-adi {
	flex: 1;
	padding: 0 15px;
	font-weight: 500;
}

.puan-istatistik {
	display: flex;
	gap: 15px;
}

.puan-deger {
	width: 25px;
	text-align: center;
	font-weight:bold;
	color: #555;
}

.puan-puan {
	width: 30px;
	background-color: #026d02;
	color: white;
	font-weight: 600;
	text-align: center;
	margin-right:5px;
	padding: 3px;
}

.puan-baslik {
	display: flex;
	background-color: #f8f9fa;
	padding: 5px 0;
	font-weight: 600;
	border-bottom: 2px solid #e9ecef;
	font-size:13px;
}

.puan-baslik .puan-takim-adi {
	color: #333;
}

.puan-baslik .puan-deger {
	color: #333;
}

/* Nöbetçi Eczaneler */
.custom-card {
	background-color: #fff;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
	margin-bottom: 25px;
	overflow: hidden;
}

.card-header {
	background: linear-gradient(135deg, #8b0000, #c00000);
	color: white;
	padding: 10px;
	display: flex;
	align-items: center;
	justify-content: space-between;
}

.card-header i {
	font-size: 1.4rem;
	margin-right: 10px;
}

.card-header a {
	color: rgba(255, 255, 255, 0.9);
	font-size: 0.9rem;
	text-decoration: none;
	transition: all 0.3s;
}

.card-header a:hover {
	color: #ffc107;
	text-decoration: underline;
}

/* NÖBETÇİ ECZANE */
.eczane-list {
	padding: 0;
	list-style: none;
}

.eczane-item {
	display: flex;
	align-items: center;
	padding:6px;
	border-bottom: 1px solid #f0f0f0;
	transition: background-color 0.2s;
}

.eczane-item:hover {
	background-color: #f9f9f9;
}

.eczane-icon {
	color: #4a6491;
	font-size: 1.2rem;
	margin-right: 15px;
	cursor: pointer;
	position: relative;
}

.eczane-name {
	flex: 1;
	font-weight: 500;
}

/* POPOVER STİLİ */
.popover {
	border-radius: 8px;
	box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
	border: none;
}

.popover-header {
	background-color: #4a6491;
	color: white;
	border-bottom: none;
	border-radius: 8px 8px 0 0;
}

.popover-body {
	padding: 15px;
}

.eczane-info {
	font-size: 0.9rem;
}

.eczane-info p {
	margin-bottom: 5px;
}

.eczane-info i {
	width: 20px;
	text-align: center;
	margin-right: 8px;
	color: #4a6491;
}

/* MOBILE UYUMLULUK */
@media (max-width: 768px) {
	.namaz-grid {
		grid-template-columns: repeat(3, 1fr);
	}
	
	.namaz-title, .namaz-time {
		padding: 10px 5px;
	}
}

@media (max-width: 576px) {
	.namaz-grid {
		grid-template-columns: repeat(2, 1fr);
	}
	
	.card-header {
		flex-direction: column;
		text-align: center;
		gap: 8px;
	}
	
	.card-header i {
		margin-right: 0;
	}
}
/* Nöbetçi Eczaneler */



/* Offcanvas Genel Stili */
.offcanvas {
    background-color: #2c3e50;
    color: #ecf0f1;
    transition: all 0.3s ease;
}

.offcanvas-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 1rem;
}

.btn-close {
    filter: invert(1);
    opacity: 0.8;
}

.btn-close:hover {
    opacity: 1;
}

/* Sosyal Medya Butonları */
.offcanvassocial {
    display: flex;
    gap: 15px;
    padding: 0;
    margin: 0;
    list-style: none;
}

.offcanvassocial li a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    background-color: #34495e;
    color: white;
    border-radius: 5px;
    font-size: 18px;
    transition: all 0.3s ease;
    text-decoration: none;
}

.offcanvassocial li a:hover {
    transform: translateY(-3px);
    box-shadow: 0 5px 15px rgba(0, 0, 0, 0.3);
}

/* Sosyal Medya Renkleri */
.icoTwitter:hover { background-color: #1DA1F2 !important; }
.icoInstagram:hover { background: linear-gradient(45deg, #405DE6, #5851DB, #833AB4, #C13584, #E1306C, #FD1D1D) !important; }
.icoYoutube:hover { background-color: #FF0000 !important; }
.icoLinkedin:hover { background-color: #0077B5 !important; }
.icoTelegram:hover { background-color: #0088CC !important; }

/* Menü Stilleri */
.offcanvas-menu ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.offcanvas-menu li {
    margin-bottom: 5px;
}

.offcanvas-menu li a {
    display: block;
    padding: 12px 20px;
    color: #ecf0f1;
    text-decoration: none;
    border-radius: 5px;
    transition: all 0.3s ease;
    font-weight: 500;
    letter-spacing: 0.5px;
}

.offcanvas-menu li:not(.bg-primary, .bg-danger, .bg-success, .menuSearch) a:hover {
    background-color: #34495e;
    transform: translateX(5px);
}

/* Özel Menü Öğeleri */
.offcanvas-menu li.bg-primary a,
.offcanvas-menu li.bg-danger a,
.offcanvas-menu li.bg-success a {
    color: white !important;
    text-align: center;
}

.offcanvas-menu li.bg-primary {
    background-color: #3498db;
}

.offcanvas-menu li.bg-danger {
    background-color: #e74c3c;
}

.offcanvas-menu li.bg-success {
    background-color: #2ecc71;
}

.offcanvas-menu li i {
    font-size: 1.2rem;
}

/* Navbar Toggler Icon */
.navbar-toggler {
    border: none;
    padding: 0.5rem;
}

.navbar-toggler:focus {
    box-shadow: none;
}