/*
Theme Name: Hello Elementor Child
Theme URI: https://elementor.com/hello-theme/?utm_source=wp-themes&utm_campaign=theme-uri&utm_medium=wp-dash
Template: hello-elementor
Author: Elementor Team
Author URI: https://elementor.com/?utm_source=wp-themes&utm_campaign=author-uri&utm_medium=wp-dash
Description: Hello Elementor is a lightweight and minimalist WordPress theme that was built specifically to work seamlessly with the Elementor site builder plugin. The theme is free, open-source, and designed for users who want a flexible, easy-to-use, and customizable website. The theme, which is optimized for performance, provides a solid foundation for users to build their own unique designs using the Elementor drag-and-drop site builder. Its simplicity and flexibility make it a great choice for both beginners and experienced Web Creators.
Tags: accessibility-ready,flexible-header,custom-colors,custom-menu,custom-logo,featured-images,rtl-language-support,threaded-comments,translation-ready
Version: 3.1.0.1719219888
Updated: 2024-06-24 09:04:48

*/


.user-icon {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: auto; /* Önce sağdan konumlanmayı iptal ediyoruz */
    left: calc(50% + 400px); /* Yatayda merkez noktasından 500px sağda olacak şekilde ayarlıyoruz */
    width: 30px;
    height: auto;
    z-index: 9999;
}
/* Mobil ve tablet boyutları için */
@media (max-width: 991px) {
    .user-icon {
        /* Ekran genişliğinin sağ kenarından 50px içeriye konumlandırma */
        left: auto;
        right: 20px;
        width: 25px;
        height: auto;
    }
}

.dark_box {
    
	  position: absolute;
    top: 50%;
    transform: translateY(-50%);
    left: auto; /* Önce sağdan konumlanmayı iptal ediyoruz */
    right: calc(50% + 400px); /* Yatayda merkez noktasından 500px sağda olacak şekilde ayarlıyoruz */
    width: 30px;
    height: auto;
    z-index: 9999;
    
}


@media (max-width: 991px) {
    .dark_box {
        right: auto;
        left: 20px;
        width: 25px;
        height: auto;
    }
}
.popup-container {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    background-color: #fff;
    padding: 20px;
    border-radius: 8px;
    box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
    z-index: 1000; /* Yüksek bir z-index değeri seçin */
}

.popup-container button {
    position: absolute;
    top: 10px;
    right: 10px;
    background: none;
    border: none;
    cursor: pointer;
    font-size: 20px;
}





.custom-random-posts-container {
    display: flex;
    flex-wrap: wrap;
}

.custom-random-posts-container .custom-post-list {
    list-style: none;
    padding: 0;
    margin: 0;
    width: 100%;
}

.custom-random-posts-container .custom-post-list li {
    margin-bottom: 7px;
	padding-top: 7px;
			  padding-left: 7px;
			padding-right: 7px;
    background-color: #ccc;
    position: relative;
    box-sizing: border-box;
    border: 1px solid #f7f7f7;
}

.custom-random-posts-container .custom-post-list li a {
    color: #000 !important; /* Renk için temanın varsayılanını kullan */
    font-family: inherit !important; /* Font ailesi için temanın varsayılanını kullan */
    font-size: 12pt !important; /* Font boyutu için temanın varsayılanını kullan */
    line-height: inherit !important; /* Satır yüksekliği için temanın varsayılanını kullan */
    letter-spacing: inherit !important; /* Harf aralığı için temanın varsayılanını kullan */
    text-transform: inherit !important; /* Metin dönüşümü için temanın varsayılanını kullan */
    text-decoration: inherit !important; /* Metin süslemesi için temanın varsayılanını kullan */
    font-weight: inherit !important; /* Font kalınlığı için temanın varsayılanını kullan */
    /* Diğer font özellikleri de eklenebilir */
}

#refresh-posts-button {
    width: 98%;
    background-color: #fff;
    margin-top: 15px;
	  margin-left: 8px;
    color: #03af4d;
    border: none;
    padding: 10px;
    cursor: pointer;
    background-repeat: no-repeat;
    background-position: center;
    box-sizing: border-box;
    border: 1px solid #03af4d;
    background-size: 20px 20px;
}

#refresh-posts-button:hover {
    background-color: #03af4d; /* Hover durumunda arka plan rengi değişecek */
    color: #fff; /* Metin rengi beyaz olacak */
}

/* Mobil ve Tablet için */
@media (max-width: 768px) {
    .custom-random-posts-container .custom-post-list li {
        width: 100%; /* Tek sütun olarak görüntüle */
				padding-bottom:5px;

        float: none; /* Float'ı kaldır */
    }

    .custom-random-posts-container .custom-post-list li:nth-child(odd) {
        background-color: #f7f7f7;
    }

    .custom-random-posts-container .custom-post-list li:nth-child(even) {
        background-color: #FFF;
    }

    .custom-random-posts-container .custom-post-list li:hover {
        background-color: #eeeeee;
    }
}

