/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Oct 03 2025 | 10:44:10 */
/* basliklar */
.header1 {
	display:block;
	text-align:center;
	position:relative;
	z-index:9;
}
.header1 span {
	display:inline-block;
	background-color:#fff;
	position:relative;
	z-index:11;
	padding:0px 15px
}
.header1:after {
	content:'';
	top:50%;
	left:0px;
	right:0px;
	width:100%;
	height:1px;
	position:absolute;
	z-index:1;
	border-top:1px solid #aaa;
}

.header2 {
	display:block;
	text-align:center;
	background-color:#ee6c4d;
	color:#ffffff;
	padding:20px;
	font-weight:600;
}

.header3 {
	display:block;
	text-align:center;
	border-bottom:2px solid #ee6c4d;
	padding:20px;
	font-weight:600;
	color:#ee6c4d;
}

.header4 {
	display:block;
	text-align:left;
	border-left:5px solid #ee6c4d;
	padding:20px;
	color:#404040;
	font-weight:500;
}

.header5 {
	display:inline-block;
	text-align:left;
	border-right:5px solid #ee6c4d;
	background-color:#ee6c4d;
	padding:15px;
	width:100%;
	color:#ffffff;
	font-weight:500;
}

.header6 {
	display:block;
	text-align:left;
	position:relative;
	z-index:9;
}
.header6 span {
	display:inline-block;
	background-color:#fff;
	position:relative;
	z-index:11;
	padding:0px 15px
}
.header6:after {
	content:'';
	top:50%;
	left:0px;
	right:0px;
	width:100%;
	height:1px;
	position:absolute;
	z-index:1;
	border-top:1px solid #aaa;
}

.header7 {
	display:block;
	text-align:center;
	color:#ee6c4d;
	font-weight:500;
	position:relative;
}
.header7:after {
	content:'';
	width:100px;
	height:3px;
	background-color:#ee6c4d;
	position:absolute;
	z-index:1;
	left:50%;
	margin-left:-50px;
	bottom:-20px;
}

.page-id-15 h1, .page-id-15 h2, .page-id-15 h3, .page-id-15 h4, .page-id-15 h5 {
	display:block;
	clear:both;
	width:100%;
}


/* enerji depolama sayfası */
/* member box */

.sue-member {
	overflow:hidden;
	margin-bottom:15px!important;
	padding:20px 0px!important
}
.sue-member .sue-member-photo {
	float:left;
	width:25%;
	height:100%;
	max-width:200px;
}
.sue-member .sue-member-photo img {
    border-radius: 50% !important;
    width: 120px;
    object-fit: cover;
    height: 120px;
    margin: auto;
    margin-top: 15px;
}
.sue-member .sue-member-info {
	float:left;
	width:75%;
	padding-top:25px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px
}
.sue-member .sue-member-icons {
	float:left;
	width:65%;
	border-top:none!important;
	padding-top:5px;
	margin-top:0px
}
.sue-member .sue-member-icons a i {
	font-size:24px!important
}
.boxkonusmaci {
	border-bottom:1px solid #ccc;
	padding:20px;
	margin-bottom:20px
}
.boxk1 {
	padding:0px 30px;
}
.boxk1 img {
	border-radius: 50% !important;
    width: 120px;
    object-fit: cover;
    height: 120px;
}
.boxk2 {
	min-width:380px
}
.sue-member {
	display: block;
	align-items: flex-start; /* Öğeleri dikeyde yukarıya hizalar */
	background-color: transparent!important;
	color: #404040;
	border-radius: 8px;
	box-shadow: none!important;
	border: none!important;
	padding: 0;
	max-width: 100%; 
	margin: 20px auto;
}

/* Fotoğraf stili */
.sue-member .sue-member-photo {
	width:25%
}
.sue-member .sue-member-photo img {
	width: 100px;
	height: 100px;
	border-radius: 50%; /* Fotoğrafı yuvarlak yapar */
	object-fit: cover; /* Fotoğrafın en-boy oranını korur */
}

/* Sağ taraftaki tüm metin ve ikon içeriğini taşıyan ana blok */
/* Bu bloğu flex-grow ile genişletiyoruz ki açıklama metni sağda kalsın */
.sue-member-content-wrapper {
	display: flex;
	flex-direction: column; /* İsim/Title/İkon bloğu ile Açıklama bloğunu alt alta dizer */
	flex-grow: 1;
}

