/* Styles Heading 5's. You can change this style to make h5's look different across all news articles.  */
h5 {
	font-size: 16pt;
	color: black;
	padding-left: 5pt;
	margin-bottom: 5pt;
}

/* Styles Heading 6's. You can change this style to make h6's look different across all news articles.  */
h6 {
	font-size: 12pt;
	color: black;
	padding-left: 5pt;
	margin-bottom: 0pt;
}

/* The container that contains all articles. 
	Styled so that all articles have a maximum width, and scale up and down to all screen sizes.
	*/
.articlecontainer {
	width: 100%;
	max-width: 700pt;
	margin: auto;
}

/* Gives all figures in an article a max width, some padding, and makes them float to the right of the article. */
.articlecontainer figure {
	float: right;
	max-width: 300pt;
	padding: 10pt;
}

/* Forces the first figure in every article to float left instead of right (to stop it colliding with the PDF link). */
.articlecontainer figure:first-of-type {
	float: left;
}

/* Makes sure all images in figures take up the entire width of the figure, have rounded corners, and a box shadow. */
.articlecontainer figure img {
	width: 100%;
	border-radius: 5pt;
	box-shadow: -2pt 2pt 4pt 0pt rgba(0, 0, 0, 0.2)
}

/* Centres and italicises all figure caption text. */
.articlecontainer figcaption {
	font-style: italic;
	text-align: center;
}

/* Styles the PDF container, used to provide a link to a pdf version of the article. */
.pdf {
	float: right;
	margin: 5pt;
	width: 100%;
	max-width: 50pt;
	
	text-align: center;
	font-size: 0.8em;
	line-height: 100%;
	font-style: italic;
	color: gray;
	
}

.pdf img {
	width: 100%;
}

/* Container that encapsulates one single article. Styled to provide a rounded border and shadow to each news article. */
.newsarticle {
	display: inline-block;
	width: 100%;
	margin: 5pt;
	border-left: 4px solid #a4d247;
	border-bottom: 2px solid #a4d247;
	border-radius: 11pt 0pt 11pt 11pt;
	box-shadow: -4px 4px 6px 0px rgba(0, 0, 0, 0.2);
}

/* styles and aligns the date on each article. */
.articledate {
	text-align: right;
	color: #a4d247;
	font-style: italic;
	font-weight: bold;
	font-size: 12pt;
	margin: -20pt 25pt 10pt 25pt;
}

/* Encapsulates the main text body of each news article  */
.articlebody {

}

/* Justifies the alignment of paragraph text within the article body, and offsets it from the left border of the news article  */
.articlebody p {
	text-align: justify;
	padding-left: 10pt;
}

/* Forces the first letter of the first paragraph to become large and stylised. */
.articlebody p:first-of-type::first-letter {
	
	font-family: algerian, serif;
	font-size: 350%;
	line-height: 80%;
	float: left;
	padding-left: 5px;
	padding-right: 1.5px;
}