body {
  padding-top:28px;
}

.btn {
    white-space:normal !important;
    word-wrap: break-word; 
}
body.item-view.version-1-3-3.variant-indie_light { padding:0 !important;  margin:0 !important; }  /* en dış */
div.widget.Blog .blog-posts .post-outer-container { padding:0 8px; }    /* en dışın bir içi */
.pmsifir {padding:0 !important ;margin:0 !important;  }    
.uzunkelime {
  overflow: hidden;
  width:100%;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}
header.centered-top-container, div.centered-top-placeholder.cloned {
    display:none;
}
  
figcaption {
  position: sticky;
  top: 0;
  background-color: #F3F3F3;
  padding: 10px;
  font-size: 20px;
}  
  #newsItemContainer p {
  padding: 10px;    
  font-size: 20px;  
}
 

/*navbar ayarları başlangıç*/
nav .btn-group {
  margin: 0.8rem 2rem 0 0;
}

@media(max-width: 48em){
  nav .btn-group {
    position: absolute;
    top: 0;
    right: 4em;
  }
}
        #nav-menu {
            margin-right: 1rem;
        }

        .myContent {
            margin-top: 60px;
        }

        .hidden-element {
            display: none;
        }
        
        .navbar-default {
            background-color: #FFBE52 !important;
        }
        
        a.navbar-brand {
            color: #000 !important;
        }

        #nav-menu ul li a {
            color: #000 !important;
        }
        
        .navbar-default .navbar-toggle .icon-bar {
            background-color: #fff;
        }

        .navbar-toggle {
            background-color: #337AB7;
        }
        
        .navbar-default .navbar-toggle:focus, .navbar-default .navbar-toggle:hover {
            background-color: #214E75;
        }
        
        .navbar-default .navbar-toggle {
            border-color: #214E75;
        }
        
        /* Yeni eklenen CSS kodu */
        /* Menü açıldığında scrollbar'ı kaldırmak için */
        .navbar-collapse.in {
            overflow-y: visible;
            max-height: none !important;
        }

.hidden-element {
  display: none;
}
/*navbar ayarları bitiş*/  

a:visited {
  color:white;
}  

.strait-25 {
font-family: 'Strait', sans-serif;
font-size: 25px;  
line-height:110%;  
} 
.strait-20 {
font-family: 'Strait', sans-serif;
font-size: 20px;
}

.strait-16 {
font-family: 'Strait', sans-serif;
font-size: 16px;
}
.strait-13 {
font-family: 'Strait', sans-serif;
font-size: 13px;
}

.strait {
font-family: 'Strait', sans-serif;  
}  
.btn {
    white-space:normal !important;
    word-wrap: break-word; 
}
.pmbesifir {padding:0px 12px !important ;margin:0px !important;  }  
.pmsifir {padding:0 !important ;margin:0 !important;  }   
  
    /* ----------------------------------------------------------------------------------------------------------------- */


    
    /* Main Article [Module]
    -------------------------------------
    * Featured Article Thumbnail
    * have a image and a text title.
    */


    /* Featured Articles List [BS3]
    --------------------------------------------
    * show the last 3 articles post
    */

    

    /* Style to article Author */
    .by-author {
      line-height: 1.0;
      font-size: 12px;
      color: #000;
      padding:0;
      margin:0;
    }
    .clred {
        color:red;
    }
    .clblue {
        color:blue;
    }
    

    
/*-------------------------------------------------------------------------------------------------------------------------------------well*/
  
