:root{

    --beyaz : #fff;

    --siyah : #000;

    --kirmizi : #2AA8A7;

    --renk1 : #3e3a35;

    --renk2 : #ccc;

    --renk3 : #2AA8A7;

    --renk4 : #333;

    --tesislerimiz-bg : #ddd;

    --tesislerimiz-header-bg : #46cfcf;

    --haber-duyuru-link : #000;

    --home-haber-bg: #f5f5f5;

    --footer-bg:#ccc;

    --footer-link : #000;

    --page-margin-top : 30px;

}



#site{

    width: 100%;

    height: auto;

    overflow: hidden;

}







/* Arama kutusunun genel yapısı */

.search-container {

    margin-top: 39px;

    display: flex;

    align-items: right;

    width: 100%;

    max-width: 300px; /* Küçültülmüş genişlik */

    border: 1.5px solid #3a3631; /* Daha ince kenarlık */

    border-radius: 20px; /* Yuvarlak köşeler */

    padding: 3px;

    background-color: white;

}



/* Input alanı */

.search-input {

    flex: 1;

    border: none;

    outline: none;

    padding: 6px 10px; /* Daha küçük iç boşluk */

    font-size: 14px; /* Daha küçük yazı boyutu */

    border-radius: 20px;

    color: #3a3631;

    background-color: transparent;

}



/* Placeholder rengi */

.search-input::placeholder {

    color: #8a857f;

    font-size: 13px;

}



/* Büyüteç ikonunun olduğu buton */

.search-button {

    background: none;

    border: none;

    cursor: pointer;

    padding: 6px;

    color: #3a3631;

    font-size: 14px; /* Daha küçük ikon boyutu */

}



/* Buton hover efekti */

.search-button:hover {

    color: #000;

}







.navik-menu a {font-style: normal !important;}



@media (min-width: 1200px) {

    .navik-header.center-menu-2 .logo {

 

        padding: 10px 30px;

         

    }

}



@media (min-width: 1200px) {

    .center-menu-2.header-dark .navik-menu {

        border-top:0px;

    }

}



.navik-menu a{

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

    font-size: 18px !important;

    letter-spacing: 2px;

}

.navik-menu.submenu-scale li>ul {

    text-align: center;

}

 .navik-header.header-dark .line-menu {

    background-color: var(--siyah);

}



.navik-header.header-dark .dropdown-plus::after, .navik-header.header-dark .dropdown-plus::before{

    background-color: var(--beyaz);

}

