/*
*
*   Designer By Onur KIRKLAROĞLU
*
*   @author Onur KIRKLAROGLU
*   @since Friday, March 17, ‎2017
*   @category  E-Belediye Custom Theme
*   @version 1.0.02
*   
*   @ Belediyenin Theme Designer Alanıdır. 
*
*   @ Bu alana CSS bilen tasarım personelinin girdiği 
*   @ kodun sonuna '!important' ile ekleyerek değişiklik yapabilir.
*   @ Aksi takdirde ham görsel tasarım görünecektir.
*
*   @ Yönlendirmelerin hiç bir şekilde silinmemesi gereklidir.
*
*   @ Burada yazılan kod içerisinde oluşan yazım hatasaından 
*   @ Universal Bilgi Teknolojileri hiç bir şekilde sorumlu değildir.  
*/


/* Master Sayfa Menü Alanı Görsel Değişiklikleri */

.menuArea .container {
    /* Menü Alanı en dış arka plan rengi */
    background-color: #e9edef !important;
    /* Meü Alanı en dış alt border rengi */
    border-bottom-color: #4c87b9 !important;
}

#firstBtn {
    /* Menü Alanı İlk Button Arka Plan Rengi */
    background-color: #4c87b9 !important;
    /* Menü Alanı İlk Button Yazı Rengi */
    color: #fff !important;
}

    #firstBtn:hover {
        /* Menü Alanı İlk Button Mouse Üzerine Geldiğinde Oluşan Arka Plan Rengi */
        background-color: #4c87b9 !important;
        /* Menü Alanı İlk Button Mouse Üzerine Geldiğinde Oluşan Yazı Rengi */
        color: #fafafa !important;
    }

.menuArea .container .navbar-nav > li > a {
    /* Menü Alanı Diğer Butonların Yazı Rengi */
    color: #525e64 !important;
}

.menuArea .container .navbar-toggle:hover {
    /* Menü Alanı Response Edildiğinde Çıkan Menü Alanının Mouse Üzerine geldiğinde ki Arka Plan Rengi */
    background-color: #4c87b9;
}

    .menuArea .container .navbar-toggle:hover .icon-bar {
        /* Menü Alanı Response Edildiğinde Çıkan Menü İkonunun Mouse Üzerine geldiğinde ki Rengi */
        background-color: #fff;
    }

.menuArea .container .navbar-toggle:focus {
    /* Menü Alanı Response Edildiğinde Çıkan Menü ALanının Seçili Olduğunda Ki Arka Plan Rengi */
    background-color: #4c87b9;
}

    .menuArea .container .navbar-toggle:focus .icon-bar {
        /* Menü Alanı Response Edildiğinde Çıkan Menü İkonunun Seçili Olduğunda ki Rengi */
        background-color: #fff;
    }

.menuArea .container .navbar-nav > li > a:hover {
    /* Menü Alanı Diğer Butonların Mouse Üzerine Geldiğinde Oluşan Yazı Rengi */
    color: #333 !important;
}

.menuArea .container .navbar-nav > .open > a {
    /* Menü Alanı Tıklandığında Alt Menü Açıkdıktan Sonraki Üst Menü Arka Plan Rengi */
    background-color: #d91e18 !important;
    /* Menü Alanı Tıklandığında Alt Menü Açıkdıktan Sonraki Üst Menü Yazı Rengi */
    color: #fff !important;
}

    .menuArea .container .navbar-nav > .open > a:hover {
        /* Menü Alanı Tıklandığında Alt Menü Açıkdıktan Sonraki Üst Menü Mouse Üzerine Geldiğinde Oluşan Yazı Rengi */
        color: #fff !important;
    }

.menuArea .container .navbar-nav > li > .dropdown-menu {
    /* Menü Alanı Tıklandığında Alt Menü Üst Border Rengi */
    border-top-color: #808080 !important;
}


/* Anasayfa Slider Yanı Buton Alanları Görsel Değişiklikleri */

.slideArea .rightArea:nth-child(1) span {
    /* Master Slider Yanı 1.Buton Arka Plan Rengi */
    background-color: #2458a2 !important;
    /* Master Slider Yanı 1.Buton Yazı Rengi */
    color: #fff !important;
}

.slideArea .rightArea:nth-child(2) span {
    /* Master Slider Yanı 2.Buton Arka Plan Rengi */
    background-color: #7e8288 !important;
    /* Master Slider Yanı 2.Buton Yazı Rengi */
    color: #fff !important;
}

.slideArea .rightArea:nth-child(3) span {
    /* Master Slider Yanı 3.Buton Arka Plan Rengi */
    background-color: #447c85 !important;
    /* Master Slider Yanı 3.Buton Yazı Rengi */
    color: #fff !important;
}

/* Anasayfa Orta Yazı Alanı */
.mostContentArea {
    /* Ana Sayfa Yazıların Bulunduğu alanı gösterip kapatır. Block gösterir, None kapatır. */
    display: block !important;
}

/* Anasayfa Online Hizmetler Alanı */

