/* 
Author	: Ihya' Ulumuddin;
Web	: http://ihya-Ulumuddin.org/;
Date 	: 17 Juni 2022. 23:59 dini hari;
Mixed with love for Humanitaria journal.
*/

div {font-size:104%;
	}
body {
	background-color: transparent;
}
p {
	text-align: justify;
	line-height: 1.4;
}
#link a:active, a:link, a:visited {
	color: #5e01a6;
	-o-transition: .3s;
	-ms-transition: .3s;
	-moz-transition: .3s;
	-webkit-transition: .3s;
	/*text-decoration: underline dotted #5e01a6;*/
}
#link:hover a:active:hover, a:link:hover, a:visited:hover {
	text-decoration: underline dotted #5e01a6;

}
a {
	text-decoration: none;
}
a:hover {
	color: #01573c !important;
	text-decoration: none;
	background: none;
}
#rightSidebar {
	float: right;
	width: 14%;
	padding: 1em 0em 1em 0em;
	font-size: 0.65em;
	height: 100%;
	margin-right: 10%;
	margin-left: 2%;
}
#header {
  width: 100%;
  padding: 0;
  margin: 0 auto;
  background: #7402b5;
  background-image: url(https://ejournal.uin-suka.ac.id/isoshum/public/journals/16/pageHeaderTitleImage_en_US.jpg);
  background-color: #7402b5;
  color: #FFFFFF;
  text-align: center;
  height: auto;
  border-top: 8px solid #7402b5;
  border-bottom: 4px solid #7402b5;
  -webkit-box-shadow: 0px 0px 6px #3F88A0;
  box-shadow: 0px 0px 6px #3F88A0;
}

#header h1 {
    margin: 0 auto;
    padding: 0.01%;
    font-family: Palatino Linotype, 'Arial', Helvetica, Sans-serif;
    font-weight: normal;
}
#headerTitle, #headerTitle img {
	margin-top: 0;
	width: 100%;
	display: inline-block;
	}
#journalDescription {
	font-size: 13px;
	float: left;
	width: 60%;
}
#content {
	font-size: 0.73em;
	border-top: 4px solid #7402b5;
}

#navbar {
  margin-top: -17px;
  margin-bottom: 10px;
  padding-top: 15px;
  padding-bottom: 0;
  padding-left: 4px;
  padding-right: 4px;
  background-color: #f4e1ff;
  border-left: 3px solid #5e01a6;
  border-right: 3px solid #5e01a6;
  border-bottom: 1px solid #5e01a6;
  -moz-border-radius-bottomleft: 8px;
  -moz-border-radius-bottomright: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -webkit-border-bottom-left-radius: 8px;
  border-bottom-left-radius: 8px;
  border-bottom-right-radius: 8px;
  border-bottom: 3px solid #5e01a6;
  text-align: center;
  min-height: 37px;
}

#navbar ul {
	/*min-width: 140px;*/
	
}

/* First Level - Menu Primary */

#navbar li a {
    color: #000000;
    padding-top: 15px;
	padding-bottom: 15px;
	padding-left: 5px;
	padding-right: 5px;
	text-decoration: none;
    font-family: Palatino Linotype, Arial, Helvetica, Sans-serif;
    font-size: 12px;
    line-height: 15px;
    text-transform: uppercase;
    font-weight: normal;
	
}

#navbar li a:hover, .menu-primary li a:active, .menu-primary li a:focus, 
#navbar li:hover > a, .menu-primary li.current-cat > a, .menu-primary li.current_page_item > a, .menu-primary li.current-menu-item > a {
    color: #ffffff;
    outline: 0;
    background: #e1aeff;
}

#topnav{	
	position:absolute;
	margin-top: -168px;
	margin-left: -40px;
	padding-top: 0px;
	text-align:justify;
	list-style-type:none;
	font-size: 0.7em;
	
	}
#topnav a {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000000;
}

#topnav ul { float: left; }
#topnav ul li { list-style-type: none; float: left; }
#topnav a {
    color: #FFFFFF;
    font-weight: bold;
    margin: 0 5px;
    padding: 5px 10px;
    text-decoration: none;
    text-shadow: 2px 2px 3px #000000;
}
#topnav a:hover, nav ul li.current_page_item a {
			color: #f4e1ff;
			font-weight: bold;
			margin: 0 5px;
			padding: 5px 10px;
			text-decoration: none;
			text-shadow: 2px 2px 3px #000;
		}
	
	
