﻿

nav, nav .nav-wrapper i, nav a.button-collapse, nav a.button-collapse i {
     height: 48px;
    line-height: 48px;    
}

/* #region BANNER MENU...*/

.banner-menu {
    font-family: var(--f_kurumsal);
    background-color: var(--r_kurumsal);
    /*border-bottom: 1px solid var(--r_beyaz90);*/
    box-shadow: none;
    height: 48px;
    line-height: 48px;
    z-index: 4;
}

    .banner-menu ul li a i {
        height: 40px;
        line-height: 40px;
        font-size: 1.5em;
        box-sizing: border-box;
        padding: 0;
        margin: 0;
    }

    .banner-menu .brand-logo {
        font-size: 2em; /*1.2em*/
        line-height: normal;
        height: 0;
        margin-left: 100px;
        margin-bottom: 0;
        margin-top: 15px;
        letter-spacing: normal !important;
        font-weight: 300;
    }

    .banner-menu ul li.dil {
        height: 35px;
        line-height: 35px;
        margin: 3px 5px;
        box-sizing: border-box;
    }

        .banner-menu ul li.dil.aktif {
            background-color: rgb(92, 92, 92);
        }



/* #endregion */


/* #region TOP MENU...*/

.top-menu {
    font-family: var(--f_kurumsal);
    background-color: var(--r_kurumsal);
    border-bottom: none;
    box-shadow: none;
    height: 48px;
    line-height: 48px;
    z-index: 4;
}

    .top-menu .brand-logo span {
        margin-left: 50px;
        letter-spacing: 1px;
        font-size: .95em;
        font-weight: 200;
    }

    .top-menu .brand-logo img {
        position: absolute;
        top: -55px;
        left: 0;
        height: 120px;
        width:auto;
    }

.ana-menu ul {
    list-style-type: none;
}

    .ana-menu ul li {
        min-width: 100px;
        width: auto;
        padding: 0 !important;
        background-color: transparent;
    }

        .ana-menu ul li a {
            color: var(--r_beyaz);
            text-align: center;
            text-decoration: none;
            font-size: 2em;
            width: auto;
            padding: 0 20px !important;
            box-sizing: border-box;
        }

            .ana-menu ul li a:hover {
                background: var(--r_link_hover);
            }

            .ana-menu ul li a.active {
                background: var(--r_link_active);
            }

        .ana-menu ul li:hover a {
            background: var(--r_kirmizi);
        }

        .ana-menu ul li:hover .ana-menu-alt {
            display: block;
        }

.ana-menu-alt {
    min-width: 200px;
    width: auto;
    height: auto;
    display: none;
    position: absolute;
    background-color: var(--r_kurumsal2) !important;
    box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
    text-align: left;
    margin-top: -1px;
    padding: 0 0 0 0;
    box-sizing: border-box;
    z-index: 1;
}

    .ana-menu-alt ul {
    }

        .ana-menu-alt ul li {
            display: block !important;
            float: left !important;
            width: 100%;
        }

            .ana-menu-alt ul li a {
                background-color: var(--r_kurumsal2) !important;
                font-size: 1.5em;
                width: 100%;
                padding: 0px 10px;                
                text-align: left !important;
            }

                .ana-menu-alt ul li a:hover {
                    background: var(--r_link_hover) !important;
                    color: var(--r_beyaz);
                }

/* #endregion*/


#mobile-navbar {
    font-family: var(--f_kurumsal);
}

    #mobile-navbar .side-nav-title {
        background-color: var(--r_kimyon);
        color: var(--r_beyaz);
        padding: 0 10px;
        font-size: 1.5em;
    }

        #mobile-navbar .side-nav-title i {
            text-align: right;
            font-size: 1.2em;
            float: right;
        }

    #mobile-navbar ul {
    }

        #mobile-navbar ul li {
            border-bottom: 1px solid var(--r_kurumsal10);
            color: var(--r_kurumsal) !important;
            line-height: 40px;
            height: 40px;
            box-sizing: border-box;
            padding: 0;
            margin: 0;
        }

            #mobile-navbar ul li:last-child {
                border-bottom: 0px solid var(--r_kurumsal10);
            }

            #mobile-navbar ul li a {
                color: var(--r_kurumsal) !important;
            }

                #mobile-navbar ul li a.active {
                    background: var(--r_beyaz);
                }





@media (min-width: 0px) and (max-width: 600px) {
    .top-menu {
        top: 0;
    }
        .top-menu .brand-logo span {
            margin-left: -30px;
            font-size: 1em !important;
            font-weight: 100;
        }
}

@media (min-width: 601px) and (max-width: 992px) {
    .top-menu {
        top: 0;
    }

        .top-menu .brand-logo span {
            margin-left: -30px;
            font-size: 1em !important;
            font-weight: 100;
        }
}

@media (min-width: 993px) and (max-width: 1200px) {
    .top-menu {
        top: 0;
    }

        .top-menu .brand-logo span {
            margin-left: -30px;
            font-size: 1em !important;
            font-weight: 100;
        }
}
