@import url('https://fonts.googleapis.com/css2?family=Bitter:ital,wght@0,700;0,800;0,900;1,700;1,800;1,900&display=swap');

@import url('https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,800;1,400;1,500;1,800&display=swap');


body {
	font-family: 'Sarabun', sans-serif;
	font-size:14px;
	color: #000;
	font-size: 14px;
	line-height: 1.9;
	font-weight:400;
	overflow-y: scroll;
	background:#fff;
    -webkit-font-smoothing: antialiased;
    
}
a:hover{
    text-decoration: none;
}
strong{
	font-weight:700;
}
.container{
	padding:0;
    max-width: 1440px;

}

.uppercase{
    text-transform: uppercase;
}



.pen{
    font-family: 'Playfair Display', serif;
    background-image: url(../img/web.png);
	border-bottom:1px solid #ddd;
	color:rgb(74, 74, 74);
    padding: 0;
}

.pen .navbar-brand{
    font-size: 15px;

}
.pen .navbar-brand .pen-logo{
    margin-right: 10px;
}
.pen .collapse{
    float:right !important;
    padding: 0!important
}

.pen .collapse .nav-item{
    
    font-weight: 500;
    font-size: 13px;
	line-height:20px;
	padding:0 10px;
}
.pen .collapse.nav-item a{
    color:rgb(74, 74, 74);
}
.pen .collapse .nav-item .active {
    border-bottom: 2px solid crimson;
}
.pen .collapse .nav-item a:hover {
    border-bottom: 2px solid crimson;
}



.header{
	padding:30px 20px;
    text-align: center;
}
.header .title{
	font-family: 'Saira Condensed', sans-serif;
	font-size:26px;
	color:#000;
    width: 100%;
}
.header .title:hover{
	text-decoration:none;
}
.header .info{
    font-family: 'Basic', sans-serif;
    color: rgba(0,0,0,0.5);
}
.header .info span{
    margin: 0 10px;
    color: rgba(0,0,0,0.6);
}
.header .info span b{
    font-weight: 500;
    color: rgba(0,0,0,0.7);
}



.menu{
	background:#00bcd4;
	border-top:1px solid #fff;
    border-bottom:3px solid #000;
    font-family: 'Basic', sans-serif;
    padding: 0 !important;
    
    position: sticky;
    position: -webkit-sticky;
    top: 0;
    z-index: 10!important;
}

.menu .navbar{
	padding:0!important;
    margin: 0!important;
	background:#00bcd4;
}
.menu .navbar-nav{
	width:100%;
}
.menu .navbar-nav .nav-item {
	border-left:1px solid rgba(255,255,255,0.3);
}
.menu .navbar-nav .nav-item:first-child{
	border-left: hidden;
}
.menu .navbar-nav .nav-item .nav-link{
	color:#fff;
	padding:12px 18px;
    font-size: 15px;
}
.menu .navbar-nav .nav-item .nav-link:hover{
	background:#000;
}
.menu .navbar-nav .dropdown-menu{
	font-size:12px;
}



.cover{
    padding: 30px 20px;
    min-height: 340px;
    background-color: #000;
    background-size: cover;
    color: aliceblue;
}
.cover .popular-article{
    width: 700px;
    padding: 30px 0 0 80px;
    font-size: 16px;
}
.cover .popular-article p{
    font-size: 15px;
    margin: 0;
}
.cover .popular-article h4{
    font-family: 'PT Serif', serif;
    font-size: 18px;
    font-weight: 700;
    line-height: 1.3;
    padding: 10px 0;
}
.cover .popular-article a{
    color: #fff;
    text-decoration: underline;
    padding-top: 20px;
}



