/* begin sayfa galeri */

.gallery-item img {
    width: 100%;
    /* Konteynerin genişliğini doldurur */
    height: 200px;
    /* Sabit bir yükseklik belirler */
    object-fit: cover;
    /* Büyük resimleri kırpar ve içeriği merkeze alır */
    border-radius: 8px;
    /* Köşeleri yuvarlar (isteğe bağlı) */
    display: block;
    /* Resmi düzgün hizalar */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    /* Hafif gölge (isteğe bağlı) */
}

/* end sayfa galeri */

/* begin dil seçme */
.language-selector-wrapper {
    position: relative;
}

.language-dropdown {
    display: none;
    position: absolute;
    top: 40px;
    right: 0;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    padding: 10px;
    list-style: none;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    z-index: 9999;
}

.language-dropdown li {
    margin-bottom: 5px;
}

.language-dropdown li:last-child {
    margin-bottom: 0;
}

.language-dropdown a {
    text-decoration: none;
    color: #333;
    font-weight: bold;
}

.language-dropdown a:hover {
    color: #007bff;
}

.language-trigger {
    position: relative;
    cursor: pointer;
}

.language-trigger.open+.language-dropdown {
    display: block;
}

/* end dil seçme */

/** begin (iç sayfa) tüm blog resimleri aynı yükseklikte olacak **/
.blog-wrapper .single-blog-post .post-featured-thumb {
    height: 400px;
    width: 100%;
    position: relative;
    margin-bottom: -2px;
}

@media (max-width: 991px) {
    .blog-wrapper .single-blog-post .post-featured-thumb {
        height: calc(400px * 0.9333);
        /* Yaklaşık 373px */
    }
}

@media (max-width: 767px) {
    .blog-wrapper .single-blog-post .post-featured-thumb {
        height: calc(400px * 0.7667);
        /* Yaklaşık 307px */
    }
}

/** end (iç sayfa) tüm blog resimleri aynı yükseklikte olacak **/

/** begin anasayfa etkinlikler **/
.team-box-items .team-image img {
    width: 420px !important;
    height: 282px !important;
}

@media (max-width: 991px) {
    .team-box-items .team-image img {
        width: 360px !important;
        /* Daha küçük ekran için genişliği azaltıyoruz */
        height: 241px !important;
        /* Oranı koruyarak yükseklik azaltılıyor */
    }
}

@media (max-width: 767px) {
    .team-box-items .team-image img {
        width: 100% !important;
        /* Daha küçük ekran için genişlik azaltıldı */
        max-height: 282px !important;
        /* Oranı koruyarak yükseklik azaltıldı */
    }
}

@media (max-width: 575px) {
    .team-box-items .team-image img {
        width: 100% !important;
        /* Çok küçük ekranlar için daha dar */
        max-height: 282px !important;
        /* Oranı koruyarak yükseklik azaltıldı */
    }
}

.team-box-items .team-image .team-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 20px 30px;
    /* Varsayılan padding */
    background-color: rgba(91, 155, 55, 0.9);
    height: 94px;
    /* Varsayılan yükseklik */
}

@media (max-width: 991px) {
    .team-box-items .team-image .team-content {
        padding: 15px 20px;
        /* Daha dar ekranlar için padding küçültüldü */
        height: 84px;
        /* Yükseklik azaltıldı */
    }
}

@media (max-width: 767px) {
    .team-box-items .team-image .team-content {
        padding: 10px 15px;
        /* Küçük ekranlar için padding daha da azaltıldı */
        height: 74px;
        /* Yükseklik daha küçük ekranlara göre ayarlandı */
    }
}

@media (max-width: 575px) {
    .team-box-items .team-image .team-content {
        padding: 8px 10px;
        /* En küçük ekranlar için minimum padding */
        height: 68px;
        /* Yükseklik en küçük ekran için küçültüldü */
    }
}

/** end anasayfa etkinlikler **/

/** begin anasayfa biyoçeşitlilik **/

.news-card-items .news-image {
    position: relative;
    overflow: hidden;
}

.news-card-items .news-image img {
    width: 420px !important;
    height: 350px !important;
    transition: 0.5s;
    background-size: cover;
}

.news-card-items .news-image img:nth-child(1) {
    perspective: 300px;
    transition: transform 500ms ease;
    transform-origin: top center;
    transform: translateX(0%) translateX(0px) scaleX(1) rotateY(0deg);
}

.news-card-items .news-image img:nth-child(2) {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    object-fit: cover;
    transition: transform 700ms ease, top 700ms ease;
    transform: translateX(0%) translateX(150px) scaleX(0) rotateY(90deg);
    transform-origin: bottom center;
    width: 100%;
}

