@font-face {
  font-family: 'Header';
  src: url("../fonts/Montserrat-Bold.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Menu';
  src: url("../fonts/Montserrat-Light.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Footer';
  src: url("../fonts/Montserrat-Light.woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Regular';
  src: url("../fonts/OpenSans-Regular.woff2");
  font-weight: normal;
  font-style: normal;
}
/******************************************************
 * Freestlye Stylus in here - what the theme needs
 */
.views-field-view-node {
  text-align: right;
}
.form-actions.js-form-wrapper.form-wrapper {
  margin-left: 0;
}
img {
  width: auto;
}
blockquote {
  font-family: 'Header';
}
blockquote p:before {
  color: #244173 /*orange*/;
}
blockquote p:after {
  color: #244173 /*orange*/;
}
.tabs ul.tabs li {
  padding: 0;
}
.tabs ul.tabs li a {
  background: #ffe000 /*yellow*/;
  color: #000;
}
.tabs ul.tabs li a:hover {
  color: #000 !important;
  background: #244173 /*orange*/;
}
.tabs ul.tabs li a:visited {
  color: #000;
}
/******************************************************
 * Headings
 */
.path-frontpage h1 {
  font-size: 2em;
  line-height: 1em;
}
.path-frontpage h2 {
  border-bottom: 1px solid #3763af /*gray*/;
}
h1 {
  font-family: 'Header';
  font-size: 2.1em;
  font-weight: normal;
  color: #000 !important;
  font-weight: bold;
  margin: 0 0 1em;
  line-height: 1.2em;
}
h2 {
  font-family: 'Header';
  font-size: 1.9em;
  line-height: 1.1em;
  font-weight: bold;
  margin: 10px 0;
  color: #000 !important;
}
h3 {
  font-family: 'Header';
  color: #000 !important;
  font-size: 1.7em;
}
/******************************************************
 * Fonts classes
 * for example in views or to be added to ck-editor styles
 */
.font-menu {
  font-family: "Menu";
  color: #3763af /*gray*/;
}
.font-footer {
  font-family: "Footer";
  color: #3763af /*gray*/;
}
.font-quote {
  font-family: "Quote";
  color: #3763af /*gray*/;
}
.quote {
  font-family: 'Quote';
}
/******************************************************
 * THE header
 */
/******************************************************
  *  Menubar & header
  */
.menu li:hover ul ul,
#nav li:hover ul ul ul,
#nav li.sfhover ul ul,
#nav li.sfhover ul ul ul {
  left: -999em;
}
.menu li:hover ul,
#nav li li:hover ul,
#nav li li li:hover ul,
#nav li.sfhover ul,
#nav li li.sfhover ul,
#nav li li li.sfhover ul {
  left: auto;
}
/* Style of the menu*/
.region-menu-bar .menu--main li ul ul,
.region-user-bar .menu--main li ul ul,
.region-header .menu--main li ul ul,
.region-menu-bar .menu li ul ul,
.region-user-bar .menu li ul ul,
.region-header .menu li ul ul {
  margin: -2.2em 0 0 10em !important;
}
.region-menu-bar .menu--main li:hover ul ul,
.region-user-bar .menu--main li:hover ul ul,
.region-header .menu--main li:hover ul ul,
.region-menu-bar .menu li:hover ul ul,
.region-user-bar .menu li:hover ul ul,
.region-header .menu li:hover ul ul {
  left: -999em;
}
.region-menu-bar .menu--main li li:hover ul,
.region-user-bar .menu--main li li:hover ul,
.region-header .menu--main li li:hover ul,
.region-menu-bar .menu li li:hover ul,
.region-user-bar .menu li li:hover ul,
.region-header .menu li li:hover ul {
  left: auto;
}
.region-menu-bar .menu--main li li,
.region-user-bar .menu--main li li,
.region-header .menu--main li li,
.region-menu-bar .menu li li,
.region-user-bar .menu li li,
.region-header .menu li li {
  border-bottom: 1px dotted #fff;
  font-size: 0.9em;
}
li.menu-item--expanded > a:after {
  content: ' \1401';
  font-weight: 300;
  font-size: 0.5em;
  vertical-align: bottom;
}
li.menu-item--expanded li.menu-item--expanded > a:after {
  content: '	\1405';
  text-align: right;
  vertical-align: middle;
}
#header .region-header img {
  width: 250px;
}
#header {
  z-index: 5000;
  margin-top: 0;
  top: 0;
  z-index: 100;
  width: 100%;
  background: none;
}
#header #header-inner {
  display: flex;
  justify-content: space-between;
}
#header .region-header {
  padding: 0;
  margin: 0;
}
#header .region-header .block-system-branding-block .block-inner {
  display: flex;
  align-items: center;
}
#header .region-header .block-system-branding-block .block-inner .site-name {
  font-size: 1.9em;
  font-family: 'Header';
}
#header .region-header .block-system-branding-block .block-inner .site-name a {
  color: #000;
}
#header .region-header .block-system-branding-block img {
  height: 90px;
  width: auto;
  padding: 10px;
}
#header .region-menu-bar {
  margin-top: 0;
  display: flex;
  align-items: center;
  clear: both;
}
#header .region-user-bar {
  float: right;
}
#header .region-user-bar .block-menu {
  padding: 10px;
}
#header.nav-up {
  border-bottom: 1px solid #244173 /*orange*/;
}
#header.nav-up .region-user-bar .menu {
  padding: 0;
}
#header.nav-up .region-user-bar ul li {
  padding: 0;
}
#block-system-main-menu {
  float: left;
}
#navigations {
  float: left;
  margin-top: 0px;
}
.menu--account {
  float: right;
}
.menu--account ul.menu {
  display: flex;
  margin: 0;
}
.menu--account ul.menu li {
  padding: 0;
  border-right: 1px solid #3763af /*gray*/;
}
.menu--account ul.menu li a {
  font-size: 0.85em;
  padding: 10px 5px;
  color: #000;
  border: none;
  background: none;
}
.menu--account ul.menu li a:hover {
  color: #fff;
  background: #3763af /*gray*/;
}
.menu--account ul.menu li a.active-trail {
  color: #ebf2fc /* lightblue*/;
}
.menu--account ul.menu li a.active-trail:hover {
  color: #000;
}
.language-switcher-language-url ul.links {
  flex-wrap: nowrap;
}
/******************************************************
 *  Make sure the Nav-up is stopping when the screen
 *  gets to small
 */
