@import url('https://fonts.googleapis.com/css2?family=DM+Sans&display=swap');
@import url("https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap");
body {
	font-family: "Poppins", sans-serif;
}
nav .pull-md-right {
    display: none;
}
.navbar-default .nav>li>a, .header_view .nav>li>a {
    color: rgba(0,0,0,.9);
}
.label{
  color: #000;
}
input {
  font-weight: normal;
}
#openid-provider-list li:not([class="page_login"]) a > div > span {
  bottom: 0px;
  top: 5px;
}
.pkp_page_login #username{
  width: 65%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571;
    box-shadow: inset 1px 0px 2px rgb(0 0 0 / 5%);
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.pkp_page_login #password{
    width: 45%;
    height: 30px;
    padding: 6px 12px;
    font-size: 14px;
    line-height: 1.428571;
    box-shadow: inset 1px 0px 2px rgb(0 0 0 / 5%);
    color: #555;
    background-color: #fff;
    background-image: none;
    border: 1px solid #ccc;
    border-radius: 4px;
}
#openid-provider-list li:not([class="page_login"]) a img {
  margin: 9px 16px 0 12px;
}
#openid-provider-list li:not([class="page_login"]) a > div {
  min-width: 215px;
  min-height: 42px;
  max-height: 42px;
  background-color: #f5f5f5;
  background-repeat: no-repeat;
  white-space: nowrap;
  border-radius: 6px;
  box-shadow: unset;
  border:unset;
  border-top-color:unset;
}
#connect-orcid-button {
  margin-top: 2em;
  margin-bottom: 1em;
  min-width: 215px;
  min-height: 42px;
  max-height: 42px;
  background-color: unset;
  background-repeat: no-repeat;
  white-space: nowrap;
  border-radius: 6px;
  box-shadow: unset;
  border: 2px solid #438a9a;
  border-top-color: unset;
  color: #438a9a;
  padding: 0 20px;
}
.register a[href="https://mjaias.co.uk/mj-en/orcidapi/about"] {
  color: #438a9a;
  margin-left: 2%;
}
.page_submissions .alert-info a{
  color: #438a9a;
}
.page_about .sj-description p{
  font-size: 14px;
}
#openid-provider-list li:not([class="page_login"]) a > div > span{
  font-weight: 500;
}
.page_login a {
  font-weight: normal;
  font-size: 12px;
  margin-left: 5px;
  margin-top: 10px;
}
#openid-provider-list li{
  border-radius: 15px;
}
.btn-primary {
  background-color: #438a9a;
}
.panel-default>.panel-heading, .pkp_block .title{
  color: #438a9a;
  background-color: #f8f8f8b3;
  border-color: #fff;
}
.panel-default, .pkp_block {
  border-color: #fff;
}
.btn-default, .pkp_block.block_make_submission a {
  color: #fff;
  background-color: #438a9a;
}
button.submit {
  color: #fff;
  background-color: #438a9a;
  border-color: #ccc;
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
}
h1, .h1 {
  color: #438a9a;
}
.media-left, .media-right, .media-body {
  padding: 18px;
  border: 2px solid #0000000a;
  border-radius: 15px;
}
.page-header small {
  color: #438a9a;
  font-size: 85%;
}
.alert-info a {
  font-weight: bold;
}
.navbar-default, .header_view{
  border-color: #e7e7e757;
}
img#footer_site_logo {
  width: 49%;
}
p.sj-copyrights {
  margin-top:5%;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
}
footer.footer {
  padding-bottom: 0.5em;
}
footer div[role="complementary"] {
  display: none;
}
footer .sj-description {
  text-align: justify;
  font-size: 14px;
  margin-top: 20px;
  width: 74%;
  margin-left: 20px;
}
#sj-footer{
  line-height: 1.8;
}
.sj-aboutus .sj-description {
  font-size: 16px;
  text-align: justify;
}
#resource-menu{
  list-style: none;
  padding-left: 8px;
}
.sj-widgetcontent ul{
  list-style: none;
  padding-left: 8px;
}
#sj-footer h3{
  color: #2d5695;
}
.label{
  font-weight: normal;
}
#openid-provider-list strong{
  font-weight: 400;
}
.page_login a{
  font-weight: normal;
}
.page_openid_login .page_login .login .fields > div {
  padding-bottom: 18px;
}
.page_openid_login .page_login .login {
  padding: 38px 27px 5px 27px;
  margin: auto;
}
label {
    font-weight: normal;
}
@media (min-width: 768px) {
  h3.media-heading {
    margin-bottom: 10px;
  }
  .authors {
    margin-bottom: 10px;
  }
  .navbar-brand {
      float: left;
      height: 70px;
      font-size: 18px;
      margin-left: 10.5rem!important;
      margin-right: 2.5rem!important;
      margin-bottom: 0.5rem !important;
      line-height: 20px;
  }
    ul#main-navigation {
      margin-left: 1.5rem!important;
      margin-right: auto!important;
      margin-top: 1.5rem !important;
  }
  .navbar-default .nav>li>a, .header_view .nav>li>a {
      color: rgba(0,0,0,.9);
      display: block;
      padding: 0.5rem 1rem;
  }


  :root {
    --bg-dark: rgb(24, 24, 24);
    --bg-light: #e4e4e4;
  }

  * {
    font-family: "Poppins", sans-serif;
  }
  a,
  a:hover,
  a:focus,
  a:active {
    text-decoration: none;
    color: #000000;
  }
  .nav-link,
  .nav-link:hover {
    color: inherit;
  }

  .navbar {
    & .menu-toggle {
      display: none;
    }
  }
  .nav-links {
    & .hide-toggle {
      display: none;
    }
  }
  #main-navigation {
    float: right !important;
  }

  .navbar-nav>li {
      margin-right: 30px;
  }

  #main-navigation li:nth-child(4) {
        margin-right: 16rem;
  }
  #openid-provider-list{
    width: 500px;
  }
  .label{
    font-size: 13px;
    color: #000;
  }
}
/* `sm` applies to x-small devices (portrait phones, less than 576px) */
@media (max-width: 575.98px) {
  .navbar {
    position: relative;
    & .menu-toggle {
      display: block;
      cursor: pointer;
      padding: 1rem;
    }
  }
  .nav-links {
    position: absolute;
    top: 0px;
    left: 40%;
    right: 0;
    height: 100vh;
    flex-direction: column;
    background-color: rgba(19, 19, 19, 0.979);
    box-shadow: -35px 0px 20px -25px rgba(0, 0, 0, 0.548);
    -webkit-backdrop-filter: blur(4px);
    backdrop-filter: blur(4px);
    display: flex;
    justify-content: center;
    align-items: flex-start;
    align-content: space-between;
    padding: 0rem;
    z-index: 999;
    transition: all 200ms ease;

    &.show {
      transform: translateX(0%);
      visibility: visible;
      opacity: 1;
    }
    &.hide {
      transform: translateX(100%);
      visibility: hidden;
      opacity: 0;
    }
    & .hide-toggle {
      --ggs: 1.5;
      display: block;
      position: absolute;
      top: 20px;
      right: 20px;
      cursor: pointer;
      font-size: 50px;
    }
    & .nav-link {
      width: 100%;
      border-radius: 10px;
      padding: 1rem 2rem;
      margin-left: 15px;
      margin-bottom: 20px;
      &:hover {
        color: rgb(0, 0, 0);
        background: whitesmoke;
      }
    }
  }
  #openid-provider-list {
    width: 336px;
  }
}