/*
 * Content
 * */
#block-nixorsnapwidgetmobile {
  display: none;
}

/*
 * General on galleriakuva 
 * */
.field--name-field-galleriakuva {
  padding-top: 5em;
  padding-bottom: 5em;
}
.field--name-field-galleriakuva .field--item {
  padding-bottom: 2em;
}

/* 
 * Front page
 * */
#block-etusivunpalvelumme a {
  color: #4f5053;
}
#block-etusivunpalvelumme p {
  padding: 1em;
  text-transform: uppercase;
  font-size: 1.1em;
}
#block-etu-snap-mobile {
  display: none;
}

/* Vuokramökit page */
.view-rentables {
  margin-top: 4em;
}
.view-rentables .container {
  padding-left: 0px;
  padding-right: 0px;
}
.view-rentables .views-field-field-kuvat.col-sm-4 {
  padding-left: 0px;
  padding-right: 0px;
}
.view-rentables .views-row {
  margin-bottom: 40px;
  background-color: #F2F2F2;
}
.mokkititle {
  position: absolute;
  bottom: 5px;
  left: 15px;
  /*font-size: 2vmax;*/
}
.mokkititle a {
  text-decoration: none;
  color: #FFF;
  font-weight: 600;
}
.view-rentables .views-field-field-stats {
  position: absolute;
  left: 25%;
  top: 0;
}
.view-rentables .views-field-body p {
  padding: 0 0 0 20px;
  /*font-size: 1vmax;*/
}
.view-rentables .views-field-body > .field-content {
  margin-top: 20px;
}
.view-rentables .views-field-body hr {
  display: none;
}
.view-rentables .views-field-view-node a {
  padding: 10px 15px 10px 15px;
  border: 2px solid #808080;
  color: #808080;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.2vmax;
}
.mokkinappi .field-content {
  padding-top: 14vh;
  padding-bottom: 4vh;
  display: block;
  text-align: center;
}

.mokkifeatures {
  margin-top: 25px;
  padding: 10px;
  border: 1px solid #000;
  margin-bottom: 4em;
}
.field--name-field-features p {
  color: #4f5053;
}
.field--name-field-features p::before {
  content: "- ";
}

/**
 * Hinnasto
 * */
#block-views-block-hintataulukko-p-block-1 {
  margin-top: 25px;
  padding: 5px;
  background-color: #6B6B6B;
  color: #FFF;
}
.view-hintataulukko-p .table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9;
  color: #4f5053;
}
.view-hintataulukko-p .table-striped > tbody > tr:nth-of-type(odd):hover {
  background-color: #f0f0f0;
}
.view-hintataulukko-p .table-striped > tbody > tr:nth-of-type(even):hover {
  background-color: #8b8b8b;
}
.view-hinnasto .view-header {
  display: -webkit-flex;
  display: flex;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 10px 0px 10px 0px;
}
.view-hinnasto .view-header p {
  width: 20%;
  padding: 0 1% 0 1%;
  text-align: right;
  font-weight: bold;
  font-size: 1.2em;
  color: white;
}
.view-hinnasto table {
  width: 100%;
  padding-top: 10px;
}
.view-hinnasto td {
  width: 18%;
  padding: 0 1% 0 1%;
  text-align: center;
}
#block-hinnastonselite {
  padding: 5px;
}
.btn-primary,
.main-container .btn-primary,
.main-container .varausehdot-btn {
  margin-top: 25px;
  padding: 15px 3em;
  background-color: #6B6B6B;
  color: #FFF;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: bold;
  display: block;
  text-align: center;
  max-width: 320px;
}