@import url('https://fonts.googleapis.com/css2?family=Georama:wght@100&display=swap');

:root {
	--cassiopeia-color-primary: #5e8196;
	--cassiopeia-color-hover: #5e8196; /* #3b515e;*/
	--cassiopeia-color-link: #5e8196;
  
    --cassiopeia-font-family-body: "Roboto", sans-serif;
    --cassiopeia-font-family-headings: "Roboto", sans-serif;
    --cassiopeia-font-weight-headings: 700;
    --cassiopeia-font-weight-normal: 400; 
	
    --body-font-family: var(--cassiopeia-font-family-body);
    --body-font-size: 1rem;
    --body-font-weight: 400;
    --body-line-height: 1.5;	
}

/* Menu */
.container-header {
  background-color: white;
  background-image: none;
}

.container-header .mod-menu {
  color: var(--cassiopeia-color-link);
  font-weight: bold;
  font-size: 20px;
}

.container-header .mod-menu a {
  -webkit-border-radius: 6px 6px 6px 6px;
  -moz-border-radius: 6px 6px 6px 6px;
  border-radius: 6px 6px 6px 6px;
  padding: 3px 8px 5px 6px;
  color: #5e8196;
}

.container-header .mod-menu a:hover {
  background-color: #eee;
}

.container-header .navbar-toggler {
  color: #5e8196;
  border: 4px solid var(--cassiopeia-color-link);
}



.mod-list li.active>a {
	background-color: var(--cassiopeia-color-link);
	color: white;
}

/* Links */
a {
	text-decoration: none !important;
	font-weight: bold;
}

a:hover {
	text-decoration: underline !important;
}

/* Background of Hits */
.bg-info {
	background-color: var(--cassiopeia-color-link) !important;
}

/* Font size */
h1 {
	font-size: 28px;
}

h2 {
	font-size: 24px;
}

h3 {
	font-size: 20px;
}

/* Tables */
table, th, td {
  border: 1px solid;
  border-color: gray !important;
}

table {
  border-collapse: collapse;
  border: 3px solid;
  border-color: black !important;
}

/* Content padding */
.site-grid {
    grid-gap: 0 1em !important;
}

body.wrapper-fluid footer>.grid-child, body.wrapper-fluid header>.grid-child {
    padding-left: 1em;
}

/* Delete pagination drop down*/
.com-content-category__pagination {
		display: none !important;
}
/* Footer */
.footer .grid-child{
	background-color: white;
	background-image: none;
	font-size: 18px;
	color: var(--cassiopeia-color-link) !important;
    padding-top: 1rem;
    padding-bottom: 1rem;	
}