.dropdown-submenu {position: relative;}
.dropdown-menu .dropdown-menu {right: 0;top: 0;left: 100%;transform: translateY(0);display: none;/* Initially hide submenus */
}
.dropdown-submenu:hover>.dropdown-menu,
.dropdown-submenu:focus>.dropdown-menu {width: 100%;display: block;/* Show submenus on hover or focus */
}
.dropdown-submenu:after {font-family: "Font Awesome 6 Pro";font-weight: 600;content: "\f0da";position: absolute;right: 5px;top: 3px;color: antiquewhite;}
.dropdown-submenu:hover:after{color: #9b0202;z-index: 1;}
#anaMenu .nav-item:hover{background: linear-gradient(to bottom, #9b0202, #c30000);border-radius:10px;}

#anaMenu .nav-item {position: relative;}
#mainHeader {height: 90px;}
@media (min-width: 768px) {#mainHeader {height: 60px !important;}
 #anaMenu .nav-item:not(:first-child)::before {content: '';border-left: 1px solid #df2c32;position: absolute;left: 0;top: 25%;bottom: 25%;}
}
.fixed-top {position: fixed;top: 0;right: 0;left: 0;z-index: 1030;}
.slideInDown {animation-name: slideInDown;animation-duration: 0.5s;}
@keyframes slideInDown {from {transform: translate3d(0, -100%, 0);visibility: visible;}
 to {transform: translate3d(0, 0, 0);}
}
.navBg {background-color: #c30000;}
#etag {z-index: 1;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);color: #c60000;font-weight: bold;}
.line {height: 40px;position: relative;width: 276px;background: white;margin: 0 auto;}
.line:before {content: "";display: block;height: 100%;background: rgb(195, 0, 0, 1);background: linear-gradient(70deg, rgba(195, 0, 0, 1) 13%, rgba(255, 255, 255, 1) 15%);position: absolute;top: 0;z-index: -0;left: 0;width: 96px;}
.line:after {content: "";display: block;height: 100%;background: rgb(195, 0, 0, 1);background: linear-gradient(297deg, rgba(195, 0, 0, 1) 20%, rgba(255, 255, 255, 1) 23%);position: absolute;top: 0;right: 0;z-index: -0;width: 85px;}
.aoLogo {position: absolute;max-height: 108px;z-index: 1;top: 10px;}
#anaMenu a {color: white;font-size: 16px;font-weight: bold;z-index: 1;position: relative;} /*burası nav ana link*/
#anaMenu .dropdown-menu a {font-weight: normal !important;margin-right: 15px;}
#anaMenu .dropdown-menu {min-width: 100%;background-color: #1c5075;border: 0;-webkit-box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.75);-moz-box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.75);box-shadow: 3px 3px 11px 0px rgba(0, 0, 0, 0.75);}
#anaMenu .dropdown-item {font-size: 12px;border-bottom: 1px solid #255577;border-top: 1px solid #1c5075;}
#anaMenu .dropdown-item:hover {background-color: #c30000;border-bottom: 1px solid #ff6a78;border-top: 1px solid #ff6a78;}
#anaMenu .dropdown-item:focus {background-color: #00092f;}
#anaMenu .subMen.show {width: 120%;}
.sosyal li a {color: #ff6a78;}
.sosyal li a:hover {color: #fff;}
.so {text-decoration: none;}
a.so:before {border-radius: 50%;width: 22px;display: block;padding: 3px;text-align: center;background-color: #ff6a786b;font-family: "custom_icon" !important;line-height: 1;-webkit-font-smoothing: antialiased;content: "\e91b";color: #9b0202;margin-left: 2px;text-decoration: none !important;}
a.so:hover:before {color: #333 !important;background-color: #ffffff6b;}
a.gb {color: #ff6a78;}
.glb {padding-left: 120px;line-height: 35px;font-family: "Altinordu-Light";font-size: 13px;}
.glb a:hover {color: white;}
#arama {border-radius: 20px;background-color: #ff6a786b;font-size: 12px;border: 0;}
#arama:focus {background-color: #ff6a78;font-size: 12px;color: #c30000;border: 0;outline: 0;}
#arama::placeholder {color: #9b0202;}
.navTpMenu li {font-size: 12px;padding-left: 3px;padding-right: 3px;color: #fff;}
.navTpMenu li a:hover {color: #ff6a78;}
.navTpMenu li:not(:first-child)::before {content: " | ";opacity: 0.6;}
.navTpMenu li a {display: inline-block;}
.navAltText{font-size: 11px;color: white;margin-top: -10px;text-align: center;}
.dgr-lnk li {border: 1px solid #df2c32;padding: 5px;border-radius: 5px;}
.dgr-lnk li:hover {background-color: #990404;}
/*arama bölümü*/
.white-popup {max-width: 80rem;padding: 20px;background-color: #fff;border-radius: 5px;margin: auto;max-height: 40rem;overflow: auto;}
.white-popup ul {list-style: none;padding: 0;margin: 0;}
.white-popup {margin-top: -25px;position: relative;padding-top: 1rem;background: #fff;z-index: 0;box-shadow: 0px 0px 3px 5px #c30000;/*padding-left: 3.2rem; padding-right: 3.2rem;*/
}
.white-popup::before {background-image: url("/images/hbrPattern.jpg");opacity: 0.03;}
.white-popup::after,
.white-popup::before {content: "";position: absolute;top: 0;left: 0;right: 0;bottom: 0;z-index: -1;height: 200px;}
.white-popup::after {background: linear-gradient(0deg, #fff 25%, hsla(0, 0%, 100%, 0));}
.highlight {background-color: yellow;}
.aramaKutulari {font-size: 11px;border-bottom: 1px dotted #ccc;color: #333;}
.aramaKutulari:hover li {background-color: #1c507523 !important;color: #1c5075;border-left: 3px solid #c30000;}
.aramaKutulari li {padding: 5px;border-left: 3px solid #00000000;border-bottom: 1px dashed #333;}
/*arama bölümü*/
#izmircupLogo {z-index: 1;margin-top: -10px;margin-left: 10px;}
.mobilLogoA{position: absolute;width: 50%;z-index: 9999!important;position: fixed!important;}
#homeNav{display:none;cursor:pointer; font-size: 10px; padding-top:20px; padding-left: 10px; color:#df2c32;}
#homeNav::before{content: "\f015"; font-family: "Font Awesome 6 Pro"; font-weight: 600; color:#df2c32; padding-right: 5px;}
#homeNav:hover{background-color: #ff6a78;}
/*Bu alan menuAna_text_minikElitler ve futbol okulları bölümü için geliştirilmiştir.*/
@media (min-width: 992px) and (max-width: 1399px) {
    .nav-link.truncate-lg-xl {
        max-width: 200px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
    .nav-link.fbOkul-lg-xl {
        max-width: 150px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
}