.fs-quote {font-size:18px!important;}
.font-windsong {font-family: "WindSong", cursive !important;}
.font-courier {font-family: "Courier Prime", monospace!important;}
.font-poppins {
  font-family: "Poppins", sans-serif!important;
}
.font-titillium {
  font-family: "Titillium Web", sans-serif!important;
}
.font-noto {
  font-family: "Noto Sans", sans-serif!important;
}

.font-karma-i {font-family: 'Dosis',Arial, Helvetica, sans-serif!important;}

img.framed-sol {
  box-shadow:
    -50px -50px 0 -40px #c8bb99,
    50px 50px 0 -40px #c8bb99;
}
img.framed-sag {
  box-shadow:
    50px -50px 0 -40px #c8bb99,
    -50px 50px 0 -40px #c8bb99;
}

#o-carousel img {border:1px solid #efefef; padding:4px;}

.border-shadow {box-shadow: rgba(0, 0, 0, 0.15) 0px 5px 15px 0px;}
.bg-tema {background:#c8bb99;}
.text-tema {color:#c8bb99;}
.prev, .next {border:1px solid #c8bb99; padding: 10px 15px;}
.prev:hover, .next:hover {border:1px solid #444;}

.blockquote{
    padding: 60px 80px 40px;
    position: relative;
}
 

.blockquote:before {
  position: absolute;
  font-family: 'FontAwesome';
  top: 0;
  content:"\f10d";
  font-size: 200px;
  color: rgba(0,0,0,0.1);
   
}

.blockquote::after {
    content: "";
    top: 20px;
    left: 50%;
    margin-left: -100px;
    position: absolute;
    border-bottom: 0px solid #bf0024;
    height: 3px;
    width: 200px;
}


/* Blockquote before elementinin z-index'ini düşür */
#icerik blockquote:before {
    position: absolute;
    font-family: 'FontAwesome';
    content: "\f10d";
    font-size: 100px;
    color: rgba(0,0,0,0.1);
    z-index: 1; /* Figure'ın altında kalması için */
}

/* Figure elementlerinin z-index'ini yükselt */
.o-short-img {
    position: relative;
    z-index: 10 !important;
}

/* İlave güvenlik için blockquote'u relative yap */
#icerik blockquote {
    padding: 20px;
    position: relative;
    font-family: "Courier Prime", monospace !important;
    font-size: 16px;
    font-style: normal;
    z-index: 2; /* Before'dan yüksek ama figure'dan düşük */
}


#mainmenu li.diller a { padding:25px 0px;}
#mainmenu li.contact a:after { content: "";}
#mainmenu li.diller a:first-child:before { content: "\f0ac"; font-size: 14px; margin-right: 6px; position: relative; font-family: "FontAwesome"; margin-top: 0px;}
.lang-share a {color:#000; font-weight:600;} 


/* rev_slider gölge */
.slotholder:after, .timeline .swiper-slide:after {width:100%;height:100%;content:"";position:absolute;left:0;top:0;pointer-events:none;background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAGUlEQVQ4y2NgoBJwoJAedcGoC0ZdMOAuAABF0hABJ/8lyQAAAABJRU5ErkJggg==);}

.cat-seyyah img { 
width: 80px;
height: 80px;
border: 3px solid rgba(200, 187, 153, 0.4);
}

.yil-background { position: absolute;
                top: 50%;
                right: 20px;
                transform: translateY(-50%);
                font-size: clamp(80px, 15vw, 200px);
                font-weight: 900;
                color: rgba(200, 187, 153, 0.15);
                z-index: 1;
                pointer-events: none;
                font-family: Arial, sans-serif;
                line-height: 1;}

.seyyah-portrait-simple {
                            width: 80px;
                            height: 80px;
                            border-radius: 50%;
                            overflow: hidden;
                            border: 3px solid rgba(200, 187, 153, 0.4);
                            background: rgba(255, 255, 255, 0.1);
                            opacity: 0.6;
                        }
.seyyah-portrait-simple img {
                                width: 100%;
                                height: 100%;
                                object-fit: cover;
                                transition: transform 0.3s ease;
                            }                        
.seyyah-letter, .seyyah-letter a {font-size: 4rem; font-weight: 300; color: rgba(200, 187, 153, 0.8); text-align: center; line-height: 1.3;}