.textSeperatorArea {
    /* Online Hizmetler Yazısı, Arka Plan Rengi */
    background-color: #fff !important;
    /* Online Hizmetler Yazısı, Alt Border Alanı */
    border-bottom-color: #333 !important;
    /* Online Hizmetler Yazısı, Yazı Rengi */
    color: #9c9c9c !important;
    /* Online Hizmetler Yazısı, Yazı Posizyonu */
    text-align: left !important;
    /* Online Hizmetler Yazısı, Yazı Boyutu */
    font-size: 18px !important;
}

.onlineContentArea .buttonArea {
    /* Online Hizmetler Alanı Buton Yuvarlama Alanı (Yuvarlama = daire için 50% değeri giriniz) */
    border-radius: 0px !important;
}

    .onlineContentArea .buttonArea i {
        /* Online Hizmetler Alanı Üst İkon Resmi Görsel Boyutu */
        font-size: 80px !important;
    }

    .onlineContentArea .buttonArea span {
        /* Online Hizmetler Alanı Alt İkon Yazı Boyutu */
        font-size: 16px !important;
    }

.onlineContentArea .colorArea:nth-child(1) .buttonArea {
    /* Online Hizmetler Alanı 1.Buton Arka Plan Rengi */
    background-color: #d002c9 !important;
}

.onlineContentArea .colorArea:nth-child(2) .buttonArea {
    /* Online Hizmetler Alanı 2.Buton Arka Plan Rengi */
    background-color: #03138e !important;
}

.onlineContentArea .colorArea:nth-child(3) .buttonArea {
    /* Online Hizmetler Alanı 3.Buton Arka Plan Rengi */
    background-color: #fe1e1e !important;
}

.onlineContentArea .colorArea:nth-child(4) .buttonArea {
    /* Online Hizmetler Alanı 4.Buton Arka Plan Rengi */
    background-color: #4c87b9 !important;
}

.onlineContentArea .colorArea:nth-child(5) .buttonArea {
    /* Online Hizmetler Alanı 5.Buton Arka Plan Rengi */
    background-color: #5ecd28 !important;
}

.onlineContentArea .colorArea:nth-child(6) .buttonArea {
    /* Online Hizmetler Alanı 6.Buton Arka Plan Rengi */
    background-color: #ff7214 !important;
}

/* Footer Alanı  */

.footer {
    /* Footer Arka Plan Rengi (Bu alana sadece #renk kodu !important; şeklinde de yapılabilir.) */
    background: url(../../../images/ThemeImages/footerBg.png) repeat !important; /* #333 !important; */
    /* Footer Alanı Üst Border Rengi */
    border-top-color: #bfbfbf !important;
}

    .footer .container {
        /* Footer İç alanı Arka Plan Rengi */
        background-color: #fff !important;
        /* Footer İç alanı Border Rengi */
        border-color: #efefef !important;
    }

.logoBottom {
    /* E-Belediye Logosu - Bunlardan Sadece 1 tanesi kullanılacaktır. */
    background: url("../../../images/ThemeImages/eBelediyeLogoKucuk.png") no-repeat !important; /* Arka Plan Rengi Açık Olanlarda Kullanılır */
    /*background:url(../Images/eBelediyeLogoKucukBEYAZ.png) no-repeat !important;*/ /* Arka Plan Rengi Koyu Olanlarda Kullanılır */
}

.footerMenuArea ul li {
    /* Footer Alanı Orta Ufak Menü Alanı Yan Border Alanı */
    border-right-color: #989898 !important;
}

    .footerMenuArea ul li a {
        /* Footer Alanı Orta Ufak Menü Alanı Yazı Rengi Alanı */
        color: #989898 !important;
    }

        .footerMenuArea ul li a:hover {
            /* Footer Alanı Orta Ufak Menü Alanı Mouse Üzerine Geldiğinde Oluşan Yazı Rengi Alanı */
            color: #4c87b9 !important;
        }

.sosyalAglar a {
    /* Footer Alanı Sosyal Ağlar Alanı Buton Arka Plan Rengi */
    background-color: #bbb !important;
    /* Footer Alanı Sosyal Ağlar Alanı Buton Yazı Rengi Alanı */
    color: #fff !important;
    /* Footer Alanı Sosyal Ağlar Alanı Border Radius Alanı (Yuvarlama = daire için 50% değeri giriniz) */
    border-radius: 0px !important;
}

    .sosyalAglar a:hover {
        /* Footer Alanı Sosyal Ağlar Alanı Buton Mouse Üzerine Geldiğinde Oluşan Arka Plan Rengi */
        background-color: #ff7214 !important;
    }

/* Copyright Alanı */

.copyright {
    /* Copyright Alanı Arka Plan Rengi */
    background-color: #fafafa !important;
    /* Copyright Alanı Yazı Rengi Alanı */
    color: #999 !important;
    /* Copyright Alanı Text Position Alanı */
    text-align: center !important;
    /* Copyright Alanı Font Boyutu */
    font-size: 0.7em !important;
}

    .copyright a {
        /* Copyright Alanı Link Alanı Renk Özellikleri */
        color: #000 !important;
    }

/* QR CODE Background Area */
.qrCodeMainArea {
    background: url(../../../images/ThemeImages/qrCodeImage.png) repeat !important;
}