/* Change some root colors and settings of the child template */

:root{

--cassiopeia-color-primary: #FF0000;
--cassiopeia-color-link: #0a19f5;
--cassiopeia-color-hover: #535ef8;

}

/* Change links so they are not underlined */


a:not([class]) {

  text-decoration:none;

}


/* Get rid of the gradient in the header */

.header {
 
  background-image: none;
  
}

/* Get rid of the border around modules (possible way to do this within module?) */

.card {

  border: none;

}

/* Get rid of the padding around modules*/

.card-body {

  padding: 0rem ;

}

/* Menu in the header is black, mouse over colour should be white (not working) */

.container-header .mod-menu {
  color: #000000;

}

/* Change the colour of the footer */


.container-bottom-a {

background-color: #393939;

}

div.bottom-a.card{

background-color: #393939;
color: #ffffff;

}

/* Reduce the width of the grid-gaps and reduce width of left and right positions to 200px */

body.wrapper-fluid .site-grid {

  grid-gap: 0 0.68em;  
  grid-template-columns: [full-start] minmax(0,1fr) [main-start] minmax(0,16%) minmax(0,34%) minmax(0,34%) minmax(0,16%) [main-end]

}


/* Change Table header row to be blue with white text like in Blueprint, headings may be links */

.table th {

  background: #0a19f5;
  font-weight: 400;
  text-transform: uppercase;
  padding: 8px;
  border: 0 !important;
  color: #fff;

}

.table th a {

  color: white; 

}

.table th a:hover { 

  color: white;

}

.table th a:visited { 

  color: white;

}

.table th a:active {

  color: white;

}
 
/* Change Table header and data cells to have a border, like in Blueprint */

th {

  border-width: 1px;

}

td {

  border-width: 1px;

}
 
/* Trying to get image captions to display, like in Blueprint */

title {
  color: black;
font-family: var(--body-font-family);
font-size: var(--body-font-size);
}

/* Trying to get the collapsable dropdown menu 'hamburger' to be black, always end comment with */

.container-header .navbar-toggler {
  color: #000000;
  border: 1px solid #000000;
}

/* Trying to get the (large screen) menu item labels to have a bit less padding */

.metismenu.mod-menu .metismenu-item {
padding-right: 0.5em;
padding-left: 0.5em;
}