@media screen and (max-width: 620px) {
  #header.nav-up {
    position: relative;
  }
}
/******************************************************
 *  Slicknav media querries and formatting
 */
@media screen and (max-width: 800px) {
  .js .region-menu-bar #block-palkaneenasuntotuotanto-main-menu {
    display: none;
  }
  .js .slicknav_menu {
    display: block;
  }
}
@media screen and (min-width: 801px) {
  .js .slicknav_menu {
    display: none;
  }
}
.slicknav_btn {
  display: flex;
  justify-content: center;
  float: none;
}
.slicknav_nav ul.menu {
  background: #244173 /*orange*/;
}
.slicknav_nav ul.menu li.menu-item.slicknav_open {
  background: #244173 /*orange*/;
}
.slicknav_nav ul.menu li:focus {
  background: #3763af /*gray*/;
  color: #000;
}
.slicknav_nav ul.menu li a {
  color: #000;
  background: #244173 /*orange*/;
}
.slicknav_nav ul.menu li a.is-active {
  background: #3763af /*gray*/;
  color: #000;
}
.slicknav_menu .language-switcher-language-url {
  display: flex;
  justify-content: center;
  border: none;
  margin-left: 0;
}
.slicknav_menu .language-switcher-language-url ul.link li {
  background: #244173 /*orange*/;
}
/******************************************************
 * Footer
 */
