/* Basic styling */

body {
	background-color: #6B8C3A;  /* darker shade of es Green */
}

h4, h5 {
	color: #024873; /* es Dark Blue */
}

article {
	margin-top: 2rem;
}

figcaption {
	font-size: 0.7em;
	font-style: italic;
}
	
.es_background {
	background-color: white;
}

.es_buttontext {
	/* bring text size and line height from UIKit H2 */
	font-size: 1.7rem;
	line-height: 2;
	color: white;
}

.es_profbanner {
	background-color: #024873; /* es Dark Blue */
	color: white;
}

.es_persbanner {
	background-color: #7FA644; /* es Green */
	color: white;
}

/* Create an empty class to facilitate uk-filter tool */

.publications {
}

/* Override UK-Button standards; rather than re-build whole kit */

.es-button-primary {
	background-color: #024873; /* es Dark Blue */
	color: white;
	border: 1px solid transparent;
}
.es-button-primary:hover,
.es-button-primary:focus {
	background-color: #035080;
	color: white;
}
.es-button-primary:active,
.es-button-primary.uk-active {
	background-color: #023859;
}

.es-button-secondary {
	background-color: #7FA644; /* es Green */
	color: white;
	border: 1px solid transparent;
}
.es-button-secondary:hover,
.es-button-secondary:focus {
	background-color: #88B349;
	color: white;
}
.es-button-secondary:active,
.es-button-secondary.uk-active {
	background-color: #6B8C3A;
}

/* Override UK-badge; rather than re-build whole kit */

.es-badge {
  box-sizing: border-box;
  min-width: 22px;
  height: 22px;
  padding: 2px 5px;
  border-radius: 500px;
  vertical-align: middle;
  /* 1 */
  background: #F2A516; /* es 'Gold' */
  color: #024873;      /* es Dark Blue */
  font-size: 0.875rem;
  /* 2 */
  display: inline-flex;
  justify-content: center;
  align-items: center;
}


/* Diary styling */

.es_diary_table {
  border: 1px solid LightGrey;
  border-collapse: collapse;
  text-align: center;
}

.es_diary_table th, .es_diary_table td {
  border: 1px solid LightGrey;
  padding: 2px;
  text-align: center;
}