.metismenu.mod-menu .metismenu-item a:link{font-size: 18px;}
.metismenu.mod-menu .metismenu-item button{font-size: 18px;}

a:link {
  color: green;
  text-decoration: none;
    font-size: 16px;
}

a:visited {
  color: green;
  text-decoration: none;
}

a:hover {
  color: red;
  text-decoration: underline;
}

a:active {
  color: blue;
}

.standardcolumn{
  width: 300px;
}

.footer .grid-child {
    padding: 1.5rem 0.5em;
}

.footer a {
  font-size: 14px;
    color: white;
}

.footer {
  color: white;
  background-color: var(--cassiopeia-color-primary);
  background-image: linear-gradient(135deg, rgba(14, 103, 0, 1) 30%, rgba(255, 0, 0, 1) 100%);
}

/*Width restriction for articles 1500px*/
.tablescontainer {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(12.5rem, 1fr)); /* 200px → 12.5rem */
    gap: 1.25rem; /* 20px → 1.25rem */
    margin: 1.25rem 0; /* 20px → 1.25rem */
}

@media (min-width: 48rem) {  /* 768px → 48rem */
    .tablescontainer {
        margin: 0 auto;
        max-width: 93.75rem; /* 1500px → 93.75rem */
    }
  
  main{
    margin: 0 auto;
    max-width: 93.75rem;
  }
}

/* Article title shift */
.page-header {
    text-align: center;
}

h1, h2, h3, h4, h5, h6 {
  color: darkgreen;
}

.h1, .h2, .h3, .h4, .h5, .h6 {
  color: darkgreen;
}

h2, .h2 {
  font-size: 20px;
}

h1, .h1 {
  font-size: 28px;
}

.navbar-brand { text-align: center; background:white; margin:20px; padding:0px; margin: auto;}

.grid-child.container-nav{width: 100%; background: linear-gradient(90deg, rgba(14, 103, 0, 1) 0%, rgba(242, 136, 0, 1) 40%, rgba(255, 0, 0, 1) 100%); padding: 10px; justify-content: space-evenly;}

.mod-languages{text-align: left; }

.header {
    /*background: rgb(222, 0, 36);*/
    background: white;
}

.btn-primary:hover {
  background: rgba(0, 212, 255, 1);}

.metismenu.mod-menu, .metismenu-item, a{
  /*color: white;*/
  font-size: 24px;}

.metismenu.mod-menu .mm-toggler{
    font-size: 24px;
}



.item-content{}

.blog-item{margin: 10px;padding: 10em;}

/* Padding for all articles from left and right.
.boxed {padding: 0em 10em 2em 10em; }
*/
:root {
    --cassiopeia-color-primary: darkgreen;
      --cassiopeia-color-link: #0000ff;
    --cassiopeia-color-hover: #ff0000;
      --blue: #0d6efd;
    --indigo: #6610f2;
    --purple: #6f42c1;
    --pink: #d63384;
    --red: #dc3545;
    --orange: #fd7e14;
    --yellow: #ffc107;
    --green: #198754;
    --teal: #20c997;
    --cyan: #0dcaf0;
    --white: #fff;
    --gray: #6c757d;
    --gray-dark: #343a40;
    --gray-100: #f8f9fa;
    --gray-200: #e9ecef;
    --gray-300: #dee2e6;
    --gray-400: #ced4da;
    --gray-500: #adb5bd;
    --gray-600: #6c757d;
    --gray-700: #495057;
    --gray-800: #343a40;
    --gray-900: #212529;
    --primary: #0d6efd;
    --secondary: #6c757d;
    --success: #198754;
    --info: #0dcaf0;
    --warning: #ffc107;
    --danger: #dc3545;
    --light: #f8f9fa;
    --dark: #212529;
    --primary-rgb: 13, 110, 253;
    --secondary-rgb: 108, 117, 125;
    --success-rgb: 25, 135, 84;
    --info-rgb: 13, 202, 240;
    --warning-rgb: 255, 193, 7;
    --danger-rgb: 220, 53, 69;
    --light-rgb: 248, 249, 250;
    --dark-rgb: 33, 37, 41;
    --white-rgb: 255, 255, 255;
    --black-rgb: 0, 0, 0;
    --body-color-rgb: 33, 37, 41;
    --body-bg-rgb: 255, 255, 255;
}