@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;
}
body {
  background-color: #fff;
  font-size: 1em;
  font-family: 'Regular', arial, verdana;
}
/******************************************************
 * Links
 */
a {
  color: #244173 /*orange*/;
  text-decoration: none;
}
a:hover {
  color: #244173 /*orange*/;
  border-bottom: 1px dotted #244173 /*orange*/;
}
a.active {
  color: #fff;
}
a:visited {
  color: #000;
}
a:visited:hover {
  color: #244173 /*orange*/;
}
article a {
  border-bottom: 1px dashed #244173 /*orange*/;
}
p a {
  border-bottom: 1px dashed #000;
}
p a:hover {
  color: #244173 /*orange*/;
}
/******************************************************
 *  Read more & Links
 */
.views-field-field-link a,
.node-readmore a,
.field--name-field-contactlink a,
.more-link a,
.comment-add a,
.comment-reply a,
input[type="button"],
input[type="reset"],
input[type="submit"],
#comments ul.links.inline li a {
  cursor: pointer;
  background: #244173 /*orange*/;
  color: #fff;
  padding: 10px;
  font-family: 'Menu';
  -webkit-border-radius: 10px;
  -moz-border-radius: 10px;
  border-radius: 10px;
  font-weight: bold;
  border: none;
}
.views-field-field-link a:hover,
.node-readmore a:hover,
.field--name-field-contactlink a:hover,
.more-link a:hover,
.comment-add a:hover,
.comment-reply a:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover,
#comments ul.links.inline li a:hover {
  color: #fff !important;
  background: #3763af /*gray*/;
}
/******************************************************
 * Backgrounds - usually set in page.html.twig or via paragraphs
 */
.p-type-layout h1 a,
.p-type-layout h2 a,
.p-type-layout h3 a {
  border-bottom: none;
}
.bg-none {
  background: none;
}
.bg-first {
  background-color: #3763af /*gray*/;
  color: #fff !important;
}
.bg-first .block {
  border-color: #244173 /*orange*/;
  border-width: 1px;
}
.bg-first a {
  color: #fff;
  border-bottom: 1px dashed #000;
}
.bg-first a:hover {
  color: #ebf2fc /* lightblue*/;
}
.bg-first a.action {
  color: #fff;
  background: #244173 /*orange*/;
}
.bg-first .node-readmore a {
  color: #000;
  background: #ebf2fc /* lightblue*/;
  border-bottom: none;
}
.bg-first .node-readmore a:hover {
  background: #244173 /*orange*/;
}
.bg-first.footer a {
  background: none;
  border-bottom: none;
  color: #fff !important;
}
.bg-second {
  background-color: #244173 /*orange*/;
  border-color: #3763af /*gray*/;
  border-width: 1px;
}
.bg-second input[type="submit"] {
  background: #3763af /*gray*/;
  color: #000 !important;
}
.bg-second input[type="submit"]:hover {
  background: #ebf2fc /* lightblue*/;
  color: #000 !important;
}
.bg-second a {
  color: #3763af /*gray*/;
  border-bottom: 1px dashed #3763af /*gray*/;
}
.bg-second a:hover {
  color: #ebf2fc /* lightblue*/ !important;
}
.bg-second .node-readmore a {
  background: #3763af /*gray*/;
  color: #000;
}
.bg-second .node-readmore a:hover {
  background: #ebf2fc /* lightblue*/;
  color: #000 !important;
}
.bg-third {
  background-color: #ebf2fc /* lightblue*/ !important;
  color: #000 !important;
  border-color: #244173 /*orange*/;
  border-width: 1px;
}
.bg-third a {
  color: #3763af /*gray*/;
  border-bottom: 1px dashed #f2f2f2 /*blue*/;
}
.bg-third a:hover {
  color: #244173 /*orange*/;
}
.bg-third a.action {
  background: #244173 /*orange*/;
  color: #fff;
}
.bg-third a.action:hover {
  background: #3763af /*gray*/;
  color: #fff;
}
.bg-third .node-readmore a,
.bg-third .more-link a {
  padding: 5px;
  border: none;
  color: #fff;
}
.bg-third .node-readmore a:hover,
.bg-third .more-link a:hover {
  background: #3763af /*gray*/;
  color: #000 !important;
}
.bg-fourth {
  background-color: #f2f2f2 /*blue*/;
  color: #000;
}
.bg-fourth a {
  color: #3763af /*gray*/;
  border-bottom: 1px dashed #3763af /*gray*/;
}
.bg-fourth .node-readmore a,
.bg-fourth .more-link a {
  padding: 5px;
  border: none;
  color: #000;
}
.bg-fourth .node-readmore a:hover,
.bg-fourth .more-link a:hover {
  background: #ebf2fc /* lightblue*/;
  color: #000 !important;
}
.bg-fifth {
  background: #fff;
}
/******************************************************
 * Buttons
 */
