@charset "UTF-8";

@font-face {
  font-family: "Myriad Pro Regular";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/MYRIADPRO-REGULAR.woff") format("woff");
}

@font-face {
  font-family: "Myriad Pro Bold";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/MYRIADPRO-BOLD.woff") format("woff");
}

@font-face {
  font-family: "Myriad Pro Light";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/MyriadPro-Light.woff") format("woff");
}

@font-face {
  font-family: "Source Sans Pro";

  font-style: normal;

  font-weight: normal;

  src: url("../fonts/sourcesanspro-regular.woff") format("woff");
}

* {
  font-family: "Source Sans Pro";

  letter-spacing: 0.8px;
}

.primary-color {
  background-color: #045485;
}

.secondary-color {
  background-color: #adbdc7;
}

/* navabar styling */

.navbar {
  padding-top: 0.8rem;

  padding-bottom: 0.8rem;
}

.nav-link {
  color: #ffffff !important;
}

.nav-link:hover,
.nav-link:focus {
  text-decoration: underline;
}

.navbar-nav .nav-link,
.navbar-nav form {
  padding-right: 0.75rem;

  padding-left: 0.75rem;
}

/* button styling */

.btn,
.nav-link {
  box-shadow: 0px 0px transparent !important;

  font-family: "Myriad Pro Light" !important;
}

.btn-info {
  background-color: #48acea;

  color: #ffffff;

  border: none;
}

.btn-info:hover,
.btn-info:focus {
  background-color: #48acea;

  color: #ffffff;

  border: none;
}

.btn-primary {
  background-color: #045485;

  border: none;
}

.btn-primary:hover,
.btn-primary:focus {
  background-color: #045485;

  border: none;
}

.btn-outline-primary {
  color: #045485;

  border-color: #045485;
}

.btn-outline-primary:hover {
  background-color: #48acea;

  border-color: #48acea;
}

.btn-outline-light:hover,
.btn-outline-light:focus {
  color: #045485;
}

.btn-current {
  background: #48acea !important;

  color: #ffffff !important;

  border: none !important;
}

.btn-highlight {
  background: #cbe0ed;

  border-radius: 10px;

  text-align: left;

  font-family: "Myriad Pro Bold" !important;

  padding: 0.5rem 1.5rem;
}

.btn-highlight:hover,
.btn-highlight:focus {
  background: #48acea;
}

/* font and spacing styling */

.reviewers,
.announcement,
.volume,
.editorial,
.article,
.contact .contact-heading {
  margin-bottom: 1.5rem;
}

h2 {
  font-size: 36px;

  font-weight: 600;

  line-height: 1.2;
}

h3 {
  font-weight: 600;

  font-size: 24px;
}

p {
  text-align: justify;
}

.titlehead {
  font-weight: 600;
}

p,
h4 {
  font-size: 18px;
}

p,
a,
.btn,
ol,
li,
ul {
  font-family: "Source Sans Pro";

  font-size: 16px;
}

/* media queries */

@media (max-width: 768px) {
    .editorial-board {
        width: 95%;
        padding: 10px;
    }
    
  .btn-outline-primary {
    background-color: #ffffff;

    color: #045485;

    border: 0;

    border-radius: 0;

    width: 100%;

    border-bottom: 1px solid #adbdc7;

    text-align: left;
  }

  .btn-outline-primary:hover,
  .btn-outline-primary:focus {
    background-color: #ffffff;

    color: #045485;

    box-shadow: 0px 0px !important;
  }

  h2 {
    font-size: 20px;
  }

  h3 {
    font-size: 16px;
  }

  h4,
  p {
    font-size: 13px;
  }

  .stats .logos img {
    height: 50px !important;
  }

  .footer .logos img {
    height: 30px !important;
  }

  .navbar-nav li:last-child {
    display: none;
  }

  .flex-container {
    display: flex;

    justify-content: space-between;

    align-items: center;
  }

  .editorial-board img {
    width: 140px !important;

    height: 140px !important;
  }
}

@media (max-width: 991px) {
  .editorial-board .form-group:first-child {
    order: 2;
  }
}

