/*@import 'https://fonts.googleapis.com/css?family=Cinzel|Merriweather|Open+Sans:400,700';*/
@import 'https://fonts.googleapis.com/css?family=EB+Garamond';



a:link, a:visited, a:active {/*merubah warna yang berisi link*/

    color: #B8860B;/*warna awal*/
    text-decoration: none;
}

a:hover{/*warna akhir*/
	color: #000000;
	text-decoration: none;

}

span {/*merubah ukuran font di deskripsi jurnal*/
	font-family: "Adelle Sans", "Droid Sans", -apple-system, "Helvetica Neue", "Segoe UI", "Arial", sans-serif;
	font-weight: normal;
	font-size: 1rem;
}
img:hover {/*membuat gambar dari warna ke hitam*/ 
    -webkit-filter: grayscale(100%); 
    filter: grayscale(100%); 
    -o-transition: .5s;
    -ms-transition: .5s;
    -moz-transition: .5s;
    -webkit-transition: .3s;
}
#headerTitle img:hover {
    -webkit-filter: grayscale(0%); 
    filter: grayscale(0%); 
}
#container {
	background-color: #fff;
    background-image: none;	/*menghilangkan background warna website*/
}

#header {/*Merubah warna header*/
    margin: 0;
    padding: 0;
    background-color: #FAAB33;
    background-image: url(./imgs/noisy_grid.png);
    min-height: 80px;
}

#navbar {/*Merubah warna menu header*/
    margin: 0 0 12px 0;
    padding: 0;
    background-color: #FAAB33;
    background-image: none;
    clear: both;
    text-align: left;
    border: 0;
    height: 40px;/*merubah ukuran menu ke atas*/
    width: 1080px;/*merubah ukuran menu ke samping*/
}
#navbar a, #navbar a:link, #navbar a:visited {
    color: #3e2d2d;
}
#navbar a:hover {
    background: #FAAB33;
    text-shadow: 1px 1px #B8860B;
}
ul.sidemenu li a{
	display: block;
	padding: 0.7em 12px 0.7em 12px;
	border-bottom: 1px solid rgb(254, 254, 254);	/*untuk warna garis sidemenu*/
	background-color: #FEFEFE;		/*untuk warna background sidemenu*/
	text-decoration: none;
	color: #000000;				/*untuk warna tulisan sidemenu*/
}
ul.sidemenu li a:hover {
	background-color: #FAAB33;		/*untuk warna sidemenu ketika pointer mouse mengarah ke menu*/
	text-decoration: none;
}
ul.sidemenu li:first-child a {
    border-top:none;
}
.block li:before {
  content: "";
  border-color: transparent #B8860B;		/*untuk warna format bulleting*/
  border-style: solid;
  border-width: 0.35em 0 0.35em 0.45em;
  display: block;
  height: 0;
  width: 0;
  left: -1em;
  top: 0.9em;
  position: relative;
}
.btn-ijb {/*Membuat Button warna*/
    display: inline-block;
    padding: 10px 20px;
    margin: 1rem auto;
    border-radius: 10px;
    background-color: #F5A241;
    color: #fcfcfc !important;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
}
.btn-ijb:hover, .btn-ijb:active {
	background-color: #96989A !important;
	color: #fcfcfc !important;
}
.widget-samping {/*mengatur background belakang gambar*/
	background-color: #DCDCDC;
    padding:12px;
    margin-right: -12px;
    margin-left: -12px;
}

.widget-samping img {
	width: auto;
	max-width: 85%;/*mengatur ukuran gambar samping*/
	margin: 0 auto;
	display: block;
}

.widget-dynamic{/*merubah warna belakang widget footer*/
    background-color: #DCDCDC;
    padding:15px;
}
.widget-SelfServeContent{
	min-width: 48.75%;
    width: 100%;
    position: relative;
    float: left;
    display: inline-block;
    vertical-align: top;
    background-color: #FEFEFE;/*merubah warna dalam widget fotter*/
    margin-right: 15px;
}
.widget-SelfServeContent:nth-last-child(1){
	  margin-right: 0px;
}
.widget-dynamic-inner-wrap{
    width: 100%;
    display: flex;
    flex-direction: row;
}
  table.tocArticle td {/*Merubah warna di table of content*/
    background-color: #FEFEFE;
}