.cover-info{
    padding: 20px;
}
.cover-info h4{
    font-family: 'Basic', sans-serif;
    font-family: 'Saira Condensed', sans-serif;
    margin-top: 20px;
    font-size: 18px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.cover-info p{
    min-height: 160px;
    border-bottom: 1px solid #eee;
    margin-bottom: 15px;
    padding-bottom: 15px;
}
.cover-info .cover-detail{
    background: #fff;
    margin-top: -330px;
    
    -webkit-box-shadow: 0 0 2rem rgb(0 0 0 / 10%);
    box-shadow: 0 0 2rem rgb(0 0 0 / 10%);    
}
.cover-info .cover-detail .info{
    padding: 20px;    
}
.cover-info .cover-detail .info .btn{
    font-size: 15px!important;
    font-family: 'Basic', sans-serif;
    padding: 14px 0;
}
.cover-info .cover-detail .info .btn-danger{
    background: crimson;
}



.in-menu{
    font-family: 'Basic', sans-serif;
	background:#f5f5f5;
    background-image: url(../img/web.png);
}
.in-menu li{
    padding: 0;
	border:0;
    border-radius: 0!important;
    background: none;
}
.in-menu li a{
	color:#000;
	display:block;
	padding:15px 20px;
    font-size: 15px;
    border-top:1px solid #fff;
}
.in-menu li a:hover{
	text-decoration:none;
	background:#e2e6ea;
	color:#323232;
}
.in-menu li a i{
    width: 25px;
    font-size: 18px;
    display:table-cell;
}
.in-menu li a span{
    display:table-cell;
}
.in-menu li:first-child a{
    border: none;
}

.btn-yellow{
    background: rgb(255, 216, 68);
    color: #333;
}

.sub-shadow{
    
    overflow: hidden;
    -webkit-box-shadow: 0 0 2rem rgb(0 0 0 / 10%), 1.25em 1.25em 0 -0.5em #e1eded;
    box-shadow: 0 0 2rem rgb(0 0 0 / 10%), 1.25em 1.25em 0 -0.5em #e1eded;
    background-color: #fff;    
    
}

.last{
    background-image: url(../img/web.png);
    
    


}
.last h2{
    font-family: 'Playfair Display', serif;
	font-size:22px;
    margin-bottom: 20px;
    
}
.last h2 span{
	color:#ccc;
}
.last .in-menu{
    font-family: 'Basic', sans-serif;
}
.last .in-menu li{
	background:#fff;
}
.last .in-menu li a{
	display:block;
    border-bottom:3px solid #eee;
}
.last .article-list{
	margin-bottom:10px;
	width:100%;
    background: #fff;
    
    
}
.last .article-list td a{
    font-family: 'Bitter', serif;
    
    font-family: 'EB Garamond', serif;
    color: #333; 
    font-size: 16px;
    line-height: 16px; 
    font-weight: 500;
}
.last .article-list td p{
	margin:0;
}
.last .article-list td p.bold{
    font-size: 12px;
    color: crimson;
}
.last .article-list td{
    border-bottom:3px solid #eee;
	padding:20px;
}

.page{
    padding: 20px;
}

.page h2{
	font-family: 'Saira Condensed', sans-serif;
    font-family: 'Playfair Display', serif;
	font-size:26px;
	line-height:44px;
	border-bottom:1px solid #ddd;
	padding:10px 0;
	margin-bottom:20px;
}

.son-sayi{
	padding:20px 0;
	border-top:1px solid #f1f1f1;
	margin-top:20px;
}
.son-sayi h4{
	font-family: 'Saira Condensed', sans-serif;
	font-size:26px;
}
.son-sayi h4 span{
	color:#ccc;
}

.son-sayi h4 .sayi-liste{
	float:right;
	padding:5px 10px;
	font-size:16px;
	border-color:#eee;
	margin-bottom:10px;
	width:180px;
	color:#999;
}

.makale-liste{
	border-bottom:1px solid #eee;
	width:100%;
}
.makale-liste .area{
    border: 4px double #eee;
    padding: 20px 30px;
}
.makale-liste .area .journal{
    font-family: 'Playfair Display', serif;
    font-size: 11px;
    margin-bottom: 10px;
}

.makale-liste td a.title{
    font-family: 'Bitter', serif;
	font-size:16px;
	font-weight:800;
	line-height:24px;
	margin:0 0 6px 0;
	display:block;
    color: #333;
}

.makale-liste td p{
	margin:0;
}
.makale-liste .tur{

    font-size: 16px;
    margin-bottom: 10px;
	font-weight:700;
    background: #f5f5f5;
    padding: 10px 20px;
    border-bottom: 3px solid #eee;
    
}



.makale-liste .tur .arrow {
	display: inline-block;
	position: relative;
    margin-right: 30px;
}
.makale-liste .tur .arrow:after {
	content: '';
	display: block;  
	position: absolute;
	left: 100%;
	top: 50%;
	margin-top: -16px;
	width: 0;
	height: 0;
	border-top: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	border-left: 10px solid #ccc;
}
    
.makale-liste td{
	border-top:1px solid #eee;
	padding:10px 0;
}


.ozet-drop{
	background:#f1f1f1;
	padding:10px 20px 20px 20px;
	margin-top:20px;
	display:none;
}
.ozet-drop p{
	margin-top:10px !important;
}


.sticky{
    
    position: sticky;
    position: -webkit-sticky;
    top: 70px;
}
.makale-menu{
	background:#f5f5f5;
    background-image: url(../img/web.png);
	padding:10px;
    
}

.makale-menu .col-6{
	text-align:center;
	background:#fff;
}
.makale-menu a{
	display:block;
	padding:26px 0;
	color:#323232;
	font-weight:900;
	text-decoration:none;
	border:1px solid #f1f1f1;
}
.makale-menu i{
	font-size:20px;
	margin-bottom:10px;
	color:#00bcd4;
}
.makale-menu a:hover{
	background:#f9f9f9;
	border-color:#fff;
}
.makale-menu a.active{
	background:#f9f9f9;
	border-color:#fff;
}




/*	DERGI ALANI */

.dergi-liste{
	background:#f5f5f5;

	padding:20px 10px;
	margin-top:20px;
	
}
.dergi-liste h4{
	color:#000;
	padding:4px 0 10px 20px;
	font-family: 'Saira Condensed', sans-serif;
	font-size:26px;
	margin:0;
	border-bottom:1px dotted #ccc;
	
}
.dergi{
	display:block;
	font-weight:900;
	line-height:32px;
	color:#333;
	cursor:pointer;
	padding:10px 10px;
    border-bottom:1px dotted #ccc;
} 
.dergi:hover{
	text-decoration:none;
	background:#e2e6ea;
	color:#323232;
} 
.dergi i{
	margin-right:5px;
} 

.dergi-sayi{
	display:none;
}
.dergi-sayi .title{
	padding-left:30px;
	line-height:30px;
}
.dergi-sayi a{
	font-weight:700;
	text-decoration:none;
	display:block;
    padding-top:5px;


}
.dergi-sayi a .far{
	margin:10px 15px 0 0;
	font-size:18px;
	color:#333;

}
.dergi-sayi a .fas{
	display:none;
}

.dergi-sayi a p{
	font-size:14px;
	color:#666;
	font-weight:400 !important;
	border-bottom:1px dotted #ccc;
	margin:-5px 0 0 0 ;
	padding-bottom:5px;

}
.dergi-sayi .aktif .fas{
	display:inline
}
.dergi-sayi .title:hover{
	background:#e2e6ea;
}



/* DERGİ DETAY */

.dergi-detay{
}
.dergi-detay div{
	border-top:1px solid #eee;
	padding-top:20px;
}
.dergi-detay div:first-child{
	padding-right:20px;
}
/* DERGİ BİLGİ */

.dergi-bilgi{
	background:#f5f5f5;
    background-image: url(../img/web.png);
	padding:40px 10px;
	margin-top:20px;
	text-align:center;
	color:#333;
}
.dergi-bilgi img{

	margin-bottom:20px;
	-webkit-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	box-shadow: 5px 5px 5px 0px rgba(204,204,204,1);
	
}
.dergi-bilgi h4{
	font-family: 'Basic', sans-serif;
	margin:10px 0;
	font-weight:900;
	font-size:16px;
}

.arama-alani .arama{
	background:#f6f6f6;
	
}
.arama-alani .arama .form-control{
	background:#f6f6f6;
	border-color:#eee;
	border-radius: none  !important;
	height:50px;
	font-weight:900;
	color:#f00;
}
.arama-alani .arama .form-control:focus{
	box-shadow: none  !important;
}
.arama-alani .arama .btn{
	background:#eee;
	border-color:#eee;
	border-radius: none !important;
	height:50px;
	color:#333;
	cursor:pointer;
}


.son-liste li a i{
	margin-top:10px;
	font-size:22px;
}

.stat{
	width:100%;
	height:520px;
	margin:20px 0;
}
.dipnot{
	margin:10px 0;
	font-size:11px;
	color:#666;
}


.makale p{
	margin-bottom:10px;
}
.makale .journal{
    font-family: 'Playfair Display', serif;
    font-size: 13px;
    
}
.makale .title{
	color:#333;
	font-size:24px;
	line-height:38px;
	font-weight:900;
    font-family: 'Bitter', serif;
}

.kaynakca{
	max-width:100%;
	overflow-y:hidden;
	
}
.kaynakca ol, .kaynakca ul{
	padding-left:25px;
	
}
.kaynakca li{
	margin-bottom:10px;
	padding-left:20px;
}


.gecmis .dipnot{
	font-size:11px;
	text-align:justify;
	margin:0;
	color:#f00;
}




.footer{
	padding:20px 0 30px 0;
    margin: 20px 0 30px 0;

    border-top: 1px solid #eee;
    font-size: 12px;
    color: #a3a3a3;

}
.footer .col-md-12{
	padding:0;
}
.footer ul{
    list-style: none;
    padding: 0;
    display: inline;

}
.footer ul li{
     display: inline;
}

.footer ul li:not(:last-child)::after {
    content: "\2022";
    margin: 0 5px;
}
.footer a {
    color: #222;
}






.sweet-alert h2{
	font-family: 'Saira Condensed', sans-serif !important;
	font-size:22px;
	padding-top:20px;
}

.sweet-alert p{
	font-size:14px !important;
}



.br-0{
	border-right:0 !important;
}
.bl-0{
	border-left:0 !important;
}
.form-control{
	font-size:14px !important;
}
.btn{
	font-size:13px !important;
	cursor:pointer;
}
.btn-light{
	background:#eee;
}
.alert{
	text-align:center;
}


.ta-j{
	text-align:justify;
}
.fs-13{
	font-size:13px !important;
}
.fs-16{
	font-size:16px;
}
.fw{
	width:100% !important;
}
.pl-0{
	padding-left:0;
}
.pr-0{
	padding-right:0;
}
.mb-1{
	margin-bottom:10px !important;
}
.mb-2{
	margin-bottom:20px !important;
}


.ds-none{
	display:none;
}
 
 
 
 




.bold{
	font-weight:700;
}
.font-red{
	color:#f00;
}
.golge{
	-webkit-box-shadow: 5px 5px 5px 0px rgba(240,240,240,1);
	-moz-box-shadow: 5px 5px 5px 0px rgba(240,240,240,1);
	box-shadow: 5px 5px 5px 0px rgba(240,240,240,1);
}

.btn-ozet {
    display: block;
    float: left;
    padding: 6px 20px;
	border-right:1px solid #ddd;
    background-color: #f1f1f1;
    font-size: 13px !important;
    color: #323232;
	min-width:100px;
	text-align:center;
}
.btn-ozet:hover {
    color: #fff;
	background:#323232;
	text-decoration:none;
}
.btn-ozet:last-child {
	border:0;
}
.btn-ozet .far{
	margin-right:5px
}



.btn-indir{
	padding: 9px 20px 8px 20px;
	border-radius:0;
	font-weight:900;
	margin-left:5px;
}
.share {
    display: block;
    float: left;
    padding: 6px 20px;
	border-right:1px solid #ddd;
    background-color: #f1f1f1;
    text-decoration: none;
    font-size: 14px;
    color: #323232;
}
.share:hover {
    color: #fff;
	background:#323232;
}
.share:last-child {
	border:0;
}


.table thead{
	background:#f1f1f1;
}
.table-light td{
    border-bottom: 1px solid #eee;
}


.ilk-kolon tr td:first-child{
	width:50%;	
}
.ilk-kolon-30 tr td:first-child{
	width:30%;	
}

table.indexed td:first-child{
    border-right: 1px solid #fff;
    text-align: center;
    width: 5px!important;
    background: #f1f1f1;
}



@media only screen and (max-width: 1440px) {
    .pen .container{
        padding: 0 20px;
    }
    .footer .col-md-12{
        padding:0 20px;
    }
    .page{
        padding: 20px;
    }
}