* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    font-family: 'Poppins', sans-serif;
}

:root {
    --golge: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px;
    --yazi: #1a1616;
}

body {
}

ul {
    margin: 0;
    padding: 0;
}

li {
    list-style: none;
}


.heading {
    font-size: 1.2rem;
    text-transform: uppercase;
    font-weight: 600;
    text-align: center;
}
.baslik-yazi {
    color: #00bfff !important;
    text-decoration: none !important;
}
a{
    font-size:1rem;
    color:#000000;
    text-decoration:none;
}

    a:hover {
        
        color: #00bfff !important;
    }
.cpatha{
    display:flex;
    align-items:center;
  
    box-shadow:var(--golge);
    padding:1rem;
    margin:1rem 0 1rem 0;
   
}
.cpatha label{

    color:var(--yazi);
    margin-left:2rem;
}
header {
    width: 100%;
}

.layout {
    margin-top: 6rem;
}

header .navbar {
   
    border-left: 3px solid #00bfff !important;
    border-right: 3px solid #00bfff !important;
    box-shadow: rgba(0, 0, 0, 0.24) 0px 3px 8px;
    text-transform:uppercase;
    font-size:1rem;
    font-weight:600;
}
header .navbar.navbar-brand{


}
.sag-blok .profil {
    border-right: 3px solid #00bfff !important;
    box-shadow: var(--golge);
    padding-top: 1.5rem;
    padding-bottom: 1rem;
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
}
.sag-blok .profil img {
    border-radius: 50%;
    width: 150px;
    height: 150px;
    box-shadow: var(--golge);
}
.sag-blok .isimlik h1{

    font-size:1.3rem;
    font-weight:600;
    margin-top:1rem;
}
.sag-blok .sosyalmedya ul{
    display:flex;
    align-items:center;
    justify-content:center;
}
    .sag-blok .sosyalmedya ul li{

        margin-left:1rem;
    }
        .sag-blok .sosyalmedya ul li a {
            color:#00bfff !important;
            font-size: 2.5rem;
        }
        .sag-blok .sosyalmedya ul li a:hover {
            color: #000000 !important;
            font-size: 2.5rem;
        }
            .sag-blok .sosyalmedya  .fa-instagram{

           color:crimson !important;
        }
                .sag-blok .sosyalmedya .fa-instagram:hover {
                    color: #000000 !important;
                }







.sag-blok .kategori {
    margin-top: 1rem;
    box-shadow: var(--golge);
    padding: 1rem;
    border-right: 3px solid #00bfff !important;
    font-size: 1rem;
    font-weight: 400;
}

    .sag-blok .kategori ul li {
        display: flex;
        align-items: center;
        justify-content: space-between;
        border-bottom: 1px dashed rgba(100, 100, 111, 0.2);
        padding-right: .3rem;
        margin-bottom: .5rem
    }

        .sag-blok .kategori ul li a {
            color: var(--yazi);
            font-weight: 500;
            text-decoration:none;
        }

        .sag-blok .kategori ul li span {
            color: #00bfff;
            font-weight: 600;
        }



.sag-blok .encok {
    margin-top: 1rem;
    box-shadow: var(--golge);
    padding: 1rem;
    border-right: 3px solid #00bfff !important;
}

    .sag-blok .encok img {
        height: 75px;
        width: 75px;
        margin-right: 1rem
    }

    .sag-blok .encok li {
        display: flex;
        justify-content: space-between;
        border-bottom: 1px dashed rgba(100, 100, 111, 0.2);
        padding-bottom: 1rem;
        margin-bottom: .5rem;
    }

        .sag-blok .encok li a{

            font-size:1rem;
            text-decoration:none;
            color:#000000;
            
          
        }

.sag-blok .galeri {
    margin-top: 1rem;
    box-shadow: var(--golge);
    padding: 1rem;
    border-right: 3px solid #00bfff !important
}

    .sag-blok .galeri h2 {
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: 600;
    }

    .sag-blok .galeri .col-md-3 {
        margin-bottom: 1rem;
    }

