#logo {
  display: block;
  width: 100%;
  margin: 0.5em auto 1.2em auto;
  text-align: center;
}

#logo img {
  width: 100%;
  max-width: 297px;
}

#login-form {
  width: 217px !important;
  height: 31px;
  margin: 25px auto;
  border: 1px solid #ddd;
}

.footer #login-form {
  margin: 20px;
}

.template-home #body .flexslider {
  position: relative;
  margin-bottom: 0;
}

.template-home #body .flexslider .flex-control-nav {
  bottom: -20px;
}

#masthead {
  background: #fff;
}

.template-home #masthead {
  margin-bottom: 3.5em;
}

.flexslider .slides li img,
.flexslider .slides li p,
.flexslider .slides li a {
    display: block;
    clear: both;
    margin: 0 auto;
    margin-bottom: 15px;
    padding: 0;
    text-align: center;
    float: none;
    background: none;
}

.slide-content {
  padding: 0 1em 1em 1em;
}

.flexslider .slides li h2 {
  font-size: 18px;
}

.flexslider .slides li h2,
.flexslider .slides li .summary {
    color: #023e7c !important;
    text-align: center;
}

.flexslider .slides li img {
    width: 100%;
}

.flex-direction-nav a {
    display: none !important;
}

.flexslider .slides li {
    position: relative;
}


.flexslider .slide-content {
    margin-top: 1em;
    position: absolute;
    bottom: 1em;
    width: 90%;
    margin-left: 5%;
}

.flexslider .slides li h2, .flexslider .slides li .summary {
    color: #fff !important;
    text-align: center;
    float: none;
    text-shadow: 1px 1px 0 rgba(0,0,0,1);
}

#top {
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}

#top ul {
    padding: 0.6em;
    text-align: center;
}

#top .group,
#top .group-right {
  padding: 0;
}

.footer #top li {
  display: block;
}

.footer #top li a {
  color: #fff;
}

.footer #top .wrap {
  min-height: 0;
  margin: 0 20px;
  padding: 0;
}

.flexnav-container {
    display: block;
}

.menu-button {
  background: #1e2442;
}

.menu-button .button,
.menu-button .touch-button .navicon {
  background: #61657a;
  color: #fff;
}

.menu-button .button {
  margin-left: 10px;
}

.flexnav li ul {
  margin: 0;
}

.flexnav li a {
  color: #fff;
  background: #343955;
}

.flexnav li ul li a {
  display: block;
  background: #61657a;
}

#masthead .topnav {
  margin-top: 0;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
}

.topnav {
  display: none;
}

/* highlight */

.image-highlights {
    padding: 5px;
    overflow: hidden;
}

.image-highlights a {
    display: block;
    float: left;
}

.image-highlights img {
    margin: 20px 20px 0 20px;
}

.highlights-1 .image-highlights img {
    margin: 0;
}

.highlights-1 .image-highlights .content {
  padding: 10px 0 20px 0;
}

.banner-item img {
   max-width: 90%;
}

#search-form {
    display: none;
    position: static;
    clear: both;
}

/* mobile search */ 
body .mean-search {
    display: block !important;
    width: 70% !important;
    position: absolute !important;
    top: 0.5em !important;
    left: 1em !important;
    z-index: 9999999;
}

body .mean-search #search_query {
    width: 70% !important;  
}

/* yleinen */

.full > div {
  margin-bottom: 1em;
}

body #container {
    margin: 0;    
}

h1 {
  font-size: 26px;
  margin-bottom: 10px;
}

#content .summary {
  font-size: 16px;
  margin-bottom: 15px;
}

#links {
  margin-top: 2em;
}

.highlights-1 .image-highlights {
  text-align: center;
}

.highlights-1 .image-highlights img {
  margin: 0 auto;
}

.image-highlights h2 {
  font-size: 16px;
}