@media (max-width: 991px) {
    .news-card-items .news-image img {
        width: 100% !important;
        /* Daha dar ekranlar için genişlik küçültüldü */
        max-height: 350px !important;
        /* Oranı koruyarak yükseklik küçültüldü */
    }

    .news-card-items .news-image img:nth-child(1) {
        perspective: 250px;
        /* Perspektif daraltıldı */
        transition: transform 400ms ease;
    }

    .news-card-items .news-image img:nth-child(2) {
        transform: translateX(0%) translateX(120px) scaleX(0) rotateY(90deg);
        /* Animasyon mesafesi küçüldü */
    }
}

@media (max-width: 767px) {
    .news-card-items .news-image img {
        width: 100% !important;
        /* Mobil cihazlar için genişlik küçültüldü */
        max-height: 350px !important;
        /* Oranı koruyarak yükseklik ayarlandı */
    }

    .news-card-items .news-image img:nth-child(1) {
        perspective: 200px;
        /* Daha küçük perspektif */
        transition: transform 300ms ease;
    }

    .news-card-items .news-image img:nth-child(2) {
        transform: translateX(0%) translateX(90px) scaleX(0) rotateY(90deg);
        /* Daha küçük animasyon mesafesi */
    }
}

@media (max-width: 575px) {
    .news-card-items .news-image img {
        width: 100% !important;
        /* En küçük ekranlar için genişlik */
        max-height: 350px !important;
        /* Oranı koruyarak yükseklik küçültüldü */
    }

    .news-card-items .news-image img:nth-child(1) {
        perspective: 150px;
        /* Perspektif daha da daraltıldı */
        transition: transform 200ms ease;
    }

    .news-card-items .news-image img:nth-child(2) {
        transform: translateX(0%) translateX(60px) scaleX(0) rotateY(90deg);
        /* Minimum animasyon mesafesi */
    }
}

.news-card-items .news-content .post-cat {
    height: 40px !important;
    padding: 12px 20px;
    line-height: 1;
    background-color: var(--theme);
    border-radius: 5px;
    color: var(--white);
    display: inline-block;
    font-size: 15px;
    transition: all 0.4s ease-in-out;
}

/** end anasayfa biyoçeşitlilik **/


/** begin anasayfa documents **/
.team-box-items-documents .team-image img {
    width: 420px !important;
    height: 400px !important; /* Yeni temel yükseklik */
}

@media (max-width: 991px) {
    .team-box-items-documents .team-image img {
        width: 360px !important;
        /* Orantıyı korumak için:
           Yeni yükseklik = 400 * (360/420) ≈ 343px */
        height: 343px !important;
    }
}

@media (max-width: 767px) {
    .team-box-items-documents .team-image img {
        width: 100% !important;
        /* Küçük ekranlarda maksimum yükseklik, temel yükseklik olarak ayarlandı */
        max-height: 400px !important;
    }
}

@media (max-width: 575px) {
    .team-box-items-documents .team-image img {
        width: 100% !important;
        max-height: 400px !important;
    }
}

.team-box-items-documents .team-image .team-content {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 9;
    padding: 20px 30px;
    /* Varsayılan padding */
    background-color: rgba(91, 155, 55, 0.9);
    height: 94px;
    /* Varsayılan yükseklik */
}

@media (max-width: 991px) {
    .team-box-items-documents .team-image .team-content {
        padding: 15px 20px;
        /* Daha dar ekranlar için padding küçültüldü */
        height: 84px;
        /* Yükseklik azaltıldı */
    }
}

@media (max-width: 767px) {
    .team-box-items-documents .team-image .team-content {
        padding: 10px 15px;
        /* Küçük ekranlar için padding daha da azaltıldı */
        height: 74px;
        /* Yükseklik daha küçük ekranlara göre ayarlandı */
    }
}

