.genel{
    background: #bd7b19;
    width: 100% !important;
    padding: 10px;
    text-transform: UPPERCASE;
    color: #ffffff;
    display: block;
    margin: 0 auto;
    position: absolute;
  
}
.programlar-wrapper UL LI {
    background: url(../images/im.png) no-repeat 0 6px;
    padding-bottom: 1px;
    font-size: 12px;
}
.alignleft { float: left; margin:0px 5px 5px 0px;}
.alignright { float: right; margin:0px 5px 5px 0px;}
NAV LI A { padding: 1em 1.2em !important;}
.design-button A {
	background: rgba(189, 123, 25, 1);
  float: right;
	color: #FFF;
	margin-top: 0.5em;
	padding: 1em;
  border-left: 10px solid rgba(139, 87, 17, 1);
    transition: all .3s ease-in-out;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
	clear: both;
	top: -50px;
	position: relative;
}

/* ==========================================================
   Arama / Kategori Sonuç Listesi – okunabilirlik düzenlemesi
   Yalnızca .kategori-icerikler şablonunu etkiler, tema dosyalarına dokunmaz.
   Eklenecek yer: WP Admin > Görünüm > Custom CSS (Simple Custom CSS)
   ========================================================== */

.kategori-icerikler .sol {
	max-width: 860px;
	padding: 1em 0 3em;
	text-align: left;
}

/* Sayfa başlığı: "... için arama sonuçları" */
.kategori-icerikler .sol > h1 {
	font-family: "Roboto Slab", serif;
	font-size: 1.6em;
	color: #333;
	margin: 0 0 1.2em;
	padding-bottom: .6em;
	border-bottom: 2px solid #bd7b19;
}

/* Sonuç kartı: h2 + p + .devam üç ayrı eleman olduğu için
   kenarlıklar parça parça verilerek tek kart görünümü sağlanır. */
.kategori-icerikler .sol > h2,
.kategori-icerikler .sol > p,
.kategori-icerikler .sol > .devam {
	background: #fff;
	border: 1px solid #e8e8e8;
	border-left: 4px solid #bd7b19;
	margin: 0;
	padding-left: 22px;
	padding-right: 22px;
}

/* Kart başlığı */
.kategori-icerikler .sol > h2 {
	border-bottom: 0;
	border-radius: 4px 4px 0 0;
	padding-top: 18px;
	padding-bottom: 6px;
	font-family: "Roboto Slab", serif;
	font-size: 1.35em;
	line-height: 1.3;
}

.kategori-icerikler .sol > h2 a {
	color: #8b5711;
	font-weight: 400;
}

.kategori-icerikler .sol > h2 a:hover,
.kategori-icerikler .sol > h2 a:focus {
	color: #bd7b19;
	text-decoration: underline;
}

/* Kart açıklaması */
.kategori-icerikler .sol > p {
	border-top: 0;
	border-bottom: 0;
	padding-top: 0;
	padding-bottom: 12px;
	color: #6b6b6b;
	font-size: .95em;
	line-height: 1.65;
}

/* Kart alt kısmı + "Devamını Oku" butonu */
.kategori-icerikler .sol > .devam {
	border-top: 0;
	border-radius: 0 0 4px 4px;
	padding-top: 4px;
	padding-bottom: 18px;
	margin-bottom: 20px;
}

.kategori-icerikler .sol > .devam a {
	display: inline-block;
	background: #bd7b19;
	color: #fff;
	font-size: .85em;
	font-weight: 600;
	letter-spacing: .02em;
	padding: 8px 18px;
	border-radius: 3px;
	transition: background .2s ease;
}

.kategori-icerikler .sol > .devam a::after {
	content: " \2192";
}

.kategori-icerikler .sol > .devam a:hover,
.kategori-icerikler .sol > .devam a:focus {
	background: #8b5711;
	color: #fff;
}

/* Sonuç bulunamadı mesajı (h1'den hemen sonra gelen tek paragraf) */
.kategori-icerikler .sol > h1 + p:last-child {
	border: 1px dashed #d9c39c;
	border-radius: 4px;
	background: #fbf7f0;
	padding: 18px 22px;
	color: #6b5a3a;
}

@media only screen and (max-width: 600px) {
	.kategori-icerikler .sol {
		padding-left: 16px;
		padding-right: 16px;
	}
	.kategori-icerikler .sol > h1 {
		font-size: 1.3em;
	}
	.kategori-icerikler .sol > h2,
	.kategori-icerikler .sol > p,
	.kategori-icerikler .sol > .devam {
		padding-left: 16px;
		padding-right: 16px;
	}
}