/*Health Eduation in Practice*/
/*Custom CSS for OJS 2.4.8.0*/
/*Hosted by Sydney Open Journals by the University of Sydney Library*/
/*https://openjournals.library.sydney.edu.au/index.php/HEP*/
/*Design by Zoe Barber - zoe-barbercom*/
/*Implementation by Hannah McFarlane - hannah@outlook.com.au*/
/*Hero #00B1C1*/
/*GALLEY*/
/*DIVS*/


/* Updated to use css grid for responsiveness 2024_09 pw */
.journal {
  display: grid;
  grid-template-columns: 1fr;
  container-type: inline-size;
  padding: 10px;
}
.article {}
.aside {}
/* make long urls wrap */
a {
  /* These are technically the same, but use both */
  overflow-wrap: break-word;
  word-wrap: break-word;
  -ms-word-break: break-all;
  /* This is the dangerous one in WebKit, as it breaks things wherever */
  word-break: break-all;
  /* Instead use this non-standard one: */
  word-break: break-word;
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
  -ms-hyphens: auto;
  -moz-hyphens: auto;
  -webkit-hyphens: auto;
  hyphens: auto;
}
.orcid-icon{
	max-width: 100%;
}
.copyright-img{
	
}
.fig-img {
  max-width: 100%;
  height: auto;
  object-fit: scale-down;
}
/* anchors */
a:link {
	color: #00b1c1
	}
a:visited {
	color: #5F9EA0;
	}
/*HEADING 2*/	
.article h2 {
	color: #00b1c1;
	text-transform: uppercase;	
	font-weight: bold;
	border-bottom: 3px solid #00b1c1;
	}

.article table {
  border-collapse: collapse;
  border-spacing: 0;
  width: 100%;
  border: 1px solid #ddd;
}

.article th, td {
  text-align: left;
  padding: 8px;
}

tr:nth-child(even){background-color: #f2f2f2}


@media (width>1005px) {
  .journal {
    grid-template-columns: 1fr 6fr;
    gap: 1rem;
  }
  .article {
    padding: 0 15px;
    border-left: 1px solid #ddd;
  }
  .aside {
    padding: 0 5px;
  }
}