/* ----------------------------------------------------------------
	Custom CSS

	Add all your Custom Styled CSS here for New Styles or
	Overwriting Default Theme Styles for Better Handling Updates
-----------------------------------------------------------------*/

:root {
  --themecolor: #00adc6;/*bütün menülerin rengini değiştirme*/
}

/*Ana Menü büyütme*/
.menu-link {
  /*14 10 olacak*/
  padding: 14px 10px;
  font-size: 1rem;
}
#page-title {
    padding: 2rem;
}
.content-wrap {
   padding: 1rem 0;
    
}
.mega-menu-small .mega-menu-content {
		left: 0;
		width: 800px;
		transform: none;
	}
.slider-caption h2 {
	font-size: 6rem;
	/*letter-spacing: 4px;*/
	text-transform: uppercase;
	font-weight: 800;
	/* line-height: 7rem;*/
	margin-top: 24rem;
	margin-bottom: 0;
}
.slider-caption h3 p {
  font-size: 3rem;
  /*letter-spacing: 4px;*/
  font-weight: 800;
 /* line-height: 7rem;*/
  margin-bottom: 0;
}
/* Primary Menu - Style 6
	-----------------------------------------------------------------*/

/*.style-6 .menu-container > .menu-item > .menu-link {
  position: relative;
}

.style-6 .menu-container > .menu-item > .menu-link::after,
.style-6 .menu-container > .menu-item.current > .menu-link::after {
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  height: 2px;
  width: 0;
  border-top: 2px solid #1abc9c;
  -webkit-transition: width 0.3s ease;
  -o-transition: width 0.3s ease;
  transition: width 0.3s ease;
  transform: translateX(-50%);
}

.style-6 .menu-container > .menu-item.current > .menu-link::after,
.style-6 .menu-container > .menu-item:hover > .menu-link::after {
  width: 100%;
}
*/
/* 	.dark .top-links li > a { color: #EEE; }

.dark .top-links li:hover { background-color: rgba(255,255,255,0.15); }

.dark #top-social li { border-left: 0; }

.dark #top-social li a { color: #EEE; } */

/* Header Opacity*/

#header.transparent-header.semi-transparent #header-wrap {
  background-color: rgba(255, 255, 255, 0.2);
  /* add font shadow 1 px*/
}

#header.transparent-header.semi-transparent:hover #header-wrap,
#header.transparent-header.semi-transparent.sticky-header #header-wrap {
  background-color: rgba(255, 255, 255, 0.9);
}

#header.transparent-header.semi-transparent.dark #header-wrap {
  background-color: rgba(0, 0, 0, 0.2);
}
#header.transparent-header.semi-transparent.dark:hover #header-wrap,
#header.transparent-header.semi-transparent.sticky-header.dark #header-wrap {
  background-color: rgba(0, 0, 0, 0.9);
}
/*@media(min-width: 768px) {
    #page-title h1 {
        width: 60%;
    }
	.breadcrumb {
		width: 40% !important;
	}
}*/
/* Top Bar Tweaks   */
@media (min-width: 992px) {
	#top-bar {
	height: 32px;
	/*z-index: 399;
	border-bottom-color: rgba(0, 0, 0, 0.05);*/
  }
    
  /*.top-links ul li,
  #top-social li {
	border-left-color: rgba(0, 0, 0, 0.05);
  }
  #top-bar.transparent-topbar {
	background: transparent !important;
  }*/
}
#top-social li .ts-icon,
#top-social li .ts-text {
  height: 32px;
  line-height: 32px;
}

#top-social li .ts-icon {
  width: 32px;
  text-align: center;
  font-size: 0.75rem;
}

#top-social li a:hover .ts-text {
  max-width: 200px;
  padding-right: 10px;
}
.top-links-item > a {
  padding: 6px 12px;
  font-weight: 500;
}
.sale-flash-top-right {
	position: absolute;
	top: 10px;
	right: 10px;
	font-size: 1.2rem;
	z-index: 5;
}
.sale-flash-top-left {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 5;
}

.sale-flash-bottom-right {
	position: absolute;
	bottom: 10px;
	right: 10px;
	font-size: 1.2rem;
	z-index: 5;
}

.sale-flash-bottom-left {
	position: absolute;
	bottom: 10px;
	left: 10px;
	font-size: 1.2rem;
	z-index: 5;
}

