/* Header branding container */
.navbar-brand.custom-brand {
    display: flex !important;
    align-items: center !important;
    flex-direction: row !important;
}


/* Logo */
.navbar-brand.custom-brand .site-logo {
    height: 55px !important;
    width: auto !important;
    margin-right: 20px !important;
    display: block !important;
}


/* Text */
.navbar-brand.custom-brand .site-title {
  font-family: Arial, sans-serif !important;
  font-size: 30px !important;
  font-weight: 700 !important;
  color: #222222 !important;
  letter-spacing: 1px !important;
  line-height: 1 !important;
  position: relative !important;
  display: inline-block !important;
  top: 15px;
}

.footer .container {
    display: block !important;
}

.footer-bottom {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.footer-logos {
    display: flex;
    justify-content: flex-start;
    gap: 40px;
    margin-bottom: 25px;
}

.footer-logo {
    height: 70px;
    width: auto;
}


.page-content {
    padding-top: 150px;
    padding-bottom: 80px;
}


/* Always show a white background behind the header */
.header {
    background-color: #ffffff !important;
}


/* Implement Pictures in index.md */
img[alt="minipic"] { 
  max-width:  250px; 
  display: block;
}


/* Allow for icons to be used */
img[alt="icon"] { 
  max-width:  10px; 
  display: block;
}

/* Make sure to prevent unformated text (make it justify) */
.blocksatz {
  text-align: justify;
}