.navik-header.header-dark { background-color: #2AA8A7;}



.navik-menu a { color:var(--beyaz) !important}

.bgColorFFF{background-color: var(--beyaz);}



.slick-dots li button:before {font-size: 16px !important; }



.slick-dots { bottom:  5px !important;}



.ltn__slide-one-active img{width: 100%;}





.homeH1{ text-align: center; margin: 20px;    
    
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

}

.homeH2{ text-align: center; color:var(--beyaz); padding-bottom: 5px; padding-top: 10px;    
    
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

}



.home-tesislerimiz-header-cont{

    background-color: var(--tesislerimiz-header-bg);  margin-top: 10px; padding: 5px;

}



.logox {

    /*
    max-height: 70px !important;
    */
    max-width: 120px !important;
}





.home-ikon-item-img{

    width: 65%;

    

}



.home-ikon-item-baslik a{

    color:var(--renk1);

    text-decoration: none;

    text-transform: uppercase;

    font-weight: bold;

    font-size: clamp(1.3rem, 2vw, 0.8rem);



}

.home-ikon-item-baslik a:hover{

    text-decoration: none;

}





.home-ikonlar-item {

    display: inline-block;

    text-align: center;

    transition: transform 0.3s ease-in-out;

    border-right: 1.5px solid var(--renk2);

    margin-right: 3px;

    padding-right: 10px;



}



.home-ikonlar-item:hover img {

    transform: scale(1.1);

    transition: transform 0.3s ease-in-out;

}





.home-ikonlar-item img {

    transition: transform 0.3s ease-in-out;

}



.home-ikonlar .home-ikonlar-item:last-child {

    border-right: 0;

}





.home-tesislerimiz-cont{

    background-color: var(--tesislerimiz-bg);

    padding:2%; 

}



.home-tesislerimiz-item{

    margin: 5px;

    position: relative;

    overflow: hidden; 

}

.home-tesislerimiz-item-img {

    overflow: hidden;

}

.home-tesislerimiz-item-img img{

    width: 100%;

    transition: transform 0.3s ease-in-out; /* Geçiş efekti */

}

.home-tesislerimiz-item:hover .home-tesislerimiz-item-img img {

    transform: scale(1.1); /* %10 büyütme efekti */

}

.home-tesislerimiz-item-title{

    background-color: var(--beyaz);

    padding:4px;

    font-weight: bold;



}



.home-tesislerimiz-item-title a{

    color:var(--renk3);

    text-decoration: none;

}

.home-tesislerimiz-icon-arrow{

    position: absolute;

    right: 8px;

    bottom: 0px;

    z-index: 1;

}

.home-tesislerimiz-icon-arrow a{

    text-decoration: none;

    color:var(--kirmizi);

    font-size: 24px;

}



 



.contact-box {

    padding-left: 30px; /* Sol boşluğu artırır */

}



.icon-box {

    display: flex;

    align-items: center;

    gap: 20px; /* İkon ile metin arasındaki boşluğu açar */

    margin-bottom: 10px; /* Telefon ve e-posta arasındaki boşluğu açar */

}



.icon-box i {

    margin-right: 10px; /* İkon ile metin arasındaki boşluğu artırır */

}













        /* Genel Stil */

        .home-haber-section {

            background: var(--home-haber-bg);

            padding: 20px;

            margin-top: -20px;

            position: relative;

            z-index: 1;

        }



        .home-haber-header {

            font-weight: bold;

            font-size: 20px;

            display: flex;

            align-items: center;

            justify-content: space-between;

        }



        .home-haber-header i {

            font-size: 24px;

        }



        .home-haber-item {

            display: flex;

            align-items: center;

            justify-content: space-between;

            padding: 10px 0;

            position: relative;

        }

        .home-haber-item span{

            padding-left: 3px;

            width: 100%;

        }

        .home-haber-item span a{

            color:var(--haber-duyuru-link);

            text-decoration: none;

        }

        .home-haber-item span a:hover{

            text-decoration: underline;

        }

        .home-haber-item i {

            color:var(--kirmizi);

            font-size: 24px;

        }



        #home-haber-selected-img {

            width: 100%;



            display: block;

        }



        /* Zaman Çizgisi ve Noktalar */

        .home-haber-timeline {

            position: relative;

            width: 20px;

            display: flex;

            justify-content: center;

            align-items: center;

        }



        /* Dikey Çizgi */

        .home-haber-timeline::before {

            content: "";

            position: absolute;

            width: 4px;

            height: 100%;

            background: rgba(255, 0, 0, 0.5);

            left: 50%;

            transform: translateX(-50%);

            top: 0;

        }



        .home-haber-timeline-dot {

            width: 12px;

            height: 12px;

            background: var(--kirmizi);

            border-radius: 50%;

            position: relative;

            z-index: 2;

        }



        /* İlk öğenin çizgisini başlatma */

        .home-haber-item:first-child .home-haber-timeline::before {

            top: 50%;

        }



        /* Son öğenin çizgisini bitirme */

        .home-haber-item:last-child .home-haber-timeline::before {

            height: 50%;

        }



        @media (max-width: 768px) {

            .home-haber-section {

                margin-top: 0;

            }

        }



        .home-haber-timeline-draw{

            position: absolute;  width: 1px; height:100%;  border:1px solid var(--kirmizi);

        }





        .home-haber-duyuru-cont{

            margin-top: 30px;

        }



   



        .duyuru-link {

            color: #3e3a35; /* Normal metin rengi */

            text-decoration: none; /* Alt çizgiyi kaldır */

            transition: color 0.3s ease-in-out; /* Geçiş efekti */

        }

        

        .duyuru-link:hover {

            color: #ee2932; /* Hover durumunda renk değiştir */

        }







        .footer {

            margin-top: 30px;

            background:var(--footer-bg);

            padding: 20px 0;

            overflow: hidden;

            

        }



        /* İkon ve metin hizalama */

        .footer .icon-box {

            display: flex;

            align-items: center; /* Dikey hizalama */

            gap: 10px; /* İkon ve metin arası boşluk */

            font-size: 18px;

            color: var(--footer-link)

        }



        .footer .icon-box i {

            font-size: 24px;

            color: var(--kirmizi);

            width: 30px; /* İkonlar için sabit genişlik */

            text-align: center;

        }



        .footer .campus-box {

            text-align: left;

        }



        .footer .campus-title {

            font-weight: bold;

            color: var(--kirmizi);

        }



        .footer .campus-address {

            font-size: 14px;

            color: var(--renk4);

        }



        .footer a{

            color:var(--footer-link);

            text-decoration: none;

        }

        .footer a:hover{

            text-decoration: underline;

        }



        @media (max-width: 768px) {

            .footer .icon-box {

                justify-content: flex-start;

            }

            .footer .campus-box {

                text-align: center;

            }

        }



        @media (max-width: 768px) {

            .footer .icon-box {

                justify-content: center; /* Mobilde ortala */

            }

        

            .footer .contact-box {

                align-items: center !important; /* Mobilde ortalamak için */

                text-align: center; /* Metni ortala */

            }

        }





/* Yalnızca ana menü öğelerini etkiler, alt dropdown menüleri etkilenmez */

.navik-menu > ul > li:hover {

    background-color: #037275; /* Kırmızımsı arkaplan */

    color: white; /* Yazıyı beyaz yap */

    transition: background-color 0.3s ease-in-out; /* Geçiş efekti */

}



