/* =========================================================
   BLOG KART YAPISI
   Mevcut Bootstrap 3.3.5 yapısıyla çakışmaması için
   tüm sınıflar .tb-blog-area altında sınırlandırılmıştır.
   ========================================================= */

.tb-blog-area,.tb-blog-area *{box-sizing:border-box}
.tb-blog-area{width:100%;padding:35px 0 55px;font-family:"Open Sans",Arial,Helvetica,sans-serif;color:#17231b}
.tb-blog-area .tb-blog-shell{width:100%;max-width:1280px;margin:0 auto;padding-left:15px;padding-right:15px}
.tb-blog-area .tb-blog-search-wrap{display:flex;justify-content:center;margin-bottom:38px}
.tb-blog-area .tb-blog-search{width:100%;max-width:615px;position:relative}
.tb-blog-area .tb-blog-search input{width:100%;height:58px;padding:0 72px 0 24px;border:1px solid #d9dfdb;border-radius:999px;outline:none;font-size:16px;color:#333;background:#fff;box-shadow:0 7px 20px #1a3a240f;-webkit-transition:border-color .2s ease,box-shadow .2s ease;transition:border-color .2s ease,box-shadow .2s ease}
.tb-blog-area .tb-blog-search input:focus{border-color:#21a4538c;box-shadow:0 10px 26px #21a4531f}
.tb-blog-area .tb-search-btn{position:absolute;right:8px;top:8px;width:42px;height:42px;padding:0;border:0;border-radius:50%;color:#fff;background:#21a453;cursor:pointer;display:flex;align-items:center;justify-content:center;-webkit-transition:transform .2s ease,background .2s ease;transition:transform .2s ease,background .2s ease}
.tb-blog-area .tb-search-btn:hover{background:#178443;transform:scale(1.05)}
.tb-blog-area .tb-blog-grid{margin-left:-12px;margin-right:-12px}
.tb-blog-area .tb-blog-item{padding-left:12px;padding-right:12px;margin-bottom:24px}
.tb-blog-area .tb-blog-card{height:100%;min-height:100%;background:#fff;border:1px solid #e3e7e4;border-radius:22px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 2px 5px #1d302405;-webkit-transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease;transition:transform .28s cubic-bezier(.2,.7,.2,1),box-shadow .28s ease,border-color .28s ease}
.tb-blog-area .tb-blog-card:hover{transform:translateY(-12px);border-color:#d8ded9;box-shadow:0 20px 38px #16382224}
.tb-blog-area .tb-blog-img-link{display:block;text-decoration:none}
.tb-blog-area .tb-blog-img-wrap{width:100%;height:220px;overflow:hidden;background:#eef2ef}
.tb-blog-area .tb-blog-img{width:100%;height:100%;display:block;object-fit:cover;border:0;-webkit-transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease;transition:transform .45s cubic-bezier(.2,.7,.2,1),filter .35s ease}
.tb-blog-area .tb-blog-card:hover .tb-blog-img{transform:scale(1.045);filter:saturate(1.03) contrast(1.02)}
.tb-blog-area .tb-blog-body{padding:18px 23px 23px;display:flex;flex-direction:column;flex:1}
.tb-blog-area .tb-blog-meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 18px;color:#767d78;font-size:13px;line-height:1.4;margin-bottom:10px}
.tb-blog-area .tb-blog-title{margin:0 0 9px;padding:0;font-size:20px;line-height:1.15;font-weight:800;letter-spacing:-.25px}
.tb-blog-area .tb-blog-title a{color:#16251a;text-decoration:none;-webkit-transition:color .25s ease;transition:color .25s ease}
.tb-blog-area .tb-blog-card:hover .tb-blog-title a{color:#0e6f36}
.tb-blog-area .tb-blog-text{margin:0 0 18px;padding:0;font-size:15px;line-height:1.6;color:#5e6560}
.tb-blog-area .tb-read-more{margin-top:auto;display:inline-flex;align-items:center;align-self:flex-start;gap:7px;color:#258f4c;text-decoration:none;font-weight:700;font-size:15px}
.tb-blog-area .tb-read-more:hover,.tb-blog-area .tb-read-more:focus{color:#178443;text-decoration:none}
.tb-blog-area .tb-read-more .tb-arrow{display:inline-block;font-size:18px;line-height:1;-webkit-transition:transform .25s ease;transition:transform .25s ease}
.tb-blog-area .tb-blog-card:hover .tb-read-more .tb-arrow{transform:translateX(5px)}
.tb-blog-area .tb-no-result{display:none;text-align:center;color:#68716b;padding:35px 10px;font-size:17px}
@media (min-width: 768px) {
.tb-blog-area .tb-blog-grid{display:flex;flex-wrap:wrap}
.tb-blog-area .tb-blog-item{display:flex;float:none}
.tb-blog-area .tb-blog-card{width:100%}
}
@media (min-width: 768px) and (max-width: 991px) {
.tb-blog-area .tb-blog-img-wrap{height:210px}
}
@media (min-width: 992px) {
.tb-blog-area .tb-blog-img-wrap{height:177px}
}
@media (max-width: 767px) {
.tb-blog-area{padding:25px 0 40px}
.tb-blog-area .tb-blog-search-wrap{margin-bottom:28px}
.tb-blog-area .tb-blog-search input{height:54px;font-size:16px}
.tb-blog-area .tb-search-btn{width:40px;height:40px;top:7px}
.tb-blog-area .tb-blog-card:hover{transform:translateY(-6px)}
.tb-blog-area .tb-blog-img-wrap{height:220px}
.tb-blog-area .tb-blog-body{padding:18px 19px 21px}
.tb-blog-area .tb-blog-title{font-size:19px;line-height:1.2}
.tb-blog-area .tb-blog-text{font-size:15px}
}
@media (max-width: 430px) {
.tb-blog-area .tb-blog-shell{padding-left:11px;padding-right:11px}
.tb-blog-area .tb-blog-img-wrap{height:205px}
.tb-blog-area .tb-blog-meta{gap:4px 12px;font-size:12px}
}
@media (prefers-reduced-motion: reduce) {
.tb-blog-area *,.tb-blog-area ::before,.tb-blog-area ::after{transition:none!important}
}