@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;500;700;800&display=swap'); 
 @import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@300;400;500;600;700&family=Tajawal:wght@400;500;700;800&display=swap'); 
 @import url('https://fonts.googleapis.com/css2?family=Lemonada:wght@300;400;500;600;700&family=Poppins:wght@100;200;300;400;500;600;700;800&family=Tajawal:wght@400;500;700;800&display=swap'); 
/*html {
    background-color: #d0cfcf;
	  margin: auto;

}

*, html, body {
    max-width: 1920px;
}

#header {

    margin: auto;
}

*/



/*#navbar {

    position: absolute;
    left: 200px;

}*/


html {
    max-width: 1350px;
    margin: auto;
	background-color: #dddddd;	
}	

.fixed-bottom, .fixed-top {

    max-width: 1350px;
    margin: auto;
}

#header {
    height: 80px;
	background-color: #20465e;
}

#header.header-scrolled {
 
    height: 80px;
	background-color: #20465e;
}

.container {
    max-width: 1350px!important;
}

#header .logo img {
    max-width: 95%!important;
    max-height: 100%!important;
    margin-left: 24px;
    margin-right: -45px;
    height: 100%;
}

.dropdown-item {
    color: #e0e5e8;
	font-weight: 500;

}

.navbar-dark .navbar-nav .nav-link {
    color: #ffffffdb;
}

.dropdown-menu {
	background-color: #20465ed4;
}

.dropdown-menu>li {
    border-bottom: 1px solid #7e7575;
}

dropdown-item:active, .dropdown-item:focus, .dropdown-item:hover {
    color: #efefef;
    background-color: #627887;
}
#top-shadow {
 
    background-color: #cd1b4a;
    z-index: 9;
    color: red;
    top: 80px;
    background: url(https://alsaeeduni.net/templates/alsaeeduni_theme/images/top-shadow.png) bottom center no-repeat;
    position: fixed;
    bottom: -50px;
    height: 50px;
    width: 100%;
	max-width: 1350px;
}
.justify-content-between {
  
    justify-content: left;
}

.aos-init.aos-animate img{
    margin-right: 0px;
	margin-left: 170px;
}

.col-12 {
    margin-top: 25px;
}


.hero-section, .hero-section>.container>.row {
    height: 100%;
    min-height: 550px;
	
}

.hero-section.inner-page.hero-section.hero-section>.container>.row {
    min-height: 370px;
	
}

.hero-section.inner-page .col-12 {
    margin-top: 55px;
}

.hero-section .iphone-wrap .phone-2 {
    margin-top: 55px;
    margin-left: 115px;
    width: 165px;
}


.hero-section h1 {
    font-size: 2.2em;
    color: #fff;
    font-weight: 700;
    margin-bottom: 0;
    margin-top: 20px;
    width: 75%;
    line-height: 1.4em;
}


.justify-content-center h1{

     margin-top: 110px;
    margin-left: 50px;	
 
}

.mb-5 .pkpFormField__heading   {
font-size: 1.4em;
    color: #eebd7b;

	margin-top: 38px;
}



.hero-section{
	
	/*Background: linear-gradient(to right, #00263fbd 0%, #adbac196 100%),url(http://localhost/ojs3/public/journals/1/homepageImage_en_US.jpg);*/
	background: linear-gradient(to right, #00263fbd 0%, #bca4696b 100%),url(homepageImage_en_US.jpg);
background: linear-gradient(to right, #00263fbd 0%, #bca4696b 166%),url(homepageImage_en_US.jpg);
    
	background-position-y: 25px;
	 background-size: cover;
	 	 background-size: 100%;


}

#header.header-scrolled {
    background: #00263fd6;
}




.hero-section.inner-page .hero-text {
    transform: translateY(-42px);
    margin-top: 0px;
 
    margin: 0 0 0 -33%;
}

.hero-section.inner-page {
    height: 370px;
    min-height: 0;
}

.page_index_journal {
	margin-top: -100px;
}



.footer {
    padding: 2rem 0 0.5rem 0;	
	background-color: #29495e;
    font-size: 0.8em;
}
.footer .container {
color: #e1e6e8;
}

.footer a {
    color: #e1e6e8;
}

main{
/*margin-top: -65px;*/
background-color: #ffffff;
}

.pkp_page_index .additional_content{
border-top: 0;

}




.nav-link {

    color: #00456e;
	   font-size: 17px !important;


}


.modal-content{

background-color: #e7ebee;
}


.note-warning {
    background-color: #29495e1f;
    border-color: #29495e;
}


.btn-primary {
    background-color: #00456e;
}



.navbar-brand  img {
	margin: 4px 0 0 0;
    max-height: 42px;
    max-width: 187px;
}	

.hero-section .iphone-wrap .phone-2, .hero-section .iphone-wrap .phone-1 {

    box-shadow: 0 0px 50px 0 rgb(255 255 255 / 45%);
	border-radius: 100px;
}


#EISSN{
    font-weight: bold;
    font-size: 129%;

    padding-right: 40px;
}


