/*
 *   Important Information about this CSS File
 *
 * - Do not delete or rename this file, if you do not use it leave it blank (delete
 *   everything) and the file will be skipped when you enable Production Mode in
 *   the Global theme settings.
 *
 * - Read the _README file in this directory, it contains useful help and other information.
 */
body {
}
body.toolbar {
}

#full-page {
  display: flex;
  min-height: 100%;
  width: 100%;
}

#toggle-nav {
  display: none;
}

#branding {
}
#logo img {
  max-height: 130px;
}

/** Navigointi **/
#left-navigation {
  height: calc(100% - 50px);
  padding: 25px;
  width: 230px;
  position: fixed;
  overflow-x: hidden;
  background-image: url(../images/backgrounds/ffa-mies.png);
  background-position: bottom right;
  background-repeat: no-repeat;
  background-size: 100%;
}
.region-navigation {
  display: block;
  margin-top: 30px;
  padding-top: 0;
  position: static;
}

/** Etusivun sisältö **/
#fp-content {
  display: flex;
  height: 100vh;
  width: calc(100% - 320px);
  left: 280px;
  position: relative;
  padding: 0 20px;
  align-items: center;
  min-height: auto;
}

#boxes-area {
  max-width: 50%;
  display: flex;
  flex-direction: row;
  justify-content: center;
  margin: auto;
}

/** Video **/
#video-background {
  left: 280px;
}
/** Pääsisältöalue **/
#content-area {
  padding-top: 0px;
}

/** Pääsisältö **/
#columns h2 {
  margin: 0 0 20px 0;
  padding: 0;
}

/** Main-content **/
#columns {
  left: 280px;
  position: relative;
  width: calc(100% - 310px);
  display: flex;
}
#content {
  width: 100%;
}
.sidebar-second .content-inner {
  margin-right: 0;
}

/** Sidebar **/
.region-sidebar-second {
  padding: 0;
  float: none;
  margin: 20px 0;
  width: 30%;
  overflow-x: hidden;
  border-left: 1px solid #efefef;
  padding-top: 5px;
}
.region-sidebar-second section.block {
  margin-bottom: 10px;
}
.region-sidebar-second .region-inner {
  padding: 0 0 0 15px;
}
.region-sidebar-second h2 {
  margin-top: 0px;
}

/** Footer **/
#footer .region-footer {
  font-size: 18px;
}

#footer .region-footer {
  max-width: 1140px;
}

/** Sivujen display suite **/
.ds-2col-stacked-fluid > .group-left {
    float: left;
    width: 73%;
    margin-right: 2%;
}
.ds-2col-stacked-fluid > .group-right {
    float: right;
    text-align: right;
    width: 25%;
}

/** Products **/
.view-id-products .views-row {
  width: calc(33.3% - 62px);
}