#breadcrumb {
	padding-top: 1em;
	font-size: 0.7em;
}
/**
 * Other organizational elements
 */

ul.menu {
	margin: 0;
	padding: 0;
}

ul.menu li {
	margin: 0;
	padding: 0;
	padding-right: 20px;
	display: inline;
}

ul.menu li.current {
	font-weight: bold;
}

ul.menu a {
	font-size: 0.8em;
	text-transform: uppercase;
	text-decoration: none;
}

ul.steplist {
	margin: 0;
	padding: 0;
	list-style-type: decimal;
}

ul.steplist li {
	margin: 0;
	padding: 0;
	font-size: 0.85em;
	padding-right: 0.5em;
	display: inline;
	text-transform: uppercase;
}

ul.steplist li.current {
	font-weight: bold;
}

ul.steplist a {
	text-decoration: none;
}

ul.plain {
	list-style-type: none;
	padding-left: 1.5em;
}

ul.filter {
	margin: 0;
	padding: 1.5em 0 1.5em 0;
	list-style-type: none;
}

ul.filter li {
	padding-right: 1.5em;
	display: inline;
}

/**
 * Other organizational elements
 */

#rightSidebar {
	margin-left: 10px;
	margin-top: 10px;
	width: 15.1%;
	/*border-top: solid 10px #a6ce39;
	background-color:#FFFFFF;*/
	border: none;
	font-size: 0.7em;
	}

#rightSidebar div.block a:hover {
	text-decoration: underline solid #3cb467;	
}	

#rightSidebar div.block a {
	color:#000000;
	text-decoration:none;	
	}
#rightSidebar div.block ul {
	padding: 0 0 0 1.5em;
}

#rightSidebar span.blockTitle {
	background-color: #5e01a6;
	color:#FFFFFF;
	padding-left: 25px;
	font-weight:bold;
	text-align: center;
	margin-top: -5px;
	margin-left: -5px;
	margin-right: -5px;
	margin-bottom: 8px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	}
#rightSidebar span.blockSubtitle {
	font-weight:bold;
	margin-top: 4px;
}
#rightSidebar div.block {
	margin-top: 8px;
	padding: 5px;
	border: 1px solid #5e01a6;
	background-color: #f4e1ff;
	border-radius: 7px;
}

#rightSidebar div.block span.blockTitle {
  padding: 0;
  font-weight: bold;
  color: #f4e1ff;
}

#sidebar div.block span.blockTitle {
    display: block;
    font-size: 0.9em;
    letter-spacing: 0.1em;
    padding: 0.5em 0;
    text-transform: uppercase;
}


#pageFooter {
    border: 1px solid #5e01a6;
    border-radius: 6px;
    font-size: 10px;
    padding: 10px;
}
input[type="submit"], input[type="button"] {
    border-radius: 5px;
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 20px;
    border: 0px;
    background: #5e01a6;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
input[type="submit"]:hover, input[type="button"]:hover {
    border-radius: 5px;
    color: #FFFFFF;
    text-shadow: none;
    padding: 10px 20px;
    border: 0px;
    background: #e1aeff;
    -o-transition: .3s;
    -ms-transition: .3s;
    -moz-transition: .3s;
    -webkit-transition: .3s;
    cursor: pointer;
}
input.textField, select.selectMenu, textarea.textArea, input.uploadField {
    border-radius: 3px;
    padding: .5em;
    border: 1px solid #CCCCCC;
    color: #333333;
}
input.textField:focus, select.selectMenu:focus, textarea.textArea:focus, input.uploadField:focus {
    border: 1px solid #5e01a6;
}
.tombol {
    display: inline-block;
    padding: 10px 20px;
    margin: 0.3rem auto;
    border-radius: 5px;
    background-color: #4C505B;
    color: #FFFFFF !important;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    min-width: 85%;
}
.tombol:hover {
    display: inline-block;
    padding: 10px 20px;
    margin: 0.3rem auto;
    border-radius: 5px;
    background-color: #efefef;
    color: #333333 !important;
    text-decoration: none;
    font-weight: 400;
    text-align: center;
    min-width: 85%;
}
.tocArticle {
    width: 100%;
    padding: 10px 0;
    border-bottom: 3px dotted #5e01a6;
}

.tocAuthors {
	background: none;
	padding-left: 0;
	color: #939393;
	font-style: normal;
}
.tocPages {
	font-size: 0.8em;
	color: #731fed;
}