table.tocArticle {/*Merubah warna garis bawah di table of content*/
	border-bottom: 1px solid #dcdcdc;
}
#rightSidebar form input[type=text], #rightSidebar form input[type=password] {
    border-radius: 3px;
    padding: .3em;
    border: 1px solid #dcdcdc;
    width: 100%;
    margin: .3em 0 0;
    display: inline-block;
    box-sizing: border-box;
    border-radius: 3px;
}
#rightSidebar form input[type=checkbox] {
    margin-top: .3em;
}
#rightSidebar form select {
    border-radius: 3px;
    padding: .3em;
    border: 1px solid #dcdcdc;
    width: 100%;
    margin: 2px 0;
    border-radius: 3px;
}
#rightSidebar form input[type=submit] {
    color: #fcfcfc;
    padding: .3em;
    margin: .3em 0 0;
    border: none;
    border-radius: 5px;
    width: 100%;
    background: #FAAB33;
    text-shadow: none;
    font-weight: bold;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
}
#rightSidebar form input[type=submit]:hover {
    background: #efc050;
}
#rightSidebar form td>label {
    font-weight: normal;
    font-size: .9em;
}

/* setting gambar pada recent issues */
#pageFooter .nav{display:block}
#pageFooter .nav{padding-left:0;margin-bottom:0;list-style:none}
#pageFooter .nav>li{position:relative;display:block}
#pageFooter .nav>li>a{position:relative;display:block;padding:10px 15px}
#pageFooter .nav>li>a:focus,#pageFooter .nav>li>a:hover{text-decoration:none;background-color:#eee}
#pageFooter .nav:after,#pageFooter .nav:before{display:table;content:" "}
#pageFooter .nav:after {clear:both}
#pageFooter .nav-tabs{border-bottom:1px solid #ddd}
#pageFooter .nav-tabs>li{float:left;margin-bottom:-1px}
#pageFooter .nav-tabs>li>a{margin-right:2px;line-height:1.42857143;border:1px solid transparent;border-radius:4px 4px 0 0}
#pageFooter .nav-tabs>li>a:hover{border-color:#eee #eee #ddd}
#pageFooter .nav-tabs>li.active>a,#pageFooter .nav-tabs>li.active>a:focus,#pageFooter .nav-tabs>li.active>a:hover{color:#555;cursor:default;background-color:#fff;border:1px solid #ddd;border-bottom-color:transparent}
#pageFooter .tab-content>.tab-pane{display:none}
#pageFooter .tab-content>.active{display:block}
#pageFooter .fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}
#pageFooter .fade.in{opacity:1}

#pageFooter {
    width: inherit;
}
#pageFooter::after {
    content: "";
    clear: both;
    display: table;
    margin-bottom: 10px;
}
.recentIssues-responsive {
    padding: 0 6px;
    float: left;
    width: 23.5%;
}
.recentIssues-gallery {
    box-shadow:0 4px 10px 0 rgba(0,0,0,0.2),0 4px 20px 0 rgba(0,0,0,0.19)
}
.recentIssues-gallery img {
    width: 100%;
    height: auto;
}
.recentIssues-gallery img:hover {
    -webkit-filter: grayscale(0%);
    filter: grayscale(0%);
}
.recentIssues-desc {
    padding: 15px;
    text-align: center;
}
#rightSidebar div.block span.blockTitle {/*Merubah judul menu disidebar*/
    padding: 4px;
	margin: 0 0px;/*Mengatur panjang pendek garis bawah menu*/
	border-bottom: 1px solid #DCDCDC;/*Merubah warna garis di menu disidebar*/
	font-size: 1.25em;
	text-align: left;
	text-transform: none;/*Mengatur besar kecil huruf*/
	background-image: none;
	color:#000 !important;
	background-color: transparent;
}

.icon-sample_issue:before {
    content: "\f019";
}
#journalDescription{/*Menghilangkan cover halaman depan*/
	width: 100%;
	margin-bottom: 30px;
}

#homepageImage {
	display: none;
}
#breadcrumb {
    border-bottom: 1px solid #dcdcdc;
}
