header .container {
    background: url(https://journal.uptm.edu.my/public/site/images/uptm/frame-275-b4bdbb64623904784e2ee6d8d44f5233.png);
    box-shadow: 0px 1px 18px -10px rgb(39 39 136 / 75%);
    border-right: 1px solid white;
    border-left: 1px solid white;
    background-position: center;
    background-size: contain;
    background-repeat: no-repeat;
}

#customblock-journalissue > div > center:nth-child(3) > a {
    padding: 4px;
    background: #262a79;
    padding-left: 25px;
    padding-right: 25px;
    color: azure;
    border-radius: 5px;
}

.navbar-brand-logo img {
    display: none;
}

.pkp_block h2.title, .pkp_block .content span.title, .pkp_block span.title {
    color: #022a79;
    font-weight: 800;
}

.pkp_block .title {
    border-bottom: 3px solid #262a79;
}

.doiInSummary {
    margin: 5px 0;
    display: none;
}

.article-summary.media {
    background: #f0f0f0;
    padding: 14px;
    border-radius: 5px;
    border-bottom: 2px solid #000000;
    box-shadow: 0px 1px 18px -10px rgb(39 39 136 / 75%);
}

footer .container {
    background: #031f55;
    color: #ffffff;
}

.copy-right {
    background: #ffffff;
    padding: 10px;
    border-radius: 5px;
}


footer h4 {
    color: #000000;
    background: linear-gradient(45deg, #ffffff, transparent);
    font-weight: 700;
    padding: 5px;
    border-radius: 5px;
}

nav.col-md-7 {
    padding-bottom: 60px;
}

@media (max-width: 640px) {
    div.issn {
        padding: 25px 10px 1px 1px;
        margin-top: -10px;
    }
}

@media (max-width: 767px) {
    div.issn span {
        font-weight: bold;
        font-size: 7.5px;
        color: #000000;
        background: #ffffff;
        padding: 2px;
        border-radius: 2px;
    }
    header .container {
        background: url(https://journal.uptm.edu.my/public/site/images/uptm/logo-mobile-1818d4184a73141ecf9119247be03247.png);
        box-shadow: 0px 1px 18px -10px rgb(39 39 136 / 75%);
        border-right: 1px solid white;
        border-left: 1px solid white;
        background-position: center;
        background-size: contain;
        background-repeat: no-repeat;
    }
}

/* ============================================================
   AJPBS — article summary layout tweak
   Moves FULLTEXT [PDF] from its own row up beside the Citations
   (Dimensions) badge, vertically level with it.

   Upload via: Settings > Website > Appearance > Advanced
> Journal Style Sheet
   ============================================================ */

/* Card body becomes the flex context so .btn-group can join the
   metadata row (it is a sibling of .row.py-4 in the markup). */
.article-summary .media-body > .col-md-12 {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}

/* Category / title / authors keep their own full-width lines. */
.article-summary .media-body > .col-md-12 > .mb-3,
.article-summary .media-body > .col-md-12 > .media-heading,
.article-summary .media-body > .col-md-12 > .meta {
  flex: 0 0 100%;
  max-width: 100%;
}

/* Dissolve the row: its columns become items of the flex context
   above, so the button can be ordered among them. */
.article-summary .row.py-4 {
  display: contents;
}

/* 1. Citations badge — shrink column to the badge's real width
   (the wrapper renders as a 341px block by default). */
.article-summary .row.py-4 > div:nth-child(1) {
  order: 1;
  flex: 0 0 auto;
  width: auto;
  max-width: none;
  padding-top: 0;
  padding-right: 0;
  margin-top: 1.5rem;
  align-self: center;
}
.article-summary .__dimensions_badge_embed__ {
  display: inline-block;
  width: auto;
  vertical-align: middle;
}

/* 2. FULLTEXT [PDF] — beside the badge.
   margin-left = gap (~14px), top = optical nudge. */
.article-summary .btn-group {
  order: 2;
  align-self: center;
  margin-left: 0.85rem;
  margin-top: 1.5rem;
  position: relative;
  top: -3px;
}

/* Default Bootstrap .btn padding makes the button 30px tall against
   a 22px badge, which overhangs. These values match their heights. */
.article-summary .btn-group .galley-link {
  padding: 0.3rem 1rem;
  font-size: 1.125rem;
  line-height: 1.25;
}

/* 3. Page range — stays anchored to the right edge. */
.article-summary .row.py-4 > .page_number {
  order: 3;
  flex: 0 0 auto;
  max-width: none;
  margin-left: auto;
  margin-top: 1.5rem;
  padding-top: 0;
  align-self: center;
}

/* 4-5. Abstract views / downloads, then DOI. */
.article-summary .row.py-4 > .article_statistic {
  order: 4;
}
.article-summary .row.py-4 > div:nth-child(4) {
  order: 5;
  padding-bottom: 1.5rem;
}