/* Mobil Logo Settings*/
@media only screen and (-webkit-min-device-pixel-ratio: 2),
  only screen and (min--moz-device-pixel-ratio: 2),
  only screen and (-o-min-device-pixel-ratio: 2/1),
  only screen and (min-device-pixel-ratio: 2),
  only screen and (min-resolution: 192dpi),
  only screen and (min-resolution: 2dppx) {
  #logo a.retina-logo {
	height: 50px;
  }
 

}
@media (max-width: 991.98px) {

	.swiper_wrapper .slider-caption h2 {
		font-size: 12vw;
		 margin-top: 0px;
	}

	.swiper_wrapper .slider-caption h3 p {
		font-size: 6vw;
	}

}
@media  (min-width: 992px) {
	.sub-menu-container .menu-item > .menu-link {
		padding: 5px 10px;
	}

	
}

/*@media screen and (min-width: 992px) and ( max-height: 768px ) {
	.sub-menu-container .menu-item > .menu-link {
		padding: 3px 10px;
	}

	.menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
		width: 270px;
	}
}
@media screen and (min-width: 992px) and ( max-height: 900px ) {
	.sub-menu-container .menu-item > .menu-link {
		padding: 4px 10px;
	}

	.menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
		width: 270px;
	}
}
*/
@media screen and (min-width: 992px) {
	.sub-menu-container .menu-item > .menu-link {
		padding: 2px 2px;
	}

	.menu-container > .menu-item:not(.mega-menu) .sub-menu-container:not([class*='col']) {
		width: 400px;
	}
}
@media (min-width: 1280px) and ( max-width: 1660px ) {
	.menu-link {
		padding: 5px 5px;
	
		font-size: 0.8rem;
	}	
	#logo img {
		height: 70px !important; /* Set logo height to 50px with !important */
		max-height: 70px !important; /* Ensure max-height is also set */
	}
}

@media (min-width: 992px) and ( max-width: 1279px ) {
	.menu-link {
		padding: 2px 2px !important;
	
		font-size: 0.7rem;
	}
	#logo img {
		height: 50px !important; /* Set logo height to 50px with !important */
		max-height: 50px !important; /* Ensure max-height is also set */
	}
}

/* orta menü kontrolü - yakınlaştırma */
.section {
	position: relative;
	width: 100%;
	margin: 60px 0;
	/*background-color: #F9F9F9;*/
	padding: 0;
	min-height: 1px;
	overflow: hidden;
}
/*22.05.2025*/
/* 5'li tablo düzeni için responsive özel class */
@media (min-width: 768px) {
  .custom-col-5 {
    width: 20%;
    flex: 0 0 20%;
    max-width: 20%;
  }
}

/* Eşit boyda görseller için düzeltme */
.team-image img {
  width: 100%;
  height: auto;
  object-fit: contain;
  aspect-ratio: 1/1; /* Kare görünüm için */
  display: block;
}

/* Kart yapısı hizalama ve düzen için */
.team {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
}

.team-desc {
  margin-top: 10px;
}

/* Responsive bozulmaları önlemek için ekstra önlem */
.row {
  display: flex;
  flex-wrap: wrap;
}

.col-6, .col-sm-4, .col-md-3, .custom-col-5 {
  padding: 15px;
  box-sizing: border-box;
}/*22.05.2025*/

/*26.05.2025*/
.staff-section {
  padding: 1rem;
  box-sizing: border-box;
}

/* Müdür tek başına */
.manager-card {
  max-width: 320px;
  margin: 0 auto 2rem auto;
  text-align: center;
  background-color: #f0f0f0;
  border-radius: 8px;
  padding: 1rem;
  box-shadow: 0 3px 8px rgba(0, 0, 0, 0.1);
}

.manager-card img {
  width: 100%;
  height: auto;
  border-radius: 6px;
}

/* Yardımcı müdürler alanı */
.assistants-gallery {
  display: flex;
  flex-wrap: wrap;
  gap: 1rem;
  justify-content: center;
}

.staff-card {
  flex: 1 1 300px;
  max-width: 300px;
  text-align: center;
  background-color: #f9f9f9;
  border-radius: 8px;
  padding: 0.5rem;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1);
}

.staff-card img {
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto;
  border-radius: 6px;
}/*26.05.2025*/

#page-title .breadcrumb {
    margin-bottom: 10px; /* Araya boşluk ekler */
    font-size: 14px;      /* Daha küçük görünür */
    color: #777;          /* Gri ton ile ayırıcı görünüm */
}

#page-title h1 {
    margin-top: 10px;     /* Breadcrumb’tan uzaklaşır */
    font-size: 20px;      /* Gerekirse biraz küçültülür */
    font-weight: bold;
}