/*  Custom Theme OJS 2 for Bandar Maulana
    Base Theme: Default OJS 2 Theme

last update 23-04-07

*/

@import url('https://fonts.googleapis.com/css?family=DM+Serif+Display|Open+Sans');

/*  Base    */

body {
	font-family: 'Open Sans', serif!important;
	font-size: 1rem;
    background-color: white;
}

#body {
    width: 1280px!important;
    margin: -40px auto;
    order: 2;
}

h1,h2, h3,h4,h5,h6 {
    font-family: 'Open Sans', serif !important;
}

h3:after {
    content: "";
    display: block;
    margin: 0;
    width: 60px;
    border-bottom: 2px solid;
    padding-top: 5px;
}

a:active, a:link, a:visited {
    color: black;
    text-decoration: underline;
}

a:hover {
    color: #800000;
    background: none;
}

#breadcrumb {
    font-family: 'Open Sans', sans-serif;
    border-bottom: 3px solid #800000;
    padding: .7em 0;
}

#main {
    width: 75%;
    padding: 0;
    margin: 0 !important;
    overflow: visible !important;
}

#content {
    font-size: .9em;
    border: none;
}


/*  Header  */

#header {
	margin:0;
	padding-bottom: 40px;
    background: #800000;
    order: 1;
}

#headerTitle {
	width:1280px;
	margin:0 auto;
	display:inline-block
}

#header h1{
	margin-top:0 !important;
	font-size: 4em;
	font-family: 'Open Sans', sans-serif !important;
	text-align: center;
    padding: 0;
}


/*  Navbar  */

#navbar {
	background-color: #800000;
	border: 0;
    margin-bottom: 10px;
    text-align: center;
    width: 1280px;
    padding: 0;
    height: 40px;
    font-size: 1.2em;
}

#navbar ul {
    display: inline-block;
}

#navbar a, #navbar a:link, #navbar a:visited {
    font-family: 'Open Sans', sans-serif!important;
    text-transform: uppercase;
    font-weight: bold;
    padding: 0 20px;
    color: white;
}

#navbar a:hover {
	color: #800000;
    background: white;
    text-shadow: none;
}


#container {
	padding: 0;
	min-width: 1280px !important;
	background-color: white;
    display: flex;
    flex-direction: column;
}


/*  --Homepage */

#journalDescription {
    width: 72%;
    float: left;
}

#journalDescription p {
    font-size: 1.1em;
    line-height: 1.7;
    text-align: justify;
}

#homepageImage {
	float: right;
	width: 24%;
	margin: 0 0 0 12px;
}

#homepageImage img {
	max-width: 100%;
	height: auto;
}

#content h3 {
    display: inline-block;
}

/*  Input Button    */

input[type=button], input[type=submit] {
    background-image: linear-gradient(to bottom, #ddd 0, #c4c4c4 100%);
    background-repeat: repeat-x;
    border: 1px solid #9d9d9d;
    border-radius: 2px;
    color: #444;
    padding: 3px 5px;
    text-shadow: 1px 1px #f6f6f6
}
input[type=button]:hover, input[type=submit]:hover {
    background-image: linear-gradient(to bottom, #c4c4c4 0, #aaa 100%);
    background-repeat: repeat-x;
    cursor: pointer;
    text-decoration: none
}
input.defaultButton {
    color: #2b2b2b;
    font-weight: 700
}


/*  Sidebar */

#sidebar {
    float: right;
    width: 22%;
}

#leftSidebar div.block span.blockTitle, #rightSidebar div.block span.blockTitle {	
	font-family: 'Open Sans', sans-serif!important;
    font-weight: bolder;
    background: white;
    color: #800000;
    padding: .4em 0;
    border-bottom: 2px solid #800000;
    margin-bottom: 10px;
}

#rightSidebar {
    width: 100%;
    margin: 60px 0 0;
    padding:inherit;
    font-size: 0.9em;
    font-family: 'Open Sans', sans-serif;
}


input.textField, input.uploadField, select.selectMenu, textarea.textArea {
    background-color: #f1f1f1;
    border: 1px solid #aaa;
    color: #444;
    padding: .3em;
}

#rightSidebar a:active, #rightSidebar a:link, #rightSidebar a:visited {
    text-decoration: none;
}


/* Login form */

#sidebarUser table {
    width: 100%;
}

input#sidebar-username, input#sidebar-password {
    margin: 5px 0;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
    height: 26px;
}

#sidebar input.button {
    width: 100%;
    margin-top: 10px;
    background: #dcdcdc;
    border-radius: 3px;
    border: none;
    padding: 10px;
}

#sidebar input.button:hover {
    background: lightgray;
}

#languageSelect {
    width: 100%;
    border-radius: 3px;
}

#sidebar input#simpleQuery {
    width: 248px;
    height: 27px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}

#sidebar select#searchField {
    width: 258px;
    height: 38px;
    border-radius: 3px;
    border: 1px solid #e6e6e6;
}

#rightSidebar ul {
    padding-left: 1em;
}

.block li {
    list-style: none;
}

.block li:before {
    content: "";
    border-color: transparent #800000;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 1.1em;
    position: relative;
}

#customblock-Flag-Counter img {
    width: 100%;
}

/*  Table of Content */

.tocArticle {
    border-bottom: 0.5px solid #E0E0E0;
}

.tocSectionTitle {
    border-bottom: 1.5px solid black;
}

table.tocArticle td {
    padding:5px 0;
}

table.tocArticle a {
	color: black;
    text-decoration: none;
}

table.tocArticle a:hover {
    color:#800000;
}

.tocTitle {
    font-family: 'Open Sans';
    font-size: 1.25em;
}

.tocAuthors {
    font-family: 'Open Sans', sans-serif;
    font-style: normal;
    color: gray;
    padding: 5px 0;
}

.tocAuthors:before {
    content: "---";
}

.tocArticleGalleysPages {
    width: 15%;
}


/* Article Display */

#articleAbstract, #articleSubject, #articleFullText, #articleCitations {
    margin-bottom: 2.5em;
}

#articleAbstract p, #articleCitations p {
    width: 95%;
    text-align: left;
    line-height: 1.7;
    font-size: 1.1em;
}

#articleAbstract br {
    display: none;
}

#articleAbstract h4, #articleSubject h4, #articleFullText h4, #articleCitations h4 {
    margin-bottom: 20px;
}

#articleAbstract h4:after, #articleSubject h4:after, #articleFullText h4:after, #articleCitations h4:after {
    content: "";
    display: block;
    margin: 0;
    width: 100%;
    border-bottom: 1px solid;
    padding-top: 5px;
}


/* New Footer */

#newFooter {
    order: 3;
    padding: 50px 0;
    background: #f1f1f1;
    margin-top: 75px;
}

#FooterNew {
    max-width: 1020px;
    margin: auto;
    font-family: 'Open Sans', sans-serif;
    font-size: .75em;
    text-align: center;
    color: #aaa;
}

/*  Journal Manager */

#setupForm #homepageImage, #setupForm #journalDescription {
    width: 100%
}

/*  Docks   */

#issues a {
    text-decoration: none;
}

.issueCoverImage img {
    margin: .5em 1em 1em 0;
}