/* Masaüstü için */
@media (min-width: 769px) {
    .custom-random-posts-container .custom-post-list li {
        width: 48%; /* İki sütun olarak görüntüle */
        float: left; /* Float ekle */
				margin-left: 10px;

    }


    .custom-random-posts-container .custom-post-list li:nth-child(4n-3),
    .custom-random-posts-container .custom-post-list li:nth-child(4n-2) {
        background-color: #f7f7f7;
    }

    .custom-random-posts-container .custom-post-list li:nth-child(4n-1),
    .custom-random-posts-container .custom-post-list li:nth-child(4n) {
        background-color: #FFF;
    }

    .custom-random-posts-container .custom-post-list li:hover {
        background-color: #eeeeee;
    }
}

    .popular-list-wrapper {
        display: flex !important;
        flex-wrap: wrap !important;
    }

    .popular-list {
        padding: 0 !important;
        margin: 0 !important;
        list-style: none !important;
			width:100% !important;
			  
    }
    * {
    margin: 0 ;
    padding: 0 ;
    border: 0 ;
}


    .popular-list li {
        width: calc(50% - 14px) !important; 
        padding-top: 7px !important;
			  padding-left: 7px !important;
			padding-right: 7px !important;
        margin-bottom: 7px !important;
        box-sizing: border-box !important;
        border: 1px solid #f7f7f7 !important;
        background-color: #ccc !important;
        display: inline-block !important; /* Değişiklik burada */
    }

    

    .popular-list li:hover {
        background-color: #eeeeee !important;

    }
	.popular-list li a {
    color: #000 !important; /* Renk için temanın varsayılanını kullan */
    font-family: inherit !important; /* Font ailesi için temanın varsayılanını kullan */
    font-size: 12pt !important; /* Font boyutu için temanın varsayılanını kullan */
    line-height: inherit !important; /* Satır yüksekliği için temanın varsayılanını kullan */
    letter-spacing: inherit !important; /* Harf aralığı için temanın varsayılanını kullan */
    text-transform: inherit !important; /* Metin dönüşümü için temanın varsayılanını kullan */
    text-decoration: inherit !important; /* Metin süslemesi için temanın varsayılanını kullan */
    font-weight: inherit !important; /* Font kalınlığı için temanın varsayılanını kullan */
    /* Diğer font özellikleri de eklenebilir */
}


    .popular-list li:nth-child(4n-3),
    .popular-list li:nth-child(4n-2) {
        background-color: #f7f7f7 !important;
    }

    .popular-list li:nth-child(4n-1),
    .popular-list li:nth-child(4n) {
        background-color: #FFF !important;
    }

    .popular-list li:hover {
        background-color: #eeeeee !important;
    }

    @media (max-width: 768px) {
        .popular-list li {
            width: 100% !important;
        }
		.popular-list li:nth-child(odd) {
        background-color: #f7f7f7 !important;
    }

    .popular-list li:nth-child(even) {
        background-color: #FFF !important;
    }

    .popular-list li:hover {
        background-color: #eeeeee !important;
    }
    }
@media (min-width: 769px) {
    .popular-list li {
        margin-left:10px !important;

    }
	

		.custom-post-list a {
				color: #000 !important; /* Varsayılan bağlantı rengi */
		}

		.custom-post-list a:hover {
				color: #000 !important; /* Fare üzerine gelindiğinde bağlantı rengi */
		}

#refresh-posts-loader {
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    z-index: 9999;
}

/* Masaüstü için */
@media only screen and (min-width: 768px) {
    div.asl_r .results .item:nth-child(4n-3),
    div.asl_r .results .item:nth-child(4n-2) {
        background-color: #f7f7f7 !important;
    }
    div.asl_r .results .item:nth-child(4n-1),
    div.asl_r .results .item:nth-child(4n) {
        background-color: #fff !important;
    }
}

/* Mobil ve tablet için */
@media only screen and (max-width: 767px) {
    div.asl_r .results .item:nth-child(even) {
        background-color: #FFF;
    }
    div.asl_r .results .item:nth-child(odd) {
        background-color: #f7f7f7;
    }
}

	
div.asl_r .results .item:hover {
    background-color: #eeeeee !important;
    }


.popup {
    width: 500px;
	
	/* veya istediğiniz bir genişlik */
}
	
	