.action a {
  border: 2px dashed #ebf2fc /* lightblue*/;
  font-weight: bold;
}
.action a:hover {
  color: #000;
}
.call-for-action a {
  border-bottom: 2px dashed #ebf2fc /* lightblue*/;
}
.call-for-action a:hover {
  border-bottom: 2px dashed #000;
  color: #000;
}
a.action {
  border: none;
  padding: 10px;
  background: #244173 /*orange*/;
  color: #fff;
  font-weight: normal;
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  border-radius: 0;
}
a.action:hover {
  color: #fff;
  background: #3763af /*gray*/;
}
a.action.vapaa {
  display: inline-block;
}
.tagged a {
  border-bottom: 2px dotted #ebf2fc /* lightblue*/;
}
/******************************************************
 * The Menu is the menu bar and user bar region
 */
.region-menu-bar .menu--main li:last-child,
.region-user-bar .menu--main li:last-child,
.block-system-menu-blockmain .menu--main li:last-child,
.region-menu-bar .menu li:last-child,
.region-user-bar .menu li:last-child,
.block-system-menu-blockmain .menu li:last-child {
  border-right: none;
}
.region-menu-bar .menu--main li.menu-item--active-trail a,
.region-user-bar .menu--main li.menu-item--active-trail a,
.block-system-menu-blockmain .menu--main li.menu-item--active-trail a,
.region-menu-bar .menu li.menu-item--active-trail a,
.region-user-bar .menu li.menu-item--active-trail a,
.block-system-menu-blockmain .menu li.menu-item--active-trail a {
  color: #fff;
  background: #3763af /*gray*/;
}
.region-menu-bar .menu--main li a,
.region-user-bar .menu--main li a,
.block-system-menu-blockmain .menu--main li a,
.region-menu-bar .menu li a,
.region-user-bar .menu li a,
.block-system-menu-blockmain .menu li a,
.region-menu-bar .menu--main li span.nolink,
.region-user-bar .menu--main li span.nolink,
.block-system-menu-blockmain .menu--main li span.nolink,
.region-menu-bar .menu li span.nolink,
.region-user-bar .menu li span.nolink,
.block-system-menu-blockmain .menu li span.nolink,
.region-menu-bar .menu--main li span,
.region-user-bar .menu--main li span,
.block-system-menu-blockmain .menu--main li span,
.region-menu-bar .menu li span,
.region-user-bar .menu li span,
.block-system-menu-blockmain .menu li span {
  color: #fff;
  background: #244173 /*orange*/;
  padding: 7px 10px;
  font-family: 'Menu';
}
.region-menu-bar .menu--main li a:hover,
.region-user-bar .menu--main li a:hover,
.block-system-menu-blockmain .menu--main li a:hover,
.region-menu-bar .menu li a:hover,
.region-user-bar .menu li a:hover,
.block-system-menu-blockmain .menu li a:hover,
.region-menu-bar .menu--main li span.nolink:hover,
.region-user-bar .menu--main li span.nolink:hover,
.block-system-menu-blockmain .menu--main li span.nolink:hover,
.region-menu-bar .menu li span.nolink:hover,
.region-user-bar .menu li span.nolink:hover,
.block-system-menu-blockmain .menu li span.nolink:hover,
.region-menu-bar .menu--main li span:hover,
.region-user-bar .menu--main li span:hover,
.block-system-menu-blockmain .menu--main li span:hover,
.region-menu-bar .menu li span:hover,
.region-user-bar .menu li span:hover,
.block-system-menu-blockmain .menu li span:hover {
  background: none;
  color: #000 !important;
  border: none;
}
.region-menu-bar .menu--main li a.is-active,
.region-user-bar .menu--main li a.is-active,
.block-system-menu-blockmain .menu--main li a.is-active,
.region-menu-bar .menu li a.is-active,
.region-user-bar .menu li a.is-active,
.block-system-menu-blockmain .menu li a.is-active,
.region-menu-bar .menu--main li span.nolink.is-active,
.region-user-bar .menu--main li span.nolink.is-active,
.block-system-menu-blockmain .menu--main li span.nolink.is-active,
.region-menu-bar .menu li span.nolink.is-active,
.region-user-bar .menu li span.nolink.is-active,
.block-system-menu-blockmain .menu li span.nolink.is-active,
.region-menu-bar .menu--main li span.is-active,
.region-user-bar .menu--main li span.is-active,
.block-system-menu-blockmain .menu--main li span.is-active,
.region-menu-bar .menu li span.is-active,
.region-user-bar .menu li span.is-active,
.block-system-menu-blockmain .menu li span.is-active {
  color: #fff;
}
.region-menu-bar .menu--main li a.is-active:hover,
.region-user-bar .menu--main li a.is-active:hover,
.block-system-menu-blockmain .menu--main li a.is-active:hover,
.region-menu-bar .menu li a.is-active:hover,
.region-user-bar .menu li a.is-active:hover,
.block-system-menu-blockmain .menu li a.is-active:hover,
.region-menu-bar .menu--main li span.nolink.is-active:hover,
.region-user-bar .menu--main li span.nolink.is-active:hover,
.block-system-menu-blockmain .menu--main li span.nolink.is-active:hover,
.region-menu-bar .menu li span.nolink.is-active:hover,
.region-user-bar .menu li span.nolink.is-active:hover,
.block-system-menu-blockmain .menu li span.nolink.is-active:hover,
.region-menu-bar .menu--main li span.is-active:hover,
.region-user-bar .menu--main li span.is-active:hover,
.block-system-menu-blockmain .menu--main li span.is-active:hover,
.region-menu-bar .menu li span.is-active:hover,
.region-user-bar .menu li span.is-active:hover,
.block-system-menu-blockmain .menu li span.is-active:hover {
  color: #000 !important;
}
.region-menu-bar .menu--main li ul.menu li a,
.region-user-bar .menu--main li ul.menu li a,
.block-system-menu-blockmain .menu--main li ul.menu li a,
.region-menu-bar .menu li ul.menu li a,
.region-user-bar .menu li ul.menu li a,
.block-system-menu-blockmain .menu li ul.menu li a {
  background: #244173 /*orange*/;
  color: #fff;
}
.region-menu-bar .menu--main li ul.menu li a:hover,
.region-user-bar .menu--main li ul.menu li a:hover,
.block-system-menu-blockmain .menu--main li ul.menu li a:hover,
.region-menu-bar .menu li ul.menu li a:hover,
.region-user-bar .menu li ul.menu li a:hover,
.block-system-menu-blockmain .menu li ul.menu li a:hover {
  color: #3763af /*gray*/;
  background: #fff;
}
.region-menu-bar .menu--main li ul.menu li a.is-active,
.region-user-bar .menu--main li ul.menu li a.is-active,
.block-system-menu-blockmain .menu--main li ul.menu li a.is-active,
.region-menu-bar .menu li ul.menu li a.is-active,
.region-user-bar .menu li ul.menu li a.is-active,
.block-system-menu-blockmain .menu li ul.menu li a.is-active {
  color: #000 !important;
  background: #244173 /*orange*/;
}
.region-menu-bar .menu--main li ul.menu li a.is-active:hover,
.region-user-bar .menu--main li ul.menu li a.is-active:hover,
.block-system-menu-blockmain .menu--main li ul.menu li a.is-active:hover,
.region-menu-bar .menu li ul.menu li a.is-active:hover,
.region-user-bar .menu li ul.menu li a.is-active:hover,
.block-system-menu-blockmain .menu li ul.menu li a.is-active:hover {
  color: #000 !important;
  background: #fff;
}
/******************************************************
 * For multi lingual sites with a language switch
 * Be aware that we usually alter language names via preprocess in the theme file
 */