.well {
      color: white;
      transition: background 0.3s ease;
    }

    /* Arka plan renkleri */
    @media (max-width: 767px) {
      .soltaraf { padding:0 !important ;margin:0 !important; }
      .obpunsur { padding:0; }
      .sagtaraf  { padding:0 !important ;margin:0 !important; }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .soltaraf { width:97% }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .soltaraf { width:60% }
    }
    @media (min-width: 1200px) {
      .soltaraf { width:60% }
    }

  /* Arka plan renkleri */
    @media (max-width: 767px) {
      .soltaraf { margin:0;padding:0; }
    }
    @media (min-width: 768px) and (max-width: 991px) {
      .soltaraf { width:97%;margin:7px 0;padding:0; }
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .soltaraf { width:60%;margin:7px 0;padding:0; }
    }
    @media (min-width: 1200px) {
      .soltaraf { width:60%;margin:7px 0;padding:0; }
    }  
  
#manset_url:link {
    text-decoration:none;
}
/* ziyaret edilmiş link */
#manset_url:visited {
text-decoration:none;
}

/* fare işaretçisi link üzerinde */
#manset_url:hover {
text-decoration:none !important;
}

/* tam tıklama anı */
#manset_url:active {
    text-decoration:none !important;
}   

/*CARDS UNSUR BAŞLANGINÇ*/

    
        /* FLEXBOXşŞekilde düzgün sıralama */
        .masonry-grid {
            display: flex;
            flex-wrap: wrap;
            padding: 0;
            margin: 0 -8px; /* padding'i dengelemek için negatif margin */
        }

        /* Her kart - default mobile: tam genişlik */
        .masonry-grid .obpunsur {
            width: 100%;
            padding: 8px;
            box-sizing: border-box;
        }

        /* Small ve üstü (>=768px) -> 2 sütun */
        @media (min-width: 768px) {
            .masonry-grid .obpunsur {
                width: 50%; /* her kart yarı genişlik = 2 sütun */
            }
        }

        /* İsteğe bağlı: Large ekranlarda 3 sütun */
        @media (min-width: 1200px) {
            .masonry-grid .obpunsur {
                width: 50%; /* her kart yarı genişlik = 2 sütun */
            }
        }

        /* Kart görünümü */
        .masonry-grid .thumbnail {
            display: block;
            width: 100%;
            border-radius: 10px;
            overflow: hidden;
            background: #fff;
            box-shadow: 0 2px 6px rgba(0,0,0,0.06);
            margin-bottom: 0;
        }

        /* Resimler */
        .masonry-grid .thumbnail img {
            width: 100%;
            height: 200px;
            display: block;
            object-fit: cover;
            border-radius: 10px 10px 0 0;
        }

        /* Caption */
        .masonry-grid .caption {
            padding: 15px;
        }

        .masonry-grid .caption h3 {
            font-size: 16px;
            margin-top: 0;
            margin-bottom: 10px;
            overflow: hidden;
            text-overflow: ellipsis;
            display: -webkit-box;
            -webkit-line-clamp: 2;
            -webkit-box-orient: vertical;
        }

        .masonry-grid .caption h4 {
            font-size: 14px;
            color: #666;
            margin-bottom: 8px;
        }

        .masonry-grid .caption small {
            color: #999;
        }

        .btn-group {
            margin-top: 10px;
        }
    
  .caption {
    flex: 1;
    display: flex;
    flex-direction: column;
    padding: 15px;
  }

  .caption h3 {
    font-size: 18px;
    margin-top: 0;
    margin-bottom: 8px;
    font-weight: bold;
  }

  .caption h4 {
    font-size: 15px;
    margin: 0 0 10px 0;
    font-weight: normal;
    color: #666;
  }

  .caption small {
    display: block;
    margin-bottom: 10px;
    color: gray;
  }

  .caption p {
    flex-grow: 1;
    overflow: hidden;
    text-overflow: ellipsis;
    margin-bottom: 10px;
  }

  .caption .btn-group {
    margin-top: auto;
  }    

/* Responsive ince ayarlar (isteğe göre) */
@media (max-width: 480px) {
  .masonry-grid .obpunsur { padding: 6px; }
}

      
    
 /*CARDS UNSUR BİTİS*/  
   #manset_p p {
   font-size:18px;
   }
   