.fa-folder-plus {
  font-size: 21px; /* FontAwesome ikon boyutunu ayarlayın */
  
}
	
	
/*MÜZİK TÜRÜ CSS*/
	.music-turu-wrapper {
        display: flex ;
        flex-wrap: wrap ;
    }

    .music-turu {
        padding: 0 ;
        margin: 0 ;
        list-style: none ;
			width:100% ;
			  
    }
   


    .music-turu li {
        width: calc(50% - 14px) ; 
			padding-top: 7px;
			  padding-left: 7px;
			padding-right: 7px;
        margin-bottom: 7px;
        box-sizing: border-box ;
        border: 1px solid #f7f7f7 ;
        background-color: #ccc ;
        display: inline-block ; /* Değişiklik burada */
    }

    

    .music-turu li:hover {
        background-color: #eeeeee ;

    }
	.music-turu li a {
    color: #000 ; /* Renk için temanın varsayılanını kullan */
    font-family: inherit ; /* Font ailesi için temanın varsayılanını kullan */
    font-size: 12pt ; /* Font boyutu için temanın varsayılanını kullan */
    line-height: inherit ; /* Satır yüksekliği için temanın varsayılanını kullan */
    letter-spacing: inherit ; /* Harf aralığı için temanın varsayılanını kullan */
    text-transform: inherit ; /* Metin dönüşümü için temanın varsayılanını kullan */
    text-decoration: inherit ; /* Metin süslemesi için temanın varsayılanını kullan */
    font-weight: inherit ; /* Font kalınlığı için temanın varsayılanını kullan */
    /* Diğer font özellikleri de eklenebilir */
}


    .music-turu li:nth-child(4n-3),
    .music-turu li:nth-child(4n-2) {
        background-color: #f7f7f7 ;
    }

    .music-turu li:nth-child(4n-1),
    .music-turu li:nth-child(4n) {
        background-color: #FFF ;
    }

    .music-turu li:hover {
        background-color: #eeeeee ;
    }

    @media (max-width: 768px) {
        .music-turu li {
            width: 100% ;
				
        }
		.music-turu li:nth-child(odd) {
        background-color: #f7f7f7 ;
    }

    .music-turu li:nth-child(even) {
        background-color: #FFF ;
    }

    .music-turu li:hover {
        background-color: #eeeeee ;
    }
    }
@media (min-width: 769px) {
    .music-turu li {
        margin-left:10px ;

    }

	.um-misc-ul {
    list-style-type: none; /* Listeleme işaretlerini kaldırır */
    padding: 0; /* Varsayılan padding'i sıfırlar */
    margin: 0; /* Varsayılan margin'i sıfırlar */
}

.um-misc-ul li {
    margin-bottom: 5px; /* Liste öğeleri arasında boşluk bırakır */
}

.um-misc-ul li a {
    display: block; /* Bağlantıları blok seviyesinde öğeler yapar, bu sayede tüm alan tıklanabilir olur */
    padding: 10px; /* İçerik etrafında boşluk ekler */
    background-color: #3ba1da; /* Arka plan rengi */
    color: white; /* Yazı rengi */
    text-align: center; /* Yazıyı ortalar */
    text-decoration: none; /* Alt çizgileri kaldırır */
    border: 1px solid #0056b3; /* Kenarlık ekler */
    border-radius: 5px; /* Kenarları yuvarlaklaştırır */
}

.um-misc-ul li a:hover {
    background-color: #44b0ec; /* Üzerine gelindiğinde arka plan rengini değiştirir */
    color: #fff; /* Üzerine gelindiğinde yazı rengini belirler (isteğe bağlı) */
}
	
	
	.article, .post, .entry, .content {
    padding: 50px !important; /* İstenen padding miktarını buradan ayarlayabilirsiniz */
}

	/* Temel site içeriği için stil */
.site-main {
    background-color: white !important; 
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1)!important;
    border-radius: 10px!important; 
    margin: 20px auto !important; 
    padding: 20px!important; 
    width: 100% !important; 
    max-width: 900px !important; 
    box-sizing: border-box!important; /* Padding ve border'ın genişliği içine alınır */
}

/* Ekran genişliği 768px'den küçük olduğunda (tablet ve mobil cihazlar) */
@media (max-width: 768px) {
    .site-main {
        width: 100% !important; /* Mobil cihazlarda genişliği %100 yap */
        margin: 10px auto !important; /* Daha az üst ve alt boşluk */
        padding: 15px !important; /* İç boşluk */
    }
}
	.elementor-section .elementor-container {
    max-width: 800px !important; /* İstediğiniz maksimum genişliği ayarlayın */
    margin: 0 auto !important; /* İçeriği merkeze al */
}

.cbxwpbkmarktrig {
  display: inline-flex !important; /* Flexbox kullanarak içerikleri hizalayın */
  align-items: center !important; /* Dikey hizalamayı ortala */
  color: #000 !important; /* Yazı rengini siyah yap */
	margin-left: 0px !important;
}

.cbxwpbkmarktrig .cbxwpbkmarktrig-label {
  margin-left: 1px !important; /* İkon ile yazı arasında boşluk bırak */
  color: black !important; /* Yazı rengini siyah yap (isteğe bağlı) */
}


	
	.post-meta-info {
    display: flex !important;
    align-items: center !important;
    justify-content: start !important;
    gap: 5px !important; 
		font-size:10pt!important;
		color:black !important;
}

.post-tags, .post-categories {
    display: flex !important;
    align-items: center !important;
			font-size:10pt!important;

}
	.entry-title {
		max-width:100% !important;
	float: left !important; }