/*
* Theme Name: Kuranoloji child
* Template: tmcwebforum2
* Theme URI: 
* Author: 
* Author URI: 
* Description: 
* Version: 1.0.0
* StyleVersion: 1.0.0
* ScriptVersion: 1.0.0
* Tags: 
* Text Domain:
*/

.mealler .meal,
.mealler .meal .ayetbilgi .ayetno,
.mealler .meal .mealci .adsoyad,
.mealler .meal .ekbuton a,
.yuvarla_YYYY3{border-radius:30px;-moz-border-radius:30px;-webkit-border-radius:30px}
.mealler .meal .mealci .icon,
.yuvarla_YYYY3{border-radius:50%;-moz-border-radius:50%;-webkit-border-radius:50%}

.mealler{
padding: 30px 0;
}

.mealler .meal{
background: #fff;
padding: 30px 10px 25px 25px;
margin-bottom: 30px;
border: 1px solid #ccc;
position: relative;
}
.mealler .meal:hover{box-shadow: 0 0 15px rgb(0 0 0 / 30%);border-color: #a7a7a7;}
.mealler .meal .mealci{
position: absolute;
top: -19px;
display: flex;
align-items: center;
align-content: center;
flex-wrap: nowrap;
justify-content: flex-start;
flex-direction: row;
}
.mealler .meal .mealci .icon{
width: 38px;
height: 38px;
background: #f1f1f1;
border: 1px solid #ccc;
position: relative;
z-index: 1;
overflow: hidden;
}
.mealler .meal .ayetbilgi{    position: absolute;
bottom: -10px;
display: flex;
align-items: center;
align-content: center;
flex-wrap: nowrap;
justify-content: flex-start;
flex-direction: row;}
.mealler .meal:hover .ayetbilgi .ayetno,
.mealler .meal:hover .mealci .icon,
.mealler .meal:hover .mealci .adsoyad{border-color: #a7a7a7;}
.mealler .meal .mealci .icon img{}
.mealler .meal .ayetbilgi .ayetno{
font-size: 12px;
line-height: 14px;
background: #fff;
border: 1px solid #ccc;
padding: 4px 15px;
}
.mealler .meal .mealci .adsoyad{
font-size: 12px;
line-height: 14px;
background: #fff;
border: 1px solid #ccc;
padding: 4px 15px 4px 30px;
margin-left: -20px;
}
.mealler .meal .mealic{
font-size: 14px;
}

.mealler .meal .ekbutonlar{
position: absolute;
display: flex;
flex-wrap: nowrap;
align-items: center;
justify-content: center;
flex-direction: row;
}
.mealler .meal .ekbuton{
margin: 0 2px;
}
.mealler .meal .gizle{display:none;}
.mealler .meal:hover .gizle{display:block;}
.mealler .meal .ekbuton a{
font-size: 12px;
line-height: 14px;
background: #fff;
border: 1px solid #ccc;
padding: 4px 8px;
color: #000;
}
.mealler .meal .ekbuton:hover{}
.mealler .meal .ekbuton:hover a{
background: #ffbb24;
color: #fff;
border-color: #4d4d4d;
}
.mealler .meal .ekbutonlar.ust{top:-10px;right:20px;}
.mealler .meal .ekbutonlar.alt{
bottom: -10px;
right: 20px;
}

.content-inner{font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;font-size: 18px;line-height: 1.5;}


::-webkit-scrollbar-track
{
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3);
	border-radius: 10px;
	background-color: #000;
}

::-webkit-scrollbar
{
	width: 12px;
	background-color: #000;
}

::-webkit-scrollbar-thumb
{
	border-radius: 10px;
	-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3);
	background-color: #ffbb24;
}
/* --- Gece modu: yan menü widget'ları ---
   Parent temanın gece CSS'i aside widget'larını kapsamıyor; dynamic-style.css
   iki modda da sarı zemin bastığından beyaz metin okunmuyordu. Gövde koyu,
   başlık kategori başlıklarıyla uyumlu sarı zemin + siyah metin yapılır. */
.gorunum-gece #mainarea aside .widget{background:#212a2f;}
.gorunum-gece #mainarea aside .widget h2,
.gorunum-gece #mainarea aside .widget .widget-title{background:#ffbb24;color:#000;}
.gorunum-gece #mainarea aside .widget .widget-title a,
.gorunum-gece #mainarea aside .widget .widget-title i{color:#000;}

/* Gövde zemini: embed'de iframe transparan bırakılmaz; mod zemini gövdeden gelir. */
.gorunum-gece {
	background: #121212;
}

.gorunum-gunduz {
	background: #f1f1f1;
}