/* Logo of AR */
#header .logo img {
    padding: 30px;
    margin-top: 10px;
    max-height: 470px;
}

/*logo*/

.navbar-brand {
    height: 150px;
}
.navbar-nav {
    padding: 80px 50px 0px 15px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
}
.navbar-nav:hover {
    padding: 80px 50px 0px 15px;
    text-decoration: none;
}

.navbar-nav .a {
        color: #444;
        text-decoration: none!important;
}
    .navbar-nav .a:hover {
        border-radius: 10px;
        background-color: aliceblue;
    }
.navbar-default .nav > li > a:hover, .navbar-default .nav > li > a:focus, .navbar-default .nav > li > a:active, .header_view .nav > li > a:hover, .header_view .nav > li > a:focus, .header_view .nav > li > a:active {
    color: #fff;
    background: #999;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus, .header_view .navbar-nav > .open > a, .header_view .navbar-nav > .open > a:hover, .header_view .navbar-nav > .open > a:focus {
    color: #fff;
    background-color: #999;
}

.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
    color: #fff;
    text-decoration: none;
    background-color: #1e5e3e;
}

.badge {
    background-color: #1e5e3e;
    border-radius: 7px;
}

    /* admin button */
:lang(ar).nav-pills {
    float: left !important;
    padding-left: 60px;
}
.body-text {
    font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
    font-size: 18px;
}
:lang(ar) .pull-md-right {
    float: left;
    padding: 60px 15px 0 15px;
}
.navbar-default, .header_view {
    background-image: linear-gradient(#777, #777 6%, #ccc);
}
    /*start page */
    /* title */
    : lang(en).hero-section h1 {
    font-size: 3.5rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    left: auto;
}
/* title -ar*/
:lang(ar).hero-section h1 {
    font-size: 3.5rem;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
    position: relative;
    right: 0 !important;
}
:lang(ar) .article .journal-desc {
    display: block;
    text-align: right;
}
:lang(ar) .journal-desc {
    padding: 0.5em 1.5em 0.5em 0;
    border: 2px solid #fff;
    text-align: right;
}
:lang(ar) .issue {
    text-align: right;
}
/* button for submission-en*/
:lang(en).hero-section p {
    font-size: 18px;
    color: #fff;
    position: relative;
    left: auto;
}
/* button for submission-ar*/
:lang(ar).hero-section p {
    font-size: 18px;
    color: #fff;
    position: relative;
    left: 0%;
}
/*journal thumbnail */
.hero-section .iphone-wrap .phone-2 {
    margin-top: 100px;
    margin-left: 60px;
    width: 150px;
}
/* Header section*/
:lang(en).hero-section {
    background: linear-gradient(to right,#CED0CE 0%,#3F403F 100%);
    position: relative;
}

:lang(ar).hero-section {
    background: linear-gradient(to right,#3F403F 0%,#CED0CE 100%);
    position: relative;
}

:lang(en)#header.header-scrolled {
    background: linear-gradient(to right,#CED0CE 0%,#3F403F 100%);
    height: 95px;
}

:lang(ar)#header.header-scrolled {
    background: linear-gradient(to right,#3F403F 0%,#CED0CE 100%);
    height: 95px;
}

/*font*/
.font-monospace {
    font-family: serif !important;
}

a {
    color: #262626;
    text-decoration: none!important;
}

*, html, body {
    font-family: serif;
}
/* Title of page */
.cmp_breadcrumbs a {
    font-size: 25px;
}

.cmp_breadcrumbs .current {
    font-size: 25px;
}
/* cc img */
.obj_article_details .entry_details img {
    width: 40%;
}

/* Title and name of Author of an Article in an Issue*/
:lang(ar).text-lg-start {
    text-align: right !important;
}
/* Title and name of Author of an Article in an Issue*/
:lang(ar).text-md-start {
    text-align: right !important;
}
/* cover page beside an article per issue */
.obj_issue_toc .cover {
    width: 15%;
}
/* pages number of articles in an issue*/
:lang(ar).obj_article_summary .pages {
    right: 60rem;
}
/*navigation menu*/
.nav-link {
    font-size: 19px !important;
    font-weight: bold;
}
/*navigation menu*/
.navbar-dark .navbar-nav .nav-link {
    color: #e0e0e0;
}
/* Archive page title and description of an issue*/
:lang(ar).obj_issue_summary .title {
    position: relative;
    right: 5%;
}

:lang(ar).obj_issue_summary .description {
    position: relative;
    right: 5%;
}

:lang(en).obj_issue_summary .title {
    position: relative;
    left: 5%;
}

:lang(en).obj_issue_summary .description {
    position: relative;
    left: 5%;
}

#wordcloud {
    display: inline-block;
    width: 75% !important;
}

.btn-primary, .btn-primary:hover {
    background-image: linear-gradient(#efdcda, #a59a99 6%, #e1d9d8);
    border: 1px solid #777;
}
.title{
color: #333!important;
background-color: #ccc!important;
border-color: #3f403f!important;
font-family: serif;
font-size: 20px;
}
#customblock-side-bar-test #customblock-submission .title {
    color: #024d70;
}

.pkp_block block_Keywordcloud .title {
    color: #024d70;
}

.content {
    font-size: 15px;
}
/* archives coverpage display*/
.obj_issue_summary .cover img {
    padding-top: 50px;
}

:lang(ar).obj_issue_summary .title {
    left: 10%;
}

.socialmedia {
    align-content: center;
}

.body-text {
    font-size: 20px;
}

/* submit button */
.btn-primary {
    color: #fff;
    background-color: #0009;
    font-size: 15px;
}
.navbar-form .form-control {
    border-radius: 10px
}
/*********************************/
/*********************************/
/************** Footer ***********/
/*********************************/
/*********************************/

/* STYLES SPECIFIC TO FOOTER  */
.footer {
  width: 100%;
  position: relative;
  height: auto;
  background-color: #424342;
}
.footer .col {
  width: 25%;
  height: auto;
  float: left;
  box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  padding: 0px 20px 20px 20px;
}
:lang(en) .footer .col h1 {
        margin: 0;
        padding: 0;
        font-family: inherit;
        font-size: 20px;
        line-height: 20px;
        padding: 20px 0px 5px 0px;
        color: #999;
        font-weight: bold;
        text-transform: uppercase;
        letter-spacing: 0.250em;
    }
:lang(ar) .footer .col h1 {
    margin: 0;
    padding: 0;
    font-family: inherit;
    font-size: 30px;
    line-height: 20px;
    padding: 20px 0px 5px 0px;
    color: #999;
    font-weight: bold;
    text-transform: uppercase;
}
.footer a {
    color: #999999;
    text-decoration: none;
}
.footer .col ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.footer .col ul li {
  color: #999999;
  font-size: 16px;
  font-family: inherit;
  font-weight: normal;
  padding: 5px 0px 5px 15px;
  cursor: pointer;
  transition: .2s;
  -webkit-transition: .2s;
  -moz-transition: .2s;
}
.social ul li {
  display: inline-block;
  padding-right: 5px !important;
}

.footer .col ul li:hover {
  color: #999;
  font-size: 18px;
  transition: .1s;
  -webkit-transition: .1s;
  -moz-transition: .1s;
}
.footer .col ul a:hover {
    color: #999;
    text-decoration: underline;
    transition: .1s;
    -webkit-transition: .1s;
    -moz-transition: .1s;
}
.footer .social-links a {
    display: inline-block;
    height: 40px;
    width: 40px;
    background-color: rgba(0,0,0,0);
    margin: 0 10px 10px 0;
    text-align: center;
    line-height: 40px;
    border-radius: 50%;
    color: #ffffff;
    transition: all 0.5s ease;
}
.clearfix {
  clear: both;
}
@media only screen and (min-width: 1280px) {
  .contain {
    width: 1200px;
    margin: 0 auto;
  }
}
@media only screen and (max-width: 1139px) {
  .contain .social {
    width: 1000px;
    display: block;
  }
  .social h1 {
    margin: 0px;
  }
}
@media only screen and (max-width: 950px) {
  .footer .col {
    width: 33%;
  }
  .footer .col h1 {
    font-size: 14px;
  }
  .footer .col ul li {
    font-size: 13px;
  }
}
@media only screen and (max-width: 500px) {
    .footer .col {
      width: 50%;
    }
    .footer .col h1 {
      font-size: 14px;
    }
    .footer .col ul li {
      font-size: 13px;
    }
}
@media only screen and (max-width: 340px) {
  .footer .col {
    width: 100%;
  }
}

/* Drop down menu*/
.dropdown-item {
    text-align: center;
    font-weight: 500;
    font-size: 15px;
}


/* Register Errors*/
.page_register #formErrors {

    background: #6a3a3f;
    color: #fff;
}

.navbar, .header_view {
    position: inherit!important;
    text-align: center;
    min-height: 40px;
    margin-bottom: 21px;
    border: 1px solid rgba(0, 0, 0, 0.3);
}

.breadcrumb {
    background-color: #ffffff;
}
/*editorial board*/
/* Editorial Board Styles */
.editorial-board-container { font-family: Arial, sans-serif; color: #333; }
.editorial-section-title { font-size: 2em; color: #003366; border-bottom: 2px solid #ddd; padding-bottom: 10px; margin-top: 40px; margin-bottom: 30px; }
.editor-grid { display: flex; flex-wrap: wrap; gap: 30px; justify-content: center; }
.editor-card { width: 260px; border: 1px solid #e0e0e0; border-radius: 8px; padding: 20px; text-align: center; background-color: #f9f9f9; transition: box-shadow 0.3s ease; }
.editor-card:hover { box-shadow: 0 4px 15px rgba(0,0,0,0.1); border-color: #ccc; }
.editor-photo { width: 140px; height: 140px; border-radius: 50%; object-fit: cover; border: 4px solid #fff; box-shadow: 0 2px 5px rgba(0,0,0,0.15); margin-bottom: 15px; }
.editor-name { font-size: 1.2em; font-weight: bold; color: #003366; margin: 0; }
.editor-role { font-size: 1em; font-style: italic; color: #555; margin: 5px 0; }
.editor-affiliation { font-size: 0.9em; color: #666; margin-top: 10px; line-height: 1.4; }
.editor-links { margin-top: 20px; }
.editor-links a { display: inline-block; margin: 0 8px; text-decoration: none; font-weight: bold; color: #0056b3; transition: transform 0.2s; }
.editor-links a:hover { transform: scale(1.1); }
.editor-links .link-text { font-size: 0.9em; border: 1px solid #0056b3; padding: 4px 8px; border-radius: 4px; }
.editor-links .link-text:hover { background-color: #0056b3; color: #fff; }