:root {
  --cassiopeia-color-primary: #009ee0;
  --cassiopeia-color-link: #009ee0;
  --cassiopeia-color-hover: #333333;
}

h1, h2, h3, .site-title {
    color: var(--cassiopeia-color-hover) !important;
  	margin-top: 30px;
  	margin-bottom: 10px;
}

h1 {
  font-size: 26px;
}

h2 {
  font-size: 22px;
}

h3 {
  font-size: 18px;
}

h4 {
  font-size: 14px;
}

.table h4 {
  margin-top: 20px;
}

body {
    font-size: 15px;
}

.footer,
.header {
  background-image: unset;
}

.header h1 {
  display: none;
}

.footer .grid-child {
  border-top: 1px solid silver; 
  padding-bottom: 0;
  padding-top: 20px;
}

.footer {
  color: var(--cassiopeia-color-hover);
}

.footer a {
  color: var(--cassiopeia-color-primary);
  margin-left: 20px;
}

.footer .mod-custom {
  width: 100%;
}

@media (max-width: 500px){
  #mod-custom111 {
    opacity: 0;
  }
  
  .contactEntry{
    display: flex;
  }

  .footer a {
    margin-right: 20px;
    margin-left: 0;
  }
}  

.container-footer,
.container-header {
  background-color: transparent;
}

.container-header .mod-menu>li>a {
  color: var(--cassiopeia-color-primary);
}

@media (max-width: 991.98px){
  .container-header .mod-menu>li {
  	margin-right: 25px;
  }
}

.mod-menu>li.active>a {
  color: var(--cassiopeia-color-hover);
  padding-bottom: 3px;
  border-bottom: 2px solid var(--cassiopeia-color-primary);
}

.jmodedit,
.mod-login__submit,
.logo-icon {
  display: none;
}

.mod-menu {
  flex-direction: row;
}

.container-component .mod-menu li {
  margin-right: 20px;
}

.mod-list li.active>a {
  text-decoration: unset;
}


@media (max-width: 500px){
  .mod-list li {
    width: 100%;
  } 
}

.subNavigation {
  margin-top: -20px !important;
  margin-bottom: 20px;
}

.contactBar {
    top: 35px;
    border-bottom: 1px solid silver;
    padding-bottom: 5px;
    color: #aeafb5;
    z-index: 1200;
}

.contactEntry {
    padding-right: 15px;
}

.container-header .mod-menu.menuEntry {
  position: absolute;
  margin-left: 150px;
  margin-top: 90px;
}

.container-component>*+* {
  margin-top: -20px;
}

.table td, .table th {
    vertical-align: top;
}

.pull-right {
  float: right;
}

main img {
  max-width: 1000px;
}

@media (max-width: 499px){
  .pull-right {
  	float: left;
  }
  
  .copyright {
    clear: both;
  }
}