@media (max-width: 1200px) {
  .main-section .page-navigation-section a {
    margin-bottom: 1.5rem;
  }

  .nav-flex {
    display: flex;

    flex-direction: column;
  }

  .nav-flex .submit-button {
    margin-top: 0.5rem;

    order: 2;
  }
}

input::placeholder {
  color: #ffffff !important;
}

/* .search-icon {

  border-top-left-radius: 0px !important;

  border-bottom-left-radius: 0px !important;

  border-radius: 0.25rem;

  color: #ffffff;

  padding: 0.375rem 0.75rem;

}



.search-bar,

.page-navigation-section {

  margin-top: 0.75rem;

  margin-bottom: 0.75rem;

} */

form > input[type="search"] {
  color: #ffffff !important;

  font-style: italic;

  border-top-right-radius: 0px !important;

  border-bottom-right-radius: 0px !important;
}

.form-control {
  border-width: 2px !important;
}

.form-control:focus {
  box-shadow: 0px 0px rgba(0, 0, 0, 0);

  outline: none !important;

  border: none !important;
}

a,
.btn {
  font-size: 16px;
}

/* brand section styling */

.brand-section img {
  height: 70px;

  width: auto;
}

.brand-section .brand-name {
  margin-left: 1.5rem;
}

.brand-section .brand-name h3,
.brand-section .brand-name h4 {
  color: #045485;

  font-family: "Myriad Pro Regular";
}

hr {
  height: 2px !important;

  background-color: #045485;

  opacity: 1;
}

/* page-navigation and its content styling */

.main-section {
  margin-top: 2rem !important;

  margin-bottom: 2rem !important;
}

.main-section .page-navigation-section a {
  font-size: 16px;
}

.page-navigation-section a:first-child {
  margin-left: 0 !important;
}

.page-content {
  margin-top: 0.5rem;
}

.page-content p,
.page-content i {
  font-family: "Source Sans Pro";
}

/* stats styling */

.stats {
  background-color: #c3c3c4;

  padding: 3rem 15px;

  margin-bottom: 2rem;

  margin-top: 2rem;
}

.stats .sub-stat {
  padding: 0.75rem 3rem;
}

.sub-stat h2,
.sub-stat,
.sub-stat p {
  font-family: "Myriad Pro Regular";
}

.stat-1,
.stat-2 {
  margin-bottom: 3rem;
}

.stat-1 .sub-stat:last-child {
  border-left: 2px solid #000000;
}

.stat-2 .citescore {
  border-radius: 20px;

  border: 3px solid #000000;
}

.stats .logos img {
  height: 100px;

  width: auto;

  margin-right: 0.75rem;

  margin-left: 0.75rem;
}

/* alert section styling */

.alert-section {
  margin-bottom: 4rem;
}

.alert-section p {
  color: #ff6700;

  font-size: 16px;
}

.alert-section a,
.highlight {
  color: #48acea;

  font-size: 16px;

  text-decoration: none;
}

/* footer styling */

.footer {
  background: #c3c3c4;

  padding: 2rem 0;

  margin-top: 20rem;
}

.footer .logos img {
  height: 40px;

  width: auto;

  margin-bottom: 0.75rem;
}

.footer a {
  color: #000000;

  text-decoration: none;

  font-size: 16px;

  padding: 0.15rem 2rem;

  font-family: "Myriad Pro Light";
}

.footer a:hover {
  text-decoration: underline;
}

.footer a:last-child {
  border-left: 2px solid #000000;
}

.bottomtotop {
  position: fixed;

  bottom: 20px;

  right: 20px;

  cursor: pointer;
}

.bottomtotop svg {
  width: 35px;

  height: 35px;

  -webkit-filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7));

  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.7));
}

.bottomtotop svg path {
  stroke: #c3c3c4;

  fill: #045485;

  stroke-width: 2;

  box-shadow: 1px 1px 4px #000000;
}

/* announcements page */

.announcement .heading,
.volume .volume-subheading {
  padding-top: 1rem;

  padding-bottom: 1rem;
}

.announcement img {
  height: 80px;

  width: auto;
}

/* .announcement .brand-name p{

  font-family:'Myriad Pro Bold' !important;

  margin-left:1.5rem;

} */

.announcement h4 {
  margin-top: 0.5rem;

  margin-bottom: 0.75rem;
}