.language-switcher-language-url ul.links li a {
  color: #000;
}
.language-switcher-language-url ul.links li a:hover {
  background: #3763af /*gray*/;
  border: none;
}
.language-switcher-language-url ul.links li a.is-active {
  background: #3763af /*gray*/;
  color: #000;
}
.language-switcher-language-url ul.links li a.is-active:hover {
  background: #3763af /*gray*/;
  color: #000;
}
/******************************************************
 * Slicknav Menu - or also called mobile menu
 */
.slicknav_nav ul.menu {
  background: #3763af /*gray*/;
}
.slicknav_nav ul.menu li {
  border-bottom: 1px solid #fff;
}
.slicknav_nav ul.menu li.slicknav_open {
  background: #f2f2f2 /*blue*/;
}
.slicknav_nav ul.menu li.slicknav_open a {
  color: #000 !important;
}
.slicknav_nav ul.menu li a {
  color: #fff;
}
.slicknav_nav ul.menu li a:hover {
  background: none;
}
.slicknav_nav ul.menu li a:focus {
  color: #000;
}
.slicknav_nav ul.menu li ul {
  background: #ebf2fc /* lightblue*/;
}
.slicknav_nav ul.menu li ul a.is-active {
  background: #ebf2fc /* lightblue*/;
}
/******************************************************
 * Eu cookie compliance - is an additional menu
 * Needs special settings to only use minimized css
 */
.eu-cookie-compliance-banner {
  background: #f2f2f2 /*blue*/;
  color: #000;
}
.eu-cookie-compliance-banner button.decline-button:hover,
.eu-cookie-compliance-banner button.find-more-button:hover,
.eu-cookie-compliance-banner button.agree-button:hover {
  background: #f2f2f2 /*blue*/;
  color: #000;
}
/*******************************************************
 * To the top
 */
#scrollUp {
  background: #3763af /*gray*/;
  color: #000;
  border: 1px solid #244173 /*orange*/;
}
#scrollUp:hover {
  background: #ebf2fc /* lightblue*/;
}
/*
Tabs
*/
.tabs ul.tabs li a {
  background: #244173 /*orange*/;
  color: #fff;
}
.tabs ul.tabs li a :hover {
  background: none;
}
/*# sourceMappingURL=color.css.map */