/*
css created by ahmetd
28.07.2025
*/
/*
@import "colors.css";
@import "sizes.css";
@import "custom-items.css";
*/

@import url('https://fonts.googleapis.com/css2?family=Shantell+Sans:wght@300;400;600;800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Livvic:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,200..1000;1,200..1000&display=swap');


html {
  scroll-behavior: smooth;
  overflow-y:scroll;margin:0;
}

.clr{clear:both;}
a{text-decoration: none;}

:root{
  --dark: #04000b;  
  --primary: #2c317a;
  --secondary: #F26F6F;
  
  --red: #e12c2f;
  --red02: #bf1e2d;/*bf1e2d*/
  
  --green: #41b157;
  --green02: #28a745;
  
  --yellow01 : #ffc107;
  --orange01 : #fbf3db;

  --background:#f4f6f8;
  --background02: #e9eef3;
  
  --blue-light: #d0e4fc/*e3f2fd*/;
  --blue-lightest: #f7f9fd;
  --dark-grey: #333333;
  --yellow:#ffc000;
  --yellow01 : #ffc107;
  
  --soft-red: #f44336;/*#dc3545;*/

}

body{background: #f5f5f5;float:left;width:100%;height:100%;margin:0;padding:0;font-size: 12px;color:#000;
font-family: "Nunito", sans-serif;}

#top-bg::before {
    z-index: -1;
    content: "";
    position: absolute;
    /*clip-path: polygon(0px 0px, 100% 0px, 100% 80%, 0% 100%);*/
    inset: 0px;
    background: linear-gradient(97.41deg, rgb(254, 240, 236) -0.75%, rgb(238, 244, 243) 45.79%, rgb(245, 242, 240) 96.95%);
}

#top-bar-outer{float:left;width:100%;height:30px;}
    #top-bar-inner{width:90%;margin:5px auto;}
        #top-bar-left{float:left;margin-left:2%;}

        #top-bar-inner a{color:var(--dark);}
        .top-bar-svg{float:left;margin:4px;}
        #top-bar-email{float:left;margin:2px 6px ;}

        #top-bar-right{float:right;margin-right:2%;}
        .top-bar-svg{float:left;margin:4px;}
        #top-bar-mobile{float:left;margin:2px 6px;}

section#top-holder{width:90%;margin:10px auto;position:relative;height:100%;background:#fff;border-radius:10px;}
#logo-top-menu-outer{position:relative;width:100%;margin:0;padding:0;border-bottom:0px solid var(--primary);}
#logo-top-menu-holder{width:96%;height:100%;position:relative;margin:0 auto;display:flex;justify-content: space-between;}
#logo{float:left;margin:30px 0;font-size:21px;font-weight: 700;display:flex;justify-content: space-between;flex-direction: column;}

#logo-slogan{width:100%;float:left;text-align: center;font-size: 12px;font-weight: 600;color:#444;}

/* mobile menu */

#mobile-menu-bar{display:none;}
#mobile-menu-links-holder{display:none;}
#top-menu-holder-mobile{display:none;}


