body.pkp_page_index section.cmp_announcements, body.pkp_page_index section.cmp_announcements h2, body.pkp_page_index section.cmp_announcements header { margin-top: 0px !important; margin-bottom: 0px !important; }

body.pkp_page_index div.sections.article_list h2 { margin-top: 10px !important; }

/*****************************************
*
* 1- Header Icin Custom Tasarim Ayarlari
*
*****************************************/

/* 'Kayıt' ve 'Giriş' butonlarının gizlenmesi */
header li.menu-item-8, header li.menu-item-9 { display: none !important; }



/* Geniş ekranlar için header menüsü tasarımı */
@media screen and (min-width: 768px) {

   @import url('https://fonts.googleapis.com/css?family=Roboto');
   header#headerNavigationContainer { font-family: 'Roboto', sans-serif !important; box-shadow: rgba(100, 100, 111, 0.3) 0px 1px 29px 3px; }
   
   /* Üst navigasyon bölümü (User Navigation) */
   @media (min-width: 769px) and (max-width: 792px) { ul#navigationUser { margin-right: 30px !important; } }
   @media (min-width: 991px) and (max-width: 1200px) { ul#navigationUser li.menu-item-26 { margin-right: 20px !important; } }

   header ul#navigationUser > li > a.dropdown-toggle { box-shadow: 0px 0px 2px 1px rgba(100, 100, 111, 0.3); }
   header div.container-fluid:nth-child(1) { background-color: #F5F5F5 !important; border-bottom: 1px solid rgba(100, 100, 111, 0.3); }
   header div.container-fluid:nth-child(1) > div { width: 1140px; margin: 0 auto; font-size: 16px; }
   header div.container-fluid:nth-child(1) span.badge { background-color: red; margin-top: -1px; }
   header div.container-fluid:nth-child(1) a { padding: 4px 10px; margin: 9px; margin-right: 0px; transition: background-color 0.3s ease, color 0.3s ease; background-color: rgb(255 255 255 / 0.75); font-size: 16px; color: black; box-shadow: 0px 0px 2px 1px #ccc; }
   /*header div.container-fluid:nth-child(1) a:hover { color: red; background-color: rgb(255 255 255); }*/
   header div.container-fluid:nth-child(1) ul.dropdown-menu { z-index: 100000 !important; margin-top: -1px; font-size: 16px !important; right: 13px; padding-top: 0px; padding-bottom: 0px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li a { padding-top: 5px; padding-bottom: 5px; margin: 0px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li:first-child a { padding-top: 7px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li:last-child a { padding-bottom: 7px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li a:hover { background-color: #ccc; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li:not(:last-child) a { border-bottom: 1px solid #ccc !important; }

   /* Ana navigasyon bölümü (Site Navigation) */
   header div.container-fluid:nth-child(2) { background-color: white; }
   header div.container-fluid:nth-child(2) > div { width: 1170px; margin: 0 auto; height: 80px; }

   /* Logo ve site adı */
   header a.navbar-brand.navbar-brand-logo { margin-left: 0px !important; color: #33629d; transition: color 0.2s ease; }
   header a.navbar-brand.navbar-brand-logo:hover { color: #33629d; }
   header a.navbar-brand.navbar-brand-logo::before { content: ''; display: inline-block; background-image: url(''); background-size: cover; background-position: center; background-repeat: no-repeat; width: 70px !important; height: 70px !important; margin-top: -10px;  padding-left: 60px; }
   header p#site-name { margin-top: -47px; margin-left: 1px; /*margin-left: 75px;*/ font-size: 30px; !important; transition: color 0.2s ease; }

   /* Ortadaki navigasyon menüsü */
   header ul#main-navigation { margin-left: 35px; margin-top: 10px; }
   header ul#main-navigation a.dropdown-toggle::after { display: none !important; }
   header ul#main-navigation > li > a { padding-top: 20px; padding-bottom: 20px; font-size: 18px; color: black; text-decoration: none; display: block; transition-duration:0.6s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); position: relative; padding-left: 13px; padding-right: 13px;}
   header ul#main-navigation > li > a i { padding-right: 3px !important; }
   header ul#main-navigation > li:hover > a { color: #33629d; }

   /* Ortadaki navigasyon menüsü için dinamik stillendirmenin temelleri */
   /* ©, ÅŞuradan Uyarlanmıştır: https://codepen.io/piyushpd139/pen/gOYvZPG */
   header li:has(a.active) i, header li a.active, header a.dropdown-toggle[aria-expanded="true"] i, header a.dropdown-toggle[aria-expanded="true"] { color: #33629d !important; transition: all 0.7s; }
   header a.active { border-bottom: 2px solid #33629d; padding-bottom: 8px !important; padding-left: 5px !important; padding-right: 5px !important; margin-left: 8px !important; margin-right: 8px !important; }
   header ul#main-navigation a.dropdown-toggle[aria-expanded="true"] i, header ul#main-navigation a.dropdown-toggle[aria-expanded="true"] { background-color: white !important; color: black !important; }

   /* Ortadaki navigasyon menüsündeki scroll down menüsü */
   header li.dropdown ul.dropdown-menu { padding-top: 0px; padding-bottom: 0px; }
   header li.dropdown ul.dropdown-menu li a { font-size: 16px !important; padding-top: 7px !important; padding-bottom: 7px !important; color: black !important; transition: none !important; }
   header li.dropdown ul.dropdown-menu li a:hover { background-color: #ccc !important; }
   header li.dropdown ul.dropdown-menu li:not(:last-child) { border-bottom: 1px solid #ccc; }
   header li.dropdown ul.dropdown-menu li a i { color: #33629d !important; }
   header li.dropdown ul.dropdown-menu li a i#seperator { margin-left: 3px !important; margin-right: 5px !important; }

   /* Arama formu */
   header form.navbar-form.navbar-left { padding-right: 0px; margin-top: 20px; }
   header form.navbar-form.navbar-left input { display: none !important; width: 140px; font-size: 15px; height: 40px; box-shadow: 0px 0px 0px 1px rgba(100, 100, 111, 0.3); }
   header form.navbar-form.navbar-left button { height: 40px; box-shadow: 0px 0px 0px 1px rgba(100, 100, 111, 0.3); margin-left: 2px; }
   header form.navbar-form.navbar-left input::placeholder { font-size: 15px; }
   header form.navbar-form.navbar-left i.fa-search { font-size: 16px !important; }

}

/* Tabletler için header menüsü uyumluluğunun sağlanması */
@media screen and (min-width: 1201px) {
   header div.container-fluid:nth-child(1) ul#navigationUser { margin-right: 0px !important; }
}
@media screen and (min-width: 1201px) and (max-width: 1230px) {
   header form.navbar-form.navbar-left input.form-control { display: none; }
   header form.navbar-form.navbar-left button { margin-right: 10px; }
   header nav#nav-menu { width: calc(100vw - 60px) !important; }
   header ul#main-navigation { margin-left: 0px /*calc(0px - (100vw - 1220px))*/ !important; }
}
@media screen and (min-width: 992px) and (max-width: 1200px) {
   header .menu-item-44 { display: none !important; } /*ana sayfa butonu iptal*/
   header div.navbar-header { margin-left: calc((170px + (100vw - 1200px)) / 2) !important; }
   header ul#main-navigation { padding-left: 32px !important; margin-left: 0px !important; margin-right: 41px !important; }
   header form.navbar-form.navbar-left input.form-control { display: none; }
   header form.navbar-form.navbar-left button { margin-right: calc((220px - (100vw - 1200px)) / 2) !important; }
   /*header p#site-name { display: none !important; }*/
   header div.container-fluid:nth-child(1) > div { width: calc(1000px + ((100vw - 1200px) / 4)) !important; }
   header div.container-fluid:nth-child(1) ul#navigationUser { margin-right: calc(10px + ((100vw - 1200px) / 8)) !important; }
   header nav#nav-menu div.pull-md-right { float: none !important; }
   header nav#nav-menu button.btn { margin-left: 0px !important; margin-right: 0px !important; display: none; }
   header nav#nav-menu button.btn.submit-manuscript { display: block; }
   header form.navbar-form.navbar-left { display: none; }
}
@media screen and (min-width: 768px) and (max-width: 991px) {
   header .menu-item-44 { display: none !important; } /*ana sayfa butonu iptal*/
   header .menu-item-44 { display: none !important; } /*arşiv butonu iptal*/
   /*header p#site-name { display: none; }*/
   header div.navbar-header { margin-left: calc((395px + (100vw - 1200px)) / 2) !important; }
   header form.navbar-form.navbar-left { padding-left: 0px; }
   header form.navbar-form.navbar-left input.form-control { display: none; }
   header form.navbar-form.navbar-left button { margin-right: calc((220px - (100vw - 1200px)) / 2) !important; }
   header ul#main-navigation { margin-left: 0px !important; max-width: 500px; }
   header ul#main-navigation li a { padding-left: 11px; padding-right: 11px; }
   header ul#main-navigation li:last-child a { margin-right: 5px; }
   header div.container-fluid:nth-child(1) > div { width: calc(810px + ((100vw - 1200px) / 7)) !important; }
   header nav#nav-menu button.btn { display: none !important; }
   header ul#main-navigation { margin-left: 30px !important; }
   header form.navbar-form.navbar-left { display: none !important; }
}
@media screen and (min-width: 790px) and (max-width: 991px) {
   header div.container-fluid:nth-child(1) ul#navigationUser { margin-right: calc(55px + ((100vw - 1200px) / 10)) !important; }
}

/* Mobil cihazlar için header menüsü tasarımı */
@media screen and (max-width: 768px) { 

   @import url('https://fonts.googleapis.com/css?family=Roboto');
   header#headerNavigationContainer { font-family: 'Roboto', sans-serif !important; box-shadow: rgba(100, 100, 111, 0.3) 0px 1px 29px 3px; }  

   /* Üst navigasyon bölümü (User Navigation) */
   header div.container-fluid:nth-child(1) { background-color: #F5F5F5; border-bottom: 1px solid rgba(100, 100, 111, 0.3); }
   header div.container-fluid:nth-child(1) > div { margin: 0 auto; font-size: 16px; }
   header div.container-fluid:nth-child(1) span.badge { background-color: #33629d; margin-top: -1px; }
   header div.container-fluid:nth-child(1) a { padding: 4px 10px; box-shadow: 0px 0px 2px 1px rgba(100, 100, 111, 0.3); margin: 9px; margin-right: 0px; transition: background-color 0.3s ease, color 0.3s ease; background-color: rgb(255 255 255 / 0.75); font-size: 16px; color: black; }
   /*header div.container-fluid:nth-child(1) a:hover { color: #33629d; background-color: rgb(255 255 255); }*/
   header div.container-fluid:nth-child(1) ul.dropdown-menu { margin-top: -1px; font-size: 16px !important; right: 13px; padding-top: 0px; padding-bottom: 0px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li a { padding-top: 5px; padding-bottom: 5px; margin: 0px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li:first-child a { padding-top: 7px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li:last-child a { padding-bottom: 7px; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li a:hover { background-color: #ccc; }
   header div.container-fluid:nth-child(1) ul.dropdown-menu li:not(:last-child) a { border-bottom: 1px solid #ccc !important; }

   /* Ana navigasyon bölümü (Site Navigation) */
   header div.container-fluid:nth-child(2) { background-color: #fff; border-bottom: 2px solid rgba(100, 100, 111, 0.3); }
   header div.container-fluid:nth-child(2) > div { margin: 0 auto; }
   header div.container-fluid:nth-child(2) div.navbar-header { height: 60px; }
   header nav#nav-menu { box-shadow: none; border-top: 0px; padding-left: 0px; padding-right: 0px; }

   /* Logo ve site adı */
   header a.navbar-brand.navbar-brand-logo { margin-left: -15px !important; color: #33629d; transition: color 0.2s ease; }
   header a.navbar-brand.navbar-brand-logo::before { content: ''; display: inline-block; background-image: url('/ojs/images/Turkish_Presidency_Human_Resources_Office_Logo.png'); background-size: cover; background-position: center; background-repeat: no-repeat; width: 60px !important; height: 60px !important; margin-top: -15px; padding-left: 50px; }
   header a.navbar-brand.navbar-brand-logo:hover { color: #33629d; }
   header p#site-name { margin-top: -44px; margin-left: 5px; /*margin-left: 65px;*/ font-size: 23px; !important; transition: color 0.2s ease; }

   /* Sağdaki navigasyon menüsü butonu */
   button.navbar-toggle { margin-right: 0px; margin-top: 12px; background-color: #fff; border: 2px solid rgba(100, 100, 111); }

   /* Aşağı açılan navigasyon menüsü */
   //header div.container-fluid:nth-child(2), header nav#nav-menu { width: 450px; }
   header ul#main-navigation { border-radius: 15px; background-color: #e5e5e5; padding: 10px; margin-left: 0px !important; border: 2px solid #ccc; margin-top: 5px; padding-top: 10px; width: calc(100vw - 50px); }
   header ul#main-navigation a.dropdown-toggle::after { display: none !important; }
   header ul#main-navigation li { width: calc(100vw - 75px) !important; border-radius: 15px !important; }
   header ul#main-navigation > li:has(a.active) { background-color: #fff; border-radius: 15px !important; width: calc(100vw - 75px); }
   header ul#main-navigation a.active { color: #33629d }
   header ul#main-navigation ul.dropdown-menu a { margin-left: 29px; padding-left: 15px; padding-right: 5px; border-left: 1px solid black; }
   header ul#main-navigation ul.dropdown-menu i#seperator { display: none; }
   header ul#main-navigation > li:has(a.active) ul.dropdown-menu { background-color: #e5e5e5; color: black !important; }
   header ul#main-navigation > li > a { padding-top: 9px; padding-bottom: 9px; font-size: 16px; color: black; text-decoration: none; display: block; transition-duration:0.6s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); position: relative; }
   header ul#main-navigation > li > a i { padding-right: 3px !important; }
   header li:has(a.active) i, header li a.active, header a.dropdown-toggle[aria-expanded="true"] i, header a.dropdown-toggle[aria-expanded="true"] { color: #33629d !important; transition: all 0.7s; border-radius: 15px; }
   header ul#main-navigation a.dropdown-toggle.active { box-shadow: 0px 0px 2px 1px #ccc !important; border-radius: 15px; }
   header ul#main-navigation a.dropdown-toggle[aria-expanded="true"] i, header ul#main-navigation a.dropdown-toggle[aria-expanded="true"] { background-color: white !important; color: #33629d !important; } // Asla yeri deÄŸiÅŸtirilmemeli!
   header li.dropdown ul.dropdown-menu { padding-top: 0px !important; padding-bottom: 0px !important; }
   header li.dropdown ul.dropdown-menu li a { color: black !important; font-size: 16px !important; padding-top: 7px !important; padding-bottom: 7px !important; transition: none !important; }
   header li.dropdown ul.dropdown-menu li i { color: black !important; }
   header li.dropdown ul.dropdown-menu li a i#seperator { margin-left: 3px !important; margin-right: 5px !important; }
   header form.navbar-form.navbar-left { padding-left: 0px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px; box-shadow: none; border-bottom: 0px; border-top: 2px solid white; }
   header form.navbar-form.navbar-left div.form-group { width: calc(100vw - 98px) !important; display: inline-block !important; margin-left: 17px; }
   header form.navbar-form.navbar-left button { display: inline-block !important; margin-top: -3px; box-shadow: 0px 0px 1px 1px rgba(100, 100, 111, 0.3); } 
   header form.navbar-form.navbar-left input { box-shadow: 0px 0px 1px 1px rgba(100, 100, 111, 0.3); } 
   header ul#main-navigation li i { width: 30px; text-align: center; }

}

header button.submit-manuscript:hover {
  transition: 0.3s all;
}
header button.submit-manuscript:hover {
  opacity: 0.7;
}

/* Küçük ekranlar için header menüsü uyumluluğunun sağlanması */
@media screen and (max-width: 275px) {
   header p#site-name { display: none; }
}

@media screen and (max-width: 991px) {
   header btn.submit { margin-left: 0px !important; margin-top: 0px !important; }
   header button.submit-manuscript { width: calc(100% - 7px) !important; text-align: center !important; margin-left: 4px !important; margin-top: 10px !important; }
   header ul#main-navigation { width: 100% !important; }
   header form.navbar-form.navbar-left { display: flex; align-items: center; gap: 10px; width: calc(100% - 5px) !important; margin-right: 0px !important; margin-left: 0px !important;}
   header form.navbar-form.navbar-left div.form-group { margin-left: 5px !important; }


}

/*****************************************
*
* 2- Statik Sayfalar İçin Tasarım Ayarları
*
*****************************************/

/* Genel yapıya ilişkin düzenlemeler */
div.pkp_structure_page { background: #F5F5F5 !important; }
main.pkp_structure_main { width: 100% !important; background: white; box-shadow: 0px 0px 1px 0.5px rgba(166, 166, 166, 1) !important; border-radius: 5px !important; padding-bottom: 15px !important; }
main.pkp_structure_main a { color: #2196f3 !important; }
body.pkp_page_index main.pkp_structure_main a.btn { color: white !important; box-shadow: 0px 0px 1px 1px black; }

/* Başlıklar ve içeriklere ilişkin düzenlemeler */
main.pkp_structure_main h1 { font-size: 31px; margin-left: 1px; margin-right: 1px; margin-top: 10px !important; margin-bottom: 15px !important; }
main.pkp_structure_main div.page-header:has(h1) { margin-top: 0px !important; margin-bottom: 0px !important; padding-top: 0px !important; padding-bottom: 0px !important; margin-left: 13px; margin-right: 13px; border-bottom: 0px !important; }
main.pkp_structure_main h2 { font-size: 25px; margin-left: 12px; margin-right: 12px; margin-top: 10px !important; margin-bottom: 15px !important; }
main.pkp_structure_main h2:first-of-type { margin-top: 25px !important; }
main.pkp_structure_main h3 { font-size: 20px; margin-left: 12px; margin-right: 12px; margin-top: 15px !important; margin-bottom: 15px !important; }
main.pkp_structure_main p { font-size: 16px; margin-left: 12px; margin-right: 12px;  }

/* 2.1 - Ana sayfa */
body.pkp_page_index main.pkp_structure_main:first-child { display: none !important; }
body.pkp_page_index main.pkp_structure_main h2 { border-bottom: 1px solid black; padding-bottom: 7px; }
body.pkp_page_index main.pkp_structure_main header.page-header { border: 0px; margin-bottom: 0px; margin-top: 10px; padding-bottom: 0px; }
body.pkp_page_index main.pkp_structure_main div#main-content { margin-top: 25px !important; }

div.issue-toc div.thumbnail img { margin-left: 0px !important; }


a#article_title { font-size: 19px !important; font-family: "Helvetica Neue",Helvetica,Arial,sans-serif; }
@media screen and (max-width: 991px) {
   div.issue-toc div.page-header { padding-bottom: 0px !important; }
   div.heading.row { display: block !important; }
   div.issue-toc div.thumbnail { border: 0px !important; margin-right: 0px !important; padding-left: 0px !important; margin-bottom: 15px; }
   div.thumbnail img { width: 100%; max-width: 450px !important; border: 1px solid #ddd; }
   body.pkp_page_index main.pkp_structure_main div.issue-toc div.issue-details { margin-left: 25px !important; }
   a#article_title { font-size: 18px !important; }
}


 
/* Dergi tanıtım bölümü */
body.pkp_page_index main.pkp_structure_main div.journal-description { margin-top: 20px; }


section.current_issue div.thumbnail { margin-left: 25px; margin-right: 13px; }
body.pkp_page_issue section.current_issue div.issue-details { width: calc(66% - 40px) !important; }
section.current_issue div.description { font-size: 16px; margin-left: 12px; margin-right: 12px;  }
section.current_issue div.description p { display: inline; }
section.current_issue div.page-header { margin-top: 0px; margin-bottom: 0px; }

a.btn.read-more { font-size: 16px; margin-left: 10px; margin-bottom: 20px; }

/* Duyurular bölümü */
body.pkp_page_index main.pkp_structure_main div.media-list { display: flex; margin-left: 13px; margin-right: 13px; }
body.pkp_page_index main.pkp_structure_main div.media-list article { font-size: 16px; text-align: center; margin-top: 0px; margin-bottom: 0px; border: 1px solid #ccc; padding: 15px; background-color: #eee; }
body.pkp_page_index main.pkp_structure_main div.media-list article h5 { font-size: 16px; font-weight: bold; }
body.pkp_page_index main.pkp_structure_main div.media-list article h6 { font-size: 16px; }
body.pkp_page_index main.pkp_structure_main div.media-list article:not(:last-child) { margin-right: 10px; }
body.pkp_page_index main.pkp_structure_main div.media-list article a { padding: 5px 9px; background-color: #337ab7; color: white; border-radius: 10px; }
div.media-body.card p { margin-left: 0px; }

/* Güncel sayı bölümü */
@media screen and (min-width: 768px) {
body.pkp_page_index div.issue-toc .heading.row {display: flex; align-items: center;  }
 margin-right: 0px !important;
    margin-left: 0px !important;

}


body.pkp_page_index main.pkp_structure_main div.issue-details { padding-left: 0px; padding-right: 0px !important; }
body.pkp_page_index main.pkp_structure_main div.issue-details p { margin-left: 0px; margin-right: 0px; }
body.pkp_page_index main.pkp_structure_main div.issue-details div { margin-left: 0px; margin-right: 0px; }



/* Son makaleler bölümü */
body.pkp_page_index main.pkp_structure_main div.article-summary.media { margin-top: 0px !important; margin-bottom: 15px !important; }
body.pkp_page_index main.pkp_structure_main div.page-header:has(h2) { border-bottom: 0px solid #eee; }
body.pkp_page_index main.pkp_structure_main div.sections.article_list div.media-list { display: block !important; }
body.pkp_page_index main.pkp_structure_main div.cover.media-left { width: 500px !important; }
body.pkp_page_index main.pkp_structure_main div.cover.media-left img { max-width: 250px; height: 178px; padding: 5px; border: 1px solid #ccc; }

body.pkp_page_index main.pkp_structure_main h3.media-heading { margin: 0px !important; margin-bottom: 5px !important; font-size: 22px; }
body.pkp_page_index main.pkp_structure_main div.authors { margin-top: 9px !important; margin-bottom: 5px !important; font-size: 16px; }

body.pkp_page_index main.pkp_structure_main div.articleDoiUrl { margin-bottom: 5px !important; font-size: 16px; }
body.pkp_page_index main.pkp_structure_main strong#doiText { padding: 5px 0 5px 30px; background-size: 23px !important; height: 30px !important; background: url("https://tabadjournal.org/ojs/images/DOI_Logo.png") no-repeat center left; font-size: 16px; }
body.pkp_page_index main.pkp_structure_main a.doi_link { font-size: 16px; }

body.pkp_page_index main.pkp_structure_main div#article_statistics { font-size: 16px; margin-bottom: 7px; margin-top: 9px; margin-left: 2px !important; }

body.pkp_page_index section.cmp_announcements { margin-top: 30px !important; }

main.pkp_structure_main div.btn-group { padding: 2px; }
main.pkp_structure_main div.btn-group i.fa-paperclip { margin-right: 5px !important; }
main.pkp_structure_main div.btn-group a { color: black !important; box-shadow: 0px 0px 2px 1px #aaa !important; border: 0px !important; background-color: #ccc !important; }


main.pkp_structure_main div.btn-group a:not(:last-child) { margin-right: 10px !important; }
main.pkp_structure_main div.btn-group span, main.pkp_structure_main div.btn-group i { color: black !important; }

div.issue-toc p.pages { margin-left: 2px !important; margin-top: 8px; margin-bottom: 1px !important; }
div.issue-toc p.pages::before { font-family: "Font Awesome 5 Free"; content: "\f15b"; font-weight: 900; margin-right: 4px; }

/* 'About the journal' sayfası */
@media screen and (max-width: 512px) {
    body.pkp_page_about.pkp_op_index div.custom-about-block { margin-left: 0px; margin-right: 0px; padding: 15px !important; }
    body.pkp_page_about.pkp_op_index div.custom-about-block p { margin-left: 0px; margin-right: 0px; }
}

/* 2.2 - Current sayfası */
body.pkp_page_issue div.issue-toc { margin-left: 15px; margin-right: 15px; }
body.pkp_page_issue div.issue-toc div.heading.row { margin-left: 0px; margin-right: 0px; margin-bottom: 14px; }
body.pkp_page_issue main.pkp_structure_main div.issue-details { padding-left: 0px !important; padding-right: 0px; font-size: 16px; margin-bottom: 10px !important; }
body.pkp_page_issue main.pkp_structure_main div.issue-details p { margin-left: 0px; margin-right: 0px; }
body.pkp_page_issue main.pkp_structure_main div.issue-details div { margin-left: 0px; margin-right: 0px; }
body.pkp_page_issue main.pkp_structure_main div.issue-details div p { margin-bottom: 0px; display: inline-block; }
body.pkp_page_issue main.pkp_structure_main h2 { border-bottom: 1px solid black; padding-bottom: 8px; margin: 0px !important; margin-bottom: 15px !important; }
body.pkp_page_issue main.pkp_structure_main div.article-summary.media { margin-top: 0px !important; margin-bottom: 15px !important; }
body.pkp_page_issue main.pkp_structure_main div.page-header:has(h2) { border-bottom: 0px solid #eee; margin: 0px !important; margin-bottom: 3px !important; }
body.pkp_page_issue main.pkp_structure_main div.sections.article_list div.media-list { display: block !important; }
body.pkp_page_issue main.pkp_structure_main div.cover.media-left { width: 500px !important; }
body.pkp_page_issue main.pkp_structure_main div.cover.media-left img { max-width: 250px; height: 178px; padding: 5px; border: 1px solid #ccc; }
body.pkp_page_issue main.pkp_structure_main h3.media-heading { margin: 0px !important; margin-bottom: 5px !important; font-size: 22px; }
body.pkp_page_issue main.pkp_structure_main div.authors { margin-top: 9px !important; margin-bottom: 7px !important; font-size: 16px; }
body.pkp_page_issue main.pkp_structure_main div.articleDoiUrl { margin-bottom: 5px !important; font-size: 16px; }
body.pkp_page_issue main.pkp_structure_main strong#doiText { padding: 5px 0 5px 30px; background-size: 23px !important; height: 30px !important; background: url(http://localhost:8080/ojs/images/DOI_Logo.png) no-repeat center left; font-size: 16px; }
body.pkp_page_issue main.pkp_structure_main a.doi_link { font-size: 16px; }
body.pkp_page_issue main.pkp_structure_main div#article_statistics { font-size: 16px; margin-bottom: 7px; margin-top: 9px; margin-left: 2px !important; }
main.pkp_structure_main div.btn-group { padding: 2px; }
main.pkp_structure_main div.btn-group a { color: black !important; box-shadow: 0px 0px 2px 1px #aaa !important; border: 0px !important; background-color: #eee !important; margin-bottom: 8px !important; margin-left: 3px !important; margin-right: 3px !important; }
main.pkp_structure_main div.btn-group a:not(:last-child) { margin-right: 10px !important; }

@media screen and (min-width: 768px) {
body.pkp_page_issue .heading.row {display: flex; justify-content: center; align-items: center;}
}
body.pkp_page_issue div.thumbnail { margin-right: 13px; }


/* 2.3 - Arşiv sayfaları */
body.pkp_page_issue.pkp_op_archive div.issues.media-list { margin-left: 13px !important; margin-right: 13px !important; }
body.pkp_page_issue.pkp_op_archive div.series.lead { margin-bottom: 5px !important; }
body.pkp_page_issue.pkp_op_archive div.issues.media-list p { margin: 0px !important; }
@media screen and (min-width: 991px) {
    body.pkp_page_issue.pkp_op_archive div.media-left { width: 300px !important; }
    body.pkp_page_issue.pkp_op_archive div.media-left img { max-width: 300px !important; width: 300px !important; height: auto !important; }
    body.pkp_page_issue.pkp_op_archive div.media-body { width: auto !important; }
}

/* 2.4 - Kategori sayfaları */
body.pkp_op_category main.pkp_structure_main div.description img { width: 100% !important; box-shadow: 0px 0px 2px 1px #bbb; }
body.pkp_op_category main.pkp_structure_main h1 { padding-left: 12px !important; margin-right: 12px !important; }
body.pkp_op_category main.pkp_structure_main div.description p { margin-left: 13px; margin-right: 13px; padding-top: 6px; font-size: 16px; padding-bottom: 10px; }
body.pkp_op_category main.pkp_structure_main p { font-size: 16px; padding-bottom: 5px; }
 
body.pkp_op_category main.pkp_structure_main div.article_count { font-size: 16px; border-top: 2px solid #bbb; padding-top: 15px; }
body.pkp_op_category main.pkp_structure_main div.article_count:before { content: "Article Count: "; font-weight: bold; }

/* MAKALE COUNT VE MEVCUT MAKALELERİN LİSTELENMESİ BÖLÜMÜ YAPILACAK! */




/* 2.5 - İletişim sayfası */



/* 2.6 - Arama sayfası */
body.pkp_page_search div.page-header { border-bottom: 2px solid black; margin-left: 13px; margin-right: 13px; }
body.pkp_page_search div.input-group { margin-left: 13px; margin-right: 13px; width: calc(100% - 33px); margin-top: 20px; box-shadow: none;}
body.pkp_page_search div.input-group input { display: inline-block !important; margin-right: 7px; width: calc(100% - 49px); height: 40px; font-size: 16px; }
body.pkp_page_search div.input-group button { display: inline-block !important; background-color: #eee; transition: all 0.3s ease; height: 40px; font-size: 16px; }
body.pkp_page_search div.input-group button:hover { background-color: #ddd; }

/* 2.7 - DiÄŸer statik sayfalar */
form.pkp_form.login { padding-left: 15px; padding-right: 15px; padding-bottom: 25px;}
form.pkp_form.register { padding-left: 15px; padding-right: 15px; padding-bottom: 25px;}
body.pkp_op_privacy h1 { margin-left: 12px !important; margin-right: 12px !important; }

body.pkp_page_search fieldset legend {
    margin-left: 10px; margin-right: 10px;
}
body.pkp_page_search fieldset div.row {
    margin-left: 10px; margin-right: 10px;
}


body.pkp_page_search div.pkp_structure_content, body.pkp_op_register div.pkp_structure_content, body.pkp_page_login div.pkp_structure_content {
        display: grid; align-items: center;
}

@media screen and (min-width: 768px) {
    body.pkp_page_search div.pkp_structure_content, body.pkp_op_register div.pkp_structure_content, body.pkp_page_login div.pkp_structure_content {
        display: grid; align-items: center;
    }

    body.pkp_page_search main.pkp_structure_main, body.pkp_op_register main.pkp_structure_main, body.pkp_page_login main.pkp_structure_main {
        width: 80% !important;
    }
}

@media screen and (min-width: 991px) {
    body.pkp_page_search div.pkp_structure_content, body.pkp_op_register div.pkp_structure_content, body.pkp_page_login div.pkp_structure_content {
        display: grid; align-items: center;
    }

    body.pkp_page_search main.pkp_structure_main, body.pkp_op_register main.pkp_structure_main, body.pkp_page_login main.pkp_structure_main {
        width: 66% !important; margin: 0 auto !important;
    }
}

@media screen and (min-width: 1250px) {
    body.pkp_page_search div.pkp_structure_content, body.pkp_op_register div.pkp_structure_content, body.pkp_page_login div.pkp_structure_content {
        display: grid; align-items: center;
    }

    body.pkp_page_search main.pkp_structure_main, body.pkp_op_register main.pkp_structure_main, body.pkp_page_login main.pkp_structure_main {
        width: 50% !important; margin: 0 auto !important;
    }
}

form.pkp_form.register div.form-group { width: 48% !important; }

div.alert.alert-info { margin-left: 13px; margin-right: 13px; }

/* register için */
body.pkp_op_register .fields {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
}
body.pkp_op_register .form-group {
  flex: 1 1 calc(50% - 10px);
}
body.pkp_op_register .form-group label {
   width: 100% !important;
}
body.pkp_op_register div.form-group.optin {
   width: 100% !important;
}

/* Duyurular Sayfası */
body.pkp_page_announcement h1, body.pkp_page_announcement a.btn, body.pkp_page_announcement div.announcements {
    margin-left: 12px; margin-right: 12px;
}

body.pkp_page_announcement main.pkp_structure_main { padding-bottom: 0px !important; }
body.pkp_page_announcement div.card-body { border-top: 2px solid #ddd !important; padding-top: 5px !important; padding-bottom: 5px !important; }
body.pkp_page_announcement div.card-body h5 { font-size: 16px; font-weight: 550; }
body.pkp_page_announcement div.card-body h6 { font-size: 15px; margin-bottom: 0px !important; }
body.pkp_page_announcement div.card-body h6::before { font-family: "Font Awesome 5 Free"; content: "\f073"; font-weight: 900; margin-right: 5px; } 
span.glyphicon { display: none; }
small.date { font-size: 15px !important; margin-left: 10px; margin-right: 10px; }
small.date::before { font-family: "Font Awesome 5 Free"; content: "\f073"; font-weight: 900; margin-right: 5px; }
body.pkp_page_announcement div.card-body a { display: inline-block !important; color: white !important; margin-left: 3px; font-size: 15px; background: #33629d !important; padding: 7px 12px !important; box-shadow: 0px 0px 2px 1px #33629d; border-radius: 10px; }

/* Editör Ekibi Sayfası */
div.editorial_page {
    margin-left: 12px; margin-right: 12px; text-align: left !important;
}

body.pkp_op_editorial-board h4 { font-weight: 550; }

body.pkp_op_editorial-board div.section.full-width-container {
    width: 100%; font-size: 16px !important;
}

body.pkp_op_editorial-board div.section.full-width-container div.row {
    margin-bottom: 15px; display: inline-flex;
}

body.pkp_op_editorial-board div.row > div:not(.profile) {
    display: inline-flex; align-items: center; justify-content: center;
}

body.pkp_op_editorial-board div.section.full-width-container div.row { margin-left: 1px; margin-right: 1px; margin-bottom: 20px; }
body.pkp_op_editorial-board div.section.full-width-container img { box-shadow: 0px 0px 2px 1px #ccc; border-radius: 50% !important; width: 100px; height: 100px; margin-right: 30px; }
body.pkp_op_editorial-board hr { border-bottom: 2px solid #ddd; margin-top: 0px !important; }

body.pkp_page_about.pkp_op_index div.editorial_page { font-size: 16px !important; }

div.editorial_page div.name { color: #337ab7; font-weight: bold; }
div.editorial_page div.speciality { font-weight: bold; }
div.google_scholar, div.orcid, div.scopus { display: block; align-items: center; font-weight: bold; }
div.google_scholar a, div.orcid a, div.scopus a { display: inline-block; margin-left: 5px; font-weight: normal; }
div.google_scholar::before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url('/ojs/images/google_scholar_logo.png'); background-size: cover; margin-right: 5px; }
div.editorial_page div.orcid::before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url('/ojs/images/orcid_logo.png'); background-size: cover; margin-right: 5px; }
div.editorial_page div.scopus::before { content: ""; display: inline-block; width: 56px; height: 19px; background-image: url('/ojs/images/scopus_logo.png'); background-size: cover; margin-top: 2px !important; }

div.editorial_page div.maill:before {
content: "\f0e0"; /* Font Awesome envelope kodu */
            font-family: "Font Awesome 5 Free"; /* Font Awesome ailesi */
            font-weight: 900; /* İkona göre ağırlık */
            margin-right: 5px; /* İkon ile metin arasındaki boşluk */
margin-left: 1px;
}


@media screen and (max-width: 991px) {
    body.pkp_op_editorial-board div.section.full-width-container div.row { width: calc(100%) !important; }
}


@media screen and (min-width: 991px) {
    body.pkp_op_editorial-board div.section.full-width-container div.row { width: calc(33% - 10px) !important; }
}


/*****************************************
*
* 3- Özel Bileşenler İçin Tasarım Ayarları
*
*****************************************/

/* İçerik haritası (breadcrumb) */
main.pkp_structure_main nav.cmp_breadcrumbs { margin: 15px !important; margin-top: 25px !important; box-shadow: 0px 0px 2px 1px #bbb; font-size: 16px; }
main.pkp_structure_main nav.cmp_breadcrumbs i { padding-right: 5px !important; }

/*****************************************
*
* 4- Makale Sayfası İçin Tasarım Ayarları
*
*****************************************/
@media screen and (max-width: 991px) {
    section.article-sidebar { padding-right: 25px; }
}

section.article-sidebar {text-align: left !important;}

aside#sidebar { display: none !important; }
body.pkp_page_article aside#sidebar { display: none !important; }
body.pkp_page_article main.pkp_structure_main { width: 100%; }
body.pkp_page_article article.article-details { margin-left: 15px; margin-right: 15px; }

/* Ana başlık ve subtitle */
body.pkp_page_article div.page-header { margin-right: 0px !important; margin-left: 0px !important; border-bottom: 0px !important; }
body.pkp_page_article div.page-header h1 { margin-right: 0px !important; margin-left: 0px !important; font-size: 33px; }
body.pkp_page_article div.page-header h2.subtitle { margin-right: 0px !important; margin-left: 0px !important; margin-top: 15px !important; color: gray; font-size: 22px; }
body.pkp_page_article article.article-details { margin-bottom: 15px !important; }

div#summary.article-summary { margin-bottom: 25px !important; padding-bottom: 15px !important; }

/* DOI linki */
div.articleDoiUrl { margin-bottom: 20px; }
body.pkp_page_article div.page-header strong#doiText { padding: 5px 0 5px 30px; background-size: 23px !important; height: 30px !important; background: url(http://localhost:8080/ojs/images/DOI_Logo.png) no-repeat center left; font-size: 16px; }
body.pkp_page_article div.page-header a.doi_link { font-size: 16px; }

/* Makalenin yazarları */
body.pkp_page_article div.page-header div.authors { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; font-size: 16px; margin-top: 20px; margin-bottom: 0px; word-wrap: break-word; }
@media (max-width: 1200px) {
  body.pkp_page_article div.page-header div.authors { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 728px) {
  body.pkp_page_article div.page-header div.authors { grid-template-columns: repeat(1, 1fr); }
}

body.pkp_page_article div.page-header div.authors:empty { display: none !important; background-color: salmon; }
body.pkp_page_article div.page-header div.authors div.author { text-align: left; margin-top: 0px !important; padding-top: 15px; padding-bottom: 15px; padding-left: 15px; padding-right: 15px; box-shadow: 0px 0px 2px 1px #ccc !important; background-color: #eee; max-width: 100% !important; }
body.pkp_page_article div.page-header div.authors div.orcid { margin-top: 3px; }
body.pkp_page_article div.page-header div.authors div.orcid a { margin-left: 0px !important; padding: 5px 0 5px 30px; background-size: 23px !important; height: 30px !important; background: url('/ojs/images/orcid_logo.png') no-repeat center left; }
body.pkp_page_article main.pkp_structure_main:nth-child(2) { margin-top: 20px; padding: 15px; }
body.pkp_page_article div.article-author-email { margin-top: 9px !important; }
body.pkp_page_article span.primary-contact { margin-top: 7px !important; font-size: 12px; padding: 3px 8px 1px 8px; border-radius: 15px; background: #c1d62e; box-shadow: 0px 0px 1px 0.5px black; display: inline-flex; }
body.pkp_page_article span#author-name { margin-right: 10px !important; }
body.pkp_page_article div.article-author-affilitation { margin-top: 7px !important; margin-bottom: 2px !important; }
body.pkp_page_article div.author:not(:has(.primary-contact)) span#author-name,
body.pkp_page_article div.author:not(:has(.primary-contact)) i.fa-user { margin-top: 9px !important; } 

/* Panel bileşeni (sıradan bağımsız olarak, sayfa genelinde bulunan bir bileşen) */
body.pkp_page_article div.panel div.panel-heading { font-size: 16px; font-weight: 550; }
body.pkp_page_article div.panel div.panel-heading i { margin-right: 5px; }
body.pkp_page_article div.panel div.panel-body p { margin: 0px !important; }
body.pkp_page_article div.panel div.panel-body p:not(:last-child) { margin-bottom: 10px !important; }
body.pkp_page_article div.panel:not(.full-article) div.panel-body img { margin-bottom: 13px !important; }

/*** 1 - Makale bilgileri kenar çubuğu (Sol yarı) ***/
body.pkp_page_article div.page.page_article { margin-top: 15px; }
body.pkp_page_article section.article-sidebar { font-size: 16px; padding-left: 25px; }

/* 1.1 - Öne çıkarılan görsel */
body.pkp_page_article section.article-sidebar div.cover-image { margin-bottom: 15px; }

/* 1.2 - Tarihler ve versiyonlar */
body.pkp_page_article section.article-sidebar div.date-submitted { margin-top: 15px; }

/* 1.3 - Galley indirme linkleri */
body.pkp_page_article section.article-sidebar div.panel.galley_list { margin-top: 15px; margin-bottom: 0px; }
body.pkp_page_article section.article-sidebar div.panel.galley_list div.galley_download_list { margin: 15px 15px 5px 15px; }
body.pkp_page_article section.article-sidebar div.panel.galley_list a.galley-link { padding: 6px 10px 6px 12px; margin-right: 5px; margin-bottom: 10px; border: 1.4px solid #ececec; color: #628eec; background: linear-gradient(to bottom,#fff 0,#f6f6f6 47%,#ededed 100%); transition: all 0.3s ease; }
body.pkp_page_article section.article-sidebar div.panel.galley_list a.galley-link:hover { color: #810489 !important; }
body.pkp_page_article section.article-sidebar div.panel.galley_list a.galley-link i { margin-right: 3px; }

/* 1.4 - Ä°statistikler bileÅŸeni */
body.pkp_page_article section.article-sidebar div.article-metrics { margin-top: 15px; }

/* 1.5 - Atıflar bileşeni */
body.pkp_page_article section.article-sidebar div.list-group-item.doi { border: 0px !important; }
body.pkp_page_article section.article-sidebar div.panel.citation { margin-bottom: 15px; margin-top: 15px; }
body.pkp_page_article section.article-sidebar div.panel.citation img { max-width: 300px !important; }

/* 1.6 - Anahtar kelimeler bileÅŸeni */
body.pkp_page_article section.article-sidebar div.keywords { margin-top: 0px; }
body.pkp_page_article section.article-sidebar div.keyword_list { padding: 10px 15px 8px 15px; }

/* 1.7 - İçindekiler tablosu bileşeni */
html { scroll-behavior: smooth; } /* Aniden geçmesin, kayma efekti olsun diye */
body.pkp_page_article section.article-sidebar div.panel-body.toc { padding: 0px; margin: 15px; } 
body.pkp_page_article section.article-sidebar div.panel-body.toc > div { border-left: 3px solid #2196f3; }
body.pkp_page_article section.article-sidebar div.panel-body.toc > div:has(a.active) { border-left: 0px; }
body.pkp_page_article section.article-sidebar div.panel-body.toc a.active { color: red !important; }
body.pkp_page_article section.article-sidebar div.panel-body.toc a.active:before { content: "▶"; color: red; left: -4px; margin-right: 10px; }
body.pkp_page_article section.article-sidebar div.panel-body.toc a:before { content: "◉"; display: inline-block; width: 10px; height: 10px; color: black; margin-right: 8px; left: -8px; position: relative; }
body.pkp_page_article section.article-sidebar .sticky { position: fixed; top: 0; margin-top: 100px; z-index: 1000; }

/*** 2- Makale içeriği ve detayları (Sağ yarı) ***/
body.pkp_page_article div.panel-heading { font-size: 18px !important; }
body.pkp_page_article div.panel-body { font-size: 16px; }
@media(min-width: 991px) {
   body.pkp_page_article article#the-post { margin-right: 15px; }
}

/* 2.1 - Abstract bölümü */
body.pkp_page_article div.article-summary h2, body.pkp_page_article div.article-summary p { margin-left: 5px !important; margin-right: 7px !important; margin-top: 0px !important; }
body.pkp_page_article div.article-summary p { margin-bottom: 1px !important; text-align: justify; }
canvas.usageStatsGraph { margin-bottom: 15px !important; }

/* 2.2 - Lisans bölümü */

/* 2.3 - Yazar biyografileri bölümü */
body.pkp_page_article div.author-bios div.media.biography { margin-top: 0px !important; }
body.pkp_page_article div.author-bios div.media.biography:not(:last-child) { margin-bottom: 15px !important; }
body.pkp_page_article div.author-bios div.media.biography:last-child { margin-bottom: 0px !important; }
body.pkp_page_article div.author-bios h3.biography-author { margin: 0px !important; font-weight: 500; color: #ce7c43; margin-top: 0px !important; margin-bottom: 8px !important; }

/* 2.4 - Atıfta bulunma bölümü */
body.pkp_page_article div.how-to-cite div#citationOutput { margin-bottom: 10px; }
body.pkp_page_article div.how-to-cite button { background: linear-gradient(to bottom,#fff 0,#f6f6f6 47%,#ededed 100%); transition: all 0.3s ease; }
body.pkp_page_article div.how-to-cite button:hover { color: #2196f3 !important; }
body.pkp_page_article div.how-to-cite span.fa-download { margin-right: 5px; }
body.pkp_page_article div.how-to-cite ul.dropdown-menu { padding: 0px !important; }
body.pkp_page_article div.how-to-cite ul.dropdown-menu a { margin: 0px !important; color: #2196f3 !important; padding-top: 7px; padding-bottom: 7px; padding-left: 13px !important; padding-right: 13px !important; }

/* 2.5 - Makale metni bölümü */
body.pkp_page_article div.panel-body.full-article { }
body.pkp_page_article div.ojt-jats-parser { padding-left: 5px; padding-right: 5px; }
body.pkp_page_article div.panel.full-article h2 { font-weight: bold; margin-top: 15px !important; margin-bottom: 12px !important; margin-left: 0px !important; }
body.pkp_page_article div.panel.full-article h3 { font-weight: 500; color: #ce7c43 !important; margin-top: 15px !important; margin-bottom: 7px !important; margin-left: 0px !important; }
body.pkp_page_article div.panel.full-article h4 { font-weight: 600; font-size: 18px; margin-top: 15px !important; margin-bottom: 7px !important; } 
body.pkp_page_article div.panel.full-article h5 { font-weight: 600; font-size: 16px; margin-top: 15px !important; margin-bottom: 7px !important; }
body.pkp_page_article div.panel.full-article img { display: block; margin-left: auto; margin-right: auto; object-fit: contain !important; margin-top: 15px; max-width: 100% !important; margin-bottom: 3px !important; border: 1px solid #ddd; }
body.pkp_page_article div.panel.full-article figcaption { margin-left: 10px; margin-right: 10px; width: 100% !important; font-size: 16px; margin-top: 5px; margin-bottom: 15px; text-align: center !important; }
body.pkp_page_article div.panel.full-article table { font-size: 16px; text-align: center; margin-top: 15px; width: 100%; border-collapse: collapse; }
body.pkp_page_article div.panel.full-article table th { background-color: #e0e0e0; color: #333; text-align: center; padding: 10px; }
body.pkp_page_article div.panel.full-article table tbody td { padding: 5px !important; }
body.pkp_page_article div.panel.full-article table tbody tr:nth-child(odd) { background-color: #f9f9f9; }
body.pkp_page_article div.panel.full-article table tbody tr:nth-child(even) { background-color: #f2f2f2; }

/* 2.6 - Referanslar bölümü */
body.pkp_page_article div.panel.references span.citation-number { font-weight: bold; color: red; }
body.pkp_page_article div.panel-body.article-references { text-align: justify; }

/* 2.7 - Makale önerileri bölümü */
body.pkp_page_article div#articlesBySameAuthorList h3#article-recommendation-by-author { border-bottom: 1px solid black !important; padding-bottom: 7px; font-weight: bold; margin-top: 15px !important; margin-left: 15px; margin-right: 15px; }
body.pkp_page_article div#articlesBySameAuthorList div.grid_container { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; padding-left: 15px; padding-right: 15px; padding-bottom: 15px; }
body.pkp_page_article div#articlesBySameAuthorList div.grid_item {
background-color: #F5F5F5;
      border: 1px solid #ddd;
      padding: 20px;
      text-align: center;
      border-radius: 8px;}

/*****************************************
*
* 5- Sidebar İçn Custom Tasarım Ayarları
*
*****************************************/

/* Genel ayarlar */
/*main.pkp_structure_main { width: 800px; }*/
aside#sidebar { padding-right: 0px !important; /*width: 340px;*/ }
aside#sidebar h2.pkp_screen_reader { display: none !important; }
aside#sidebar div.pkp_block { box-shadow: 0px 0px 1px 0.5px rgba(166, 166, 166, 1) !important; margin-bottom: 15px !important; border-radius: 5px !important; border: 0px; }
aside#sidebar h3.classic_style { margin-top: 0px; border-bottom: 1px solid black; padding-bottom: 11px; text-align: center; }

/* Make submission bloğu */
aside#sidebar div#customblock-article-submission-block button.btn-make-submission { color: white; background-color: #dc3545;; box-shadow: 0px 0px 2px 1px #c82333; margin-top: 5px !important; font-size: 18px; text-align: center; width: 100%; transition: background-color 0.3s ease, transform 0.3s ease; margin-bottom: 7px; }
aside#sidebar div#customblock-article-submission-block button.btn-make-submission:hover { transform: scale(1.05); background-color: #c82333; }
aside#sidebar div#customblock-article-submission-block button.btn-guidelines { color: white; background-color: #337ab7; box-shadow: 0px 0px 2px 1px #2e6da4; margin-top: 5px !important; font-size: 18px; text-align: center; width: 100%; transition: background-color 0.3s ease, transform 0.3s ease; margin-bottom: 7px; }
aside#sidebar div#customblock-article-submission-block button.btn-guidelines:hover { transform: scale(1.05); background-color: #286090; }
aside#sidebar div#customblock-article-submission-block button.btn-template { color: white; background-color: #28a745; box-shadow: 0px 0px 2px 1px #28a745; margin-top: 5px !important; font-size: 18px; text-align: center; width: 100%; transition: background-color 0.3s ease, transform 0.3s ease; }
aside#sidebar div#customblock-article-submission-block button.btn-template:hover { transform: scale(1.05); background-color: #218838; }
aside#sidebar div#customblock-article-submission-block p { margin: 0px 0px 0px !important; }

/* Menü bloğu (sidebar uzun olduğu için bu blok eklenmedi) */
aside#sidebar div.content div.content { padding: 0px; }
aside#sidebar div#customblock-custom-menu a { color: #337ab7; font-size: 17px; text-decoration: none; }
aside#sidebar div#customblock-custom-menu em { text-align: center; width: 50px; padding: 10px; padding-left: 15px; margin-right: 15px; border-right: 2px solid #ccc; }
aside#sidebar div#customblock-custom-menu p { margin: 0px; transition: background-color 0.3s ease, transform 0.3s ease; }
aside#sidebar div#customblock-custom-menu p:not(:last-child) { border-bottom: 2px solid #ccc; }
aside#sidebar div#customblock-custom-menu p:hover { margin: 0px; background-color: #ddd }

/* Editör ekibi bloğu */
aside#sidebar div#customblock-editorial-team { font-size: 15px; }
aside#sidebar div#customblock-editorial-team h3 { margin-bottom: 20px; }
aside#sidebar div#customblock-editorial-team img { box-shadow: 0px 0px 2px 1px gray; border-radius: 50% }
aside#sidebar div#customblock-editorial-team div.name { color: #337ab7; font-weight: bold; }
aside#sidebar div#customblock-editorial-team div.speciality { font-weight: bold; }
aside#sidebar div#customblock-editorial-team div.col-md-4 { margin-bottom: 15px; }
aside#sidebar div#customblock-editorial-team div.col-md-8 { margin-bottom: 15px; } 
aside#sidebar div#customblock-editorial-team div.google_scholar, aside#sidebar div#customblock-editorial-team div.orcid, aside#sidebar div#customblock-editorial-team div.scopus { display: flex; align-items: center; font-weight: bold; }
aside#sidebar div#customblock-editorial-team div.google_scholar a, aside#sidebar div#customblock-editorial-team div.orcid a, aside#sidebar div#customblock-editorial-team div.scopus a { margin-left: 5px; font-weight: normal; }
aside#sidebar div#customblock-editorial-team div.google_scholar::before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url('/ojs/images/google_scholar_logo.png'); background-size: cover; margin-right: 5px; }
aside#sidebar div#customblock-editorial-team div.orcid::before { content: ""; display: inline-block; width: 15px; height: 15px; background-image: url('/ojs/images/orcid_logo.png'); background-size: cover; margin-right: 5px; }
aside#sidebar div#customblock-editorial-team div.scopus::before { content: ""; display: inline-block; width: 56px; height: 19px; background-image: url('/ojs/images/scopus_logo.png'); background-size: cover; margin-top: 2px !important; }
aside#sidebar div#customblock-editorial-team span.read_more.btn { display: flex; align-items: center; justify-content: center; font-size: 15px; margin: 0 auto; padding-top: 5px; padding-bottom: 5px; background: #337ab7; transition: background-color 0.3s ease, transform 0.3s ease; }
aside#sidebar div#customblock-editorial-team span.read_more.btn a { color: white !important; font-size: 15px; margin-left: 0px; text-decoration: none !important; }
aside#sidebar div#customblock-editorial-team span.read_more.btn::before { content: ">"; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 1px solid white; border-radius: 50%; width: 18px; height: 18px; background: white; color: #337ab7; }
aside#sidebar div#customblock-editorial-team span.read_more.btn::after { content: "<"; font-weight: bold; display: flex; align-items: center; justify-content: center; border: 1px solid white; border-radius: 50%; width: 18px; height: 18px; background: white; color: #337ab7; }
aside#sidebar div#customblock-editorial-team div.btn_more a { text-decoration: none !important; }
aside#sidebar div#customblock-editorial-team div.btn_more span { transition: background-color 0.3s ease, transform 0.3s ease; }
aside#sidebar div#customblock-editorial-team div.btn_more span:hover { background-color: #286090; }

/* Kategoriler bloğu (sidebar uzun olduğu için bu blok eklenmedi) */
aside#sidebar div#customblock-categories { font-size: 16px; }
aside#sidebar div#customblock-categories a { color: black; vertical-align: sub !important; }
aside#sidebar div#customblock-categories a:hover { color: #337ab7; }
aside#sidebar div#customblock-categories tr td { border-top: 2px solid #ccc; }
aside#sidebar div#customblock-categories tr:nth-child(1) td { border-top: 0px; }
aside#sidebar div#customblock-categories td { vertical-align: middle !important; padding-right: 0px; padding-left: 0px; padding-top: 7px; padding-bottom: 7px; }
aside#sidebar div#customblock-categories img { margin-left: 9px; border-right: 2px solid #ccc !important; padding-right: 7px; margin-right: 7px; margin-bottom: 0px;  margin-top: 0px; }
aside#sidebar div#customblock-categories table { margin-bottom: 0px; }
aside#sidebar div#customblock-categories tr { transition: background-color 0.3s ease, transform 0.3s ease; }
aside#sidebar div#customblock-categories tr:hover { background-color: #ddd; }

/* Dil tercihi bloğu */
aside#sidebar div#customblock-dil-tercihi h3.classic-style { margin-bottom: 5px !important; }
aside#sidebar div#customblock-dil-tercihi li { border: 0px !important; text-align: center !important; }
aside#sidebar div#customblock-dil-tercihi a { font-size: 16px !important; }

/* RSS beslemeleri bloğu */
/* Indexleme potansiyelini artırmak için eklendi, arama motoru botları için olması sebebiyle kullanıcılardan gizlendi. */
aside#sidebar div.pkp_block.block_web_feed { display: none !important; }

/* Analitik bloğu */
/* Henüz kullanılmadığı için tasarımı yapılmadı. */
aside#sidebar div#customblock-analytics {}

/* Duyarlı tasarım ayarlamaları */
@media screen and (min-width: 992px) and (max-width: 1200px) {
   aside#sidebar div#customblock-editorial-team div.google_scholar::before { display: none; }
   aside#sidebar div#customblock-editorial-team div.orcid::before { display: none; }
}
@media screen and (min-width: 769px) and (max-width: 991px) {
   main.pkp_structure_main { width: 100%; }
   aside#sidebar { margin: 0px auto !important; padding-left: 120px; padding-top: 15px; width: 595px; }
   aside#sidebar div#customblock-editorial-team div.col-md-4 { margin-left: 20px; width: 150px; }
   aside#sidebar div#customblock-editorial-team div.col-md-8 { height: 128px; width: calc(100% - 180px); display: flex; flex-direction: column; justify-content: center; }
}
@media screen and (min-width: 521px) and (max-width: 768px) {
   main.pkp_structure_main { width: 100%; }
   aside#sidebar { margin: 0px auto !important; padding-left: calc(120px + ((100vw - 768px) / 2)); padding-top: 15px; width: calc(595px + ((100vw - 768px) / 2)); }
   aside#sidebar div#customblock-editorial-team div.col-md-4 { margin-left: 20px; width: 150px; }
   aside#sidebar div#customblock-editorial-team div.col-md-8 { height: 128px; width: calc(100% - 180px); display: flex; flex-direction: column; justify-content: center; }
}
@media screen and (min-width: 401px) and (max-width: 520px) {
   main.pkp_structure_main { width: 100%; }
   aside#sidebar { width: 100%; padding-top: 15px; padding-left: 0px; }
   aside#sidebar div#customblock-editorial-team div.col-md-4 { width: 150px; }
   aside#sidebar div#customblock-editorial-team div.col-md-8 { height: 128px; width: calc(100% - 150px); display: flex; flex-direction: column; justify-content: center; }
   aside#sidebar div#customblock-editorial-team div.google_scholar::before { display: none; }
   aside#sidebar div#customblock-editorial-team div.orcid::before { display: none; }
   aside#sidebar div#customblock-editorial-team div.scropus::before { display: none; }

}
@media screen and (min-width: 331px) and (max-width: 400px) {
   main.pkp_structure_main { width: 100%; }
   aside#sidebar { width: 100%; padding-top: 15px; padding-left: 0px; }
   aside#sidebar div#customblock-editorial-team div.col-md-4 { width: 35%; padding-left: 0px; padding-right: 0px; }
   aside#sidebar div#customblock-editorial-team div.col-md-8 { height: 128px; width: 65%; margin-bottom: 0px; }
   aside#sidebar div#customblock-editorial-team div.google_scholar::before { display: none; }
   aside#sidebar div#customblock-editorial-team div.orcid::before { display: none; }
   aside#sidebar div#customblock-editorial-team div.scropus::before { display: none; }
}
@media screen and (max-width: 330px) {
   main.pkp_structure_main { width: 100%; }
   aside#sidebar { width: 100%; padding-top: 15px; padding-left: 0px; }
   aside#sidebar div#customblock-editorial-team div.col-md-4 { display: block; width: 35%; padding-left: 0px; padding-right: 0px; }
   aside#sidebar div#customblock-editorial-team div.col-md-8 { display: block; min-height: 100px; width: 65%; }
   aside#sidebar div#customblock-editorial-tseam div.google_scholar { display: none; }
   aside#sidebar div#customblock-editorial-team div.orcid { display: none; }
   aside#sidebar div#customblock-editorial-team div.scopus { display: none; }
   aside#sidebar div#customblock-make-submission img { display: none; }
}

/*****************************************
*
* 6- Footer İcin Custom Tasarim Ayarlari
*
*****************************************/

/* Genel ayarlar */
footer { display: flex; justify-content: center; margin-top: 3em !important; padding-top: 30px !important; color: white; background: url('/ojs/images/footer_bg.png') repeat !important; font-size: 16px; }
footer div.footer_section { text-align: center; }
footer svg { fill: white; width: auto; height: 14px; display: inline; }

footer h4 { display: inline; margin-left: 7px; }
footer div.h4_header { margin: 0 auto; border-bottom: 2px solid white; padding-bottom: 5px; margin-bottom: 12px; }
footer div.h4_header#address { width: 120px; }
footer div.h4_header#contact { width: 150px; }

/* Kulliye illustrasyonu */
/* footer div#footer-image { height: 90px !important; display: flex; justify-content: center; width: 100%; height: 2rem; padding: 1rem; }
footer div#footer-image div { width: 500px; height:50px; }
footer div#footer-image img { user-select: none; pointer-events: none; top: -10.5rem; width: 100%; max-width: 500px; position: relative; }*/

/* Sosyal medya paylasim butonlari */
footer div.social_media { margin-top: 10px; }
footer img.social_img { box-shadow: 0px 0px 2px 1px white; transition: background-color 0.3s ease, transform 0.3s ease; border-radius: 20px; }
footer img.social_img:not(first-child) { margin-left: 5px; }
footer img.social_img:hover { transform: scale(1.2); }

/* Telif hakki alani */
footer div.copyright-wrapper { max-width: 1140px !important; background: #1a1a1a; color: #999; border-top: 1px solid #2d2d2d; margin: 20px 0 20px 0; padding: 15px; border-radius: 25px; text-align: center; }
footer div.copyright-wrapper div { max-width: 100%; text-align: center; }

footer div.copyright-wrapper img { box-shadow: 0px 0px 2px 1px white; transition: background-color 0.3s ease, transform 0.3s ease; margin-left: 3px; margin-right: 3px; }
footer div.copyright-wrapper img:hover { transform: scale(1.1); }

@media screen and (min-width: 991px) and (max-width: 1200px) {
   footer#footer div.copyright-wrapper { width: 940px !important; }
}
@media screen and (min-width: 728px) and (max-width: 991px) {
   footer#footer div.copyright-wrapper { width: 720px !important; }
}
@media screen and (max-width: 728px) {
   footer#footer { padding: 15px !important; }
}

/* Duyarlı tasarım ayarlamaları */

/*
footer div#footer_img_show_mobile { display: none; }
@media screen and (max-width: 330px){
   footer div#footer-image { height: calc(90px + ((100vw - 600px) / 4)) !important; }
   footer div#footer-image img { top: calc(-10.5rem - ((100vw - 600px) / 8)); }
   footer div.container.footer-contact { padding: 0px !important; width: 100%; }
   footer img#footer_logo { width: 100%; height: auto; margin-bottom: 45px; margin-top: 20px; }
   footer div.footer_section.contact_detail { margin-top: 50px !important; margin-bottom: 20px; }
   footer div#footer_img_show_default { display: none; }
   footer div#footer_img_show_mobile { display: block; }
}
@media screen and (min-width: 331px) and (max-width: 450px) {
   footer div#footer-image { height: calc(90px + ((100vw - 600px) / 4)) !important; }
   footer div#footer-image img { top: calc(-10.5rem - ((100vw - 600px) / 8)); }
   footer div.container.footer-contact { padding: 0px !important; width: 100%; }
   footer img#footer_logo { width: 100%; height: auto; margin-bottom: 45px; margin-top: 20px; }
   footer div.footer_section.contact_detail { margin-top: 50px; margin-bottom: 20px; }
   footer div#footer_img_show_default { display: none; }
   footer div#footer_img_show_mobile { display: block; }
}
@media screen and (min-width: 451px) and (max-width: 600px) {
   footer div#footer-image { height: calc(90px + ((100vw - 600px) / 4)) !important; }
   footer div#footer-image img { top: calc(-10.5rem - ((100vw - 600px) / 8)); }
   footer div.container.footer-contact { padding: 0px !important; width: 100%; }
   footer img#footer_logo { width: 325px; height: auto; margin-bottom: 30px; }
   footer div.footer_section.contact_detail { margin-top: 50px; margin-bottom: 20px; }
   footer div#footer_img_show_default { display: none; }
   footer div#footer_img_show_mobile { display: block; }
}
@media screen and (min-width: 601px) and (max-width: 860px) {
   footer div.container.footer-contact { padding: 0px !important; width: 100%; }
   footer img#footer_logo { width: 500px; height: auto; margin-bottom: 30px; }
   footer div.footer_section.contact_detail { margin-top: 50px; margin-bottom: 20px; }
}
@media screen and (min-width: 861px) and (max-width: 991px) {
   footer div.container.footer-contact { padding: 0px !important; }
   footer img#footer_logo { width: 70%; height: auto; margin-bottom: 30px; }
   footer div.footer_section.contact_detail { margin-top: 50px; margin-bottom: 20px; }
}
@media screen and (min-width: 992px) and (max-width: 1080px) {
   footer div.container.footer-contact { padding: 0px !important; width: 100%; }
   footer img#footer_logo { width: calc(100% - 30px); height: auto; margin-top: 18px; }
   footer div.footer_section.contact_detail { margin-top: 10px !important; }
}
@media screen and (min-width: 1080px) and (max-width: 1199px) {
   footer img#footer_logo { max-width: 940px !important; height: auto; margin-top: 18px; }
   footer div.footer_section.contact_detail { margin-top: 10px !important; }
}
@media screen and (min-width: 1200px) and (max-width: 1300px) {
   footer div.container.footer-contact { width: calc(100% - 50px); }
   footer img#footer_logo { width: calc(100% - 50px); height: auto; margin-left:20px; margin-top: 13px;}
   footer div.footer_section.contact_detail { margin-top: 10px; }
}
@media screen and (min-width: 1300px) {
   footer img#footer_logo { width: calc(100% - 50px); height: auto; margin-left:20px; }
   footer div.footer_section.contact_detail { margin-top: 10px; }
   footer div.footer_section.col-md-3:not(.contact_detail) { margin-left: 30px; width: calc(25% - 30px) !important;}
}*/

/*****************************************
*
* 7- Diger Custom Tasarim Ayarlari
*        (Ve Deney Alani)
*
*****************************************/

th, td { border: 1px solid #aaa; border-collapse: collapse; }

header.navbar { margin-bottom: 40px !important; }

div.article-summary:not(:last-child) { padding-bottom: 20px; margin-top: 10px !important; border-bottom: 2px solid #ccc; }

html { overflow-x: hidden !important; }



@media screen and (max-width: 768px) { /* kesim noktası %100 doğru, asla ellenmemeli! */
    nav#nav-menu { overflow: hidden !important; }
}

@media screen and (max-width: 450px) {
    main.pkp_structure_main div.media-list { text-align: left !important; }
}

body {
background: #F5F5F5 !important;
 word-wrap: break-word !important;
  overflow-wrap: break-word !important;
}

ol.breadcrumb { text-align: left !important; }

body.pkp_page_index main.pkp_structure_main div.issue-toc > div.heading.row {
 margin-left: -12px !important; margin-right: -12px !important;
 margin-bottom: 14px;
width: 100% !important;
}

@media (max-width: 768px) {
    body.pkp_page_article h1 { text-align: left !important; font-size: 28px !important; }
    body.pkp_page_article h2, body.pkp_page_article h3, body.pkp_page_article h4 { text-align: left !important; }
    body.pkp_page_article figcaption { margin-left: 0px !important; margin-right: 0px !important; }
    ol.breadcrumb li { display: inline-block !important; }
    body.pkp_page_article div.galley_download_list { text-align: justify !important; }    
    
}

@media (max-width: 768px) {
    table { width: 100%; overflow-x: auto; display: block; white-space: nowrap; }
}

.four {
        width: 182px !important;
}

.counter-box {
        box-shadow: 0px 0px 1px 0.5px black;
	display: block;
	background-color: #ddd !important;
	padding: 25px 20px 17px;
	text-align: center
}

.counter-box p {
	margin: 5px 0 0;
	padding: 0;
	color: black !important;
	font-size: 18px;
	font-weight: 500
}

.counter-box span {color: black !important; margin-top: 10px; margin-bottom: 10px;
}

.counter-box i {
	font-size: 60px;
	margin: 0 0 15px;
	color: orange !important;
}

.counter { 
	display: block;
	font-size: 32px;
	font-weight: 700;
	color: #666;
	line-height: 28px
}

.counter-box.colored {
      background: #3acf87;
}

.counter-box.colored p,
.counter-box.colored i,
.counter-box.colored .counter {
	color: #fff
}









/*sticky navbar*/

div#main-header-menu.sticky { position: fixed; top: 0; z-index: 1000; width: 100% !important; border-bottom: 2px solid #ddd !important; }

nav#nav-menu {
    position: relative; /* Başlangıçta normal bir pozisyon */
    z-index: 1000; /* Diğer içeriklerin altında kalmaması için */
   /* Sticky durumunda görünürlük için arka plan rengi */
}

nav#nav-menu.sticky {
background-color: white;
    position: fixed; /* Ekranın üst kısmında sabitlenir */
    top: 0; /* Tarayıcının üst kenarına sabitler */
     width: 1140px;
    margin-left: 15px;
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* Hafif bir gölge ekler */
    padding-bottom: 10px;
}

@media screen and (max-width: 1220px) {
nav#nav-menu.sticky {
width: 100%;
margin-left: 0px ;
}
}

@media screen and (min-width: 1220px) {
nav#nav-menu.sticky ul#main-navigation {
margin-left: 0px !important;
}
}


p#site-name {
z-index: 10000 !important;
}












body.pkp_page_article div.cover-image { display: none !important; }






main.pkp_structure_main {
    
    text-align: justify;

}


@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');
body.pkp_page_about.pkp_op_editorial-board main.pkp_structure_main {
	
}
















/*
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;700&display=swap');


body.pkp_page_index.pkp_op_index main.pkp_structure_main,
body.pkp_page_about.pkp_op_index main.pkp_structure_main
{
    font-family: 'Montserrat' !important;


}



body.pkp_page_index.pkp_op_index main.pkp_structure_main p,
body.pkp_page_about.pkp_op_index main.pkp_structure_main p,
body.pkp_page_index.pkp_op_index main.pkp_structure_main div,
body.pkp_page_about.pkp_op_index main.pkp_structure_main div,
body.pkp_page_index.pkp_op_index main.pkp_structure_main a,
body.pkp_page_about.pkp_op_index main.pkp_structure_main a,
body.pkp_page_index.pkp_op_index main.pkp_structure_main span,
body.pkp_page_about.pkp_op_index main.pkp_structure_main span,
body.pkp_page_index.pkp_op_index main.pkp_structure_main i,
body.pkp_page_about.pkp_op_index main.pkp_structure_main i,
body.pkp_page_index.pkp_op_index main.pkp_structure_main li,
body.pkp_page_about.pkp_op_index main.pkp_structure_main li
{
    font-size: 18px !important;
}


/*main.pkp_structure_main button, div.panel-heading, section.article-sidebar, section.article-sidebar a,
section.article-sidebar p,
section.article-sidebar div,
section.article-sidebar span 
 { font-family: sans-serif !important; font-size: 16px !important; }
*/

/*
div.list-group-item.doi {
 p, div, span, a { font-size: 15px !important; }
}




*/


h1, h2, h3, h4, h5 {
    font-family: sans-serif;
}

header button.btn i.fa.fa-search {
    margin-top: 2px;
}

li.menu-item-48.dropdown ul.dropdown-menu { z-index: 10000 !important; }
div.panel.toc.sticky { z-index: 999 !important; }

span#galleyLabel { font-family: sans-serif !important; font-size: 14px !important; }
div.__dimensions_Badge_Legend_padding {padding: 0px !important;}




body.pkp_page_about.pkp_op_editorial-board 
{
 font-family: sans-serif !important; 
 font-size: 16px !important;
}








/* 'TR' ve 'EN' butonlarının gizlenmesi */
/*header li.menu-item-25, header li.menu-item-26 { display: none !important; }*/
header li.menu-item-25 a {

  width: 42px !important;
  height: 40px !important;
  background-image: url('https://tabadjournal.org/ojs/public/site/images/ojs_admin/tr-flag.jpg');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all !important;
 }
 header li.menu-item-25 a:hover {
background-image: url('https://tabadjournal.org/ojs/public/site/images/ojs_admin/tr-flag.jpg') !important;
background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;
}



header li.menu-item-26 a { 
  width: 40px !important;
  height: 40px !important;
  background-image: url('https://tabadjournal.org/ojs/public/site/images/ojs_admin/uk-flag.png');
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  transition: 0.3s all !important;
}
header li.menu-item-26 a:hover {
background-image: url('https://tabadjournal.org/ojs/public/site/images/ojs_admin/uk-flag.png') !important;
background-size: cover !important;
  background-position: center !important;
  background-repeat: no-repeat !important;


}


span#country_name { visibility: hidden !important; }
header li.menu-item-25 a:hover, header li.menu-item-26 a:hover {
  opacity: 0.7;
  background-color: none !important;
}


a.galley-link {
  transition: 0.3s all;
}
a.galley-link:hover {
  filter: brightness(0.8);
/*background-color: #ccc !important;*/
}

body.pkp_page_about.pkp_op_index div.custom-about-block {
 margin-left: 15px; margin-right: 15px;
 padding-left: 30px; padding-right: 30px;
}

div.custom-about-block {
    box-shadow: 0px 0px 2px 1px;
    background-color: #eff6fb !important;
    padding: 24px;
    border-radius: 5px;
    font-size: 16px;
    margin-bottom: 15px;
    box-shadow: 0px 0px 1px 0.5px rgba(166, 166, 166, 1) !important;
    text-align: justify;
}

div.custom-about-block h2 {
margin-bottom: 0px !important; font-size: 25px;
}

div.custom-about-block hr {
border-top: 2px solid #c5e0f4 !important;
    /*margin-left: 12px;
    margin-right: 12px;*/

}

div.custom-about-block hr:first-child { margin-top: 10px !important;
}

div.app-journal-metrics {
    background-color: #eff6fb;
    font-size: 16px !important;
flex-wrap: wrap;
overflow: auto !important;

}


dl { margin-top: 10px; margin-bottom: 10px; }
@media screen and (min-width: 500px) and (max-width: 991px) {
   div.app-journal-metrics div.col-md-4 { display: inline-flex !important; width: calc(50% - 14px) !important; padding-left: 7px; padding-right: 7px; }
   dl { margin-top: 10px; margin-bottom: 10px; }
}



div.app-journal-metrics div.col-md-4, div.app-journal-metrics div.col-md-6 {
display: flex;
justify-content: center;

text-align: center;
align-items: center;
}

div.app-journal-metrics div.metric-icon {
  
}

div.app-journal-metrics :nth-child(1)
div.metric-icon::before {
  content: "\f05a";
}

div.app-journal-metrics :nth-child(2)
div.metric-icon::before {
  content: "\f133";
}

div.app-journal-metrics :nth-child(3)
div.metric-icon::before {
  content: "\f080"; 
}

div.app-journal-metrics :nth-child(4)
div.metric-icon::before {
  content: "\f1ea"; 
}

div.app-journal-metrics :nth-child(5)
div.metric-icon::before {
  content: "\f304";
}

div.app-journal-metrics :nth-child(6)
div.metric-icon::before {
  content: "\f058";
}

div.metric-icon::before {
 font-family: "Font Awesome 5 Free"; /* Font Awesome 5 için */
  content: "\f05a"; /* info-circle ikonunun Unicode değeri */
  font-weight: 900; /* İkonun görünmesi için gerekli (solid versiyon için) */
  font-size: 30px; /* İkon boyutunu ayarlar */
  color: #007bff; /* İkon rengi (mavi) */
  margin-right: 8px; /* İkona sağ boşluk ekler */

}