/* İsim, Title ve İkonları gruplayan iç sarmalayıcı */
.sue-member-identity {
	display: flex;
	flex-direction: column; /* İsim, title ve ikonu alt alta dizer */
	flex-basis: 250px; /* İsim/Title bölümüne sabit bir genişlik veriyoruz */
	flex-shrink: 0; /* Bu alanın daralmasını engelliyoruz */
}

/* İsim Stili */
.sue-member-name {
	font-size: 1.5rem; /* 24px */
	font-weight: 600;
	line-height: 1.2;
	margin:0px!important
}

/* Rol/Title Stili */
.sue-member-role {
	font-size: 1rem; /* 16px */
	color: #404040;
	margin-top: 4px;
	opacity:1!important;
	margin-bottom:0px!important
}

/* Açıklama metni */
.sue-member-desc {
	font-size: .9rem;
	font-weight:normal;
	color: #404040;
	line-height: 1.6;
	padding-left: 24px; /* Kimlik ve açıklama arasına boşluk */
	border-left: none; /* Ayırıcı çizgi */
	flex-grow: 1;
	font-style:italic;
	padding-top:13px;
}

/* İkonların olduğu bölüm */
.sue-member-icons {
	border-top: none; /* Orijinal çizgiyi kaldırıyoruz */
	margin-top: 12px;
	text-align: left !important; /* HTML'deki inline stili ezer */
	padding:0px!important
}

.sue-member-icons a {
	text-decoration: none;
	margin:0px!important;
	padding:0px
}
.sue-member-icons a:hover i {
	color:#ee6c4d!important
}

/* İkon stili (Örnek olarak Font Awesome kullandım) */
.sue-member-icons .sui {
	font-size: 1.5rem; /* İkon boyutunu büyütür */
	color: #333333;
	transition: color 0.2s ease-in-out;
}
.sue-member-icons a:hover {
	color: #ee6c4d!important;
}

.sue-member-icons .sui:hover {
	color: #ee6c4d; /* LinkedIn rengi */
}

/* Bu kısım, `.sue-member-info` ve `.sue-member-desc`'i yan yana getirmek için
ana içerik sarmalayıcısını tekrar flex yapıyor. */
.sue-member-info {
	display: flex;
	flex-direction: row; /* Kimlik ve açıklamayı yan yana getirir */
	align-items: flex-start;
}

/* Orijinal HTML'de span'ler block element olmadığı için alt alta gelmezler, bunu düzeltiyoruz. */
.sue-member-name, .sue-member-role {
	display: block;
}
.sue-member-icons a {
	margin-right:5px!important
}
.sue-member-icons a.sue-memeber-icon:last-child img {
	position:relative;
	top:7px;
	width:30px;
	height:30px;
}
@media only screen and (max-width: 768px) {
	.sue-member-info {
		display:block!important;
	}
	.sue-member {
		text-align:center!important
	}
	.sue-member .sue-member-info {
		width:100%;
		text-align:center!important
	}
	.sue-member .sue-member-icons {
		width:100%!important;
		text-align:center!important
	}
	.sue-member .sue-member-photo {
		width: 100%;
		text-align: center;
		margin: auto;
		max-width: 100%;
	}
	.sue-member-desc {
		padding:0px!important
	}
	.boxkonusmaci {
		display: block !important;
    	text-align: center;
	}
	.boxk1, .boxk2, .boxk3 {
		min-width:auto
	}
	.boxk1 {
		padding:0px;
	}
	.boxk2, .boxk3 {
		margin:0px!important
	}
	.su-youtube iframe {
		width:100%
	}

}


.navigation {
	display:none
}
#header .head-social a {
    display: block;
    font-size: 20px;
    padding: 0;
    border-radius: 50%;
    text-align: center;
    width: 42px;
    height: 42px;
    border: 1px solid transparent;
    -webkit-transition: all .4s 
ease;
    transition: all .4s 
ease;
}
#header .head-social a {
    color: #4682b4;
}
#header .head-social a:hover {
    color: #ee6c4d;
}