/*============================================================================
IJCMR - Updated August 2026 - Classic Theme -
Customised HTML Galley Plugin and Article Summary Template
============================================================================*/


/* ====================== */
/* TYPOGRAPHY              */
/* ====================== */

/* Georama is preloaded from Google Fonts via the custom header plugin */

body {
  font-size: 1.3rem;
}

h1, h2, h3, h4, h5, h6 {
  font-family: 'Georama', 'Cardo', serif;
  color: #414141;
  font-stretch: 75%;
  font-weight: 600;
}

p, li, a, blockquote {
  font-family: 'Cardo', serif;
  font-size: 1.3rem;
  line-height: 1.6;
}

.article-full-title {
  font-size: 52px;
  color: #f00;
}


/* ====================== */
/* HEADER                  */
/* ====================== */

.header {
  background: url("https://tuwhera.aut.ac.nz/__data/assets/image/0008/933848/IJCMRbanner.png");
  background-size: cover;
  padding-top: 0px;
}

.upper-header {
  padding-top: 0px;
}

@media (min-width: 992px) {
  .journal-logo {
    max-height: 250px;
    max-width: unset;
  }

  .header {
    height: 250px;
  }

  .header .row {
    min-height: 213px;
  }
}


/* ====================== */
/* NAVIGATION              */
/* ====================== */

@media (min-width: 992px) {
  #navigationPrimary {
    border: 0;
    justify-content: space-evenly;
    padding-bottom: 0px;
  }

  .lower-header .nav-tabs .nav-item {
    background-color: white;
    padding-left: 10px;
    padding-right: 10px;
    color: #000;
  }
}

.nav-link {
  color: #000;
}

.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  color: #F00;
}

.nav-tabs .nav-item.show .nav-link {
  background-color: white;
}

.upper-header .nav-link {
  color: white;
}

.upper-header .nav-link:focus,
.upper-header .nav-link:hover {
  color: white;
}

#user-dashboard-link {
  color: white;
}

@media (max-width: 991px) {
  #show-modal {
    cursor: pointer;
    color: #000;
  }

  #show-modal:focus,
  #show-modal:hover {
    color: #000;
    background-color: inherit;
  }
}


/* ====================== */
/* HOMEPAGE / SUMMARY      */
/* ====================== */

.journal_summary {
  margin-top: 2em;
  margin-bottom: 0em;
}

/* Make images scale nicely on summary pages — necessary for new article summary template */
.imgIJCMR {
  max-height: 100%;
  object-fit: cover;
  min-width: 100%;
  height: 30vh;
}

/* Space between issue description and current issue image on the homepage */
.description_cover {
  justify-content: space-between;
  flex-flow: row wrap;
  padding-top: 20px;
}


/* ====================== */
/* CURRENT ISSUE           */
/* ====================== */

/* Full-width background for current issue header on homepage */
.current_issue header {
  background: url("https://tuwhera.aut.ac.nz/__data/assets/image/0006/904830/IJCNRbanner.png");
  color: #fff;
  padding: 1rem 0;
  position: relative;
  z-index: 2;
  margin-bottom: 0px;

  &:before {
    background: url("https://tuwhera.aut.ac.nz/__data/assets/image/0006/904830/IJCNRbanner.png");
    content: '';
    display: flex;
    height: 100%;
    left: 50%;
    margin-left: -50vw;
    margin-right: -50vw;
    max-width: 100vw;
    position: absolute;
    right: 50%;
    top: 0;
    width: 100vw;
    z-index: -1;
  }
}

.current_issue_label {
  color: #FFF;
}

.current_issue_identification {
  color: #F00;
}

/* Make issue cover image larger */
.cover_image {
  width: 500px !important;
  min-width: unset !important;
  max-width: none !important;
  height: auto !important;
  object-fit: unset !important;
}


/* ====================== */
/* INTERIOR PAGES          */
/* ====================== */

.page_issue_archive header,
.page_about header,
.page_privacy header,
.page_submissions header {
  border-bottom: solid 1px #F00;
}

/* Gap between announcement cards */
.cmp_announcements {
  gap: 3rem;
}

/* Hides date under Archives */

.issue_summary_date {
  display: none;
}
/* Makes annoucement images smaller */
.obj_announcement_summary .summary img {
  max-width: 100%;
  max-height: 300px;
  width: auto;
  height: auto;
  object-fit: cover;
}


/* ====================== */
/* GALLEY BUTTONS          */
/* ====================== */

.galleys_links .btn,
.item.galleys .btn {
  color: #FFF;
  background-color: #F00;
  border-color: #E8E6E6;
  font-size: 2rem;
}

.galleys_links .btn:hover {
  background-color: #999997;
}

.item.galleys .btn:hover {
  background-color: #999997;
}

/* Align PDF buttons to the bottom of each article card */
.article_summary {
  display: flex;
  flex-direction: column;
}

.article_summary_body {
  flex: 1;
}


/* ====================== */
/* HTML GALLEY CONTENT     */
/* ====================== */

.htmlGalley .cmp_breadcrumbs {
  display: none;
}

.galleyContent h1 {
  font-size: 52px;
  margin-bottom: 2rem;
}

.galleyContent p {
  margin-bottom: 2rem;
}

.galleyContent .img-fluid {
  margin: 1rem;
}

.w-100 {
  max-width: unset;
}

/* Galley tables */
.galleyContent table {
  border-bottom: 1px solid #000;
  margin-bottom: 2rem;
}

.galleyContent table p {
  margin-bottom: 0;
}

.galleyContent table td {
  padding: 0.5rem;
}


/* ====================== */
/* EMBEDDED VIDEO          */
/* ====================== */

/* Legacy rule — removing it will break old videos */
.media {
  padding: 56.25% 0 0 0;
  position: relative;
}

.mediaVimeo,
.mediaYoutube {
  padding: 56.25% 0 0 0;
  position: relative;
}

video {
  display: block;
  height: 100%;
  width: 100%;
}


/* ====================== */
/* FOOTER                  */
/* ====================== */

.footer-brand-image {
  display: none;
}