/* Banner Image - ENVEO logo and long-name */
.mybanner {
  background: white;
  background-image: none;
  min-width: 100%;
}

/* Menu */

/* We add padding and radius so that on hover there is a nice background */
.container-header .mod-menu a {
  -webkit-border-radius: 0 0 6px 6px;
  -moz-border-radius: 0 0 6px 6px;
  border-radius: 6px 6px 6px 6px;
  padding: 3px 15px;
}

/* On hover there should be a gray background*/
.container-header .mod-menu a:hover {
  background-color: #eee;
  color: #090979;
}

/* Background */ 

/* Set the background of all relevant fields of the Cassiopeia template to dark blue */
body {
  background-color: #04004a;
  background-image: none;
}

.container-header .mod-menu {
  background: #04004a;
  background-image: none;
}

.grid-child.container-nav, .grid-child.container-below-top {
  background: #04004a;
  background-image: none;
}


/* Menu and Content */

/* Article contents: set background to white and add padding for nice styling */
.grid-child.container-component {
  background-color: white;
  background-image: none;
  padding: 5px 15px 5px 35px;
}


/* Align widths of articles and menu */
.site-grid,
.grid-child.container-nav {
  grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(3, minmax(0, 30%)) minmax(0, 10%) [main-end] minmax(0, 1fr) [full-end];
  /*grid-template-columns: [full-start] minmax(0, 1fr) [main-start] repeat(4, minmax(0, 13.875rem)) [main-end] minmax(0, 1fr) [full-end];*/
}
.grid-child.container-nav {
  max-width: 100%;
  display: grid;
  grid-gap: 0 1em;
  font-size: 1.4rem;
}

/* Adapt appearence of menu */
.mod-menu.mod-list.nav {
  justify-content: start;
  grid-column: 1/6;
  padding: 5px 5px;
}


/* Adapt widths of main content, organized in Cassiopeia as 4 columns: left sidebar, container, container, rigth sidebar. The minmax(0,1fr) is required for floating styles, as the remaining boundary of the browser width is not know. */
body.wrapper-fluid .site-grid {
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,0%) minmax(0,43%) minmax(0,43%) minmax(0,14%) [main-end] minmax(0,1fr) [full-end];
}

/* Adjust font sizes */
p {
  font-size: 1.1rem;
  padding: 5px 25px 5px 0px;
  text-align: justify;
}

/* Customized table specifications */
table {
  width: 100%;
  padding: 5px 25px 5px 0px;
  border: 0px none; 
  text-align: left; 
  vertical-align: top;
}

/* Align images to the centre */
.float-center.item-image {
  text-align: center;
}

/* Adapt font for figure captions */
figcaption {
  text-align: center;
  font-style: italic;
  font-size: 1rem;
  color: #3c3c3c;
}