/*OYAKSORUCEVAP CSS*/   
    /* Arka plan renkleri */
    @media (max-width: 767px) {
     .habertext1 { font-size: 23px; color:blue; }
     .post-content {  top: 19%;}
      .oyakitem {padding:0 !important ;margin:0 !important;  } 
      
    }
    @media (min-width: 768px) and (max-width: 991px) {
     .habertext1 { font-size: 23px; color:red; }
     .post-content {  top: 10%;}
    }
    @media (min-width: 992px) and (max-width: 1199px) {
      .habertext1 { font-size: 23px; color:green; }
     .post-content {  top: 5%;}
    }
    @media (min-width: 1200px) {
     .habertext1 { font-size: 23px;color:purple; }
     .post-content {  top: 5%;}
    }


   /* Problemin çözümü burada başlıyor */
     .post-content {
     background: transparent;
     left: 50%;
     position: absolute;
     transform: translateX(-50%);
     text-align: center;
     width: 80%; /* Resim ile aynı genişlikte olması için */
     box-sizing: border-box; /* Padding'in genişliği artırmaması için */
     padding: 0 5px; /* Yatayda boşluk bırakmak için */
     }
   /* OYAKSORUCEVAP CSS BİTİŞ */    


/*SAYFA BAŞLIK RESİM VE TİTLE KISMI BAŞLANGIÇ*/
/* list item Restriction. */
.main-list {
 padding-left: .5em;
padding-right: .5em;  
}

.main-list .media {
 /* margin-top: 20px; */
  padding-bottom: 15px;
  border-bottom: 1px solid #3C3C3C;
}
.main-list .media:first-child {
/*      border-top: 2px solid blue;*/
  padding-top:15px;
}
.main-list .media:last-child {
  /*border: none;*/
   border-bottom: 1px solid #D6D6D6;
}
.habertext {
border: 1px solid #D9534F;
}

/* list item shortening a long sentence. */

.listitem {
overflow: hidden;
width:100%;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
}

.image-container {
  width: 150px;
  height: 100px;
  overflow: hidden;  /* Dışarı taşan kısmı gizle */
  position: relative;
  border-radius: 5px; /* Köşeleri yuvarlatır */
}

.image-container img {
  width: 100%;    /* Genişliği kapsayacak şekilde ayarla */
  height: auto;    /* Oranı koru (sıkıştırma yok) */
  display: block;
  position: relative;
  top: 0;              /* Gerekirse yukarıdan kırp */
}  
  .media-heading {
font-weight:bold;
  }  
  .by-author, .media-heading { 
line-height: 90%; 
color:#000;  
  }  

/*SAYFA BAŞLIK RESİM VE TİTLE KISMI BİTİŞÇ*/





/*ANDROİD BUTON BAŞLANGIÇ*/
 .big-btn{
                padding: 10px 0px 11px 0px;

                margin-top:5px;
            }

            .big-btn i{
                font-size: 65px;
                margin-right: 0px !important;
            }
            .big-btn strong{
                font-size: 25px;
                text-shadow: 1px 2px 0px #34659B;
                color: #fff;
                line-height: 24px;
            }
            .big-btn .btn-text{
                margin:6px 6px 0 0;
            }

            .big-btn small{font-size: 75%;}

            .android-btn{


                padding: 13px 17px 13px 0px;
                background-color: #000;
                border-color: #000;

            }
            .android-btn:hover{
                background-color: #272727;
            }

            .android-btn i{
                font-size: 55px;
            }

            .android-btn .btn-text{
                margin-top: 0px;
            }
            .android-btn .btn-text:hover{
                color:#fff;
            }

            .android-btn strong{

                text-shadow: none;
                color: #fff;
                line-height: 24px;
            }

/*ANDROİD BUTON BİTİŞ*/

  .fosSari {
    background-color:#FFFE6E;
  } 
  .fosMavi {
    background-color:#A2E8FF;
  }

  .fosYesil {
    background-color:#74FF98;
  }