/******************************************************************
Theme Name: LA-BAND
Theme URI: http://themeforest.net/user/holobest
Description: LA-BAND - Music Band Premium WordPress Theme
Author: Andrei Holobut, Adrian Holobut
Author URI: http://themeforest.net/user/holobest
Version: 1.1.4

******************************************************************/

@import url("library/css/main-css.css");
@import url("library/css/1366.css");
@import url("library/css/768.css");
@import url("library/css/480.css");
@import url("library/css/320.css");
@import url("library/css/device-480.css");

/******************************************************************
Masaüstü layout: sidebar + content yan yana (flex)
Sadece >=1025px; mobil (<=1024) media query'leri etkilenmez.
******************************************************************/
@media (min-width: 1025px) {
    #page {
        display: flex;
        align-items: stretch;
    }
    #section-top {
        position: static;
        float: none;
        width: 270px;
        flex: 0 0 270px;
        height: auto;
        min-height: 100vh;
    }
    #main-column {
        flex: 1 1 auto;
        min-width: 0;
    }
    #white-background {
        margin: 40px 0 80px 0;
        padding: 20px 30px 30px 30px;
        width: auto;
        max-width: none;
    }
    /* içerik sarmalayıcıları full width */
    #white-background .container,
    #white-background #content {
        width: auto;
        max-width: none;
    }
}


/******************************************************************
Fanciest Author Box (ts-fab) — koyu temaya uydur (beyaz kutu kaldırıldı)
******************************************************************/
.ts-fab-tab,
#ts-fab-below .ts-fab-tab {
    background: #1c1c1c !important;
    border: 1px solid #333 !important;
    color: #b5b5b5 !important;
    box-shadow: none !important;
}
.ts-fab-tab .ts-fab-text,
.ts-fab-tab .ts-fab-description,
.ts-fab-tab .ts-fab-content,
.ts-fab-tab p,
.ts-fab-tab span { color: #b5b5b5 !important; }
.ts-fab-tabs .ts-fab-tablink,
.ts-fab-tabs a { color: #ddd !important; }

/******************************************************************
Sidebar layout (single + blog list + arşiv): içerik full width + Etiketler en sağda
(masaüstü; .three-fourth kullanmayan sayfalar etkilenmez)
******************************************************************/
@media (min-width: 1025px) {
    #white-background #content .three-fourth {
        float: left !important;
        width: calc(100% - 280px) !important;
        margin-right: 0 !important;
        box-sizing: border-box !important;
    }
    #white-background #content .one-fourth-block.last {
        float: right !important;
        width: 250px !important;
        margin-left: 20px !important;
        box-sizing: border-box !important;
    }
    /* içerik kutularını akışkan yap */
    #white-background #content .three-fourth-block,
    #white-background #content #main,
    #white-background #content article,
    #white-background #content .entry-body,
    #white-background #content .entry-content,
    #white-background #content .post-meta,
    #white-background #content .post-author,
    #white-background #content .excerpt {
        width: auto !important;
        float: none !important;
    }
}

/******************************************************************
Sayfa içeriği grid sütunları full width (iletişim vb.) — masaüstü
******************************************************************/
@media (min-width: 1025px) {
    #white-background #content .one-half  { width: calc(50% - 10px) !important; }
    #white-background #content .two-third { width: calc(66.6% - 7px) !important; }
    #white-background #content .one-third { width: calc(33.3% - 14px) !important; }
    #white-background #content .one-half.last,
    #white-background #content .two-third.last,
    #white-background #content .one-third.last { margin-right: 0 !important; }
    /* iç container'lar tam genişlik */
    #white-background #content .container { width: auto !important; max-width: none !important; }
}

/* Öne çıkan görsel (WP featured image) */
.cm-featured-image img { max-width: 100%; height: auto; display: block; border-radius: 4px; }
/* single: üstte tam */
.cm-fi-single { margin: 0 0 1.2em; }
/* liste: sola küçük, metin sağında */
.cm-fi-list { float: left; width: 200px; margin: 4px 18px 8px 0; }
.cm-fi-list img { width: 100%; }
/* floated görseli post kartında tut */
#content .three-fourth-block { overflow: hidden; }