body {
  background-color: #f8f9fa;
}


.container-header {
    background-color: #353b41;
    height: 80px;
  background-image:none;
  }

.container-header nav{
  float: right;
  margin-right:12px;
}

.container-header .site-description {
  color: #fcce00;
  }

.container-header .navbar-brand a {
  color: #fcce00;
}

.container-header .mod-menu {
  color: #fcce00;
  }
.container-header .navbar-toggler {
  color: white;
  cursor: pointer;
  border: 1px solid #fff;
  z-index: 2000;
  position: absolute;
  right: 10px;
  top: 0px;
}
.blog-items .blog-item {
    padding: 5px;
  }
body.wrapper-fluid .site-grid {
  grid-gap: 0 2em;
  grid-template-columns: [full-start] minmax(0, 1fr)[main-start] repeat(4, minmax(0, 25%))[main-end] minmax(0, 1fr)[full-end];
  margin-top: 50px;
}

.navbar-brand{
  padding-top: 0px;
  font-size: normal;
}

#navbar-helper{
  position: fixed;
  background-color: #353b41;
  width: 100%;
  right: 0px;
  height: 50px;
  z-index: 105;
}

@media (width >= 576px) {
  .navbar-expand-sm {
    justify-content: flex-end;
  }
  }

.container-header .navbar-brand {
  color: #fcce00;
  padding-top:0px;
  font-size:normal;
  }
@media (width >= 768px) {
  .navbar-expand-md {
    justify-content: flex-end;
  }
  }

@media (width >= 992px) {
  .navbar-expand-lg {
    justify-content: flex-end;
  }
  .container-header:has(#mod-custom112) {
  margin-bottom: 400px;
}
  
}
@media (width < 992px) {
.container-header:has(#mod-custom111) {
  margin-bottom: 210px;
}
  }

@media (width < 574px) {
.container-header:has(#mod-custom111) {
  margin-bottom: 455px;
  
}
  .container-header{
  font-size: 1.5rm !important;
    }
  
  .site-branding-text{
    left:110px !important;
}
  }
@media (width < 471px) {
.container-header:has(#mod-custom111) {
  margin-bottom: 785px;
  
}
  }
.fixed-top{
  z-index:1050;
}

.footer {
  background-color: var(--cassiopeia-color-primary);
  margin-top: 1em;
  height: 0px;
  }
/* RD: general table padding */
table, th, td {
  /* border: 1px solid black; */
  border-collapse: collapse;
}

th, td {
  padding: 0.1em 0.5em;
}

.blog-item {
  /*HOJO*/
  border: 1px solid #009cc6;
  margin-bottom: 23px;
  border-radius: 14px;
  /* padding: 12px; /* Robert Divko: move to .com-content-article */
}

.com-content-article{
border: 1px solid #009cc6;
  margin-bottom: 23px;
  border-radius: 14px;
  padding: 0.7em 1.5em 0.5em 1em; /* RD */
}

#custom-logo{
  height: 100px
}

/*HOJO*/
.custom-logo-link {
position: fixed;
  z-index: 1051;
  left: 25px;
  top: 5px;
}

.site-branding-text{
  position: absolute;
  z-index: 1051;
  left: 111px;
  top:-8px;
  color: #ffce00;
}

#trademark{
  position: fixed;
  left: 0;
}
#mod-custom112{
  width: 75%;
  margin: auto;
  margin-top: auto;
  margin-bottom: auto;
  margin-top: auto;
  margin-top: auto;
  margin-top: -7rem;
  margin-bottom: 3pc;
  height: 10rem;
}

#frontpage-icon-wrapper > .card-group > .card {
  text-align: center !important;
  }
#frontpage-icon-wrapper > .card-group > .card > a > .card-img-top{
  width: 70px;
  margin-top: 1rem;
}
#frontpage-icon-wrapper > .card-group > .card > .card-body {
  padding: 0px !important;
  margin-left: 0;
}

.mod-articlesnews__item{
  border: 1px solid #009cc6;
  margin-bottom: 23px;
  border-radius: 14px;
  padding: 12px;
  }

#mod-custom111{
  width:100%;
}


@media (width <= 991.98px) {

  .metismenu.mod-menu{
    margin-top:40px;
  }
  #mod-custom111{
    display:none;
  }

  #frontpage-icon-wrapper{
    margin-top:15px;
  }

  #nav-enhancer{
  background-color: #353b41;
  height: 50px;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index:1040;
  }
  
  #mod-custom112{
    margin-top:0px;
  }
}

@media (width <= 574.98px) {
  #frontpage-icon-wrapper > .card-group > .card{
    min-width: 150px;
  }
  .card-group{
    display: inline-grid;
  }

  #footer{
    height:70px;
    font-size: small;
  }
  #trademark{
    position: inherit;
  }
  
  #nav-enhancer{
  background-color: #353b41;
  height: 50px;
  position: fixed;
  width: 100%;
  top: 0px;
  z-index: 1040;
  }
  .first-card-group{
    margin-right:1%;
  }
  #mod-custom112{
    height: 380px;
    margin-top: 0px;
  }
}

@media (width <= 472.98px) {
  #mod-custom112{
    height: 710px;
    margin-top: 0px;
  }
  .card-group{
    width:100%;
  }
}