.blogg.sorucevapsec .pagination ul{
display: flex;
align-items: center;
justify-content: center;
gap:10px;
padding: 0;
}

.blogg.sorucevapsec .pagination ul li{
	list-style: none;
	font-size: 14px;
}

.blogg.sorucevapsec .pagination ul li span{
			border: solid 1px #686d7c;
		border-radius: 2px;
			background: #484e5c;
	color: #dddddd;
		padding: 3px 6px;

}
.blogg.sorucevapsec .pagination ul li a{
		border: solid 1px #686d7c;
		border-radius: 2px;
	padding: 3px 6px;
	color: #ffffff;
	background: #222429;
	transition: all 1s;
}
.blogg.sorucevapsec .pagination ul li a:hover{
background: #02adb5;
border-color: #02adb5;
}



.blogg .yazilist *{

font-size: 14px;
  font-family: "Roboto", sans-serif;

}

.blogg .yazilist{display: flex;
flex-wrap: wrap;
gap: 13px 10px;}

.blogg .yazilist a {
	color: #00ADB5;
}
.blogg .yazilist a:hover {
	color: #222831;
}

.blogg .yazilist article{
	border-bottom: unset;
	padding: 10px 10px 20px 10px;
	flex:1 0 49%;
	background: #ffffff;
	box-shadow: 4px 4px 4px #dddddd;
}

.blogg .thumb {
	height: 220px;
	width: 100%;
    overflow: hidden;
    margin-bottom: 10px;
    background: url(/wp-content/uploads/2024/02/yapraklar.jpg) transparent no-repeat bottom center / cover;

}

.blogg .thumb img{
        width:100%;
        height:100%;
        object-position: center;
        object-fit: cover;

}

.blogg .yazilist h2 a {
color: #222831;
font-weight: 600;
line-height: 1.2em;
font-size: 15px;
}

.blogg .yazilist h2 a:hover {
color: #00ADB5;

}

.blogg .yazilist .ozet p{
	font-weight: 400;
	color: #777777;
}

.blogg .yazilist .ozet .devami{
	font-weight: 400;
	font-size: 13px;
}



.blogg .yazilist .yazimeta{
	display: flex;
	align-items: center;
	gap:14px;
}

.blogg .yazilist .yazimeta .yazaravatar img{
	border-radius: 50%;
	border:solid 2px #02ADB5;
	padding:2px;
	
}

.blogg .yazilist .yazimeta .yazar a, .blogg .yazilist .yazimeta .yazar{font-weight: 500;}
.blogg .yazilist .yazimeta {color:#777777}

.blogg .yazilist .yazimeta i{
    padding-right: 3px;
}


.blogg .yazilist .yazimeta .yorum *, .blogg .yazilist .yazimeta .zaman{
	font-size: 12px;
	font-family: "Roboto", sans-serif;
}
.blogg .yazilist .yazimeta .yorum i, .blogg .yazilist .yazimeta .zaman i{

font-family: "FontAwesome";}

.blogg .yazilist .tags {padding: 2px 1px 6px 1px;
display: flex;
flex-direction: row;
gap: 4px 10px;
flex-wrap: wrap;
}
.blogg .yazilist .tags a {
	border: solid 1px #686d7c; padding: 4px 12px;color: #dddddd;
	transition: all 1s; border-radius: 2px; 
	font-size: 12px;
	display: inline-block;
    margin: 4px 0;
}
.blogg .yazilist .tags a:hover {
	background: #00ADB5; border-color: #00ADB5; color: #ffffff;
}
.blogg .yazilist footer{
	background: #eeeeee;
}
.blogg .yazilist footer ul {
	display: flex;
	gap: 14px;
	align-items: center;
padding: 4px 14px;
}
.blogg .yazilist footer li {
list-style: none;
}
.blogg .yazilist footer li span, .blogg .yazilist footer li a{
	border: solid 1px #00bcc5; padding: 6px 16px;color: #222831;
	transition: all 1s; border-radius: 2px; line-height: 40px;
	font-size: 13px; background: #ffffff;transition: all 1s;
}

.blogg .yazilist footer li a:hover{color: #ffffff;
	border-color: #222831;background: #222831;
}

.blogg .yazilist footer ul li:last-child a{
	background:#222831;
    color: #ffffff;
    border: solid 1px #222831;
}

.blogg .yazilist footer ul li:last-child a:hover{
	background:#00bcc5;
}

.blogg .yazilist footer ul li:last-child{
    margin-left: auto;
    
}

.blogg .yazilist footer ul li i{
	padding-right: 4px;
        font: normal normal normal 14px/1 FontAwesome;
}


@media screen and (min-width:768px) and (max-width:1024px) {
.blogg .yazilist .yazimeta .yazar, .blogg .yazilist .yazimeta .yazar a{
	font-size: 12px;
}

	.blogg .yazilist .yazimeta{

	gap:8px;
	}

	.blogg .yazilist .yazimeta .yazaravatar img {
	width: 38px;
}
.blogg .yazilist footer ul li * {
	font-size: 12px;
}
.blogg .yazilist footer li span, .blogg .yazilist footer li a {
padding: 6px 8px;
}


.blogg .yazilist footer ul {
	flex-wrap:wrap;
	gap: 8px;
}


}

@media only screen and (max-width:767px) {
	.blogg .yazilist footer ul li * {
	font-size: 12px;
}
.blogg .yazilist footer ul {
	flex-wrap:wrap;
	gap: 8px;
}
.blogg .yazilist article{
	flex:1 0 100%;
}
.blogg .yazilist footer li span, .blogg .yazilist footer li a {
padding: 6px 7px;
}

}

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


	.blogg .yazilist *{

font-size: 12px;
	}

	.blogg .yazilist .yazimeta{

	gap:7px;
	flex-wrap: wrap;
	    justify-content: space-between;
}

.blogg .yazilist .yazimeta .yazaravatar img {
	width: 32px;
}

.blogg .yazilist footer ul{padding: 4px 6px;}

.blogg .thumb {
	height: 160px;

}