#top-menu-holder{float:left;/*width:44%;margin:0 0 0 100px;*/border:0px solid #000;}
a.top-menu-link:link,a.top-menu-link:visited{font-weight:600;float:left;margin:30px 10px;padding:10px 20px;font-size:14px;color:var(--primary);border-radius:5px;transition: all 0.3s;}
a.top-menu-link:hover{background:var(--primary);color:#fff;}

a.top-menu-link-active:link,a.top-menu-link-active:visited {font-weight:600;float:left;margin:30px 10px;padding:10px 20px;font-size:14px;background:var(--primary);color:#fff;border-radius:5px;transition: all 0.3s;}


/*#log-reg-holder{float:right;width:210px;margin-top:30px;}*/
a.giris:link,a.giris:visited{float:left;width:90px;background:#fff;color:var(--primary);margin:0 5px;padding:10px 0;border:1px solid #e1e1e1;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.giris:hover{border:1px solid var(--secondary);color:var(--secondary);}
a.kayit:link,a.kayit:visited{float:left;width:90px;border:1px solid var(--secondary);background:var(--secondary);color:#fff;margin:0 5px;padding:10px 0;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.kayit:hover{background: transparent;color:var(--secondary);}

#log-reg-holder{float:right;margin-top:30px;}
.online-gorusme-talep-button{float:left;border:1px solid var(--secondary);background: transparent;color:var(--secondary);margin:0 5px;padding:10px;border-radius:5px;text-align:center;font-size: 13px;font-weight: 400;transition: all 0.3s;cursor:pointer;}
.online-gorusme-talep-button:hover{background:var(--secondary);color:#fff;}


#log-in-out-holder{float:right;width:20%;margin:30px;margin-right: 0;display:flex;justify-content: flex-end;align-items: center;}
a.hello:link,a.hello:visited{display:flex;justify-content: space-between; align-items: center; float:left;background:#fff;color:var(--primary);margin:0 5px;padding:10px 10px;border:1px solid #e1e1e1;border-radius:5px;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.hello:hover{border:1px solid var(--primary);}
a.bye:link,a.bye:visited{float:right;border:1px solid var(--red);background:var(--red);color:#fff;margin:0 5px;padding:10px;border-radius:5px;text-align:center;font-size: 13px;font-weight: 600;transition: all 0.3s;}
a.bye:hover{background: transparent;color:var(--red);}

.logout-icon{width:20px;fill:#fff;}
a.bye:hover .logout-icon{fill:var(--red);}

.on-gorusme-note{margin-top:-10px;font-size:10px;}
/* Modal overlay */
.modal-overlay {
  display: none;
  position: fixed;
  z-index: 999;
  left: 0; top: 0;
  width: 100%; height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  justify-content: center;
  align-items: center;
}

/* Modal içeriği */
.modal-content {
  background-color: white;
  padding: 30px;
  border-radius: 8px;
  width: 90%;
  max-width: 500px;
  position: relative;
}

/* Kapatma butonu */
.close-modal {
  position: absolute;
  right: 15px;
  top: 10px;
  font-size: 24px;
  cursor: pointer;
}

/* Form stil */
form label {
  display: block;
  margin-top: 10px;
  font-weight: bold;
}
form input[type="text"],
form input[type="email"] {
  width: 100%;
  padding: 8px;
  margin-top: 4px;
  box-sizing: border-box;
}
.checkbox-group {
  margin-top: 10px;
}
.checkbox-group label {
  margin-right: 15px;
}
form button {
  margin-top: 15px;
  padding: 10px 20px;
  background-color: #007bff;
  border: none;
  color: white;
  cursor: pointer;
  border-radius: 4px;
}
form button:hover {
  background-color: #0056b3;
}
#formMessage {
  margin-top: 10px;
  font-size: 14px;
}



#spotlight{width:100%;margin:0 auto;height:100%;padding:60px 0;position:relative;background:transparent;}
#spotlight-text{color:var(--primary);text-align:center;font-family: "Livvic", sans-serif; font-size:45px;font-weight:300;}

.swiper {width: 90%;height: 350px;}
    .swiper-slide {color:var(--primary);font-family: "Livvic", sans-serif;font-size: 60px;background: transparent;}
    .swiper-slide img {display: block;width: 100%;height: 100%;object-fit: cover;}

.slider-left{float:left;width:45%;margin-left:5%;font-size:36px;line-height:46px;}
.slider-left p{float:left;margin:10px;font-size:16px;line-height:26px;color:var(--dark);margin-top:30px;}
.slider-button{float:left;margin:30px 0 0 15px;}

.slider-right{position:relative;float:left; width:45%;margin-left:1%;display:flex;justify-content: center;align-items: center;}
.slider-right .slider-image{float:left;max-width: 550px;}

.slider-right .yds-img-01{width:400px;}
.slider-right .yds-img-02{width:200px;}

.slider-right .ielts-img-01{width:400px;}
.slider-right .ielts-img-02{width:200px;}

.slider-right .genel-ingilizce-img-01{width:50% !important;}
.slider-right .genel-ingilizce-img-02{width:30% !important;}

.swiper-pagination1 .swiper-pagination-bullet{width:15px;height:15px;}
.swiper-pagination1 .swiper-pagination-bullet-active{background: var(--secondary);}

.swiper-button-next, .swiper-button-prev{color: var(--primary) !important;}

/*#spotlight-yellow-line{width:30%;height:1px;margin:90px auto;background-color:var(--yellow);}*/

.content-outer{float:left;width: 100%;height: 100%;}
.content-inner-site{width:90%;height:100%;margin:30px auto;padding:10px 10px 30px 10px;overflow:auto;border: 0px solid #eee;border-radius: 5px;box-sizing: border-box;}
.content-inner-site-metinler{width:90%;height:100%;margin:30px auto;padding:30px 60px;overflow:auto;border: 0px solid #eee;border-radius: 5px;box-sizing: border-box;}
.content-inner-site-metinler p{width:70%;text-align: justify;}

.white-bg{background:#fff;}


#home-about-me{float:left;width:100%;height: 300px;background: var(--primary);color:#fff;border-radius: 10px;padding:60px;box-sizing: border-box;}
  #home-about-me-text{float:left;width:80%;}
    #hi{float:left;width:40%;font-size:36px;font-weight: 600;margin:0;box-sizing: border-box;}
    #hi-text{float:left;width:80%;font-size:21px;font-weight: 300;margin:30px 0;color:#fff;}
    #hi-text-link:link,#hi-text-link:visited{text-decoration: none;color:#fff;float: left;margin:10px 0;padding:10px;border:1px dashed #4b5097;transition: all 0.3s;}
    #hi-text-link:hover{color:var(--secondary);border:1px dashed var(--secondary);}
  #home-about-img{float:left;width:20%;}
    #home-about-img img{float:left;width:90%;margin-top:-10px;border:2px solid #fff;rotate: 5deg;box-shadow: 0 0 10px #4b5097;}

    .title{text-align:center;color:var(--secondary);font-size: 36px;}
    #egitimler-lesson-boxes-holder{display: flex; justify-content: center; align-items: stretch;flex-wrap: wrap;gap:15px;}
      
      .lessons-box{width:23%;background:#fff;border:1px solid #eee;border-radius: 10px;padding:30px;box-sizing: border-box;transition: all 0.3s;}
      .lessons-box:hover{border:1px dashed rgba(242, 111, 111, 0.3);box-shadow: 0 0 10px #ddd;}

        .lesson-box-title{text-align:center; font-size:18px;font-weight:600;color:var(--primary);margin:10px 0;}
        .lesson-box-text{color:var(--dark);}

    #home-platforms-holder{display: flex; justify-content: center; align-items: stretch;flex-wrap: wrap;gap:15px;}
      
      .platform-box{width:23%;background:#fff;border:1px solid #eee;border-radius: 10px;padding:30px;box-sizing: border-box;}
        .platform-box-title{text-align:center; font-size:18px;font-weight:600;color:var(--primary);margin:10px 0;}
        .platform-box-text{color:var(--dark);}    

#where-i-am {float: left;width: 96%;height: 30px;margin: 10px;border-radius: 3px;background: #fff /*var(--blue-light)*/;color: var(--primary); /*#343434;*/padding: 0 0 15px 0;border-bottom: 1px dotted #ddd;box-sizing: border-box;font-weight: 400;display: flex;justify-content: space-between;align-items: center;}
#where-i-am-text {float: left;width: 40%;}
#where-i-am-link {float: right; /*margin-top:-20px;*/}

.open {display: block;}

#content-inner-left-col{float:left;width:200px;/*height:700px;*/border:1px solid #eee;margin:30px 0 0 0;/*background: #5674b9;display: flex; justify-content: center;align-items: center;color:#fff;font-size:14px;*/}
#content-inner-center-col{position: relative; float: left;width:80%;height:100%;margin:15px 0 0 2%;}
/*#content-inner-center-col-news{position: relative; float: left;width:96%;height:100%;margin:30px 0 0 2%;}*/


.form-group{float:left;height:100%;padding:15px 10px;}
.form-group label{float:left;font-size:14px;color:#232323;display: inline-block;margin-bottom: .5rem;}
.form-input{float:left;height: 30px;display: block;color: #495057;background-color: #fff;
	border:0px;border: 1px solid #e1e1e1;border-radius: 5px;}
	.form-input:focus{background-color: #fdf6db;outline:0px;}
.form-input:focus::placeholder {color: #888;opacity: 1; /* Firefox */}
.form-input:focus::-ms-input-placeholder { color: #888; /* Microsoft Edge */ }

.form-input:disabled{background:#eee;}
.form-group small{display:block;color:#343434;}

.form-select {float:left;height:30px;border:1px solid #ccc;border-radius:3px;background:#fff;}
.form-textarea{float:left;width: 100%;;height:100px;border:1px solid #ccc;border-radius:3px;padding:0;}
.form-select-warning{float: left;height: 30px;border: 1px solid #db0000;border-radius: 3px;background: #fee;}

/* login -register pages */
.register-page-notes{width:60%;margin:10px auto;color:var(--primary);background:#f5f5f5;border-radius:5px;padding:10px;box-sizing: border-box;}
.register-page-title{width:80%;margin:0 auto;color:var(--primary);padding:10px;}
#register-area{display: block;height:100%;margin:0 auto;padding-bottom:10px;}
#login-area{height:100%;margin:30px auto;}
.register-input-area{float:left;height:100px;padding:10px;box-sizing: border-box;}
.register-login-label{float:left;height: 18px;margin:2px;font-size:12px;color:var(--primary);}
.login-input{float:left;height:45px;line-height: 18px;border-top:none;border-right:none;border:1px solid #eadae9;background:#fff;}
.login-input:focus{border:1px solid #e1c6e0;outline: none;box-shadow: 0 0 1px #e1c6e0;}

.register-input{float:left;height:45px;line-height: 18px;border-top:none;border-right:none;border:1px solid #eadae9;background:#fff;}
.register-input:focus{border:1px solid #e1c6e0;outline: none;box-shadow: 0 0 1px #e1c6e0;}
.register-input::placeholder{color:#888;}

#register-company-area{display: block;height:100%;margin:30px auto;padding-bottom:10px;}
.register-company-input{float:left;height:45px;line-height: 18px;border-bottom:1px solid var(--primary);border-top:0px solid var(--primary);border-right:0px solid var(--primary);border-left:0px solid var(--primary);}
.register-company-input:focus{outline: none;}

#captcha-one{float:left; width:90%;}
#captchaCanvas{float:left;}
#refreshCaptcha{float:left;margin-top:10px;background: #fff;border: 1px solid var(--primary);color: var(--primary);border-radius: 3px;padding: 4px 6px;cursor:pointer;}

#captcha-two{float:left; width:90%; margin-top:15px;}
#captcha-two input{background: #fff;border: 1px solid var(--primary);color: var(--primary);border-radius: 3px;padding: 4px 6px;}

#register-note-area{width:80%;margin:30px auto;font-size:14px;line-height:24px;}

#register-button{display:block;float:left;margin-top:15px;margin-left:10%;width:30%;padding: 10px 15px;background: var(--primary);border:1px solid var(--primary);border-radius: 3px;color:#fff;cursor: pointer;transition: all 0.3s;}
#register-button:hover{background: #fff;color:var(--primary);}

#login-button{display:block;float:left;margin-top:15px;margin-left:10px;padding: 10px 15px;background: var(--primary);border:1px solid var(--primary);border-radius: 3px;color:#fff;cursor: pointer;transition: all 0.5s;}
#login-button:hover{background: var(--primary);color:#fff;}

#register-login-area .note{display: block;width:80%;margin:10px auto;}


/* ABOUT PAGE */
#hakkimda-left{float:left;width:20%;margin:3% 0 0 3%;}
  #hakkimda-left img{width:100%;}
#hakkimda-right{float:left;width:70%;margin:3% 0 0 3%;box-sizing: border-box;}
#hakkimda-right p {font-size:16px;color: #222; /*#585858*/margin: 0 0 2em 0;}     

/* EGITIMLER SAYFASI */
#left-col{float:left;width:20%;margin:3% 0 0 3%;}
  #left-col img{width:100%;}
#right-col{float:left;width:70%;margin:1.5% 0 0 3%;box-sizing: border-box;}
#right-col h1{float:left;width:100%;color:var(--primary);}
#right-col h3{float:left;width:100%;color:var(--secondary);margin-top:-10px;}

#right-col > p, #right-col > div, #right-col > ul {font-size:16px;color: #222; /*#585858*/margin: 0 0 2em 0;}

.sss-area{float:left;width: 100%;margin:30px 0;}
  .sss-item{float:left;margin:10px 0;background:#f5f5f5;padding:10px; border-radius:10px;}
    .sss-title{font-size:16px;font-weight:700;color:var(--primary);}


#ucret-sayfasi-article {width:90%;margin:0 auto;}
#ucret-sayfasi-article p, div{font-size:14px;line-height:24px;}


.price-box-holder {
  display: flex;
  flex-wrap:wrap;
  gap: 20px;
  justify-content: center;
  padding: 40px;
  background-color: #f8f9fa;
}

.price-box {
  background-color: #fff;
  border: 2px solid #ddd;
  border-radius: 10px;
  padding: 20px;
  width: 220px;
  box-shadow: 0 4px 10px rgba(0,0,0,0.05);
  text-align: center;
  transition: transform 0.3s ease;
}

.price-box:hover {
  transform: translateY(-5px);
  box-shadow: 0 8px 20px rgba(0,0,0,0.1);
}

.price-box h3 {
  margin-bottom: 10px;
  font-size: 1.5rem;
}

.price-box .price {
  font-size: 1.8rem;
  font-weight: bold;
  margin: 10px 0 20px;
  color: #007bff;
}

.price-box ul {
  list-style: none;
  padding: 0;
  margin: 0 0 20px;
}

.price-box ul li {
  margin: 8px 0;
  font-size: 0.95rem;
  padding:4px 6px;
  border-radius: 5px;
}

.price-box ul li:nth-child(odd) {
  background: #f5f5f5;
}

.price-box button {
  background-color: #007bff;
  color: white;
  border: none;
  padding: 10px 20px;
  border-radius: 5px;
  cursor: pointer;
}

.price-box button:hover {
  background-color: #0056b3;
}

.price-box.featured {
  border-color: #007bff;
  background-color: #e9f5ff;
}


.filter-buttons {
  display: flex;
  justify-content: center;
  gap: 10px;
  margin-top: 30px;
}

.filter-buttons button {
  background-color: #fff;
  border: 1px solid var(--primary);
  color:var(--primary);
  /*border: none;*/
  padding: 10px 15px;
  border-radius: 5px;
  cursor: pointer;
  transition: background-color 0.3s ease;
}

.filter-buttons button:hover {
  background-color: var(--primary);
  color:#fff;
}


/* GUNCEL PROGRAMIM SAYFASI */

/* Tablo kapsayıcı - responsive için kaydırma */
.tablo-container {
  overflow-x: auto;
  max-width: 100%;
}

/* Tablo genel stiller */
.program-tablosu {
  width: 100%;
  min-width: 600px; /* Mobilde kırılmasın */
  border-collapse: collapse;
  margin: 0 auto;
  font-family: Arial, sans-serif;
  background-color: #fff;
  box-shadow: 0 2px 8px rgba(0,0,0,0.05);
}

.program-tablosu th,
.program-tablosu td {
  border: 1px solid #ddd;
  padding: 12px;
  text-align: center;
}

.program-tablosu th {
  background-color: #f1f1f1;
}

/* Dolu ve Müsait stilleri */
.dolu {
  color: #fff;
  background-color: var(--secondary);
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
}

.musait {
  color: #fff;
  background-color: var(--primary);
  border-radius: 4px;
  padding: 4px 8px;
  display: inline-block;
}


/* ILETISIM  */   
.alert {
  padding: 15px 20px;
  border-radius: 5px;
  margin-bottom: 20px;
  font-weight: 500;
  font-family: sans-serif;
  border: 1px solid transparent;
}

.alert-success {
  background-color: #d4edda;
  color: #155724;
  border-color: #c3e6cb;
}

.alert-error {
  background-color: #f8d7da;
  color: #721c24;
  border-color: #f5c6cb;
}
.close-alert{float:right;font-size:16px;margin:0 5px;cursor:pointer;}

.iletisim-text-area{width:60%;margin:10px auto;}
#iletisim-left{float:left;width:30%;margin-top:5%;margin-left:15%;}
  #iletisim-phone{float:left;width:90%;margin:0 0;} 

    .iletisim-svg{float:left;}
    #iletisim-phone-number{float:left;margin:4px;}

 #iletisim-email{float:left;width:90%;margin:30px 0;} 
  #iletisim-email-address{float:left;margin:-2px 5px;}

#iletisim-instagram{float:left;width:90%;margin:0 0;} 
  #iletisim-instagram-address{float:left;margin:-2px 5px;}

#iletisim-right{float:left;width:40%;margin-left:5%;}
.iletisim-input{border:1px solid var(--primary);border-radius:5px;}
.iletisim-textarea{float:left;width:98%;height:120px;border:1px solid var(--primary);border-radius:5px;}


/* ACTIVITIES */

#activities-left-menu{float:left;width:17%;}
    #activities-left-menu ul{float:left;margin:0;padding:0;}
    #activities-left-menu ul li{float:left;width:95%;margin:5px 0;list-style:none;}
    #activities-left-menu ul li:hover{}
    
    a.activities-left-menu:link,a.activities-left-menu:visited{padding:5px;border-radius:5px;color:var(--primary);}
    a.activities-left-menu:hover{background:#eee;}
    a.activities-left-menu-active{padding:5px;background:#eee;border-radius:5px;color:var(--secondary);}

    
    #activities-content-area{float:left;width:80%;margin-left:2%;}
    
    #game-container{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:15px;}
    
    .hidden-word {
      font-size: 28px;
      letter-spacing: 10px;
      margin-bottom: 20px;
      width:90%;
      text-align:center;
    }

    #letters-holder{width:80%;}
    
    .letter-button {
      display: inline-block;
      margin: 5px;
      padding: 10px 14px;
      background: #eee;
      border: 1px solid #ccc;
      border-radius: 4px;
      cursor: pointer;
      font-weight: bold;
    }

    .letter-button.used {
      background: #ccc;
      cursor: default;
    }

    .status {
      margin-top: 20px;
      font-size: 18px;
    }

    .meaning {
      margin-top: 10px;
      font-style: italic;
      color: #555;
    }

    .hangman-stage {
        width:90%;
        text-align:center;
      margin-top: 20px;
      font-size: 18px;
      color: red;
    }
    
    #next-btn{background:#deefff; border: 1px solid #c3dcf3; border-radius:5px;}
    #next-btn:hover{background:#c3dcf3; }
    
    #next-btn, #restart-btn, #tts-btn {
      margin: 30px auto;
      padding: 10px 20px;
      font-size: 16px;
      cursor: pointer;
    }

    #next-btn, #tts-btn { display: none; }
    #restart-btn{float:left;margin-left:10%;}


.accordion-section {
    border: 1px solid #ddd;
    margin-bottom: 5px;
}

.accordion-header {
    background-color: #f1f1f1;
    padding: 10px;
    cursor: pointer;
    font-weight: bold;
}

.accordion-content {
    display: none;
    padding: 10px;
    background-color: #fff;
}

.accordion-content a {
    display: block;
    margin-bottom: 5px;
    text-decoration: none;
}

.activities-left-menu-active {
    color: red;
    font-weight: bold;
}





/* KULLANICI ALANI */

#user-panel-left-menu-outer{float:left;width:17%;margin:3% 0 0 1%;}

/* mobile menu */

#mobile-menu-bar{display:none;}
#mobile-menu-links-holder{display:none;}

#user-panel-left-menu-holder {float: left;width: 100%;min-height: 100%;}
#user-panel-left-menu-outer ul {/*float:left;*/margin: 0;padding: 0;list-style-type: none;margin-bottom: 2px;}

.accordion-menu > li:first-of-type {margin-top: 0;}

.left-menu-closed{float:left;margin:0;padding:0;display:none;}
.left-menu-open{float:left;margin:0;padding:0;display:block;}

.left-menu-li-indent {float: left;width: 96%;height: 100%;margin-top: 10px;padding: 10px;box-sizing:border-box;color: var(--primary);font-weight: 600;border: 1px solid #eee;border-radius: 0 3px 3px 0;}

.left-menu-li-indent a:link,
.left-menu-li-indent a:visited {float: left;width: 100%;padding: 0;font-size: 13px;color: var(--primary);font-weight: 600;}
.left-menu-li-indent:hover {background: #f0e6ef;}



.left-menu-active-li-indent {float: left;width: 96%;height: 100%;margin-top: 10px;padding: 10px;background: #f0e6ef;border-left: 1px solid var(--primary);}
.left-menu-active-li-indent a:link,
.left-menu-active-li-indent a:visited {float: left;width: 100%;padding: 0;font-size: 12px;color: var(--primary);font-weight: 600;}

.left-menu-active-li-indent-sub {float: left;width: 96%;height: 16px;margin-left: 5%;margin-top: 2px;padding: 0 10px 20px 10px;background: #f0e6ef;border-left: 1px solid var(--primary);}
.left-menu-active-li-indent-sub a:link,
.left-menu-active-li-indent-sub a:visited {float: left;width: 90%;padding: 10px 2px;font-size: 12px;color: var(--primary);font-weight: 400;}

#where-i-am {float: left;width: 96%;height: 30px;margin: 10px;border-radius: 3px;background: #fff;color: var(--primary); padding: 0 0 15px 0;border-bottom: 1px dotted #ddd;box-sizing: border-box;font-weight: 400;display: flex;justify-content: space-between;align-items: center;}
#where-i-am-text {float: left;width: 40%;}
#where-i-am-link {float: right; }


.kullanici-alani-content-holder{float:left;width:75%;height:100%;margin:30px;}


.hand{cursor: -webkit-grab; cursor: grab;}



/* FOOTER */
#footer-outer{width: 90%;height:100%;margin:60px auto;padding: 0 0 0 0;background:#fff;border:1px solid #eee;border-radius:10px;}
#footer-inner{width: 96%;margin:0 auto;padding:30px 0; display:flex;justify-content:space-between;align-items:center;}
#footer-left{float:left;}
.logo-footer{width:180px;}
.footer-logo-note{margin-top:-5px;}
/*#footer-left img{width:80%;height:auto;}*/
#footer-middle{float:left;/*width:60%;*/height:40px;margin-top:15px;}
/*#footer-middle a{float:left;width: 100%;clear:both;margin:10px 0;}*/
#footer-right{float:left;}

a.footer-link:link,a.footer-link:visited{float:left;margin:10px;color:var(--primary);border-bottom:0px dotted var(--primary);font-weight: 600;}
a.footer-link:hover{color:var(--primary);border-bottom:1px dotted var(--primary);}

#footer-kumru {
  margin: 0 auto;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
}

.kumru-link {
  position: relative;
  display: inline-block;
  width: 45px; /* Logo boyutuna göre sabit tutuyoruz */
  height: 45px;
}

.kumru-link img {
  width: 100%;
  height: auto;
  display: block;
  transition: transform 0.3s ease;
}

/* Yazı: başlangıçta görünmez ve pozisyonlanmamış */
.kumru-text {
  position: absolute;
  left: 50px; /* Görselin sağında çıkması için */
  top: 30%;
  transform: translateY(-50%) translateX(10px);
  opacity: 0;
  white-space: nowrap;
  color: #444;
  font-size: 10px;
  line-height: 1.2;
  transition: opacity 0.3s ease, transform 0.3s ease;
  pointer-events: none;
}

/* Hover anında yazı çıkıyor */
.kumru-link:hover .kumru-text {
  opacity: 1;
  transform: translateY(-50%) translateX(0);
}


/* FOOTER ENDS */

/* CUSTOM THINGS */

.shantell{font-family: "Shantell Sans", cursive;}
.line-through{text-decoration: line-through;}

.errors{float: left;width: 60%;padding-bottom:15px;background: var(--soft-red);border-radius: 5px;}
.errors ul{float: left;}
.errors ul li {color: #fff;font-size: 12px;}

.hide{display: none;}
.show{display: block;}

.disabled-button{padding:10px;border:1px solid #eee;border-radius:5px;}
.disabled{background: #f5f5f5;}
input.disabled{background: #f5f5f5;}

.success-note{width: 50%;margin:15px auto;padding:15px;background: var(--green);border-radius: 5px;color:#fff}
.error-note{width: 50%;margin:15px auto;padding:15px;background: var(--soft-red);border-radius: 5px;color:#fff}
.note-delete{float: right;cursor:pointer;}
.warnings{transition:all 0.5s;}
.closed {max-height: 0;padding:0;}

.white-bg{background: #fff;}
.colored-bg{background: var(--background);}
.shadow{box-shadow:0px 5px 15px  #e1e0e0;}

.warning-green{padding:10px 10px;background:#28a745;color:#fff;border-radius: 3px;}
.warning-blue{padding:10px 10px;background:#d0e4fc;color:#1e2125;border-radius: 3px;}
.warning-red{padding:10px 10px;background:#f3d8da;color:#000;border-radius: 3px;}
.warning-yellow{background:var(--yellow01);padding:10px 20px;color:#000;border-radius:3px;}

.warning-green-text{width:30%;padding:10px 10px;background:transparent;color:#28a745;border-radius: 3px;font-weight: 600;}



a.logout-link:link,a.logout-link:visited{background:var(--red);padding:4px; color:#fff;text-decoration: none;font-weight:600;transition:border 0.5s;border:1px solid #EB1B1E;border-radius: 3px;}
a.logout-link:hover{border:1px solid var(--red);background:transparent;color:var(--red);}


a.custom-link-red:link,a.custom-link-red:visited{color:var(--red);font-weight:600;border-bottom:1px dotted var(--red);}
a.custom-link-red:hover{border-bottom:1px dotted var(--red);}


a.custom-link-primary:link,a.custom-link-primary:visited{text-decoration: none;color:var(--primary);font-weight:600;padding:3px 0;border-bottom: 1px solid transparent;}
a.custom-link-primary:hover{border-bottom:1px dotted var(--primary);}

a.custom-link-secondary:link,a.custom-link-secondary:visited{text-decoration: none;color:var(--secondary);font-weight:600;padding:3px 0;border-bottom: 1px solid transparent;}
a.custom-link-secondary:hover{border-bottom:1px dotted var(--secondary);}

a.search-part-custom-link-blue:link,a.search-part-custom-link-blue:visited{text-decoration: none;color:var(--primary);font-weight:600;padding:3px 0;border: 1px solid var(--primary);border-radius: 35px;padding:3px 6px;}
a.search-part-custom-link-blue:hover{background: var(--primary);color:#fff;}


.submit-button-red{background:var(--red);padding:0 15px;color:#fff;border:1px solid var(--red); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.submit-button-red:hover{background:#fff;color:var(--red);border:1px solid var(--red);}

.submit-button-primary{background:var(--primary);color:#fff;border:1px solid var(--primary); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.submit-button-primary:hover{background:#fff;border:1px solid var(--primary);color:var(--primary);}

.submit-button-primary-reverse{background:#fff;color:var(--primary);border:1px solid var(--primary); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.submit-button-primary-reverse:hover{background:var(--primary);border:1px solid var(--primary);color:#fff;}

.submit-button-secondary{background:var(--secondary);color:#fff;border:1px solid var(--secondary); border-radius: 3px;cursor:pointer;transition: all 0.2s;}
.submit-button-secondary:hover{background:#fff;border:1px solid var(--secondary);color:var(--secondary);}

.dash{color:#e1e1e1;}
.fw-normal{font-weight: normal;}
.boldy600{font-weight:600;}
.boldy700{font-weight:700;}
.blue{color:var(--primary);}
.green{color:var(--green);}

.italic{font-style: italic;}
.ghost{color:#999;}
.ghost2{color:#777;}
.red{color:var(--red);}
.bbb{color:#bbb; transition: all 0.3s;}
.bbb:hover{color: var(--primary);}
.soft-dark{color:#333;}
.red{color:var(--red);}
.dark{color:var(--dark);}

.primary-color{color:var(--primary);}
.secondary-color{color:var(--secondary);}

.text-center{text-align:center}
.hidden{display:none;}

.fl{float:left;}
.fr{float:right;}

.fs10 {font-size:10px;} .fs12 {font-size:12px;} .fs14 {font-size:14px;} .fs16 {font-size:16px;} .fs18 {font-size:18px;} .fs20 {font-size:20px;} .fs22 {font-size:22px;}
.fs24 {font-size:24px;}





.blog-box-holder {display: flex; justify-content: center; align-items: stretch; flex-wrap: wrap; gap:15px;}

.haber-item{backgorund:transparent;padding:15px 15px 30px 15px;box-sizing:border-box;border:1px solid var(--primary);border-radius:10px;}
.haber-item:hover{}

    .haber-gorsel {width: 100%;height: auto;border-radius: 30px;object-fit: cover;}
    .haber-baslik {font-size: 2rem;font-weight: bold;color:var(--primary);}
    .haber-metin {font-size: 1rem;margin: 10px 0;}
    .btn-devam {background-color: var(--primary);color: white;border-radius: 10px;padding: 8px 16px;text-decoration: none;display: inline-block;transition: background-color 0.3s ease;}
    .btn-devam:hover {background-color: var(--secondary);color: white;}




/* custom links ends */

/* Sizes */

.w5{width:5%;} 	 .w10{width:10%;} .w15{width:15%;} .w17{width:17%;} .w20{width:20%;}
.w25{width:25%;} .w30{width:30%;} .w35{width:35%;} .w40{width:40%;}
.w45{width:45%;} .w50{width:50%;} .w55{width:55%;} .w60{width:60%;}
.w65{width:65%;} .w70{width:70%;} .w75{width:75%;} .w80{width:80%;}
.w85{width:85%;} .w90{width:90%;} .w95{width:95%;} .w100{width:100%;}

.wl5{width:5%;} 	 .wl10{width:10%;} .wl15{width:15%;} .wl20{width:20%;}
.wl25{width:25%;} .wl30{width:30%;} .wl35{width:35%;} .wl40{width:40%;}
.wl45{width:45%;} .wl50{width:50%;} .wl55{width:55%;} .wl60{width:60%;}
.wl65{width:65%;} .wl70{width:70%;} .wl75{width:75%;} .wl80{width:80%;}
.wl85{width:85%;} .wl90{width:90%;} .wl95{width:95%;} .wl100{width:100%;}

/*.ws90{width:90%;} .ws95{width:95%;} .ws100{width:100%;}*/

.m5{margin:5px;} .ml5{margin-left:5px;} .mt5{margin-top:5px;} .mb5{margin-bottom:5px;} .mr5{margin-right:5px;}
.m10{margin:10px;} .ml10{margin-left:10px;} .mt10{margin-top:10px;} .mb10{margin-bottom:10px;} .mr10{margin-right:10px;}
.m20{margin:20px;} .ml20{margin-left:20px;} .mt20{margin-top:20px;} .mb20{margin-bottom:20px;} .mr20{margin-right:20px;}
.m30{margin:30px;} .ml30{margin-left:30px;} .mt30{margin-top:30px;} .mb30{margin-bottom:30px;} .mr30{margin-right:30px;}

.m5percent{margin:5%;} .ml5percent{margin-left:5%;} .mt5percent{margin-top:5%;} .mb5percent{margin-bottom:5%;} .mr5percent{margin-right:5%;}
.m10percent{margin:10%;} .ml10percent{margin-left:10%;} .mt10percent{margin-top:10%;} .mb10percent{margin-bottom:10%;} .mr10percent{margin-right:10%;}
.m20percent{margin:20%;} .ml20percent{margin-left:20%;} .mt20percent{margin-top:20%} .mb20percent{margin-bottom:20%;} .mr20percent{margin-right:20%;}
.m30percent{margin:30%;} .ml30percent{margin-left:30%;} .mt30percent{margin-top:30%;} .mb30percent{margin-bottom:30%;} .mr30percent{margin-right:30%;}

.p10{padding:10px;} .pl10{padding-left:10px;} .pt10{padding-top:10px;} .pb10{padding-bottom:10px;} .pr10{padding-right:10px;}
.p20{padding:20px;} .pl20{padding-left:20px;} .pt20{padding-top:20px;} .pb20{padding-bottom:20px;} .pr20{padding-right:20px;}
.p30{padding:30px;} .pl30{padding-left:30px;} .pt30{padding-top:30px;} .pb30{padding-bottom:30px;} .pr30{padding-right:30px;}


@media only screen and (max-width:720px) {

  /* Sizes Responsive*/

  .w5{width:25%;}  .w10{width:30%;} .w15{width:35%;} .w20{width:40%;}
  .w25{width:45%;} .w30{width:50%;} .w35{width:55%;} .w40{width:60%;}
  .w45{width:65%;} .w50{width:70%;} .w55{width:75%;} .w60{width:80%;}
  .w65{width:80%;} .w70{width:80%;}

}