.btn-outline-white{
display: none;

}
/*

.btn-outline-white{
/*display: none;
margin-left: 155px;
}


.pb-4 {
    padding-bottom: 0.5rem!important;
}

.pt-4 {
    padding-top: 0.5rem!important;
}

*/






.layout_page {
 display: inline-block;
 max-width: calc(100% - 320px);
 border-left: 1px solid #ccc;
padding-left: 35px;
width: 100%;
}

.layout_sidebars {
	width: 300px;
    /*height: 500px;*/
    display: inline-block;
    float: left;
	    padding: 0 20px 0 0;

}

#home_cover {
	float: right;
	padding: 0 0 0 20px;
	height: 450px;
}
	
.pt-4 {
    padding-top: 0!important;
}
.mt-5 {
margin-top: 0!important;

}

.cmp_breadcrumbs ol {
margin-bottom: 0; 
}

/* left menu bu */


#sidebar_menu_buttons a:link, #sidebar_menu_buttons a:visited {
  background-color: #00456e;
  color: white;
  padding: 14px 25px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  width: 100%;
  font-weight: bold;
}

#sidebar_menu_buttons a:hover, #sidebar_menu_buttons a:active {
  background-color: #00456ec4;
}


.obj_issue_summary .cover img {  /* update 13-2-2023 */
    max-height: 158px;
}

.obj_issue_toc .cover { /* update 13-2-2023 */
    width: 400px;
}


/* left menu list */

#sidebar_menu_title {
	padding: 8px;
    background: #00456e;
    color: white;
	font-weight: bold;
}

#sidebar_menu_a {
    padding: 8px;
    border-bottom: 1px solid #696969;
    color: black;
    font-weight: 500;
}

#sidebar_menu a {
   color: black;
}


#sidebar_menu_a:hover {
   background: #b5b4b23d;
}

/* left menu span */

#sidebar_menu_a #span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}


#sidebar_menu_a #span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  left: -20px;
  transition: 0.5s;
  font-weight: 900;
}

#sidebar_menu_a:hover #span {
  padding-left: 25px;
}

#sidebar_menu_a:hover #span:after {
  opacity: 1;
  left: 0;

}
/*mobile*/
@media(max-width: 992px) {

	#home_cover{
	display: none;
	}
	
	#header {
    height: 58px;
	}
	
	#top-shadow {

    top: 58px;

	}

	.hero-section.inner-page.hero-section.hero-section>.container>.row {
		min-height: 250px;
		
	}
	#header .logo img {
		max-width: 60%!important;
		margin-left: 0px;
		margin-right: 0px;
	
	}	
	
	.aos-init.aos-animate img{
		margin-right: 0px!important;
		margin-left: 28px!important;
	}	
	.page_index_journal {
		margin-top: -30px;
	}
	.hero-section{
	background-position-y: 55px;
	}

	.hero-section, .hero-section>.container>.row {
		min-height: 225px;		
	}
	
	.hero-section .hero-text-image {
     margin-top: 5rem; 
	}

	.hero-section .iphone-wrap .phone-2 {
		margin-top: -118px!important;
		margin-left: 38%!important;
		width: 62px!important;
	}
	.dropdown-menu {
   
    width: 80%;
}
	
	.layout_page {
	max-width: 100%;
	border-left: 0px!important;
	padding-left: 0px!important;

	border-right: 0px!important;
	padding-right: 0px!important;
	
	padding-top: 20px;

	}	
	.layout_sidebars {
		width: 100%;

	}	
	.hero-section.inner-page {
    height: 190px;
    min-height: 0;
	}
	
	.hero-section.inner-page .hero-text {
    transform: translateY(-0px); 
    margin: 0 0 0 0;
	font-size: 0.7rem;
	}
	
	.cmp_breadcrumbs ol {
    margin-bottom: 0; 

	}	


	.hero-section h1 {
		font-size: 1.7em;
	  
	}
	
	
	.obj_issue_toc .cover img {  /* update 13-2-2023 */
		max-height: 233px;
	}


	.obj_issue_summary .cover img {  /* update 13-2-2023 */
		max-height: 227px;
	}
}