:root {
  --primary-active: #0f86c2;
}

#main .block-page-title-block h1 {
  color: var(--primary-active);
  font-size: 2rem;
}

#header .region-header-menu .block-menu ul.menu li a {
  padding-left: 1.9rem;
  background: url(../images/mail.svg) no-repeat 0 50%;
  background-size: auto 1rem;
}

#block-lean-ungefucht-block-2 p {
  text-align: right;
}

/* The same width with the header. */
#center.no-sidebars #main {
  width: 100%;
}

/* 1080px max width of the site. */
@media (min-width: 850px) {
  .container {
    max-width: 1030px;
    margin: auto;
  }
}
@media (min-width: 1360px) {
  .container {
    min-width: 1080px;
  }
}

/* Theme alignment. */

#footer, #copyright {
  background: none;
}
#copyright .container .region-copyright {
  border-top: 2px solid #024b81;
}
#copyright .block {
  color: #0f2154;
}
#header-wrapper {
  border-top: 2px solid #024b81;
}
#menu {
  border-bottom: 2px solid #024b81;
}
#center.no-sidebars {
  padding-bottom: 0;
}
@media (min-width: 850px) {
  #center {
    padding-top: 3rem;
  }
}

#block-lean-ungefucht-system-main h1 {
  color: var(--primary-active);
  font-size: 2rem;
}
#block-lean-ungefucht-system-main h2 {
  color: var(--primary-active);
  font-size: 1.5rem;
  padding-top: 0.5em;
}

/* Main menu alignment. */

@media (min-width: 850px) {

  #menu.main-navigation {
    background: #fff;
  }

  #menu.main-navigation .block-menu ul.menu > li > a,
  #menu.main-navigation .block-menu ul.menu > li > span {
    background: #fff;
    color: var(--primary-active);
    line-height: 3rem;
  }

  #menu.main-navigation .block-menu > ul.menu > li > a.is-active,
  #menu.main-navigation .block-menu > ul.menu > li.menu-item--active-trail > a {
    background-color: var(--primary-active);
    color: #fff;
    border-radius: 50px;
  }
  #menu.main-navigation .block-menu > ul.menu > li > a.is-active:hover,
  #menu.main-navigation .block-menu > ul.menu > li.menu-item--active-trail > a:hover {
    color: #fff;
    background-color: var(--primary);
  }

  #menu.main-navigation .block-menu > ul.menu > li > a:hover {
    border-radius: 50px;
    color: #fff;
    background-color: var(--primary)
  }
  #menu.main-navigation .block-menu ul.menu > li:hover > a,
  #menu.main-navigation .block-menu ul.menu > li:hover > span {
    border-radius: 50px;
  }

}

/* Titles and links */
a {
  color: var(--primary-active);
}
a:hover {
  color: var(--primary);
}

/* Copyright */

#copyright .region-copyright .block p a, #copyright .region-copyright .block span a {
  color: var(--primary-active);
}
#copyright .region-copyright .block p a:hover, #copyright .region-copyright .block span a:hover {
  color: var(--primary);
}

/* tables */

#block-armin-palangi-system-main .field--name-body table {
  margin: auto;
}

#block-armin-palangi-system-main .field--name-body table td {
  border: none;
}

/* logo */
@media (min-width: 850px) {
  #header .block-system-branding-block a.logo .image img {
    width: 128px;
    height: 32px;
  }
}

/* gallery */

/* Juicebox alignment. */

.teacher-gallery {
  margin-bottom: 3em;
}
.teacher-gallery .juicebox-container {
  margin: 0 auto;
}

/* media */

#block-armin-palangi-system-main article.media--type-image{
  display: inline-block;
  float: left;
  margin-right: 30px;
}

#block-armin-palangi-system-main table article.media--type-image{
  margin-right: 0;
}
  
/* media */

article.node--type-page article.media--type-image img{
  margin: auto;
  display: block;
}