/***** Default Container for Page (flex vertically, supports multiple rows) *****/
.page-container {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	margin: 0;
	padding: 0px 32px;
    min-width: 200px;
	font-family: nexussans,elsevierdisplaylight,arial,sans-serif;
	font-feature-settings: 'kern' 1,'liga' 1,'pnum' 1,'tnum' 0,'onum' 1,'lnum' 0,'dlig' 0;
	font-size: 18px;
    color: #505050;
}

/***** Default Container for Columns (flex horizontally, to enable multiple columns) *****/
.columns-container {
	display:flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
}

.grid-container {
	display: grid;
    grid-template-columns: repeat(auto-fit, minmax(240px, 1fr));
    /*grid-template-columns: repeat(auto-fit, minmax(200px, 800px));*/
    grid-gap: 2em;
    align-items: flex-start;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

/***** Default Container for Rows (flex vertically, to enable multiple rows - each child is a separate row) *****/
.rows-container {
	display: flex;
	flex-flow: column nowrap;
    align-items: flex-start;
	justify-content: flex-start;
	margin: 0;
	padding: 0;
}

/***** Default Container for Thumbnails (text plus image), wraps to fit content *****/
.thumbnail-container {
	display: flex;
    flex-wrap: wrap;
    /*grid-template-columns: repeat(3, minmax(240px, 1fr));*/
    grid-gap: 2em;	
    align-items: center;
	padding: 0;
}
.thumbnail-item {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 12px;
    background-color: lightgrey;
    border-radius: 5px 5px;
    min-width: 320px;
}

/***** Banner section (rounded border, light text with grey background shading) *****/
.banner-container {
	display:flex;
	justify-content: space-between;
	margin: 0;
	padding: 0;
    background-color: #007398;
    border-color: black;
    border-radius: 5px 5px;
    border-width: 3px;
	
}

.banner-text {
    margin: 0;
    padding: 4px 2px;
    color: whitesmoke;
}

/***** Add background shading *****/
.grey-fill {
    background-color: darkgrey;
}

.grey-shade {
    background-color: lightgrey;
}

.border-box {
    border-color: black;
    border-radius: 5px 5px;
    border-width: 3px;
}

.vertical-pad {
    padding-top: 12px;
    padding-bottom: 12px;
}

.horizontal-pad {
    padding-left: 16px;
    padding-right: 16px;
}

.horizontal-margin {
    margin-left: 16px;
    margin-right: 16px;
}

.top-margin {
    margin-top: 16px;
}

.top-padding {
    padding-top: 16px;
}

.form-options ul {
	display: flex;	
	flex-flow: column nowrap;
	justify-content: flex-start;
	margin: 0;
	padding: 12px;
	/* remove bullets */
	list-style-type: none;
}

.form-options input[type=text] {
    width: 100%;
}

.form-button {
    margin: 12px 16px 12px 0px;
    padding: 6px 16px;
    font-weight: bold;
}

/***** Logo *****/
.logo {
	vertical-align: middle;
	width: 54px;
	height: 48px
}
.wordmark {
	vertical-align: middle;
	margin-left: 16px;
	height: 14px;
}
.captcha {
	vertical-align: middle;
	width: 300px;
	height: 80px
}
.pdf-icon {
	vertical-align: middle;
	width: 45px;
	height: 50px;
    margin: 12px;
}

/***** Navigation *****/
.nav-container {
	display: flex;		/* Defaults to flex-direction: row; / flex-wrap: nowrap */
	margin: 0;
	padding: 0;
	justify-content: space-between;	
}
.nav-container ul {
	display: flex;	
	margin: 0;
	padding: 0;
	/* remove bullets */
	list-style-type: none;
}
.nav-container a:hover {
	background-color: darkgrey;
	color: #EEE;
}
.nav-link {
	display: block;
	/*flex-grow: 1;*/
	margin: 0;
	padding: 12px 14px;
}

/**************** Dropdown menu ****************/
/* The dropdown container */
.dropdown-menu {
	display: flex;
	flex-flow: column nowrap;
	justify-content: flex-start;
	overflow: hidden;
	margin: 0;
}

/* Dropdown button */
.dropdown-link {
	background-color: inherit;
	font-family: inherit; /* Important for vertical align on mobile phones */
	/*flex-grow: 1;*/
	margin: 0;
	padding: 12px 14px;
}

/* Dropdown content (hidden by default) */
.dropdown-menu-items {
  display: none;
  position: absolute;
  top: 55px;
  background-color: #f9f9f9;
  min-width: 160px;
  box-shadow: 0px 8px 16px 0px rgba(0,0,0,0.2);
  z-index: 1;
}

/* Links inside the dropdown */
.dropdown-menu-items a {
  float: none;
  color: black;
  margin: 0;
  padding: 12px 14px;
  text-decoration: none;
  display: block;
  text-align: left;
}

/* Show the dropdown menu on hover */
.dropdown-menu:hover .dropdown-menu-items {
	display: block;
}

/* Table header row */
thead {
	background-color: #EBEBEB;
}

a:hover {
	border: none !important;
}

/* Fix text overflow on mobile views on certain languages */
@media (max-width: 1024px) {
	main .row.row-tight {
		padding-bottom: 0.9375rem !important;
	}
}