footer .region-footer {
  padding: 10px;
  display: flex;
}
footer .region-footer .block {
  margin-bottom: 30px;
}
footer .region-footer .block width auto img {
  width: auto;
  height: auto;
}
footer .region-footer .block.menu--footer h2 {
  padding: 70px 0 0 90px;
}
footer .region-footer .block h2,
footer .region-footer .block h3 {
  margin-top: 0;
  padding: 0;
  font-size: 1.5em;
}
footer .region-footer .block ul.menu {
  padding-left: 2em;
}
footer .region-footer .block ul.menu li {
  list-style-type: circle;
  color: #244173 /*orange*/;
}
/******************************************************
 * Views
 */
.view .v-header {
  background: #244173 /*orange*/;
  border: 1px #3763af /*gray*/;
  color: #fff;
  padding: 5px;
  margin: 10px 0;
  font-size: 0.8em;
}
.view .v-header a {
  color: #fff;
  text-decoration: underline;
}
.view .v-footer {
  background: #ebf2fc /* lightblue*/;
  border: 1px #3763af /*gray*/;
  color: #000;
  padding: 5px;
  margin: 10px 0;
  font-size: 0.8em;
}
.view .v-footer a {
  color: #fff;
  text-decoration: underline;
}
.view .v-footer a:hover {
  color: #3763af /*gray*/;
}
.view .v-content .v-table tr {
  border-bottom: 1px dotted #244173 /*orange*/;
}
.view .v-content .v-table tr h2 {
  padding: 0;
  margin: 0;
}
.view-header-image-node .field-content {
  line-height: 0.1em;
}
.bef-exposed-form .form-checkboxes {
  display: flex;
}
/******************************************************
 * Views
 */
.p-type-gallery a {
  border-bottom: none !important;
}
.f--name-field-media-oembed-video {
  width: 100%;
}
/*******************************************************
 + Blöcke
 */
.partners .f--name-field-paragraph {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}
/******************************************************
* Projects
*/
.page-node-type-jasenyritykset .f--name-body.f--type-text-with-summary table tr {
  border-bottom: 1px solid #3763af /*gray*/;
}
.page-node-type-jasenyritykset .f--name-body.f--type-text-with-summary table tr td {
  min-width: 210px;
}
.page-node-type-jasenyritykset .f--name-body.f--type-text-with-summary table tr td em {
  font-size: 0.8em;
}
/******************************************************
* News / Ajankotaista / Article
*/
.page-node-type-article .block-system-main-block {
  max-width: width-max768;
  margin: 0 auto;
}
.p-type-contact-form input:not(.webform-button--submit) {
  max-width: 100%;
  width: auto;
}
/*******************************************************
Honeisto view
*/
.view-huoneisto .v-filters .form--inline {
  display: flex;
  flex-wrap: wrap;
}
.view-huoneisto .v-filters .form--inline .js-form-type-select {
  display: inline;
  font-weight: bold;
}
.view-huoneisto .v-filters .form--inline .js-form-type-select .form-select {
  display: flex;
}
.view-huoneisto .v-filters .js-form-type-textfield input,
.view-huoneisto .v-filters .js-form-type-number input {
  width: 120px;
}
/*******************************************************
Honeisto Node
*/
.page-node-type-huoneisto .apply {
  margin-top: 2em;
}
.page-node-type-huoneisto .h-fields {
  display: flex;
  gap: 60px;
  border-bottom: 1px dotted #3763af /*gray*/;
}
.page-node-type-huoneisto .h-fields .label {
  font-weight: bold;
  min-width: 170px;
}
.page-node-type-huoneisto .h-fields .value .f--name-field-huoneiston {
  display: flex;
}
.page-node-type-huoneisto .h-fields .value .f--name-field-huoneiston .f-item:after {
  content: "+";
}
.page-node-type-huoneisto .h-fields .value .f--name-field-huoneiston .f-item:last-child:after {
  content: "";
}
.v-row.inline-block {
  display: inline-block;
}
.view-statistics .v-content {
  text-align: center;
}
.circle {
  color: #fff;
  width: 150px;
  height: 150px;
  display: block;
  line-height: 150px;
  text-align: center;
  font-size: 1.8em;
  font-weight: bold;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  border-radius: 50%;
  background: #3763af /*gray*/;
}
#edit-field-geolocation-boundary-wrapper {
  display: none;
}
/*# sourceMappingURL=styles.css.map */