/*------------------------------------------------------------------------------------- 
Theme Name:		 KAKran Child Theme
Theme URI:		 https://gramentheme.com/wp/kidsa/
Description:	 Kidsa - Kindergarten School WordPress Theme
Author:			 O.F.U
Author URI:		 https://ofarukuyduran.com/
Template:		 mytheme
Version:		 1.0.0
Text Domain:	 kidsa-child-theme
-------------------------------------------------------------------------------------*/
/*
    Please Add your custom styles here
*/

div[id="content"] > div > div:nth-child(11) > div:nth-child(3) > div > div > div > div:nth-child(1) > div > div:nth-child(2) > ul {
    display: none;
}

/* anasayfa hizmetler kutucuğunda tarih gizleme */
.post-date{
	
	    display: none;
}

.event-content ul {
    display: none;
}
/*hizmetler başlık ortalama */
.event-box-items .event-content h3 {
   text-align: center;
}

/* Ana sayfa Eğitim Programları Detay/incele butonu ortalama */
.event-author {
    display: flex !important;
    justify-content: center !important; /* İçeriği yatayda ortalar */
    align-items: center !important;     /* İçeriği dikeyde ortalar (isteğe bağlı) */
    width: 100%;             /* Kapsayıcının tam genişliği kaplamasını sağlar */
}

/*footer bölümü ileitşim,e-posta,adres ve mesai saatlerimiz kısmı le ilgili bölüm BAŞLANGIÇ*/
/* === KAPSAYICI DÜZEN === */
footer .contact-info-area {
  display: flex !important;
  flex-wrap: wrap !important;
  justify-content: space-between !important;
  align-items: stretch !important;
  gap: 20px !important;
	padding-top:100px;
}

/* === TEK KUTU === */
footer .contact-info-items {
  flex: 1 1 calc(25% - 20px) !important; /* 4 eşit sütun */
  display: flex !important;
  align-items: center !important;
  gap: 15px !important;
  background: none !important;
  border: none !important;
  box-shadow: none !important;
  box-sizing: border-box !important;
}

/* === Bootstrap kolonlarını etkisizleştir === */
footer .contact-info-items[class*="col"] {
  float: none !important;
  width: auto !important;
  max-width: none !important;
  padding: 0 !important;
}

/* === İKON === */
footer .contact-info-items .icon-image img {
  width: 42px !important;
  height: 42px !important;
  object-fit: contain !important;
}

/* === METİN === */
footer .contact-info-items .content {
  flex: 1 !important;
}

footer .contact-info-items .content p {
  margin: 0 0 4px 0 !important;
  font-size: 14px !important;
  color: #555 !important;
}

footer .contact-info-items .content h3 {
  font-size: 16px !important;
  font-weight: 600 !important;
  line-height: 1.4 !important;
  margin: 0 !important;
}

footer .contact-info-items a {
  color: #2b3e50 !important;
  text-decoration: none !important;
  word-break: break-word !important;
}

/* === Mobil görünüm === */
@media (max-width: 991px) {
  footer .contact-info-items {
    flex: 1 1 calc(50% - 20px) !important; /* 2 sütun */
  }
}

@media (max-width: 575px) {
  footer .contact-info-items {
    flex: 1 1 100% !important; /* 1 sütun */
  }
}


/*footer bölümü ileitşim,e-posta,adres ve mesai saatlerimiz kısmı le ilgili bölüm BİTİŞ*/




/* 1. Personel kartı resim alanını göreceli olarak konumlandır */
.team-items .team-image {
    position: relative;
    overflow: hidden; /* Hover efektinde resim taşarsa gizle */
}

/* 2. Eklediğimiz 'team-detail-link' sınıfının tüm alanı kaplamasını sağla */
.team-items .team-image a.team-detail-link {
    display: block; /* Önemli */
    position: relative; /* Overlay'i buna göre konumlandıracağız */
    font-size: 0; /* Resim linklerinin altına fazladan boşluk eklemesini önler */
}

/* 3. Yeni "Detay" overlay katmanımız */
.team-items .detail-overlay {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    
    /* Arka plan: Yarı saydam koyu */
    background-color: rgba(0, 0, 0, 0.6);
    
    /* İçeriği (ikon/yazı) ortalamak için */
    display: flex;
    justify-content: center;
    align-items: center;
    
    /* Başlangıçta görünmez yap */
    opacity: 0;
    
    /* Yumuşak geçiş efekti */
    transition: opacity 0.3s ease;
}

/* 4. Overlay içindeki ikonun stili */
.team-items .detail-overlay i {
    color: #108781;
    font-size: 40px; /* Simge boyutunu ayarla */
}

/* 5. Kartın üzerine gelindiğinde (hover) ne olacağı */
.team-items:hover .detail-overlay {
    /* Overlay'i görünür yap */
    opacity: 1;
}

/* 6. (İsteğe bağlı) Resme de hafif bir yakınlaşma efekti */
.team-items .team-image img {
    transition: transform 0.3s ease;
}

.team-items:hover .team-image img {
    transform: scale(1.1);
}

//* --- Breadcrumb Yükseklik AZALTMA (3. Deneme) --- */

/* * Önce, temanın atamış olabileceği 
 * tüm yükseklik kurallarını iptal ediyoruz.
 */

/*
.bg-cover {
    background-repeat: no-repeat;
    background-size: cover;
    position: relative;
    background-position: center;
background-image: url(https://kidsa.dvl.to/wp-content/uploads/2024/05/breadcrumb.png) !important;
}
.breadcrumb-wrapper.navbar-style-02.bg-cover {

background-image: url(https://kidsa.dvl.to/wp-content/uploads/2024/05/breadcrumb.png) !important;

    height: 200px !important;      /* Sabit yüksekliği iptal et */
  /*  min-height: 200px !important;  /* Minimum yüksekliği iptal et */
}

/* * MASAÜSTÜ YÜKSEKLİK AYARI (992px ve üzeri)
 * Yüksekliği azaltmak için '30px' değerini daha da küçültün (örn: 20px).
 *//*
@media (min-width: 992px) {
    .breadcrumb-wrapper.navbar-style-02.bg-cover {
        padding-top: 30px !important;    
        padding-bottom: 30px !important; 
    }
}

/* * MOBİL YÜKSEKLİK AYARI (991px ve altı)
 * Mobil için '20px' değerini küçültebilirsiniz.
 *//*
@media (max-width: 991px) {
    .breadcrumb-wrapper.navbar-style-02.bg-cover {
        padding-top: 20px !important;    
        padding-bottom: 20px !important; 
    }
}

*/