.announcement .paper-heading {
  font-size: 16px;

  color: #045485;

  font-weight: 600;

  /* font-family: 'Myriad Pro Bold'; */
}

/* Volume page styling */

.searchbar {
  margin-bottom: 2rem;
}

.searchbar .form-control:focus {
  border: 2px solid #045485 !important;
}

.volume {
  background: #e7e7e7;

  border-radius: 10px;
}

.volume:hover,
.volume:active {
  background: #cbe0ed;
}

.volume button {
  font-family: "Myriad Pro Bold" !important;

  text-align: left;

  padding: 1rem 1.5rem;

  border: none;
}

.volume button:focus,
.volume button:hover {
  border: none;
  box-shadow: none;
}

.volume .volume-subheading,
.article-heading,
.editorial .editorial-board,
.contact .contact-heading {
  padding: 1rem 1.5rem;
}

.volume hr {
  background: #000000;

  height: 1px !important;

  margin-top: 0.75rem;

  margin-bottom: 1.5rem;
}

.volume-subheading span {
  font-family: "Myriad Pro Light";
}

.volume-subheading a {
  font-family: "Myriad Pro Light";

  text-decoration: none;

  color: #000000;

  transition: font-size 0.3s ease-out;
}

.volume-subheading a:hover {
  color: #045485;

  font-size: 18px;
}

/* article styling */

.article-heading,
.contact .contact-heading {
  background: #cbe0ed;

  border-radius: 10px;
}

.article-heading h4,
.contact .contact-heading h4 {
  font-family: "Myriad Pro Regular" !important;

  margin-bottom: 0;
}

.article-heading h4 a {
  font-family: "Myriad Pro Regular" !important;

  text-decoration: none;

  color: #000000;
}

.article-heading h4 a:hover {
  text-decoration: underline;
}

.article {
  margin-top: 2rem;

  border-bottom: 1px solid #000000;

  padding-bottom: 0.75rem;
}

.article h6 a {
  color: #045485;

  font-size: 18px;

  font-family: "Myriad Pro Bold";
}

.article p,
.article a {
  font-size: 16px;

  text-decoration: none;
}

.article a:hover {
  text-decoration: underline;
}

/* article-content styling */

.article-content {
  padding-top: 1rem;

  padding-bottom: 1rem;
}

.article-content .volume-subheading a:hover {
  color: #000000 !important;

  font-size: 16px !important;
}

/* Editorial board styling*/

.editorial-board {
  width: 100%; /* Full width on smaller screens */
  max-width: 1100px; /* Ensures max width on larger screens */
  border-radius: 30px;

  border: 1px solid #000000;
}

.biography {
    text-align: justify; /* Justify the text */
}

.founder {
  background: #cbe0ed !important;

  border: none !important;
}

.editorial-board h3 {
  padding-top: 0.75rem;

  padding-bottom: 0.75rem;

  font-family: "Source Sans Pro ";
}

.editorial a {
  text-decoration: none;

  color: #045485;

  font-family: "Source Sans Pro ";

  margin-right: 0.5rem;
}

.editorial-board img {
  height: 160px;

  width: 160px;

  border-radius: 50%;

  border: 2px solid #045485;
}

.designation {
  /* margin-top:3rem; */

  margin-bottom: 1rem;
}

.designation h4 {
  font-weight: 600;

  /* font-size:18px; */
}

/* contact us styling */

.contact-heading {
  margin-top: 1.5rem;
}

.contact img {
  height: 70px;

  width: auto;

  margin-top: 1rem;
}

.contact .address {
  margin-top: 1rem;
}

.row {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}

.rowheader {
  --bs-gutter-x: 0.5rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(var(--bs-gutter-y) * -1);
  margin-right: calc(var(--bs-gutter-x) * -0.5);
  margin-left: calc(var(--bs-gutter-x) * -0.5);
}
.rowheader > div {
  flex: 1;
  background: lightgrey;
  border: 1px solid grey;
}
.text-header {
  color: #ac0000;
  font-weight: 600;
  text-align: left;
  font-size: 20px;
  padding-top: 0px;
}

ol,
ul {
  padding-left: 0rem;
}