.navik-menu .current-menu{

    background-color: #3e3a35; 

}

.navik-menu .dropdown_menu ul {

    background-color: #3e3a35 !important;

}

.navik-menu .dropdown_menu ul li:hover {

    background-color: #282724 !important;

   

}

.navik-menu .dropdown_menu ul li:hover a {

   color:#d02030 !important

   

}



.navik-menu.submenu-top-border li>ul {

        border-top: 0px ;

}







.spor-detay{

    margin-top:var(--page-margin-top);

}



.spor-detay-h1{

    text-align: center;

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;



}

.spor-detay-ikon{

    align-items: center;

    text-align: center;

}







.sayfa-detay{

    margin-top:var(--page-margin-top);

}



.sayfa-detay-h1{

    text-align: center;

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;


}

.sayfa-detay-ikon{

    align-items: center;

    text-align: center;

}







.personel {

    background-color: var(--renk2);

    margin-bottom: 20px;

    overflow: hidden;

    /* Taşmayı engelle */

}



/* Resmi zoom yapmak için */

.personel-img {

    overflow: hidden;

    /* Resmin taşmasını engelle */

}



.personel-img img {

    width: 100%;

    transition: transform 0.3s ease-in-out;

}



.personel:hover .personel-img img {

    transform: scale(1.1);

    /* %10 büyütme */

}



/* Metinlerde değişiklik yok */

.personel-bilgi {

    text-align: center;

    padding: 5px;

}



.personel-bilgi a {

    color: var(--siyah);

    text-decoration: none;

}



.personel-bilgi a:hover {

    text-decoration: underline;

}









.haber-detay{

    margin-top:var(--page-margin-top);

}



.haber-detay-h1{

    text-align: center;

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;



}

.haber-detay-ikon{

    align-items: center;

    text-align: center;

}





.medya {

    background-color: var(--renk2);

    margin-bottom: 20px;

    overflow: hidden;

    /* Taşmayı engelle */

}



/* Resmi zoom yapmak için */

.medya-img {

    overflow: hidden;

    /* Resmin taşmasını engelle */

}



.medya-img img {

    width: 100%;

    transition: transform 0.3s ease-in-out;

}



.medya:hover .medya-img img {

    transform: scale(1.1);

    /* %10 büyütme */

}

 

.fancybox__container {

    z-index: 99999999;

}





.personel-detay{

    margin-top:var(--page-margin-top);

}

.personel-detay-h1{text-align: center;   
    
    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;

}







.haber-liste{

    margin-top: var(--page-margin-top);

}

.haber-liste-h1 {

    text-align: center;

    font-family: "Roboto", sans-serif;
    font-optical-sizing: auto;
    font-style: normal;


}

.haber-liste-item {

background-color: var(--renk2);

margin-bottom: 20px;

overflow: hidden;

/* Taşmayı engelle */

}



/* Resmi zoom yapmak için */

.haber-liste-item-img {

overflow: hidden;

/* Resmin taşmasını engelle */

}



.haber-liste-item-img img {

width: 100%;

transition: transform 0.3s ease-in-out;

}



.haber-liste-item:hover .haber-liste-item-img img {

transform: scale(1.1);

/* %10 büyütme */

}



.haber-liste-item-info{

padding: 5px;

background-color: var(--renk2);

height: 55px;

overflow: hidden;

}



.haber-liste-item-info a{

color:var(--siyah);

text-decoration: none;

}

.haber-liste-item-info a:hover{

text-decoration: underline;

}







/* Sayfa başlığı */

.sayfa-iletisim-baslik {

    text-align: center;

    font-size: 24px;

    font-weight: bold;

    margin-bottom: 30px;

}



/* Resimleri düzenle */

.sayfa-iletisim-resim img {

    width: 100%;

    border-radius: 8px; /* Köşeleri yumuşatma */

}



/* Kampüs bilgileri */

.sayfa-iletisim-bilgi {

    display: flex;

    flex-direction: column;

    align-self: start; /* İçeriği yukarı sabitle */

    text-align: left; /* Metni sola hizala */

}



/* Başlık ve ikon */

.sayfa-iletisim-kampus-baslik {

    font-size: 18px;

    font-weight: bold;

    color: var(--kirmizi);

    margin-bottom: 8px;

    display: flex;

    align-items: center;

    gap: 8px; /* İkon ile yazı arasındaki boşluk */

}



/* Adres ve iletişim bilgileri */

.sayfa-iletisim-kampus {

    font-size: 14px;

    color: var(--renk4);

}



/* Mobil için düzenleme */

@media (max-width: 768px) {

    .sayfa-iletisim-bilgi {

        text-align: center;

        align-items: center;

    }



    .sayfa-iletisim-kampus-baslik {

        justify-content: center;

    }

}

.sayfa-iletisim-item a{

    color:var(--kirmizi);

    text-decoration: none;

}





@media (min-width: 1200px) {
    .navik-header.center-menu-2 .logo {
        padding: 0px 30px;
    }
}