.sag-blok .etiket {
    margin-top: 1rem;
    box-shadow: var(--golge);
    padding: 1rem;
    border-right: 3px solid #00bfff !important;
}

    .sag-blok .etiket .anahtar {
        display: flex;
        flex-wrap: wrap;
    }

    .sag-blok .etiket h2 {
        font-size: 1.2rem;
        text-transform: uppercase;
        font-weight: 600;
    }

    .sag-blok .etiket .anahtar a {
        display: block;
        padding: 1rem;
        border-bottom: 1px solid #00bfff !important;
        margin-right: .5rem;
    }


        .haber {
            width: 100%;
        }

    .haber .haber-content {
        width: 100%;
        box-shadow: var(--golge);
        margin-bottom: 1.5rem;
        padding: 1rem;
        border-left: 3px solid #00bfff !important;
    }

        .haber .haber-content label {
            font-weight: 700;
            text-transform: uppercase;
            font-size: 1.1rem;
            margin-bottom: .3rem;
        }

        .haber .haber-content .maka .secenek {
            display: flex;
            align-items: center;
            padding: .5rem 0rem;
            flex-wrap: wrap;
        }

        .haber .haber-content .maka span .devam {
            font-size: .9rem;
            font-weight: 600;
            display: inline-block;
            margin-left: .5rem;
            padding: 0 .5rem;
            color: #00bfff !important;
            border-left: 1px dashed #1a1616;
            border-right: 1px dashed #1a1616;
        }

            .haber .haber-content .maka span .devam:hover {
                font-size: .9rem;
                font-weight: 600;
                display: inline-block;
                margin-left: .5rem;
                padding: 0 .5rem;
                color: #1a1616 !important;
                border-left: 1px dashed #00bfff;
                border-right: 1px dashed #00bfff;
            }

        .haber .haber-content .maka .secenek span {
            font-size: .8rem;
            font-weight: 500;
            margin-right: 1rem
        }

        .haber .haber-content .maka .secenek i {
            font-size: .8rem;
            color: #00bfff;
            margin-right: .3rem
        }
.blog-detay {
    width: 100%;
    box-shadow: var(--golge);
    margin-bottom: 1.5rem;
    padding: 1rem;
    border-left: 3px solid #00bfff !important;
}

    .blog-detay h1 {
        margin-top: 1rem;
        font-size: 1.5rem;
        text-transform: uppercase;
        font-weight: 600;
    }


        footer{

           
            box-shadow:var(--golge);
            margin-top:2rem;
            text-align:center;
            padding:2rem;
        }

.kapsayici {
    width: 100%;
    padding: 1.5REM;
    box-shadow: var(--golge);
    border-left: 3px solid #00bfff !important;
}
.kapsayici form{
   
}
    .kapsayici .form-group {
        width: 100% !important;
        max-width: 100%;
       
    }
        .kapsayici .form-group .form-control {
            box-sizing: border-box;
            width: 100% !important;
            max-width: 100%;
        }
        .kapsayici .form-group .form-control:hover{

            background-color:#cec7c7;
        }
        .kapsayici .form-group input[type="submit"] {
            margin: 1rem 0!important;
        }
       .yeni-kayit{

           padding:.5rem  0 .5rem 1rem;
           box-shadow:var(--golge);
           margin-bottom:1rem;
       }

.yorumlar {
    width: 100%;
    box-shadow: var(--golge);
    border-left: 3px solid #00bfff !important;
    margin-top: 2rem;
    padding:1rem;
}
.yorumlar-listesi .yorum-item {
    box-shadow: var(--golge);
    padding: 1rem;
    margin-top: 1rem;
    
}
    .yorumlar-listesi .yorum-item label {
        font-weight: 600;
        font-size: 1rem;

        color: #00bfff;
    }
    .yorumlar-listesi .yorum-item p{

        color:black;
        font-size:1rem;
        font-weight:300;
    }

.note-editor {
    max-width: 100%;
    overflow-x: auto;
}

.note-editable {
    word-wrap: break-word;
}

.blog-detay .icerik {
    word-wrap: break-word;
    overflow-wrap: break-word;
}