@media (max-width: 575px) {
    .team-box-items-documents .team-image .team-content {
        padding: 8px 10px;
        /* En küçük ekranlar için minimum padding */
        height: 68px;
        /* Yükseklik en küçük ekran için küçültüldü */
    }
}
/** end anasayfa documents **/

    /** begin anasayfa news **/
    .team-box-items-news .team-image img {
        width: 420px !important;
        height: 400px !important; /* Yeni temel yükseklik */
    }
    
    @media (max-width: 991px) {
        .team-box-items-news .team-image img {
            width: 360px !important;
            /* Orantıyı korumak için:
               Yeni yükseklik = 400 * (360/420) ≈ 343px */
            height: 343px !important;
        }
    }
    
    @media (max-width: 767px) {
        .team-box-items-news .team-image img {
            width: 100% !important;
            /* Küçük ekranlarda maksimum yükseklik, temel yükseklik olarak ayarlandı */
            max-height: 400px !important;
        }
    }
    
    @media (max-width: 575px) {
        .team-box-items-news .team-image img {
            width: 100% !important;
            max-height: 400px !important;
        }
    }
    
    .team-box-items-news .team-image .team-content {
        position: absolute;
        bottom: 0;
        left: 0;
        right: 0;
        z-index: 9;
        padding: 20px 30px;
        /* Varsayılan padding */
        background-color: rgba(91, 155, 55, 0.9);
        height: 94px;
        /* Varsayılan yükseklik */
    }
    
    @media (max-width: 991px) {
        .team-box-items-news .team-image .team-content {
            padding: 15px 20px;
            /* Daha dar ekranlar için padding küçültüldü */
            height: 84px;
            /* Yükseklik azaltıldı */
        }
    }
    
    @media (max-width: 767px) {
        .team-box-items-news .team-image .team-content {
            padding: 10px 15px;
            /* Küçük ekranlar için padding daha da azaltıldı */
            height: 74px;
            /* Yükseklik daha küçük ekranlara göre ayarlandı */
        }
    }
    
    @media (max-width: 575px) {
        .team-box-items-news .team-image .team-content {
            padding: 8px 10px;
            /* En küçük ekranlar için minimum padding */
            height: 68px;
            /* Yükseklik en küçük ekran için küçültüldü */
        }
    }
    /** end anasayfa news **/

    

/** all pages content desc **/
.desc-custom-font-color {
    color: #525355 !important;
}

.desc-custom-font-color p {
    margin: 10px;
}
/** biodiversityspecies page **/
.my-custom-filter-buttons {
    display: flex;
    gap: 10px;
    flex-wrap: wrap;
    justify-content: start;
}

.my-custom-filter-main-category-btn {
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(91, 155, 55, 0.9);
    color: white;
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}

/* Hover Durumu */
.my-custom-filter-main-category-btn:hover {
    background-color: rgba(91, 155, 55, 1);
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(91, 155, 55, 0.6); */
}

/* Aktif Buton - Tıklanınca */
.my-custom-filter-main-category-btn.active {
    background-color: #5b9b37; /* Daha koyu yeşil */
    
    color: #000000 !important; /* Yazı rengini siyah yap */
    font-weight: bold;
    /* box-shadow: 0px 0px 15px rgba(91, 155, 55, 0.9); */
}


.my-custom-filter-sub-category-buttons{
    display: flex;
    gap: 10px;
    margin-top: 28px;
    flex-wrap: wrap;
    justify-content: start;
}

.my-custom-filter-sub-category-btn {
    padding: 10px 15px;
    border-radius: 8px;
    font-weight: 600;
    background-color: rgba(91, 155, 55, 0.9);
    color: white;
    border: 2px solid transparent;
    transition: all 0.3s ease-in-out;
}

/* Hover Durumu */
.my-custom-filter-sub-category-btn:hover {
    background-color: rgba(91, 155, 55, 1);
    border-color: rgba(255, 255, 255, 0.8);
    color: #ffffff;
    /* box-shadow: 0px 0px 10px rgba(91, 155, 55, 0.6); */
}

/* Aktif Buton - Tıklanınca */
.my-custom-filter-sub-category-btn.active {
    background-color: #5b9b37; /* Daha koyu yeşil */
    
    color: #000000 !important; /* Yazı rengini siyah yap */
    font-weight: bold;
    /* box-shadow: 0px 0px 15px rgba(91, 155, 55, 0.9); */
}

.my-custom-filter-desc {
    display: block;
    height: 70px;
    /* Yazıyı en baştan başlatmak için */
    margin-top: 0;
    margin-bottom: 0;
    padding-top: 0;
    padding-bottom: 0;
}

/* max-width: 991px - yüksekliği 80px yapalım */
@media (max-width: 991px) {
    .my-custom-filter-desc {
        height: 80px;
    }
}

/* max-width: 767px - yüksekliği 90px yapalım */
@media (max-width: 767px) {
    .my-custom-filter-desc {
        height: 90px;
    }
}

/* max-width: 575px - yüksekliği 100px yapalım */
@media (max-width: 575px) {
    .my-custom-filter-desc {
        height: 100px;
    }
}