/*
Theme Name:     Soukan Kamerat
Theme URI:      http://www.soukankamerat.net/
Description:    Custom lightweight theme for Soukan Kamerat 
Author:         Marko Knuutila
Author URI:     http://markoknuutila.fi
Version:        0.1
*/
body {
  font-family: Lato, sans-serif;
  background-color: #ffffff;
  font-weight: 400;
}
a,
a:visited {
  color: #0090a1 !important;
}
a:hover {
  border-bottom: 2px solid #0090a1 !important;
  text-decoration: none !important;
}
a.no-deco:hover {
 border-bottom: none !important;
}
nav a,
nav a:visited, a.no-deco, a.no-deco:visited, .header-promo a {
  color: #ffffff !important;
}
nav li {
  margin: 5px;
}
h1,
h2,
h3,
h4,
nav {
  font-family: Oswald, serif;
}
h1 {
  margin-bottom: 0;
}
h4.comment-heading {
 margin-top:40px !important;
}
div.header-block {
  background-color: #cccccc;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  background-size: cover;
  background-repeat: no-repeat;
}
div.invert-box {
  background-color: rgba(0, 0, 0, 0.7);
  color: #ffffff;
}
img.logo-img {
  padding: 10px;
  margin: auto;
}
#menu-button,
#search-button {
  font-size: 28px;
  margin: 10px;
  cursor: pointer;
}
div.centrified {
  text-align: center;
}
div.header-spacer,
div.page-header-spacer {
  min-height: 200px;
}
p.emp {
  font-weight: 700;
}
.divider-after {
  padding-bottom: 10px;
  position: relative;
}
.divider-after:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 50px;
  border-bottom: 2px solid #0090a1;
}
.full-divider-after {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px #cccccc solid;
}
nav ul {
  text-transform: uppercase;
  font-size: 24px;
  list-style-type: none;
  padding-left: 0;
}
div.main-content-area {
  margin-top: 30px;
  margin-bottom: 40px;
}
.footer ul {
  list-style-type: none;
  padding-left: 0;
}
#menu-content,
#search-content {
  display: none;
}
.active {
  color: #777777;
}
#search-form {
  margin-bottom: 15px;
}
.grey-note {
  color: #777777;
  font-weight: 300;
  font-size: 0.7em;
}
.btn {
  border-radius: 0 !important;
  padding: 3px 6px 3px 6px !important;
}
.btn-primary,
.btn-primary:visited,
.btn-primary:hover {
  color: #ffffff !important;
  background-color: #0090a1;
  border-color: #0090a1;
  border-width: 0 !important;
}
.grey-background-container {
  background-color: #cccccc;
}
.grey-background-container,
.footer {
  padding: 30px 20px 40px 20px;
}
.infobox {
  margin-bottom: 40px !important;
}
div.header-promo {
  padding-top: 20px;
  padding-bottom: 20px;
}
p.ingress {
  font-size: 1.2em;
}
#breadcrumbs > a:after {
  content: '\A';
  white-space: pre;
}
.main-navi-container {
 position: relative;
 z-index: 90;
}
ul.fb-posts,.fb-tagged, .fb-events {
 list-style: none;
 padding-left: 0;
}
.facebook-promo-photo {
 width: 100%;
}
.fb-tagged > li {
 position: relative;
}
.fb-tagged {
 margin-bottom: 0;
}
.facebook-photo-caption {
 position: absolute;
 bottom: 0;
 width: 100%;
}
.facebook-photo-caption-body {
 display: inline;
}
.header-promo .event-location {
  display: none;
}
.dt-month:before,.dt-month:after {
  content: ".";
}
.dt-year {
  display: none;
}
.dt-hours {
  margin-left: 3px;
}
.dt-minutes:before {
  content: ":";
}
.dt-minutes {
 margin-right: 5px;
}
.event-name {
 font-weight: 700;
}
.fb-photo-author, .fb-photo-date {
 font-size: 0.8em;
}
.fb-event-detail {
 max-width: 300px;
}
.row-header {
 font-weight: 700;
 margin-right: 5px;
}
.spinner {
height:50px;
width:50px;
margin:0px auto;
position:relative;
-webkit-animation: rotation .6s infinite linear;
-moz-animation: rotation .6s infinite linear;
-o-animation: rotation .6s infinite linear;
animation: rotation .6s infinite linear;
border-left:6px solid rgba(0, 144, 161,.15);
border-right:6px solid rgba(0, 144, 161,.15);
border-bottom:6px solid rgba(0, 144, 161,.15);
border-top:6px solid rgba(0, 144, 161,.8);
border-radius:100%;
}
@-webkit-keyframes rotation {
from {-webkit-transform: rotate(0deg);}
to {-webkit-transform: rotate(359deg);}
}

@-moz-keyframes rotation {
from {-moz-transform: rotate(0deg);}
to {-moz-transform: rotate(359deg);}
}

@-o-keyframes rotation {
from {-o-transform: rotate(0deg);}
to {-o-transform: rotate(359deg);}
}

@keyframes rotation {
from {transform: rotate(0deg);}
to {transform: rotate(359deg);}
}
@media (min-width: 992px) {
  .grey-background-container {
    padding-left: 0;
    padding-right: 0;
  }
  .footer {
    padding: 40px 0 100px 0;
  }
  .infobox {
    margin-bottom: 0;
  }
  img.logo-img {
    width: 100%;
  }
  div.header-promo {
    float: none;
    display: inline-block;
    vertical-align: bottom;
    padding-top: 0;
  }
  div.header-spacer {
    min-height: 300px;
  }
  div.page-header-spacer {
    min-height: 400px;
  }
  .page-content-area {
    position: relative;
    top: -120px;
    background-color: #ffffff;
    margin-bottom: -80px;
  }
  #photo-gallery {
    margin-top: 10px;
    margin-bottom: 30px;
  }
}

/* This beautiful CSS-File has been crafted with LESS (lesscss.org) and compiled by simpLESS (wearekiss.com/simpless) */