@charset "UTF-8";
/* Helsingin Ortodoksinen Seurakunta Aste Helsinki Oy */
/* Pick a palette and adjust brand/HTML element colors */
/* The default palette */
/* Accent colors */
/* Brand colors */
.grid { letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ word-spacing: -0.43em; font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: start; align-content: flex-start; list-style: none; }

[class*='grid__item'] { margin-bottom: 1em; letter-spacing: normal; word-spacing: normal; text-rendering: auto; display: inline-block; vertical-align: top; zoom: 1; }

.grid-gutter { margin-left: -10px; margin-right: -10px; }

.grid-gutter > [class*=grid__item] { padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 55em) { .grid-gutter { margin-left: -22px; margin-right: -22px; }
  .grid-gutter > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (max-width: 55em) { .grid-gutter_sm { margin-left: -22px; margin-right: -22px; }
  .grid-gutter_sm > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (min-width: 55em) and (max-width: 64em) { .grid-gutter_md { margin-left: -22px; margin-right: -22px; }
  .grid-gutter_md > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (min-width: 64em) { .grid-gutter_lg { margin-left: -22px; margin-right: -22px; }
  .grid-gutter_lg > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (min-width: 55em) { .grid-gutter_tight { margin-left: -10px; margin-right: -10px; }
  .grid-gutter_tight > [class*=grid__item] { padding-left: 10px; padding-right: 10px; } }

.grid-align-even [class*="grid__item"] + [class*="grid__item"]:not(:last-of-type) { text-align: center; }

.grid-align-even [class*="grid__item"]:last-of-type { text-align: right; }

.grid__item_0 { width: 0; height: 0; padding: 0; margin: 0; }

.grid__item_1-24 { width: 4.1667%; }

.grid__item_1-24.left { padding-right: 10px; }

.grid__item_1-24.right { padding-left: 10px; }

.grid__item_1-12, .grid__item_2-24 { width: 8.3333%; }

.grid__item_1-12.left, .grid__item_2-24.left { padding-right: 10px; }

.grid__item_1-12.right, .grid__item_2-24.right { padding-left: 10px; }

.grid__item_1-8, .grid__item_3-24 { width: 12.5000%; }

.grid__item_1-8.left, .grid__item_3-24.left { padding-right: 10px; }

.grid__item_1-8.right, .grid__item_3-24.right { padding-left: 10px; }

.grid__item_1-6, .grid__item_4-24 { width: 16.6667%; }

.grid__item_1-6.left, .grid__item_4-24.left { padding-right: 10px; }

.grid__item_1-6.right, .grid__item_4-24.right { padding-left: 10px; }

.grid__item_1-5 { width: 20%; }

.grid__item_1-5.left { padding-right: 10px; }

.grid__item_1-5.right { padding-left: 10px; }

.grid__item_5-24 { width: 20.8333%; }

.grid__item_5-24.left { padding-right: 10px; }

.grid__item_5-24.right { padding-left: 10px; }

.grid__item_1-4, .grid__item_6-24 { width: 25%; }

.grid__item_1-4.left, .grid__item_6-24.left { padding-right: 10px; }

.grid__item_1-4.right, .grid__item_6-24.right { padding-left: 10px; }

.grid__item_7-24 { width: 29.1667%; }

.grid__item_7-24.left { padding-right: 10px; }

.grid__item_7-24.right { padding-left: 10px; }

.grid__item_1-3, .grid__item_8-24 { width: 33.3333%; }

.grid__item_1-3.left, .grid__item_8-24.left { padding-right: 10px; }

.grid__item_1-3.right, .grid__item_8-24.right { padding-left: 10px; }

.grid__item_3-8, .grid__item_9-24 { width: 37.5000%; }

.grid__item_3-8.left, .grid__item_9-24.left { padding-right: 10px; }

.grid__item_3-8.right, .grid__item_9-24.right { padding-left: 10px; }

.grid__item_2-5 { width: 40%; }

.grid__item_2-5.left { padding-right: 10px; }

.grid__item_2-5.right { padding-left: 10px; }

.grid__item_5-12, .grid__item_10-24 { width: 41.6667%; }

.grid__item_5-12.left, .grid__item_10-24.left { padding-right: 10px; }

.grid__item_5-12.right, .grid__item_10-24.right { padding-left: 10px; }

.grid__item_11-24 { width: 45.8333%; }

.grid__item_11-24.left { padding-right: 10px; }

.grid__item_11-24.right { padding-left: 10px; }

.grid__item_1-2, .grid__item_12-24 { width: 50%; }

.grid__item_1-2.left, .grid__item_12-24.left { padding-right: 10px; }

.grid__item_1-2.right, .grid__item_12-24.right { padding-left: 10px; }

.grid__item_13-24 { width: 54.1667%; }

.grid__item_13-24.left { padding-right: 10px; }

.grid__item_13-24.right { padding-left: 10px; }

.grid__item_7-12, .grid__item_14-24 { width: 58.3333%; }

.grid__item_7-12.left, .grid__item_14-24.left { padding-right: 10px; }

.grid__item_7-12.right, .grid__item_14-24.right { padding-left: 10px; }

.grid__item_3-5 { width: 60%; }

.grid__item_3-5.left { padding-right: 10px; }

.grid__item_3-5.right { padding-left: 10px; }

.grid__item_5-8, .grid__item_15-24 { width: 62.5000%; }

.grid__item_5-8.left, .grid__item_15-24.left { padding-right: 10px; }

.grid__item_5-8.right, .grid__item_15-24.right { padding-left: 10px; }

.grid__item_2-3, .grid__item_16-24 { width: 66.6667%; }

.grid__item_2-3.left, .grid__item_16-24.left { padding-right: 10px; }

.grid__item_2-3.right, .grid__item_16-24.right { padding-left: 10px; }

.grid__item_17-24 { width: 70.8333%; }

.grid__item_17-24.left { padding-right: 10px; }

.grid__item_17-24.right { padding-left: 10px; }

.grid__item_3-4, .grid__item_18-24 { width: 75%; }

.grid__item_3-4.left, .grid__item_18-24.left { padding-right: 10px; }

.grid__item_3-4.right, .grid__item_18-24.right { padding-left: 10px; }

.grid__item_19-24 { width: 79.1667%; }

.grid__item_19-24.left { padding-right: 10px; }

.grid__item_19-24.right { padding-left: 10px; }

.grid__item_4-5 { width: 80%; }

.grid__item_4-5.left { padding-right: 10px; }

.grid__item_4-5.right { padding-left: 10px; }

.grid__item_5-6, .grid__item_20-24 { width: 83.3333%; }

.grid__item_5-6.left, .grid__item_20-24.left { padding-right: 10px; }

.grid__item_5-6.right, .grid__item_20-24.right { padding-left: 10px; }

.grid__item_7-8, .grid__item_21-24 { width: 87.5000%; }

.grid__item_7-8.left, .grid__item_21-24.left { padding-right: 10px; }

.grid__item_7-8.right, .grid__item_21-24.right { padding-left: 10px; }

.grid__item_11-12, .grid__item_22-24 { width: 91.6667%; }

.grid__item_11-12.left, .grid__item_22-24.left { padding-right: 10px; }

.grid__item_11-12.right, .grid__item_22-24.right { padding-left: 10px; }

.grid__item_23-24 { width: 95.8333%; }

.grid__item_23-24.left { padding-right: 10px; }

.grid__item_23-24.right { padding-left: 10px; }

.grid__item_1, .grid__item_1-1, .grid__item_5-5, .grid__item_24-24 { width: 100%; }

@media screen and (min-width: 31.25em) { .grid__item_tn-1-24 { width: 4.1667%; }
  .grid__item_tn-1-12, .grid__item_tn-2-24 { width: 8.3333%; }
  .grid__item_tn-1-8, .grid__item_tn-3-24 { width: 12.5000%; }
  .grid__item_tn-1-6, .grid__item_tn-4-24 { width: 16.6667%; }
  .grid__item_tn-1-5 { width: 20%; }
  .grid__item_tn-5-24 { width: 20.8333%; }
  .grid__item_tn-1-4, .grid__item_tn-6-24 { width: 25%; }
  .grid__item_tn-7-24 { width: 29.1667%; }
  .grid__item_tn-1-3, .grid__item_tn-8-24 { width: 33.3333%; }
  .grid__item_tn-3-8, .grid__item_tn-9-24 { width: 37.5000%; }
  .grid__item_tn-2-5 { width: 40%; }
  .grid__item_tn-5-12, .grid__item_tn-10-24 { width: 41.6667%; }
  .grid__item_tn-11-24 { width: 45.8333%; }
  .grid__item_tn-1-2, .grid__item_tn-12-24 { width: 50%; }
  .grid__item_tn-13-24 { width: 54.1667%; }
  .grid__item_tn-7-12, .grid__item_tn-14-24 { width: 58.3333%; }
  .grid__item_tn-3-5 { width: 60%; }
  .grid__item_tn-5-8, .grid__item_tn-15-24 { width: 62.5000%; }
  .grid__item_tn-2-3, .grid__item_tn-16-24 { width: 66.6667%; }
  .grid__item_tn-17-24 { width: 70.8333%; }
  .grid__item_tn-3-4, .grid__item_tn-18-24 { width: 75%; }
  .grid__item_tn-19-24 { width: 79.1667%; }
  .grid__item_tn-4-5 { width: 80%; }
  .grid__item_tn-5-6, .grid__item_tn-20-24 { width: 83.3333%; }
  .grid__item_tn-7-8, .grid__item_tn-21-24 { width: 87.5000%; }
  .grid__item_tn-11-12, .grid__item_tn-22-24 { width: 91.6667%; }
  .grid__item_tn-23-24 { width: 95.8333%; }
  .grid__item_tn-1, .grid__item_tn-1-1, .grid__item_tn-5-5, .grid__item_tn-24-24 { width: 100%; }
  [class*='grid__item_tn'].left { padding-right: 10px; }
  [class*='grid__item_tn'].right { padding-left: 10px; }
  .grid__item_tn-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 35.5em) { .grid__item_sm-1-24 { width: 4.1667%; }
  .grid__item_sm-1-12, .grid__item_sm-2-24 { width: 8.3333%; }
  .grid__item_sm-1-8, .grid__item_sm-3-24 { width: 12.5000%; }
  .grid__item_sm-1-6, .grid__item_sm-4-24 { width: 16.6667%; }
  .grid__item_sm-1-5 { width: 20%; }
  .grid__item_sm-5-24 { width: 20.8333%; }
  .grid__item_sm-1-4, .grid__item_sm-6-24 { width: 25%; }
  .grid__item_sm-7-24 { width: 29.1667%; }
  .grid__item_sm-1-3, .grid__item_sm-8-24 { width: 33.3333%; }
  .grid__item_sm-3-8, .grid__item_sm-9-24 { width: 37.5000%; }
  .grid__item_sm-2-5 { width: 40%; }
  .grid__item_sm-5-12, .grid__item_sm-10-24 { width: 41.6667%; }
  .grid__item_sm-11-24 { width: 45.8333%; }
  .grid__item_sm-1-2, .grid__item_sm-12-24 { width: 50%; }
  .grid__item_sm-13-24 { width: 54.1667%; }
  .grid__item_sm-7-12, .grid__item_sm-14-24 { width: 58.3333%; }
  .grid__item_sm-3-5 { width: 60%; }
  .grid__item_sm-5-8, .grid__item_sm-15-24 { width: 62.5000%; }
  .grid__item_sm-2-3, .grid__item_sm-16-24 { width: 66.6667%; }
  .grid__item_sm-17-24 { width: 70.8333%; }
  .grid__item_sm-3-4, .grid__item_sm-18-24 { width: 75%; }
  .grid__item_sm-19-24 { width: 79.1667%; }
  .grid__item_sm-4-5 { width: 80%; }
  .grid__item_sm-5-6, .grid__item_sm-20-24 { width: 83.3333%; }
  .grid__item_sm-7-8, .grid__item_sm-21-24 { width: 87.5000%; }
  .grid__item_sm-11-12, .grid__item_sm-22-24 { width: 91.6667%; }
  .grid__item_sm-23-24 { width: 95.8333%; }
  .grid__item_sm-1, .grid__item_sm-1-1, .grid__item_sm-5-5, .grid__item_sm-24-24 { width: 100%; }
  [class*='grid__item_sm'].left { padding-right: 10px; }
  [class*='grid__item_sm'].right { padding-left: 10px; }
  .grid__item_sm-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 55em) { .grid__item_md-1-24 { width: 4.1667%; }
  .grid__item_md-1-12, .grid__item_md-2-24 { width: 8.3333%; }
  .grid__item_md-1-8, .grid__item_md-3-24 { width: 12.5000%; }
  .grid__item_md-1-6, .grid__item_md-4-24 { width: 16.6667%; }
  .grid__item_md-1-5 { width: 20%; }
  .grid__item_md-5-24 { width: 20.8333%; }
  .grid__item_md-1-4, .grid__item_md-6-24 { width: 25%; }
  .grid__item_md-7-24 { width: 29.1667%; }
  .grid__item_md-1-3, .grid__item_md-8-24 { width: 33.3333%; }
  .grid__item_md-3-8, .grid__item_md-9-24 { width: 37.5000%; }
  .grid__item_md-2-5 { width: 40%; }
  .grid__item_md-5-12, .grid__item_md-10-24 { width: 41.6667%; }
  .grid__item_md-11-24 { width: 45.8333%; }
  .grid__item_md-1-2, .grid__item_md-12-24 { width: 50%; }
  .grid__item_md-13-24 { width: 54.1667%; }
  .grid__item_md-7-12, .grid__item_md-14-24 { width: 58.3333%; }
  .grid__item_md-3-5 { width: 60%; }
  .grid__item_md-5-8, .grid__item_md-15-24 { width: 62.5000%; }
  .grid__item_md-2-3, .grid__item_md-16-24 { width: 66.6667%; }
  .grid__item_md-17-24 { width: 70.8333%; }
  .grid__item_md-3-4, .grid__item_md-18-24 { width: 75%; }
  .grid__item_md-19-24 { width: 79.1667%; }
  .grid__item_md-4-5 { width: 80%; }
  .grid__item_md-5-6, .grid__item_md-20-24 { width: 83.3333%; }
  .grid__item_md-7-8, .grid__item_md-21-24 { width: 87.5000%; }
  .grid__item_md-11-12, .grid__item_md-22-24 { width: 91.6667%; }
  .grid__item_md-23-24 { width: 95.8333%; }
  .grid__item_md-1, .grid__item_md-1-1, .grid__item_md-5-5, .grid__item_md-24-24 { width: 100%; }
  [class*='grid__item_md'].left { padding-right: 10px; }
  [class*='grid__item_md'].right { padding-left: 10px; }
  .grid__item_md-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 64em) { .grid__item_lg-1-24 { width: 4.1667%; }
  .grid__item_lg-1-12, .grid__item_lg-2-24 { width: 8.3333%; }
  .grid__item_lg-1-8, .grid__item_lg-3-24 { width: 12.5000%; }
  .grid__item_lg-1-6, .grid__item_lg-4-24 { width: 16.6667%; }
  .grid__item_lg-1-5 { width: 20%; }
  .grid__item_lg-5-24 { width: 20.8333%; }
  .grid__item_lg-1-4, .grid__item_lg-6-24 { width: 25%; }
  .grid__item_lg-7-24 { width: 29.1667%; }
  .grid__item_lg-1-3, .grid__item_lg-8-24 { width: 33.3333%; }
  .grid__item_lg-3-8, .grid__item_lg-9-24 { width: 37.5000%; }
  .grid__item_lg-2-5 { width: 40%; }
  .grid__item_lg-5-12, .grid__item_lg-10-24 { width: 41.6667%; }
  .grid__item_lg-11-24 { width: 45.8333%; }
  .grid__item_lg-1-2, .grid__item_lg-12-24 { width: 50%; }
  .grid__item_lg-13-24 { width: 54.1667%; }
  .grid__item_lg-7-12, .grid__item_lg-14-24 { width: 58.3333%; }
  .grid__item_lg-3-5 { width: 60%; }
  .grid__item_lg-5-8, .grid__item_lg-15-24 { width: 62.5000%; }
  .grid__item_lg-2-3, .grid__item_lg-16-24 { width: 66.6667%; }
  .grid__item_lg-17-24 { width: 70.8333%; }
  .grid__item_lg-3-4, .grid__item_lg-18-24 { width: 75%; }
  .grid__item_lg-19-24 { width: 79.1667%; }
  .grid__item_lg-4-5 { width: 80%; }
  .grid__item_lg-5-6, .grid__item_lg-20-24 { width: 83.3333%; }
  .grid__item_lg-7-8, .grid__item_lg-21-24 { width: 87.5000%; }
  .grid__item_lg-11-12, .grid__item_lg-22-24 { width: 91.6667%; }
  .grid__item_lg-23-24 { width: 95.8333%; }
  .grid__item_lg-1, .grid__item_lg-1-1, .grid__item_lg-5-5, .grid__item_lg-24-24 { width: 100%; }
  [class*='grid__item_lg'].left { padding-right: 10px; }
  [class*='grid__item_lg'].right { padding-left: 10px; }
  .grid__item_lg-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 80em) { .grid__item_xl-1-24 { width: 4.1667%; }
  .grid__item_xl-1-12, .grid__item_xl-2-24 { width: 8.3333%; }
  .grid__item_xl-1-8, .grid__item_xl-3-24 { width: 12.5000%; }
  .grid__item_xl-1-6, .grid__item_xl-4-24 { width: 16.6667%; }
  .grid__item_xl-1-5 { width: 20%; }
  .grid__item_xl-5-24 { width: 20.8333%; }
  .grid__item_xl-1-4, .grid__item_xl-6-24 { width: 25%; }
  .grid__item_xl-7-24 { width: 29.1667%; }
  .grid__item_xl-1-3, .grid__item_xl-8-24 { width: 33.3333%; }
  .grid__item_xl-3-8, .grid__item_xl-9-24 { width: 37.5000%; }
  .grid__item_xl-2-5 { width: 40%; }
  .grid__item_xl-5-12, .grid__item_xl-10-24 { width: 41.6667%; }
  .grid__item_xl-11-24 { width: 45.8333%; }
  .grid__item_xl-1-2, .grid__item_xl-12-24 { width: 50%; }
  .grid__item_xl-13-24 { width: 54.1667%; }
  .grid__item_xl-7-12, .grid__item_xl-14-24 { width: 58.3333%; }
  .grid__item_xl-3-5 { width: 60%; }
  .grid__item_xl-5-8, .grid__item_xl-15-24 { width: 62.5000%; }
  .grid__item_xl-2-3, .grid__item_xl-16-24 { width: 66.6667%; }
  .grid__item_xl-17-24 { width: 70.8333%; }
  .grid__item_xl-3-4, .grid__item_xl-18-24 { width: 75%; }
  .grid__item_xl-19-24 { width: 79.1667%; }
  .grid__item_xl-4-5 { width: 80%; }
  .grid__item_xl-5-6, .grid__item_xl-20-24 { width: 83.3333%; }
  .grid__item_xl-7-8, .grid__item_xl-21-24 { width: 87.5000%; }
  .grid__item_xl-11-12, .grid__item_xl-22-24 { width: 91.6667%; }
  .grid__item_xl-23-24 { width: 95.8333%; }
  .grid__item_xl-1, .grid__item_xl-1-1, .grid__item_xl-5-5, .grid__item_xl-24-24 { width: 100%; }
  [class*='grid__item_xl'].left { padding-right: 10px; }
  [class*='grid__item_xl'].right { padding-left: 10px; }
  .grid__item_xl-0 { width: 0; height: 0; padding: 0; margin: 0; } }

.left { float: left; -webkit-box-ordinal-group: 0; -ms-flex-order: -1; order: -1; }

.right { float: right; -webkit-box-ordinal-group: 100; -ms-flex-order: 99; order: 99; }

.clearfloats:after { content: ''; display: table; clear: both; }

.block { display: block; }

.blur { color: rgba(0, 0, 0, 0.4) !important; }

.nopadding { padding: 0 !important; }

.nopadding-x { padding-left: 0 !important; padding-right: 0 !important; }

.nopadding-y { padding-top: 0 !important; padding-bottom: 0 !important; }

.nomargin { margin: 0 !important; }

.rounded { border-radius: 6px !important; }

.radial { border-radius: 500px; }

.padded { padding: 4%; }

.padded-x { padding: 0 4%; }

.padded-y { padding: 4% 0; }

@media screen and (min-width: 55em) and (max-width: 64em) { .padded_md { padding: 4%; }
  .padded_md-x { padding: 0 4%; }
  .padded_md-y { padding: 4% 0; } }

@media screen and (min-width: 64em) { .padded_lg { padding: 4%; }
  .padded_lg-x { padding: 0 4%; }
  .padded_lg-y { padding: 4% 0; } }

@media screen and (max-width: 55em) { .padded_sm { padding: 4%; }
  .padded_sm-x { padding: 0 4%; }
  .padded_sm-y { padding: 4% 0; } }

.screen-reader-text { position: absolute; left: -10000px; top: auto; width: 1px; height: 1px; overflow: hidden; }

.video { width: 90%; }

.wp-caption { max-width: 100%; }

.wrapper { max-width: 1010px; position: relative; display: block; }

.wrapper_center { margin: 0 auto; }

.wrapper_full { max-width: 100%; position: relative; display: block; }

.wrapper_content { max-width: 630px; }

@media screen and (max-width: 1140px) { .wrapper_content { padding-left: 20px; padding-right: 20px; } }

@media screen and (max-width: 55em) { .wrapper_main { max-width: 630px; } }

.access-level:before { content: '€'; float: right; padding-right: 5px; }

/* Freebies */
.required-level-1 .access-level:before { content: ''; }

/* Printtitilaaja */
.asauth-accesslevel-3 .required-level-1 .access-level:before, .asauth-accesslevel-3 .required-level-2 .access-level:before, .asauth-accesslevel-3 .required-level-3 .access-level:before { content: ''; }

/* Admin or Digitilaaja: access to all paid content */
.asauth-accesslevel-4 .access-level:before, .asauth-accesslevel-999 .access-level:before { content: ''; }

.media_centered { background-position: center center; background-size: cover; }

.fixed { position: fixed !important; }

.hidden { display: none !important; }

.clear { clear: both; }

.clearleft { clear: left; }

.clearright { clear: right; }

.width-100 { width: 100% !important; }

.width-75 { width: 75% !important; }

.width-70 { width: 70% !important; }

.width-50 { width: 50% !important; }

.width-30 { width: 30% !important; }

.width-25 { width: 25% !important; }

.striped > *:nth-of-type(odd) { background: #b3b3b3; }

.bordered > .template:after { background: #b3b3b3; content: ""; height: 1px; margin-top: 10px; margin-bottom: 10px; display: block; }

.bordered > .template:last-of-type:after { height: 0; margin-top: 20px; }

.alignleft { float: left; margin-right: 10px; }

.alignright { float: right; margin-left: 10px; }

.aligncenter { margin: 0 auto; display: block; }

.alignnone { float: none; }

.textalign_left { text-align: left; }

.textalign_right { text-align: right; }

.textalign_center { text-align: center; }

@media screen and (min-width: 31.25em) { .textalign_tn_left { text-align: left; }
  .textalign_tn_right { text-align: right; }
  .textalign_tn_center { text-align: center; } }

@media screen and (min-width: 35.5em) { .textalign_sm_left { text-align: left; }
  .textalign_sm_right { text-align: right; }
  .textalign_sm_center { text-align: center; } }

@media screen and (min-width: 55em) { .textalign_md_left { text-align: left; }
  .textalign_md_right { text-align: right; }
  .textalign_md_center { text-align: center; } }

@media screen and (min-width: 64em) { .textalign_lg_left { text-align: left; }
  .textalign_lg_right { text-align: right; }
  .textalign_lg_center { text-align: center; } }

@media screen and (min-width: 80em) { .textalign_xl_left { text-align: left; }
  .textalign_xl_right { text-align: right; }
  .textalign_xl_center { text-align: center; } }

img.aligncenter { margin-left: auto; margin-right: auto; color: transparent; }

.font__main { font-family: "Heuristica", sans-serif; }

.font__main__title { font-family: "Heuristica", sans-serif; }

.font_uppercase { text-transform: uppercase; }

.list-style__inline { margin: 0; list-style-type: none; }

.list-style__inline li { display: inline; }

.list-style__none { margin: 0; list-style-type: none; }

.x-mark { cursor: pointer; color: #666666; font-size: 24px; line-height: 24px; height: 24px; float: right; margin-right: 12px; margin-top: 12px; text-decoration: none; text-shadow: 0 1px 0 #ffffff; }

.x-mark:before { content: "\f057"; display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-transform: translate(0, 0); transform: translate(0, 0); }

@media screen and (max-width: 55em) { .display_desktop { display: none !important; } }

@media screen and (max-width: 35.5em) and (min-width: 55em) { .display_tablet { display: none !important; } }

@media screen and (min-width: 35.5em) { .display_mobile { display: none !important; } }

@media screen and (min-width: 55em) { .hide_desktop { display: none !important; } }

@media screen and (min-width: 31.25em) and (max-width: 55em) { .hide_tablet { display: none !important; } }

@media screen and (max-width: 31.25em) { .hide_mobile { display: none !important; } }

@media screen and (min-width: 80em) { .hide_xl { display: none !important; } }

@media screen and (min-width: 64em) and (max-width: 80em) { .hide_lg { display: none !important; } }

@media screen and (min-width: 55em) and (max-width: 64em) { .hide_md { display: none !important; } }

@media screen and (min-width: 35.5em) and (max-width: 55em) { .hide_sm { display: none !important; } }

@media screen and (max-width: 35.5em) { .hide_tn { display: none !important; } }

.fluid-image { background-position: center center; background-repeat: no-repeat; background-size: cover; height: 0; padding-top: 65%; }

.fluid-image.round { border-radius: 500px; padding-top: 100%; }

.fluid-image.square { padding-top: 100%; }

.loader { width: 0.75em; height: 0.75em; -webkit-animation: sweep 1s infinite linear; animation: sweep 1s infinite linear; border-radius: 4.6875em; border-bottom: 0.3125em solid currentColor; display: inline-block; }

@-webkit-keyframes sweep { to { transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

@keyframes sweep { to { transform: rotate(360deg);
    -webkit-transform: rotate(360deg);
    -moz-transform: rotate(360deg);
    -ms-transform: rotate(360deg);
    -o-transform: rotate(360deg); } }

/* END OF: Ajax pyörijä */
.grid { letter-spacing: -0.31em; /* Webkit: collapse white-space between units */ text-rendering: optimizespeed; /* Webkit: fixes text-rendering: optimizeLegibility */ word-spacing: -0.43em; font-family: FreeSans, Arimo, "Droid Sans", Helvetica, Arial, sans-serif; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-flow: row wrap; flex-flow: row wrap; -ms-flex-line-pack: start; align-content: flex-start; list-style: none; }

[class*='grid__item'] { margin-bottom: 1em; letter-spacing: normal; word-spacing: normal; text-rendering: auto; display: inline-block; vertical-align: top; zoom: 1; }

.grid-gutter { margin-left: -10px; margin-right: -10px; }

.grid-gutter > [class*=grid__item] { padding-left: 10px; padding-right: 10px; }

@media screen and (min-width: 55em) { .grid-gutter { margin-left: -22px; margin-right: -22px; }
  .grid-gutter > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (max-width: 55em) { .grid-gutter_sm { margin-left: -22px; margin-right: -22px; }
  .grid-gutter_sm > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (min-width: 55em) and (max-width: 64em) { .grid-gutter_md { margin-left: -22px; margin-right: -22px; }
  .grid-gutter_md > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (min-width: 64em) { .grid-gutter_lg { margin-left: -22px; margin-right: -22px; }
  .grid-gutter_lg > [class*=grid__item] { padding-left: 22px; padding-right: 22px; } }

@media screen and (min-width: 55em) { .grid-gutter_tight { margin-left: -10px; margin-right: -10px; }
  .grid-gutter_tight > [class*=grid__item] { padding-left: 10px; padding-right: 10px; } }

.grid-align-even [class*="grid__item"] + [class*="grid__item"]:not(:last-of-type) { text-align: center; }

.grid-align-even [class*="grid__item"]:last-of-type { text-align: right; }

.grid__item_0 { width: 0; height: 0; padding: 0; margin: 0; }

.grid__item_1-24 { width: 4.1667%; }

.grid__item_1-24.left { padding-right: 10px; }

.grid__item_1-24.right { padding-left: 10px; }

.grid__item_1-12, .grid__item_2-24 { width: 8.3333%; }

.grid__item_1-12.left, .grid__item_2-24.left { padding-right: 10px; }

.grid__item_1-12.right, .grid__item_2-24.right { padding-left: 10px; }

.grid__item_1-8, .grid__item_3-24 { width: 12.5000%; }

.grid__item_1-8.left, .grid__item_3-24.left { padding-right: 10px; }

.grid__item_1-8.right, .grid__item_3-24.right { padding-left: 10px; }

.grid__item_1-6, .grid__item_4-24 { width: 16.6667%; }

.grid__item_1-6.left, .grid__item_4-24.left { padding-right: 10px; }

.grid__item_1-6.right, .grid__item_4-24.right { padding-left: 10px; }

.grid__item_1-5 { width: 20%; }

.grid__item_1-5.left { padding-right: 10px; }

.grid__item_1-5.right { padding-left: 10px; }

.grid__item_5-24 { width: 20.8333%; }

.grid__item_5-24.left { padding-right: 10px; }

.grid__item_5-24.right { padding-left: 10px; }

.grid__item_1-4, .grid__item_6-24 { width: 25%; }

.grid__item_1-4.left, .grid__item_6-24.left { padding-right: 10px; }

.grid__item_1-4.right, .grid__item_6-24.right { padding-left: 10px; }

.grid__item_7-24 { width: 29.1667%; }

.grid__item_7-24.left { padding-right: 10px; }

.grid__item_7-24.right { padding-left: 10px; }

.grid__item_1-3, .grid__item_8-24 { width: 33.3333%; }

.grid__item_1-3.left, .grid__item_8-24.left { padding-right: 10px; }

.grid__item_1-3.right, .grid__item_8-24.right { padding-left: 10px; }

.grid__item_3-8, .grid__item_9-24 { width: 37.5000%; }

.grid__item_3-8.left, .grid__item_9-24.left { padding-right: 10px; }

.grid__item_3-8.right, .grid__item_9-24.right { padding-left: 10px; }

.grid__item_2-5 { width: 40%; }

.grid__item_2-5.left { padding-right: 10px; }

.grid__item_2-5.right { padding-left: 10px; }

.grid__item_5-12, .grid__item_10-24 { width: 41.6667%; }

.grid__item_5-12.left, .grid__item_10-24.left { padding-right: 10px; }

.grid__item_5-12.right, .grid__item_10-24.right { padding-left: 10px; }

.grid__item_11-24 { width: 45.8333%; }

.grid__item_11-24.left { padding-right: 10px; }

.grid__item_11-24.right { padding-left: 10px; }

.grid__item_1-2, .grid__item_12-24 { width: 50%; }

.grid__item_1-2.left, .grid__item_12-24.left { padding-right: 10px; }

.grid__item_1-2.right, .grid__item_12-24.right { padding-left: 10px; }

.grid__item_13-24 { width: 54.1667%; }

.grid__item_13-24.left { padding-right: 10px; }

.grid__item_13-24.right { padding-left: 10px; }

.grid__item_7-12, .grid__item_14-24 { width: 58.3333%; }

.grid__item_7-12.left, .grid__item_14-24.left { padding-right: 10px; }

.grid__item_7-12.right, .grid__item_14-24.right { padding-left: 10px; }

.grid__item_3-5 { width: 60%; }

.grid__item_3-5.left { padding-right: 10px; }

.grid__item_3-5.right { padding-left: 10px; }

.grid__item_5-8, .grid__item_15-24 { width: 62.5000%; }

.grid__item_5-8.left, .grid__item_15-24.left { padding-right: 10px; }

.grid__item_5-8.right, .grid__item_15-24.right { padding-left: 10px; }

.grid__item_2-3, .grid__item_16-24 { width: 66.6667%; }

.grid__item_2-3.left, .grid__item_16-24.left { padding-right: 10px; }

.grid__item_2-3.right, .grid__item_16-24.right { padding-left: 10px; }

.grid__item_17-24 { width: 70.8333%; }

.grid__item_17-24.left { padding-right: 10px; }

.grid__item_17-24.right { padding-left: 10px; }

.grid__item_3-4, .grid__item_18-24 { width: 75%; }

.grid__item_3-4.left, .grid__item_18-24.left { padding-right: 10px; }

.grid__item_3-4.right, .grid__item_18-24.right { padding-left: 10px; }

.grid__item_19-24 { width: 79.1667%; }

.grid__item_19-24.left { padding-right: 10px; }

.grid__item_19-24.right { padding-left: 10px; }

.grid__item_4-5 { width: 80%; }

.grid__item_4-5.left { padding-right: 10px; }

.grid__item_4-5.right { padding-left: 10px; }

.grid__item_5-6, .grid__item_20-24 { width: 83.3333%; }

.grid__item_5-6.left, .grid__item_20-24.left { padding-right: 10px; }

.grid__item_5-6.right, .grid__item_20-24.right { padding-left: 10px; }

.grid__item_7-8, .grid__item_21-24 { width: 87.5000%; }

.grid__item_7-8.left, .grid__item_21-24.left { padding-right: 10px; }

.grid__item_7-8.right, .grid__item_21-24.right { padding-left: 10px; }

.grid__item_11-12, .grid__item_22-24 { width: 91.6667%; }

.grid__item_11-12.left, .grid__item_22-24.left { padding-right: 10px; }

.grid__item_11-12.right, .grid__item_22-24.right { padding-left: 10px; }

.grid__item_23-24 { width: 95.8333%; }

.grid__item_23-24.left { padding-right: 10px; }

.grid__item_23-24.right { padding-left: 10px; }

.grid__item_1, .grid__item_1-1, .grid__item_5-5, .grid__item_24-24 { width: 100%; }

@media screen and (min-width: 31.25em) { .grid__item_tn-1-24 { width: 4.1667%; }
  .grid__item_tn-1-12, .grid__item_tn-2-24 { width: 8.3333%; }
  .grid__item_tn-1-8, .grid__item_tn-3-24 { width: 12.5000%; }
  .grid__item_tn-1-6, .grid__item_tn-4-24 { width: 16.6667%; }
  .grid__item_tn-1-5 { width: 20%; }
  .grid__item_tn-5-24 { width: 20.8333%; }
  .grid__item_tn-1-4, .grid__item_tn-6-24 { width: 25%; }
  .grid__item_tn-7-24 { width: 29.1667%; }
  .grid__item_tn-1-3, .grid__item_tn-8-24 { width: 33.3333%; }
  .grid__item_tn-3-8, .grid__item_tn-9-24 { width: 37.5000%; }
  .grid__item_tn-2-5 { width: 40%; }
  .grid__item_tn-5-12, .grid__item_tn-10-24 { width: 41.6667%; }
  .grid__item_tn-11-24 { width: 45.8333%; }
  .grid__item_tn-1-2, .grid__item_tn-12-24 { width: 50%; }
  .grid__item_tn-13-24 { width: 54.1667%; }
  .grid__item_tn-7-12, .grid__item_tn-14-24 { width: 58.3333%; }
  .grid__item_tn-3-5 { width: 60%; }
  .grid__item_tn-5-8, .grid__item_tn-15-24 { width: 62.5000%; }
  .grid__item_tn-2-3, .grid__item_tn-16-24 { width: 66.6667%; }
  .grid__item_tn-17-24 { width: 70.8333%; }
  .grid__item_tn-3-4, .grid__item_tn-18-24 { width: 75%; }
  .grid__item_tn-19-24 { width: 79.1667%; }
  .grid__item_tn-4-5 { width: 80%; }
  .grid__item_tn-5-6, .grid__item_tn-20-24 { width: 83.3333%; }
  .grid__item_tn-7-8, .grid__item_tn-21-24 { width: 87.5000%; }
  .grid__item_tn-11-12, .grid__item_tn-22-24 { width: 91.6667%; }
  .grid__item_tn-23-24 { width: 95.8333%; }
  .grid__item_tn-1, .grid__item_tn-1-1, .grid__item_tn-5-5, .grid__item_tn-24-24 { width: 100%; }
  [class*='grid__item_tn'].left { padding-right: 10px; }
  [class*='grid__item_tn'].right { padding-left: 10px; }
  .grid__item_tn-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 35.5em) { .grid__item_sm-1-24 { width: 4.1667%; }
  .grid__item_sm-1-12, .grid__item_sm-2-24 { width: 8.3333%; }
  .grid__item_sm-1-8, .grid__item_sm-3-24 { width: 12.5000%; }
  .grid__item_sm-1-6, .grid__item_sm-4-24 { width: 16.6667%; }
  .grid__item_sm-1-5 { width: 20%; }
  .grid__item_sm-5-24 { width: 20.8333%; }
  .grid__item_sm-1-4, .grid__item_sm-6-24 { width: 25%; }
  .grid__item_sm-7-24 { width: 29.1667%; }
  .grid__item_sm-1-3, .grid__item_sm-8-24 { width: 33.3333%; }
  .grid__item_sm-3-8, .grid__item_sm-9-24 { width: 37.5000%; }
  .grid__item_sm-2-5 { width: 40%; }
  .grid__item_sm-5-12, .grid__item_sm-10-24 { width: 41.6667%; }
  .grid__item_sm-11-24 { width: 45.8333%; }
  .grid__item_sm-1-2, .grid__item_sm-12-24 { width: 50%; }
  .grid__item_sm-13-24 { width: 54.1667%; }
  .grid__item_sm-7-12, .grid__item_sm-14-24 { width: 58.3333%; }
  .grid__item_sm-3-5 { width: 60%; }
  .grid__item_sm-5-8, .grid__item_sm-15-24 { width: 62.5000%; }
  .grid__item_sm-2-3, .grid__item_sm-16-24 { width: 66.6667%; }
  .grid__item_sm-17-24 { width: 70.8333%; }
  .grid__item_sm-3-4, .grid__item_sm-18-24 { width: 75%; }
  .grid__item_sm-19-24 { width: 79.1667%; }
  .grid__item_sm-4-5 { width: 80%; }
  .grid__item_sm-5-6, .grid__item_sm-20-24 { width: 83.3333%; }
  .grid__item_sm-7-8, .grid__item_sm-21-24 { width: 87.5000%; }
  .grid__item_sm-11-12, .grid__item_sm-22-24 { width: 91.6667%; }
  .grid__item_sm-23-24 { width: 95.8333%; }
  .grid__item_sm-1, .grid__item_sm-1-1, .grid__item_sm-5-5, .grid__item_sm-24-24 { width: 100%; }
  [class*='grid__item_sm'].left { padding-right: 10px; }
  [class*='grid__item_sm'].right { padding-left: 10px; }
  .grid__item_sm-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 55em) { .grid__item_md-1-24 { width: 4.1667%; }
  .grid__item_md-1-12, .grid__item_md-2-24 { width: 8.3333%; }
  .grid__item_md-1-8, .grid__item_md-3-24 { width: 12.5000%; }
  .grid__item_md-1-6, .grid__item_md-4-24 { width: 16.6667%; }
  .grid__item_md-1-5 { width: 20%; }
  .grid__item_md-5-24 { width: 20.8333%; }
  .grid__item_md-1-4, .grid__item_md-6-24 { width: 25%; }
  .grid__item_md-7-24 { width: 29.1667%; }
  .grid__item_md-1-3, .grid__item_md-8-24 { width: 33.3333%; }
  .grid__item_md-3-8, .grid__item_md-9-24 { width: 37.5000%; }
  .grid__item_md-2-5 { width: 40%; }
  .grid__item_md-5-12, .grid__item_md-10-24 { width: 41.6667%; }
  .grid__item_md-11-24 { width: 45.8333%; }
  .grid__item_md-1-2, .grid__item_md-12-24 { width: 50%; }
  .grid__item_md-13-24 { width: 54.1667%; }
  .grid__item_md-7-12, .grid__item_md-14-24 { width: 58.3333%; }
  .grid__item_md-3-5 { width: 60%; }
  .grid__item_md-5-8, .grid__item_md-15-24 { width: 62.5000%; }
  .grid__item_md-2-3, .grid__item_md-16-24 { width: 66.6667%; }
  .grid__item_md-17-24 { width: 70.8333%; }
  .grid__item_md-3-4, .grid__item_md-18-24 { width: 75%; }
  .grid__item_md-19-24 { width: 79.1667%; }
  .grid__item_md-4-5 { width: 80%; }
  .grid__item_md-5-6, .grid__item_md-20-24 { width: 83.3333%; }
  .grid__item_md-7-8, .grid__item_md-21-24 { width: 87.5000%; }
  .grid__item_md-11-12, .grid__item_md-22-24 { width: 91.6667%; }
  .grid__item_md-23-24 { width: 95.8333%; }
  .grid__item_md-1, .grid__item_md-1-1, .grid__item_md-5-5, .grid__item_md-24-24 { width: 100%; }
  [class*='grid__item_md'].left { padding-right: 10px; }
  [class*='grid__item_md'].right { padding-left: 10px; }
  .grid__item_md-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 64em) { .grid__item_lg-1-24 { width: 4.1667%; }
  .grid__item_lg-1-12, .grid__item_lg-2-24 { width: 8.3333%; }
  .grid__item_lg-1-8, .grid__item_lg-3-24 { width: 12.5000%; }
  .grid__item_lg-1-6, .grid__item_lg-4-24 { width: 16.6667%; }
  .grid__item_lg-1-5 { width: 20%; }
  .grid__item_lg-5-24 { width: 20.8333%; }
  .grid__item_lg-1-4, .grid__item_lg-6-24 { width: 25%; }
  .grid__item_lg-7-24 { width: 29.1667%; }
  .grid__item_lg-1-3, .grid__item_lg-8-24 { width: 33.3333%; }
  .grid__item_lg-3-8, .grid__item_lg-9-24 { width: 37.5000%; }
  .grid__item_lg-2-5 { width: 40%; }
  .grid__item_lg-5-12, .grid__item_lg-10-24 { width: 41.6667%; }
  .grid__item_lg-11-24 { width: 45.8333%; }
  .grid__item_lg-1-2, .grid__item_lg-12-24 { width: 50%; }
  .grid__item_lg-13-24 { width: 54.1667%; }
  .grid__item_lg-7-12, .grid__item_lg-14-24 { width: 58.3333%; }
  .grid__item_lg-3-5 { width: 60%; }
  .grid__item_lg-5-8, .grid__item_lg-15-24 { width: 62.5000%; }
  .grid__item_lg-2-3, .grid__item_lg-16-24 { width: 66.6667%; }
  .grid__item_lg-17-24 { width: 70.8333%; }
  .grid__item_lg-3-4, .grid__item_lg-18-24 { width: 75%; }
  .grid__item_lg-19-24 { width: 79.1667%; }
  .grid__item_lg-4-5 { width: 80%; }
  .grid__item_lg-5-6, .grid__item_lg-20-24 { width: 83.3333%; }
  .grid__item_lg-7-8, .grid__item_lg-21-24 { width: 87.5000%; }
  .grid__item_lg-11-12, .grid__item_lg-22-24 { width: 91.6667%; }
  .grid__item_lg-23-24 { width: 95.8333%; }
  .grid__item_lg-1, .grid__item_lg-1-1, .grid__item_lg-5-5, .grid__item_lg-24-24 { width: 100%; }
  [class*='grid__item_lg'].left { padding-right: 10px; }
  [class*='grid__item_lg'].right { padding-left: 10px; }
  .grid__item_lg-0 { width: 0; height: 0; padding: 0; margin: 0; } }

@media screen and (min-width: 80em) { .grid__item_xl-1-24 { width: 4.1667%; }
  .grid__item_xl-1-12, .grid__item_xl-2-24 { width: 8.3333%; }
  .grid__item_xl-1-8, .grid__item_xl-3-24 { width: 12.5000%; }
  .grid__item_xl-1-6, .grid__item_xl-4-24 { width: 16.6667%; }
  .grid__item_xl-1-5 { width: 20%; }
  .grid__item_xl-5-24 { width: 20.8333%; }
  .grid__item_xl-1-4, .grid__item_xl-6-24 { width: 25%; }
  .grid__item_xl-7-24 { width: 29.1667%; }
  .grid__item_xl-1-3, .grid__item_xl-8-24 { width: 33.3333%; }
  .grid__item_xl-3-8, .grid__item_xl-9-24 { width: 37.5000%; }
  .grid__item_xl-2-5 { width: 40%; }
  .grid__item_xl-5-12, .grid__item_xl-10-24 { width: 41.6667%; }
  .grid__item_xl-11-24 { width: 45.8333%; }
  .grid__item_xl-1-2, .grid__item_xl-12-24 { width: 50%; }
  .grid__item_xl-13-24 { width: 54.1667%; }
  .grid__item_xl-7-12, .grid__item_xl-14-24 { width: 58.3333%; }
  .grid__item_xl-3-5 { width: 60%; }
  .grid__item_xl-5-8, .grid__item_xl-15-24 { width: 62.5000%; }
  .grid__item_xl-2-3, .grid__item_xl-16-24 { width: 66.6667%; }
  .grid__item_xl-17-24 { width: 70.8333%; }
  .grid__item_xl-3-4, .grid__item_xl-18-24 { width: 75%; }
  .grid__item_xl-19-24 { width: 79.1667%; }
  .grid__item_xl-4-5 { width: 80%; }
  .grid__item_xl-5-6, .grid__item_xl-20-24 { width: 83.3333%; }
  .grid__item_xl-7-8, .grid__item_xl-21-24 { width: 87.5000%; }
  .grid__item_xl-11-12, .grid__item_xl-22-24 { width: 91.6667%; }
  .grid__item_xl-23-24 { width: 95.8333%; }
  .grid__item_xl-1, .grid__item_xl-1-1, .grid__item_xl-5-5, .grid__item_xl-24-24 { width: 100%; }
  [class*='grid__item_xl'].left { padding-right: 10px; }
  [class*='grid__item_xl'].right { padding-left: 10px; }
  .grid__item_xl-0 { width: 0; height: 0; padding: 0; margin: 0; } }

#moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder, #moove_gdpr_cookie_modal .moove-gdpr-modal-content .moove-gdpr-company-logo-holder img { display: none !important; }

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-modal-title { margin-bottom: 0 !important; }

#moove_gdpr_cookie_modal .moove-gdpr-modal-content.moove_gdpr_modal_theme_v2 .moove-gdpr-tab-main .moove-gdpr-tab-main-content { padding-bottom: 40px !important; }

.main-navigation li { float: none !important; display: table-cell; }

@media screen and (max-width: 64em) { .main-navigation li { display: inherit; } }

.main-navigation li a { color: #222; padding: 0px 15px; border-right: solid 1px #c8a01e; }

@media screen and (min-width: 55em) { .main-navigation li:hover .sub-menu { max-height: 500px; } }

.main-navigation .sub-menu { -webkit-box-shadow: none; box-shadow: none; background: #fff; border-bottom: 4px solid #41629c; border-top: 9px solid transparent; -webkit-box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.04), -7px 9px 10px rgba(0, 0, 0, 0.04); box-shadow: 7px 10px 10px rgba(0, 0, 0, 0.04), -7px 9px 10px rgba(0, 0, 0, 0.04); -moz-background-clip: border; /* Firefox 3.6 */ -webkit-background-clip: border; /* Safari 4? Chrome 6? */ background-clip: border-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: padding; /* Firefox 3.6 */ -webkit-background-clip: padding; /* Safari 4? Chrome 6? */ background-clip: padding-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ -moz-background-clip: content; /* Firefox 3.6 */ -webkit-background-clip: content; /* Safari 4? Chrome 6? */ background-clip: content-box; /* Firefox 4, Safari 5, Opera 10, IE 9 */ max-height: 0; overflow: hidden; -webkit-transition: max-height .5s; transition: max-height .5s; }

.main-navigation .sub-menu li { float: left !important; width: 100%; background-color: #fff; }

.main-navigation .sub-menu li a { line-height: 16px !important; font-size: 13px; width: 100%; font-family: "fira-sans", sans-serif; color: #41629c !important; font-weight: normal !important; border: none; padding: 4px 20px; height: 100% !important; margin: 0 !important; }

.main-navigation .sub-menu li a::after { display: none !important; }

.main-navigation .sub-menu li:hover { background-color: #41629c; }

.main-navigation .sub-menu li:hover a { color: white !important; }

.main-navigation .sub-menu li::after { display: none !important; }

.main-navigation .sub-menu::after { display: none !important; }

.main-navigation #primary-menu { margin-top: 10px; display: table !important; font-family: "Heuristica", sans-serif; font-size: 15px; padding-top: 6px !important; padding-bottom: 0 !important; overflow: visible; border-bottom: 1px solid #c8a01e; border-top: 7px solid #c8a01e; width: 100%; height: 40px; }

.main-navigation #primary-menu li:hover { position: relative; }

.main-navigation #primary-menu li:hover ::after { content: " "; display: block; height: 7px; width: 35px; background-color: #c8a01e; position: relative; top: 2px; margin: 0 auto; }

.main-navigation #primary-menu > li > a { text-align: center; color: #222; height: 13.5px; line-height: 18px; margin-top: 3px; }

.main-navigation #primary-menu :visited { color: #222; }

.main-navigation #primary-menu .current-menu-item, .main-navigation #primary-menu .current-page-parent { position: relative; }

.main-navigation #primary-menu .current-menu-item a, .main-navigation #primary-menu .current-page-parent a { font-weight: 900; color: #c8a01e; }

.main-navigation #primary-menu .current-menu-item ::after, .main-navigation #primary-menu .current-page-parent ::after { content: " "; display: block; height: 7px; width: 35px; background-color: #c8a01e; position: relative; top: 2px; margin: 0 auto; }

.main-navigation #primary-menu li:last-of-type a { border-right: none; }

.main-navigation #primary-menu li:last-child:hover .sub-menu { right: 0; }

@media screen and (min-width: 64em) { .main-navigation #primary-menu .sub-menu li:last-child { margin-bottom: 15px; } }

.secondary-navigation { background-color: #41629c; }

.secondary-navigation ul { display: table; width: 100%; }

.secondary-navigation li { padding: 3px 0; height: 100%; position: relative; display: inline-block; float: none !important; }

.secondary-navigation li a { font-family: "fira-sans", sans-serif; color: #fff; font-size: 13px; padding: 0px 20px; line-height: 13px; margin: 2px 0; }

.secondary-navigation li:first-of-type a { border-right: 0.5px solid #fff; }

@media screen and (max-width: 35.5em) { .secondary-navigation li { border-bottom: 1px solid #fff; display: block; }
  .secondary-navigation li a { border: none; } }

@media screen and (max-width: 64em) and (min-width: 35.5em) { .secondary-navigation ul { text-align: center; }
  .secondary-navigation ul li { display: inline-block; border: none; }
  .secondary-navigation ul li a { border: none; border-right: 2px solid #fff; }
  .secondary-navigation ul li.last-of-line a { border-right: none; } }

.language-list { z-index: 3; margin: 0; padding: 0; color: #41629c; position: absolute; top: 0; right: 0; font-weight: 600; font-size: 12px; }

.language-list li { display: inline; padding-right: 5px; padding-left: 5px; }

.language-list li a { text-decoration: none; color: #41629c; height: auto; }

.language-list li a:visited { color: #41629c; }

.language-list li.current-language a { color: #c8a01e; border-bottom: 2px solid; padding-bottom: 2px; pointer-events: none; }

.language-list li:hover a { color: #c8a01e; border-bottom: 2px solid; padding-bottom: 2px; }

.language-list :last-of-type { border: none; }

@media screen and (min-width: 64em) { .search-toggle, .menu-toggle, .language-toggle { display: none; } }

@media screen and (max-width: 64em) { body { padding-top: 45px !important; }
  .main-navigation { background-color: #41629c; position: relative; top: 44px; }
  .main-navigation #primary-menu { border: none; width: 100%; }
  .main-navigation li { text-align: left; float: none !important; }
  .main-navigation li a { display: inline-block; color: white !important; border: none; margin: 0 auto; }
  .main-navigation li ::after { display: none !important; }
  .nav-wrapper { background-color: #41629c; height: 44px; position: absolute; left: 0; top: -45px; width: 100%; z-index: 1; }
  .search-toggle { display: block; border: none; background: none; color: #c8a01e; position: absolute; right: 40px; top: 0; z-index: 2; }
  .search-toggle i { font-size: 30px; }
  .language-toggle { display: block; border: none; background: none; color: #FFF; position: absolute; left: 0; top: 3px; z-index: 2; font-size: 18px; font-weight: 600; }
  .menu-toggle { display: block; border: none; background: none; color: #c8a01e; position: absolute; right: 0; top: 0; z-index: 2; }
  .menu-toggle i { font-size: 30px; } }

/* Small menu. */
.main-navigation.toggled { max-height: 1000px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }

.main-navigation.toggled ul { overflow: hidden; }

.main-navigation.toggled #primary-menu { padding: 0; }

@media screen and (max-width: 64em) { .search-box.toggled input { width: 0 !important; background-color: #41629c; }
  .language-list { -webkit-box-shadow: 3px 5px 20px; box-shadow: 3px 5px 20px; max-height: 0; overflow: hidden; top: 44px; left: 0; right: auto; padding-right: 20px; padding-left: 15px; background-color: #c8a01e; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
  .language-list li { display: block; border: none; }
  .language-list li a { font-size: 16px; color: #fff; }
  .language-list li a:visited { color: #fff; }
  .language-list li.current-language { display: none; }
  .language-list.toggled { padding-bottom: 10px; padding-top: 10px; max-height: 200px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; } }

@media screen and (min-width: 64em) { .main-navigation ul, .main-navigation #primary-search { display: block !important; } }

@media screen and (max-width: 64em) { #primary-search { top: -40px; right: 85px; }
  #primary-search button { display: none; }
  #primary-search input[type="text"] { width: 170px; }
  .main-navigation { height: auto; }
  .main-navigation #primary-menu { display: block !important; background-color: #c8a01e; margin-top: 0; -webkit-box-shadow: 0 5px 20px; box-shadow: 0 5px 20px; padding: 15px 0 35px !important; max-height: 1000px; height: auto; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
  .main-navigation #primary-menu li { border-bottom: 1px solid #fff; }
  .main-navigation #primary-menu li a { width: 100%; text-align: left; font-size: 20px; line-height: 1.7; height: auto; }
  .main-navigation #primary-menu li.menu-item-has-children { overflow: hidden; }
  .main-navigation #primary-menu li.menu-item-has-children a { width: 88%; }
  .main-navigation #primary-menu li.menu-item-has-children .sub-menu { position: relative; top: 0; border: none; -webkit-box-shadow: none; box-shadow: none; padding: 0; width: 100%; }
  .main-navigation #primary-menu li.menu-item-has-children .sub-menu li { background-color: #41629c !important; padding-left: 15px; padding-right: 0; }
  .main-navigation #primary-menu li.menu-item-has-children .sub-menu li a { color: #fff !important; font-size: 16px; line-height: 1.7 !important; height: auto; }
  .main-navigation #primary-menu li.menu-item-has-children.focus { overflow: auto; }
  .main-navigation #primary-menu li.menu-item-has-children.focus .sub-menu { max-height: 700px; left: 0; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }
  .main-navigation #primary-menu li.menu-item-has-children.focus::before { content: "\f068"; }
  .main-navigation #primary-menu li.menu-item-has-children::before { content: "\f067"; font-family: FontAwesome; text-align: center; font-size: 16px; position: absolute; color: white; right: 0; top: 0; width: 12%; height: 100%; background: transparent; z-index: 999999999; padding-top: 13px; line-height: 1; }
  .main-navigation.toggled #primary-menu { max-height: 0; padding: 0 !important; overflow: hidden !important; } }

.search-box { position: absolute; right: 0; top: 50px; }

.search-box input[type="text"] { border-radius: 21px; border: 1px solid #41629c; color: #41629c; padding-left: 15px; width: 236px; height: 33px; overflow-y: hidden; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }

.search-box ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #41629c; font-style: italic; }

.search-box ::-moz-placeholder { /* Firefox 19+ */ color: #41629c; font-style: italic; }

.search-box :-ms-input-placeholder { /* IE 10+ */ color: #41629c; font-style: italic; }

.search-box :-moz-placeholder { /* Firefox 18- */ color: #41629c; font-style: italic; }

.search-box button { border: none; background: none; color: #41629c; margin-left: -55px; font-size: 20px; }

.navigation.pagination .nav-links { text-align: center; font-size: 15px; font-family: "fira-sans", sans-serif; font-weight: 600; margin-top: 20px; margin-bottom: 20px; }

.navigation.pagination .nav-links a { padding: 8px 16px; text-decoration: none; color: #2d2d2d !important; -webkit-transition: background-color .3s; transition: background-color .3s; }

.navigation.pagination .nav-links .page-numbers.current { padding: 8px 16px; color: #fff; background-color: #c8a01e; }

.navigation.pagination .nav-links a:hover:not(.active) { background-color: #ddd; }

.lead { font-family: "fira-sans", sans-serif; font-style: italic; font-size: 19px; line-height: 21px; margin: 0 0 20px 0; }

article .entry-content { margin-top: 0; }

img.alignleft { margin-bottom: 1.5em; }

.main-image { margin: 0; }

.main-image img { width: 100%; }

.image-caption p { font-family: "fira-sans", sans-serif; margin: 0; font-size: 14px; line-height: 19px; font-weight: 100; }

.meta-info { padding: 1% 0; border-top: 1px solid #c8a01e; border-bottom: 1px solid #c8a01e; }

.meta-info .meta-date { color: #c8a01e; font-weight: bold; padding-top: 10px; line-height: 15px; font-size: 14px; }

.meta-share .fa { width: 30px; height: 30px; text-align: center; border-radius: 50%; padding-top: 6px; font-size: 20px; color: white; }

.meta-share .fa-facebook { background-color: #3B5998; }

.meta-share .fa-twitter { background-color: #00aced; }

.article-categories { padding-top: 2%; border-top: 1px solid #c8a01e; }

.single-vaaliehdokkaat h1 { margin-bottom: 0; }

.ehdokasnumero span { display: inline-block; font-size: 1.2em; width: 2em; text-align: center; border-top: solid medium #c8a01e; border-bottom: solid medium #c8a01e; }

.ehdokas-portrait { max-width: 320px; padding-left: 3%; }

#sidebar .widget, #events .widget { margin: 0; }

#sidebar h3, #events h3 { display: block; color: #c8a01e; font-size: 19px; line-height: 1.2; padding: 0 0 5px 0; margin: 0; border-bottom: 1px solid #c8a01e; }

#sidebar h4, #events h4 { margin: 0; }

#sidebar p, #events p { display: block; color: #2d2d2d; font-size: 14px; line-height: 19px; font-weight: 100; font-family: "fira-sans", sans-serif; }

#sidebar .widget, #events .widget { padding: 15px; border: 8px solid #eef3fa; }

#sidebar .events table.event-widget, #events .events table.event-widget { margin: 0 0 5px 0; }

#sidebar .events table.event-widget tr.event-widget-row td, #events .events table.event-widget tr.event-widget-row td { vertical-align: top; border-bottom: 1px solid #c8a01e; padding: 5px 0; }

#sidebar .events table.event-widget tr.event-widget-row td *, #events .events table.event-widget tr.event-widget-row td * { margin-bottom: 0; margin-top: 0; }

#sidebar .events table.event-widget tr.event-widget-row td p, #events .events table.event-widget tr.event-widget-row td p { margin-bottom: 10px; }

#sidebar .events table.event-widget tr.event-widget-row td.event-date, #events .events table.event-widget tr.event-widget-row td.event-date { color: #2d2d2d; font-size: 14px; line-height: 19px; font-weight: 600; font-family: "fira-sans", sans-serif; text-decoration: none; width: 40px; }

#sidebar .events table.event-widget tr.event-widget-row td.event-meta, #events .events table.event-widget tr.event-widget-row td.event-meta { padding-left: 5px; }

#sidebar .events table.event-widget tr.event-widget-row td.event-meta a, #sidebar .events table.event-widget tr.event-widget-row td.event-meta a:visited, #sidebar .events table.event-widget tr.event-widget-row td.event-meta a:focus, #sidebar .events table.event-widget tr.event-widget-row td.event-meta a:active, #events .events table.event-widget tr.event-widget-row td.event-meta a, #events .events table.event-widget tr.event-widget-row td.event-meta a:visited, #events .events table.event-widget tr.event-widget-row td.event-meta a:focus, #events .events table.event-widget tr.event-widget-row td.event-meta a:active { display: block; color: #2d2d2d; font-size: 14px; line-height: 1.2; font-weight: 600; font-family: "fira-sans", sans-serif; text-decoration: none; }

#sidebar .events table.event-widget tr.event-widget-row td.event-meta a:hover, #sidebar .events table.event-widget tr.event-widget-row td.event-meta a:visited:hover, #sidebar .events table.event-widget tr.event-widget-row td.event-meta a:focus:hover, #sidebar .events table.event-widget tr.event-widget-row td.event-meta a:active:hover, #events .events table.event-widget tr.event-widget-row td.event-meta a:hover, #events .events table.event-widget tr.event-widget-row td.event-meta a:visited:hover, #events .events table.event-widget tr.event-widget-row td.event-meta a:focus:hover, #events .events table.event-widget tr.event-widget-row td.event-meta a:active:hover { color: #c8a01e; }

#sidebar .events table.event-widget tr.event-widget-row td.event-meta p, #events .events table.event-widget tr.event-widget-row td.event-meta p { margin: 5px 0 0 0; color: #2d2d2d; font-size: 14px; line-height: 1.2; font-weight: 100; font-family: "fira-sans", sans-serif; }

@media screen and (max-width: 64em) { .single #secondary { float: left; width: 100%; padding: 0; }
  .single #secondary .side-links { max-width: inherit; } }

@media screen and (min-width: 35.5em) { article.page .entry-header { padding-right: 20%; } }

article.page .main-image { line-height: 0; margin-bottom: 35px; }

article.page .main-image p { margin: 6px 0 1em 0; border-bottom: 1px solid #c8a01e; padding-bottom: 15px; }

.page-header { border-bottom: 8px solid #eef3fa; }

.page-header .header-title { display: table; width: 100%; height: 140px; color: #fff; text-align: center; background-color: #41629c; background-size: cover; background-repeat: no-repeat; background-position: 50%; }

.page-header .header-title h1 { display: table-cell; vertical-align: middle; font-size: 40px; margin: 0; padding: 0; letter-spacing: 1px; }

@media screen and (max-width: 55em) { .page-header .header-title h1 { font-size: 30px; } }

.page-header .header-title#ajankohtaista { background-image: url(../images/otsikkotaustat/ajankohtaista.png); }

.page-header .header-title#juhlat { background-image: url(../images/otsikkotaustat/juhlat.png); }

.page-header .header-title#jumalanpalvelukset { background-image: url(../images/otsikkotaustat/jumalanpalvelukset.png); }

.page-header .header-title#kirkot { background-image: url(../images/otsikkotaustat/kirkot.png); }

.page-header .header-title#tapahtumakalenteri { background-image: url(../images/otsikkotaustat/tapahtumakalenteri.png); }

.page-header .header-title#tule-mukaan { background-image: url(../images/otsikkotaustat/tulemukaan.png); }

.page-header .header-title#yhteystiedot { background-image: url(../images/otsikkotaustat/yhteystiedot.png); }

.page-header .header-title#apua-ja-tukea { background-image: url(../images/otsikkotaustat/apuajatukea.png); }

.page-header .header-ingressi { padding: 20px 5%; }

.page-header .header-ingressi p { font-family: "fira-sans", sans-serif; font-weight: 100; font-size: 19px; margin: 0; font-style: italic; line-height: 1.3em; }

@media screen and (max-width: 55em) { .page-header .header-ingressi p { margin-bottom: 9px; } }

#secondary h3 { border-bottom: 1px solid #c8a01e; margin-bottom: 8px; padding-bottom: 5px; margin-top: 0; }

#secondary h3 a, #secondary h3 a:visited { color: #c8a01e; font-weight: 600; font-size: 20px; text-decoration: none; }

#secondary ul { font-size: 14px; list-style-type: none; margin: 0 0 20px 0; padding: 0 0 2px 0; border-bottom: 1px solid #c8a01e; }

#secondary ul a, #secondary ul a:visited { font-weight: 600; display: block; color: #2d2d2d; text-decoration: none; }

#secondary ul a:hover, #secondary ul a:visited:hover { color: #c8a01e; }

#secondary .current-page a { pointer-events: none; cursor: default; color: #c8a01e !important; }

.page-content { padding-bottom: 1.5em; }

.page-content h4 { font-family: "fira-sans", sans-serif; margin-bottom: 0; }

.page-content p { margin-top: 5px; }

.page-template-page-daily-holiday .page-content p, .page-template-page-daily-word .page-content p { margin-top: 5px; font-weight: 400; font-size: 1.04rem; line-height: 1.65rem; letter-spacing: 0.1px; }

.page-content.fp-bottom-margin { margin: 0 0 1em 0; }

.entry-header .entry-title { margin-top: 0; margin-bottom: 20px; }

.entry-header .header-ingressi { font-style: italic; }

.entry-header .header-ingressi p { font-family: "fira-sans", sans-serif, sans-serif; font-style: italic; font-size: 19px; line-height: 21px; }

.page-template-page-whats-new .what-is-new-theme-bump { margin-bottom: 40px; padding-bottom: 20px; }

@media screen and (max-width: 35.5em) { .page-template-page-whats-new .what-is-new-theme-bump { padding-bottom: 0; } }

.page-template-page-whats-new .kirkkovuosi-slider-wrapper { margin-bottom: 40px; }

.page-template-default .entry-header { margin-bottom: 20px; }

#join-us .last-item { margin: 60px 0; border-top: 8px solid #eef3fa; padding: 20px 50px; }

#join-us .last-item p { font-size: 16px; }

@media screen and (max-width: 55em) { #join-us .grid__item_md-1-3 { margin-bottom: 20px; } }

#church-list a, .church-selection a { color: #2d2d2d; text-decoration: none !important; border-bottom: none; font-weight: 600; }

#church-list a:hover, .church-selection a:hover { color: #c8a01e; }

#church-list .category-name, .church-selection .category-name { display: block; margin-bottom: 10px; }

#church-list .container, .church-selection .container { margin: 0; }

#church-list .title, .church-selection .title { border-top: 8px solid #eef3fa; margin: 0; padding-top: 20px; }

#church-list .title h2, .church-selection .title h2 { color: #c8a01e; margin-bottom: 5px; line-height: 1.1; }

#church-list .title:first-of-type, .church-selection .title:first-of-type { border-top: none; }

#church-list .title:last-of-type, .church-selection .title:last-of-type { border-top: none; }

#church-list p, .church-selection p { margin: 0; color: #222; }

#church-list .list-item, .church-selection .list-item { border-bottom: solid 1px #c8a01e; padding: 10px 0; }

#church-list .list-item li:first-of-type a, .church-selection .list-item li:first-of-type a { border: none; font-size: 15px; }

#church-list .list-item div[class*='grid__item'], .church-selection .list-item div[class*='grid__item'] { margin-bottom: 0; }

#church-list .list-item:first-of-type, .church-selection .list-item:first-of-type { border-top: solid 1px #c8a01e; }

#church-list .list-item:last-of-type, .church-selection .list-item:last-of-type { border-bottom: none; }

#church-list .list-thumbnail, .church-selection .list-thumbnail { height: 62px; width: 62px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

#church-list .church-address:hover, .church-selection .church-address:hover { cursor: pointer; }

#church-list #map-wrapper, .church-selection #map-wrapper { padding: 40px 0; }

#volunteering { margin-top: 20px; }

#volunteering-boxes { border-top: 8px solid #eef3fa; padding-top: 30px; }

@media screen and (min-width: 35.5em) and (max-width: 55em) { .church-year-info { padding: 30%; } }

.church-year-info h2 { color: #c8a01e; line-height: 1.2; margin-top: 0; }

.church-year-info h3 { line-height: 1.2; font-family: "fira-sans", sans-serif; color: #2d2d2d; }

.seasons { border-left: 1px solid #c8a01e; margin-left: 25px; padding-right: 110px; }

@media screen and (max-width: 35.5em) { .seasons { padding: 0; } }

.seasons .season-name { color: #fff; background-color: #c2d3ec; border-radius: 0 20px 20px 0; padding: 5px 20px; font-weight: 600; font-size: 18px; line-height: 30px; display: inline-block; width: 100px; }

.seasons .season-name:hover { cursor: pointer; background-color: #41629c; }

.seasons .season { overflow: hidden; max-height: 40px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .2s; transition-duration: .2s; margin-bottom: 10px; }

.seasons .season:last-of-type { margin-bottom: 0; }

.seasons .season .season-article { display: table; position: relative; left: -5000px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; margin: 25px 0; }

.seasons .season .season-article a, .seasons .season .season-article a:visited { text-decoration: none; display: block; height: 100%; }

.seasons .season .season-article a:hover .church-year-img, .seasons .season .season-article a:focus .church-year-img, .seasons .season .season-article a:active .church-year-img, .seasons .season .season-article a:visited:hover .church-year-img, .seasons .season .season-article a:visited:focus .church-year-img, .seasons .season .season-article a:visited:active .church-year-img { opacity: 0.5 !important; }

.seasons .season .season-article .img-wrapper, .seasons .season .season-article .text-wrapper { display: table-cell; vertical-align: top; font-family: "fira-sans", sans-serif; }

.seasons .season .season-article .img-wrapper span, .seasons .season .season-article .img-wrapper h4, .seasons .season .season-article .text-wrapper span, .seasons .season .season-article .text-wrapper h4 { font-size: 18px; display: inline; color: #2d2d2d; }

.seasons .season .season-article .img-wrapper h4, .seasons .season .season-article .text-wrapper h4 { font-family: "Heuristica", sans-serif; }

.seasons .season .season-article .img-wrapper p, .seasons .season .season-article .text-wrapper p { margin: 5px 0; }

.seasons .season .season-article .img-wrapper .article-date, .seasons .season .season-article .text-wrapper .article-date { color: #c8a01e; font-weight: 600; }

.seasons .season .season-article .img-wrapper { width: 50px; }

.seasons .season .season-article .img-wrapper .church-year-img-layer { height: 50px; }

.seasons .season .season-article .img-wrapper .church-year-img-layer .church-year-img { background-repeat: no-repeat !important; background-size: cover !important; height: 50px; width: 50px; background-position: 50% 50% !important; opacity: 0.4; -webkit-filter: grayscale(1); filter: grayscale(1); }

.seasons .season .season-article .text-wrapper { padding-left: 20px; line-height: 1.2; }

.seasons .active { max-height: 900001px; overflow: visible; }

.seasons .active .season-article { left: -25px; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }

.seasons .active .season-name { background-color: #41629c; }

.seasons .category-img { width: 50px; height: 50px; background-repeat: no-repeat !important; background-size: cover !important; background-position: 50% 50% !important; }

#church-page h1 { font-family: "Cinzel Decorative", sans-serif; color: #c8a01e; }

@media screen and (min-width: 64em) { #church-page .side-content { padding: 0 0 0 30px; } }

#church-page .side-content p { margin-top: 0; }

#church-page .secondary-header { border-bottom: none; }

#church-page .secondary-header .header-title { height: 100%; }

#church-page .secondary-header .header-ingressi { padding: 0; }

#church-page .secondary-header .header-ingressi p { margin: 0; font-style: normal; }

#church-page .secondary-header .header-ingressi strong { font-family: "fira-sans", sans-serif; font-style: normal; }

#church-page .entry-header { padding: 0; }

#church-page .entry-content { margin: 0; }

#church-page .church-head { padding-bottom: 21px; border-bottom: 8px solid #eef3fa; }

#church-page .church-head .single-photo img { width: 100%; }

#church-page .church-info { border-top: 8px solid #eef3fa; padding: 20px 0 0 0; }

#church-page .church-info h2, #church-page .church-info h3, #church-page .church-info h4 { margin-top: 0; }

#church-page .church-info p { margin: 0 0 10px 0; font-size: 14px; line-height: 19px; font-weight: 100; font-family: "fira-sans", sans-serif; }

#church-page .church-info p .image-link { margin-bottom: -11px; }

#church-page .church-info h4 { font-family: "fira-sans", sans-serif; }

@media screen and (min-width: 64em) { #church-page .church-info .events-wrap { padding: 0 20px 0 0; } }

#church-page .church-info .events-wrap h2 { font-size: 20px; color: #c8a01e; margin: 0 0 20px 0; }

#church-page .church-info .events-wrap .fancy-link { display: inline-block; margin-top: 30px; }

#church-page .church-info .contact-info .fancy-link { display: inline-block; margin: 30px 0 0 0; }

#church-page .church-info .accessibility { position: relative; margin-top: 16px; }

#church-page .church-info .accessibility img { width: 45px; height: 45px; }

#church-page .church-info .accessibility img:hover { cursor: pointer; }

#church-page .church-info .accessibility-info-box { max-height: 1000px; margin-top: 20px; }

#church-page .church-info .accessibility-info-box p { margin-bottom: 10px; }

#church-page .church-info .info-toggle.closed:after { content: " \f078"; font-family: "FontAwesome"; }

#church-page .church-info .info-toggle.opened:after { content: " \f077"; font-family: "FontAwesome"; }

#church-page .content-area { border-top: 8px solid #eef3fa; }

#church-page .church-feature { margin-bottom: 40px; padding-top: 20px; border-top: 8px solid #eef3fa; text-align: center; }

#church-page .church-feature h2 { font-family: "Heuristica", sans-serif; color: #c8a01e; font-size: 21px; }

#church-page .church-feature .feature-text { -webkit-transition: max-height 0.5s ease-in-out; transition: max-height 0.5s ease-in-out; height: auto; max-height: 200px; overflow: hidden; }

#church-page .church-feature .feature-text h1, #church-page .church-feature .feature-text h2, #church-page .church-feature .feature-text h3, #church-page .church-feature .feature-text h4, #church-page .church-feature .feature-text h5, #church-page .church-feature .feature-text p { margin-top: 0; }

#church-page .church-feature .feature-toggled { max-height: 9000px !important; }

#church-page .church-feature #close-text { display: none; }

#church-page .article-box .box-img { margin-bottom: 18px; }

#church-page .article-box.page-box { margin-top: 0; }

#church-page .entry-content { border-bottom: none; }

#church-page .lslide { text-align: center; background-color: #f1f1f1; line-height: 0; }

#church-page .lslide img { width: 100%; height: auto; }

#church-page #gallery, #church-page #imageGallery { height: 300px !important; }

@media screen and (min-width: 64em) { #church-page #gallery, #church-page #imageGallery { height: 500px !important; } }

#church-page #gallery .image-block, #church-page #imageGallery .image-block { min-height: 300px; }

@media screen and (min-width: 64em) { #church-page #gallery .image-block, #church-page #imageGallery .image-block { min-height: 500px; } }

#church-page #gallery .image-block.cover, #church-page #imageGallery .image-block.cover { background-size: cover !important; }

#church-page #gallery .image-block.contain, #church-page #imageGallery .image-block.contain { background-size: contain !important; }

#church-page .lslide { height: 100%; width: auto; }

#church-page .lslide img { width: auto; height: 100%; }

#church-page .lSSlideOuter .lSPager.lSGallery { height: auto; margin: 10px 0 !important; }

#church-page .lSSlideOuter .lSPager.lSGallery li { overflow: hidden; height: 85px; border: 4px solid white; }

#church-page .lSSlideOuter .lSPager.lSGallery li img { min-height: 85px; width: auto; }

@media screen and (max-width: 64em) { #church-page .lSSlideOuter .lSPager.lSGallery li { height: 9vw; }
  #church-page .lSSlideOuter .lSPager.lSGallery li img { min-height: 9vw; width: auto; } }

@media screen and (max-width: 55em) { #church-page .lSSlideOuter .lSPager.lSGallery li { height: 12vw; }
  #church-page .lSSlideOuter .lSPager.lSGallery li img { min-height: 12vw; width: auto; } }

@media screen and (max-width: 35.5em) { #church-page .lSSlideOuter .lSPager.lSGallery li { height: 14vw; }
  #church-page .lSSlideOuter .lSPager.lSGallery li img { min-height: 14vw; width: auto; } }

@media screen and (max-width: 31.25em) { #church-page .lSSlideOuter .lSPager.lSGallery li { height: 15vw; }
  #church-page .lSSlideOuter .lSPager.lSGallery li img { min-height: 15vw; width: auto; } }

#church-page .lSSlideOuter .lSPager.lSGallery li.active, #church-page .lSSlideOuter .lSPager.lSGallery li:hover { border-radius: 0px; border: 4px solid #c8a01e; }

#church-page .lSSlideWrapper .lSAction > a { top: 0; height: 100%; background-image: none; margin-top: 0; width: 50px; font-size: 2em; }

#church-page .lSSlideWrapper .lSAction .lSPrev { text-align: center; left: 0; }

#church-page .lSSlideWrapper .lSAction .lSPrev::after { position: absolute; top: 50%; content: ""; height: 30px; width: 30px; background-image: url(../images/controls.png); }

#church-page .lSSlideWrapper .lSAction .lSNext { text-align: left; right: 0; }

#church-page .lSSlideWrapper .lSAction .lSNext::after { position: absolute; top: 50%; content: ""; height: 30px; width: 30px; background-position-x: 30px; background-image: url(../images/controls.png); }

body #fixed-size { width: 100%; }

body #fixed-size .single-photo img { width: 100%; }

body .lg-toolbar #lg-download { display: none; }

body .lg-toolbar .lg-close::after { content: "\f00d"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; }

body .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0); }

body .lg-actions .lg-prev::after { content: "\f137"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 2em; }

body .lg-actions .lg-next { background-color: rgba(0, 0, 0, 0); }

body .lg-actions .lg-next::before { content: "\f138"; font-family: FontAwesome; font-style: normal; font-weight: normal; text-decoration: inherit; font-size: 2em; }

.pyhakko .person { margin-bottom: 20px; }

.pyhakko .person h3 { margin-bottom: 5px; font-size: 16px; color: #404040; display: block !important; }

.pyhakko .person p { margin: 0 !important; }

.pyhakko .person a { text-decoration: none !important; color: #2d2d2d; border-bottom: 1px solid; }

.pyhakko .person a:hover { color: #c8a01e; }

.pyhakko .person .email { text-transform: none; }

article.tapahtumat { font-family: "fira-sans", sans-serif; color: #2d2d2d; }

article.tapahtumat .entry-header { padding: 0; }

article.tapahtumat .entry-header h1 { margin-top: 0; }

article.tapahtumat .entry-header span { font-weight: 600; display: block; }

article.tapahtumat .entry-content { padding: 10px 0; border-bottom: none; font-weight: 100; }

article.tapahtumat .entry-content i.fa { color: #41629c; font-size: 20px; margin-right: 5px; vertical-align: middle; }

article.tapahtumat .entry-content .fancy-link { display: inline-block; margin-bottom: 5px; }

article.tapahtumat .entry-footer { padding-top: 2%; font-family: "fira-sans", sans-serif; font-weight: 100; border-top: 1px solid #c8a01e; }

article.tapahtumat .entry-footer a { text-decoration: none; }

.event-secondary img { margin-bottom: 10px; }

/*--------------------------------------------------------------
## Ortodoksiviesti
--------------------------------------------------------------*/
#ortodoksiviesti { margin-bottom: 30px; }

#ortodoksiviesti .wp-caption-text { text-align: left; font-size: 0.9em; }

#ortodoksiviesti h1 { font-size: 45px; line-height: 45px; margin: 31px 0 0 0; }

#ortodoksiviesti h2, #ortodoksiviesti h3, #ortodoksiviesti h4, #ortodoksiviesti p { margin-top: 0; }

#ortodoksiviesti h3 { font-size: 22px; }

#ortodoksiviesti #ilmoitukset div[class*='grid__item']:first-of-type p { font-size: 14px; line-height: 19px; font-weight: 100; }

#ortodoksiviesti #toimitus p { font-size: 14px; line-height: 19px; font-weight: 100; }

#ortodoksiviesti .orthodox-message-header { line-height: 0; overflow: auto; margin-bottom: 35px; }

#ortodoksiviesti .orthodox-message-header img { width: 100%; line-height: 0; }

#ortodoksiviesti .orthodox-message-header .header-image { height: 190px; width: 100%; background-size: cover; background-position: 50%; background-repeat: no-repeat; }

#ortodoksiviesti .page-content { padding-bottom: 10px; margin: 0 0 35px 0; width: 100%; }

#ortodoksiviesti .snippet { margin-top: -10px; }

#ortodoksiviesti .snippet p { margin: 0; color: #41629c; font-size: 18px; font-weight: 400; margin-bottom: 20px; }

#ortodoksiviesti .snippet p .first-line { font-weight: 600; font-size: 24px; font-style: italic; display: block; }

#ortodoksiviesti .article-bump article h3 { font-size: 18px; line-height: 21px; margin-top: 2px; margin-bottom: 6px; }

#ortodoksiviesti .article-bump article a, #ortodoksiviesti .article-bump article a:visited, #ortodoksiviesti .article-bump article a:active, #ortodoksiviesti .article-bump article a:focus { display: block; height: 100%; color: #2d2d2d; text-decoration: none; width: 100%; }

#ortodoksiviesti .article-bump article .article-list-img div { height: 50px; width: 50px; }

#ortodoksiviesti .article-bump article:last-of-type div { border: none; }

#ortodoksiviesti .article-bump .article-list-img, #ortodoksiviesti .article-bump .article-list-text { padding: 10px 0; }

#ortodoksiviesti .article-bump .article-img { margin-bottom: 10px; height: 250px; background-size: cover !important; background-repeat: no-repeat; }

#ortodoksiviesti .article-bump .article-list-text { width: 100%; padding: 10px 16px; }

@media screen and (max-width: 55em) { #ortodoksiviesti .article-bump .article-list-text { padding: 10px 0 0 0; } }

#ortodoksiviesti .article-bump .article-list { margin-bottom: 0; }

#ortodoksiviesti .cover-image-stack { position: relative; height: 400px; max-width: 485px; }

#ortodoksiviesti .cover-image-stack a { line-height: 0; -webkit-box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3); box-shadow: 3px 3px 20px rgba(0, 0, 0, 0.3); position: absolute; width: 250px; height: auto; }

#ortodoksiviesti .cover-image-stack a:nth-child(1) { -webkit-transform: rotate(-2deg); transform: rotate(-2deg); left: 10px; bottom: 10px; z-index: 0; }

#ortodoksiviesti .cover-image-stack a:nth-child(2) { margin-bottom: 20px; -webkit-transform: rotate(7deg); transform: rotate(7deg); right: 30px; bottom: 20px; z-index: 1; }

#ortodoksiviesti .cover-image-stack a:hover { z-index: 999; width: 255px; }

@media screen and (max-width: 31.25em) { #ortodoksiviesti .cover-image-stack { height: 350px; }
  #ortodoksiviesti .cover-image-stack a { width: 215px; } }

#ortodoksiviesti .next-number { background: #eef3fa; padding: 15px; margin-bottom: 20px; }

#ortodoksiviesti .next-number h3 { margin: 0; line-height: 22px; }

#ortodoksiviesti .next-number span { display: block; font-family: "fira-sans", sans-serif; font-weight: 100; }

#ortodoksiviesti .next-number p { margin-bottom: 0; }

#ortodoksiviesti .personnel { display: table; }

#ortodoksiviesti .personnel .person { display: table-row; }

#ortodoksiviesti .personnel .person .person-img-wrapper, #ortodoksiviesti .personnel .person .person-info { display: table-cell; vertical-align: middle; padding: 10px 0; }

#ortodoksiviesti .personnel .person .person-img-wrapper { width: 58px; }

#ortodoksiviesti .personnel .person .person-img { display: block; width: 58px; height: 58px; background-size: cover; background-repeat: no-repeat; background-position: 50%; border-radius: 50%; margin-right: 7px; }

#ortodoksiviesti .personnel .person .person-info { padding: 0 10px; }

#ortodoksiviesti .personnel .person .person-info p, #ortodoksiviesti .personnel .person .person-info h4 { margin: 0; }

#ortodoksiviesti .personnel .person .person-info a { text-transform: none; }

#ortodoksiviesti .personnel .person .person-info h4 { font-size: 14px; }

#ortodoksiviesti .magazines { padding-bottom: 35px; }

#ortodoksiviesti .magazines .magazine { display: inline-block; margin: 5px; }

#ortodoksiviesti .magazines .magazine a { text-decoration: none; display: block; line-height: 0; }

#ortodoksiviesti .magazines .magazine:hover .magazine-box { opacity: .9; }

#ortodoksiviesti .magazines .magazine-box { width: 150px; height: 197px; background-size: contain; background-repeat: no-repeat; }

#ortodoksiviesti .timetable { margin-top: 45px; width: 60%; }

#ortodoksiviesti .timetable table { font-family: "fira-sans", sans-serif; font-weight: normal; }

#ortodoksiviesti .timetable table th, #ortodoksiviesti .timetable table td { padding-top: 10px; }

#ortodoksiviesti .timetable table th { text-align: left; line-height: 20px; }

#ortodoksiviesti .timetable table tr { vertical-align: top; border-bottom: 2px solid #f3edd1; }

#ortodoksiviesti .timetable table tr span { font-weight: 100; font-style: italic; }

#ortodoksiviesti .timetable table tr td { font-weight: 100; height: 64px; }

#ortodoksiviesti .timetable table .table-header th { padding-bottom: 10px; }

@media screen and (max-width: 55em) { #ortodoksiviesti h2 { font-size: 30px; line-height: 35px; }
  #ortodoksiviesti .timetable { width: 100%; } }

@media screen and (max-width: 31.25em) { #ortodoksiviesti td { width: 25%; }
  #ortodoksiviesti td:first-child { width: 50%; } }

[class*="event-page-"] p { color: #2d2d2d; }

[class*="event-page-"] h5 { margin: 5px 0; }

.event-page-content h3 { margin: 0 0 14px 0; color: #c8a01e; font-size: 20px; line-height: 1; display: inline-block; }

.event-page-content h4 { margin: 0; font-family: "fira-sans", sans-serif; font-size: 14px; }

.event-page-content p:first-of-type { margin-top: 0; margin-bottom: 4%; }

.event-page-content select { font-size: 14px; margin-bottom: 5px; }

.event-page-content select, .event-page-content input { width: 100%; height: 32px; }

.event-page-content input[type="checkbox"] { width: auto; height: auto; }

.event-page-content label[for="check"] { font-size: 13px; }

.event-page-content #calendar-header { border-bottom: 1px solid #c8a01e; }

.event-page-content #calendar-header h3 { font-size: 18px; color: #000; }

.event-page-content #calendar-header span { display: inline-block; margin-top: 5px; }

.event-page-content #calendar-header span a { vertical-align: middle; text-decoration: none; color: #41629c; }

.event-page-content #calendar-header span a:hover { cursor: pointer; color: #c8a01e; }

.event-page-content #calendar-header span a:before { content: "\f073"; font-family: "fontawesome"; margin-right: 5px; }

@media screen and (max-width: 55em) { .event-page-content #calendar-header { margin-top: 26px !important; } }

@media screen and (min-width: 55em) { .event-page-content .shortcut-links { margin-top: 36px; } }

.event-page-content .calendar-wrapper { font-family: "fira-sans", sans-serif; text-align: center; margin-bottom: 10px; text-transform: capitalize; max-width: 390px; }

.event-page-content #events ul li, .event-page-content #swedishEvents ul li { list-style-type: none; border-bottom: 1px solid #c8a01e; padding: 7px 0; }

.event-page-content #events ul li p, .event-page-content #swedishEvents ul li p { margin: 0; font-size: 14px; }

.event-page-content #events ul li a, .event-page-content #swedishEvents ul li a { width: 100%; text-decoration: none; color: #2d2d2d; }

.event-page-content #events ul li [class*='grid__item'], .event-page-content #swedishEvents ul li [class*='grid__item'] { margin: 0; }

.event-page-content .select-categories div:first-of-type a:last-of-type { padding: 0; background-color: #fff !important; border: none !important; color: #41629c !important; }

.event-page-content .select-categories a.selected { color: #fff; background-color: #41629c; }

.event-page-content .search-terms input[type=text] { width: 100%; border-radius: 0 !important; }

.event-calendar { padding-top: 10px; }

.event-calendar h3 { line-height: 1.2; }

.local-page-header { background-color: #41629c; background-size: cover; background-repeat: no-repeat; background-position: 50%; padding: 3px 0px; border-bottom: 0; }

.local-page-header .local-page-header__logo { display: block; background-size: contain; background-repeat: no-repeat; background-position: 50%; width: 230px; height: 125px; margin: 5px auto; }

.local-page-top .local-page-top__ingress { font-style: italic; }

.local-page-top .local-page-top__emergency-number { font-weight: bold; }

.local-contact .local-contact__person { margin-bottom: 35px; }

.local-contact .local-contact__person-image { background-size: cover; background-position: center; background-repeat: no-repeat; height: 0; padding-top: 45%; margin-bottom: 10px; max-width: 120px; }

.local-contact .contact-name { font-weight: bold; display: block; }

.local-contact .contact-title { display: block; }

.page-template-page-local .personnel .title h2 { color: #c8a01e; margin-bottom: 5px; font-size: 1.5rem; line-height: 1.1; }

.page-template-page-local .personnel .person p { margin: 0 6px 0 0; }

.fp-intro { color: #fff; background: #0e0f0f; background-repeat: no-repeat; background-size: cover; background-position: center; display: block; width: 100%; }

.fp-intro__gradientbg { width: 100%; min-height: 430px; padding: 40px 20px 0 20px; background: -webkit-gradient(linear, left top, left bottom, from(black), to(rgba(255, 255, 255, 0))); background: linear-gradient(180deg, black 0%, rgba(255, 255, 255, 0) 100%); }

.fp-intro h1, .fp-intro h2, .fp-intro h3, .fp-intro p, .fp-intro a { color: #fff; }

.fp-intro h2 { font-family: "Heuristica", sans-serif; font-weight: normal; font-size: 32px; line-height: 38px; max-width: 750px; }

.fp-intro__text { font-family: "Heuristica", sans-serif; max-width: 750px; }

.fp-intro__text p { font-family: "Heuristica", sans-serif; font-size: 18px; line-height: 24px; }

.fp-intro__text p a, .fp-intro__text p a:visited { color: #fff; }

.fp-intro button { color: #fff; background: #d29b2d; font-family: "Heuristica", sans-serif; font-size: 19px; border: 0; border-radius: 0; cursor: pointer; margin-bottom: 20px; }

.fp-intro #localmenu.hide { display: none; }

.fp-intro #localmenu.show { display: block; }

.fp-intro .menu { list-style: none; margin: -20px -20px 0 -20px; padding: 15px 20px; width: calc(100% + 40px); background: #f6eacf; }

.fp-intro .menu li { display: inline-block; margin: 0 0 15px 0; width: 100%; }

.fp-intro .menu a { color: #fff; background: #d6a01a; font-family: "Heuristica", sans-serif; text-decoration: none; font-size: 18px; display: block; padding: 7px 2px 5px 2px; text-align: center; width: calc(100% - 20px); }

.fp-intro .menu a:hover, .fp-intro .menu a:focus { background: #000; }

@media only screen and (min-width: 768px) { .fp-intro .menu li { width: calc(33% - 8px); }
  .fp-intro .menu li a { width: 180px; margin: 0 auto; font-size: 15px; } }

@media only screen and (min-width: 880px) { .fp-intro .menu li { width: calc(25% - 8px); } }

.feed-item__contact { position: fixed; bottom: 0; right: 1%; background-color: #d7a100; padding: 5px; min-width: 150px; text-align: center; z-index: 9999; }

.feed-item__contact a, .feed-item__contact a:visited { color: white; font-size: 15px; text-decoration: none; font-family: "Heuristica", sans-serif; }

.feed-item__contact a .fa-envelope-o:before, .feed-item__contact a:visited .fa-envelope-o:before { padding: 0px 4px 0 8px; left: 0; position: relative; }

header#masthead { margin-bottom: 0 !important; }

@media screen and (max-width: 64em) { header#masthead { border-bottom: 1px solid #c8a01e; } }

body { padding-top: 10px; min-width: 320px; overflow-x: hidden; }

main { overflow: hidden; padding: 0; }

body.home main { padding: 0 10px 0 0; }

@media screen and (max-width: 55em) { body.home main { padding: 0; } }

h1, h2, h3, h4, .date { font-family: "Heuristica", sans-serif; margin: 10px 0; }

p { font-family: "fira-sans", sans-serif; color: #2d2d2d; font-weight: 100; }

p a, p a:visited, p a:focus, p a:active { color: #2d2d2d; text-decoration: none; border-bottom: 1px solid; }

p a:hover, p a:visited:hover, p a:focus:hover, p a:active:hover { color: #c8a01e; }

p strong { font-weight: 600; }

input { height: 32px; }

blockquote { text-align: center; color: #c8a01e; font-family: "Heuristica", sans-serif; font-size: 20px; font-weight: 600; }

blockquote p { text-align: center; color: #c8a01e; font-family: "Heuristica", sans-serif; font-size: 20px; font-weight: 600; }

blockquote:before { content: "”" !important; font-family: "fira-sans", sans-serif; font-size: 200px; line-height: 1; display: block; height: 50px; font-weight: 100; }

#site h2 a, #site h3 a, #site h4 a { color: black; }

#site h2 a:hover, #site h3 a:hover, #site h4 a:hover { color: #c8a01e; }

#page { padding-bottom: 40px; }

@media screen and (max-width: 64em) { #page { padding: 0 3% 40px 3%; } }

#loading-image { display: block; margin: 20px auto; }

article.page h2, article.page h3, article.page h4, article.post h2, article.post h3, article.post h4 { clear: none; }

.animated-height { overflow-y: hidden; -webkit-transition: .5s ease-in-out max-height; transition: .5s ease-in-out max-height; }

.animated-height_hidden { max-height: 0 !important; }

.secondary-p { font-size: 14px; line-height: 19px; font-weight: 100; font-family: "fira-sans", sans-serif; }

.secondary-p p { font-size: 14px; line-height: 19px; font-weight: 100; font-family: "fira-sans", sans-serif; }

.nav-previous a, .nav-next a { font-weight: 600; text-decoration: none; color: #41629c !important; border-bottom: 2px solid; padding: 2px 0; font-size: 14px; }

.nav-previous a:hover, .nav-next a:hover { color: #2d2d2d !important; }

.nav-previous a::before { content: '\f053 \00a0'; font-family: FontAwesome; }

.nav-next a::after { content: ' \f054'; font-family: FontAwesome; }

@media screen and (min-width: 35.5em) { .entry-header { padding-right: 20%; } }

.content-block { border: 10px solid #eef3fa; padding: 5px 15px; max-width: 250px; }

@media screen and (max-width: 35.5em) { .content-block { max-width: 100%; width: 100%; } }

.content-block h2, .content-block h3 { border-bottom: 1px solid #c8a01e; padding-bottom: 10px; }

.content-block:after { clear: both; }

.content-block.right { float: right; margin: 0 0 20px 20px; }

.content-block.left { float: left; margin: 0 20px 20px 0; }

.button { width: 100%; max-width: 100px; background: #fff !important; color: #2d2d2d !important; border-color: #ccc !important; border-radius: 0 !important; }

.link { text-decoration: none; color: #41629c !important; padding-bottom: 3px; border-bottom: 2px solid #41629c; padding-bottom: 2px; line-height: 30px; }

a.image-link, a.image-link:visited, a.image-link:focus, a.image-link:active, a.image-link:hover { position: relative; display: block; max-width: 320px; background-color: #41629c; background-repeat: no-repeat; background-size: cover; margin-bottom: 10px; padding: 10px; color: #fff !important; text-decoration: none; vertical-align: middle; line-height: 15px; font-family: "Heuristica", sans-serif; font-size: 15px; font-weight: 600; line-height: 1.1; border: none; }

.label-text { font-family: "fira-sans", sans-serif; font-size: 14px; margin: 0; font-weight: 600; }

.site-info h3, .site-info h4 { font-family: "fira-sans", sans-serif; }

#secondary { float: right; width: 20%; }

.category-name { color: #c8a01e; font-weight: 600; font-family: "fira-sans", sans-serif; font-size: 13px; line-height: 19px; }

body.search .page-header { border: none; }

.logo { float: left; width: 100%; max-width: 300px; }

@media screen and (max-width: 64em) { .logo { margin-top: 20px; } }

@media screen and (max-width: 64em) { .logo { padding-bottom: 10px; } }

@media screen and (max-width: 31.25em) { .logo img { max-width: 220px; } }

.logo-text { float: left; width: 100%; max-width: 300px; margin-left: 10px; margin-top: 52px; }

.logo-text h6, .logo-text h5 { margin: 0; color: #c8a01e; font-family: "Heuristica", sans-serif; }

@media screen and (max-width: 64em) { .logo-text { margin-top: 72px; margin-left: 10px; } }

@media screen and (max-width: 660px) { .logo-text { margin-top: 0px; margin-left: 0px; } }

div#primary { font-family: "Heuristica", sans-serif; width: 75%; float: left; padding-right: 22px; }

div#primary.full-width { max-width: 100%; width: 100%; padding-right: 0; }

@media screen and (max-width: 64em) { div#primary { width: 100%; padding-right: 0; } }

div#secondary { font-family: "Heuristica", sans-serif; width: 25%; padding-left: 22px; }

.row [class^="col"]:last-of-type { margin-right: 0; }

.content-area [class^="col"]:first-of-type { margin-left: 0 !important; }

/*--------------------------------------------------------------
## Footer
--------------------------------------------------------------*/
footer { font-family: 'Heuristica-Regular'; border-top: 8px solid #f3edd1; }

@media screen and (max-width: 55em) { #footer p { color: #fff; } }

.site-info { padding: 40px 0; line-height: 20px; }

.site-info .footer-title { margin-bottom: 22px; }

.site-info .footer-title img { height: auto; width: 225px; }

@media screen and (max-width: 55em) { .site-info .footer-title { padding: 40px 30px 10px 30px; } }

.site-info .grid h3, .site-info .grid h4 { margin-top: 0; }

.site-info .grid h3 { font-weight: 600; font-family: "Heuristica", sans-serif; }

.site-info .grid h4 { margin-bottom: 0; font-weight: 600; }

.site-info .grid [class*="grid__item"] { margin-bottom: 0; }

.site-info .grid [class*="grid__item"] p:first-child { margin-top: 0; }

.site-info .grid [class*="grid__item"]:first-child p { margin-top: 0; }

.site-info .grid [class*="grid__item"]:first-child a.fancy-link { margin-right: 20px; }

.site-info .some-linkit i { margin: 0 4px; font-size: 38px; color: #41629c; }

@media screen and (max-width: 55em) { .site-info { background-color: #41629c; padding: 0 20px; color: white; }
  .site-info a, .site-info i { color: #c8a01e !important; } }

@media screen and (max-width: 55em) { footer { border-top: 0; } }

/*--------------------------------------------------------------
## Searches
--------------------------------------------------------------*/
.search-wrapper { margin-bottom: 30px; margin-top: 35px; }

.search-wrapper input[type="text"] { color: #41629c; border-radius: 5px 0 0 5px; margin-right: -5px; width: 70%; padding: 0 10px; height: 30px; max-width: 500px; }

.search-wrapper input[type="text"]::-webkit-input-placeholder { color: #41629c; font-style: italic; font-size: 15px; }

.search-wrapper input[type="text"]::-moz-placeholder { color: #41629c; font-style: italic; font-size: 15px; }

.search-wrapper input[type="text"]:-ms-input-placeholder { color: #41629c; font-style: italic; font-size: 15px; }

.search-wrapper input[type="text"]::-ms-input-placeholder { color: #41629c; font-style: italic; font-size: 15px; }

.search-wrapper input[type="text"]::placeholder { color: #41629c; font-style: italic; font-size: 15px; }

.search-wrapper input[type="submit"], .search-wrapper button[type="submit"] { color: #2d2d2d; background-color: #fff; border-radius: 0 5px 5px 0; font-size: 14px; font-weight: 600; padding: 0 20px; height: 30px; }

/*--------------------------------------------------------------
## Personnel listing table
--------------------------------------------------------------*/
.personnel, .side-links { display: inline-block; vertical-align: top; }

.personnel { width: 100%; font-size: 12px; }

.personnel .working-field-wrapper .working-field-title { margin: 0; }

.personnel .working-field-wrapper .working-field-title:hover { cursor: pointer; color: #c8a01e; }

.personnel .working-field-wrapper .working-field-title:before { content: "\f067"; font-family: FontAwesome; font-size: 10px; font-weight: 100; margin-right: 10px; }

.personnel .working-field-wrapper .working-field-content { max-height: 0; padding-left: 30px; -webkit-transition: max-height .5s; transition: max-height .5s; overflow: hidden; }

.personnel .working-field-wrapper.open .working-field-content { max-height: 5000px; }

.personnel .working-field-wrapper.open .working-field-title:before { content: "\f068"; }

.personnel .person { display: inline-block; width: 24%; margin-bottom: 20px; vertical-align: top; }

.personnel .person h3 { margin-bottom: 5px; font-size: 16px; }

.personnel .person p { margin: 0; font-size: 14px; }

.personnel .person a { text-decoration: none !important; color: #2d2d2d; border-bottom: 1px solid; }

.personnel .person a:hover { color: #c8a01e; }

.personnel .person .email { text-transform: none; }

@media screen and (max-width: 64em) { .personnel .person { width: 32%; } }

@media screen and (max-width: 55em) { .personnel .person { width: 49%; } }

@media screen and (max-width: 35.5em) { .personnel .person { width: 100%; } }

#secondary .article-side-links h3 { color: #c8a01e; margin-bottom: 0; line-height: 1.2; }

#secondary .article-side-links a { font-size: 15px; line-height: 1.3; }

#secondary .article-side-links ul { border-bottom: none; }

#secondary .article-side-links ul li { padding: 9px 0px; border-bottom: 1px solid #c8a01e; }

#secondary .fancy-link { font-family: "fira-sans", sans-serif; }

.side-links { width: 100%; position: relative; right: 0; bottom: auto; top: 0; }

.side-links li { line-height: 1.2; margin-bottom: 5px; }

.side-links li a { outline: none; display: inline-block; text-decoration: none !important; color: #2d2d2d !important; margin: 0; font-family: "Heuristica", sans-serif; font-size: 18px; font-weight: 600; }

.side-links li.selected { color: #c8a01e !important; }

.side-links li:hover { cursor: pointer; color: #c8a01e !important; }

.side-links h2:first-of-type { color: #c8a01e; }

/*--------------------------------------------------------------
## Blue category buttons
--------------------------------------------------------------*/
.blue-buttons a { font-size: 15px; line-height: 42px; color: #41629c; text-decoration: none; border: 1px solid #41629c; border-radius: 13px; padding: 6px 12px; }

.blue-buttons :visited { color: #41629c; }

.blue-buttons a:hover { color: #fff; background-color: #41629c; }

/*--------------------------------------------------------------
## White square buttons
--------------------------------------------------------------*/
.white-button-sq { display: block; border: 1px solid #41629c; background: #fff; width: 100%; text-align: center; }

.white-button-sq a, .white-button-sq a:visited, .white-button-sq a:focus, .white-button-sq a:active { text-decoration: none; color: #41629c !important; font-weight: 600; height: 100%; width: 100%; display: block; padding: 5px; }

.white-button-sq a:hover, .white-button-sq a:visited:hover, .white-button-sq a:focus:hover, .white-button-sq a:active:hover { background-color: #f9f8ff; }

/*--------------------------------------------------------------
## Related posts
--------------------------------------------------------------*/
.related-posts .posts-title { margin-bottom: 1em; background-color: #41629c; padding: 0px 10px; }

@media screen and (max-width: 35.5em) { .related-posts .posts-title { margin: 0; } }

.related-posts .posts-title span, .related-posts .posts-title h3 { font-family: "fira-sans", sans-serif; font-size: 13px; margin: 0; font-weight: 600; line-height: 1.5; color: #fff; display: block; }

.related-posts .posts-carousel .grid { height: 100%; }

.related-posts .posts-carousel .grid div a { text-decoration: none; }

.related-posts .posts-carousel .grid div img { width: 100%; }

.related-posts .posts-carousel .grid div .related-picture { background-repeat: no-repeat; background-size: cover; height: 190px; width: auto; background-position: 50%; margin-bottom: 5px; }

.related-posts .posts-carousel .grid div h3 { margin-top: 5px; -webkit-hyphens: auto; -ms-hyphens: auto; hyphens: auto; line-height: 20px; margin: 0; }

.related-posts .posts-carousel .grid div h3 a { color: #222; text-decoration: none; }

@media screen and (max-width: 35.5em) { .related-posts .posts-carousel .grid div { border-bottom: 1px solid #c8a01e; padding-bottom: 11px; padding-top: 11px; margin: 0; } }

/*--------------------------------------------------------------
## Breadcrumbs
--------------------------------------------------------------*/
.breadcrumbs { font-size: 13px; border-bottom: 1px solid #c8a01e; margin-bottom: 15px; font-weight: normal; }

.breadcrumbs span span a { font-weight: 600; }

.breadcrumbs span span span { font-weight: lighter; }

.breadcrumbs span span span a { font-weight: lighter; }

.breadcrumbs a { text-decoration: none; color: #888; border: none; }

.breadcrumbs a:hover { text-decoration: underline; color: #888; }

.breadcrumbs a:visited { color: #888; }

.breadcrumbs p#breadcrumbs { margin: 2px 15px; color: #888; }

.sv .breadcrumbs, .en .breadcrumbs { display: none; }

/*--------------------------------------------------------------
## Titles
--------------------------------------------------------------*/
.secondary-header { overflow: hidden; padding-bottom: 20px; }

@media screen and (min-width: 55em) { .secondary-header { border-bottom: 8px solid #eef3fa; } }

.secondary-header .header-title { height: 100%; color: #222; }

.secondary-header .header-title h1 { font-size: 40px; margin: 0; padding: 0; letter-spacing: 1px; }

@media screen and (max-width: 55em) { .secondary-header .header-title h1 { font-size: 30px; } }

.secondary-header .header-ingressi { margin: 10px 0px; padding-right: 20%; }

.secondary-header .header-ingressi p { font-family: "fira-sans", sans-serif; font-weight: 100; font-size: 19px; margin: 0px; font-style: italic; line-height: 22px; }

.page-margin { margin: 1.5em 0 0; }

.gold-title { width: 100%; height: auto; background-color: #c8a01e; }

.gold-title h3 { margin: 0; color: white; font-family: "fira-sans", sans-serif; font-weight: 600; font-size: 16px; }

.gold-title h3 a, .gold-title h3 a:visited, .gold-title h3 a:active, .gold-title h3 a:focus { color: #fff; text-decoration: none; }

.blue-title { width: 100%; height: auto; background-color: #41629c; }

.blue-title h3 { margin: 0; color: white; font-family: "fira-sans", sans-serif; font-weight: 600; font-size: 16px; }

.blue-title h3 a, .blue-title h3 a:visited, .blue-title h3 a:active, .blue-title h3 a:focus { color: #fff; text-decoration: none; }

.gold-title.textalign_left h3 { padding: 3px; }

/*--------------------------------------------------------------
## Fancy link
--------------------------------------------------------------*/
.fancy-link { font-weight: 600; text-decoration: none; color: #41629c !important; border-bottom: 2px solid; font-size: 14px; font-family: "fira-sans", sans-serif; position: relative; }

.fancy-link.arrow-link::after { content: ' \f054'; font-family: FontAwesome; }

.fancy-link:hover { cursor: pointer; color: #2d2d2d !important; }

.events-wrap .fancy-link { border-bottom: none; }

.events-wrap .fancy-link.arrow-link.js-next { text-align: right; }

.events-wrap .fancy-link.arrow-link.js-next::after { content: ' \f054'; font-family: FontAwesome; }

.events-wrap .fancy-link.arrow-link.js-next::before { border-bottom: 2px solid; content: ''; position: absolute; bottom: -2px; width: 100%; }

@media screen and (min-width: 64em) { .events-wrap .fancy-link.arrow-link.js-next::before { width: 63%; } }

@media screen and (max-width: 64em) { .events-wrap .fancy-link.arrow-link.js-prev { margin-right: 20px; } }

.events-wrap .fancy-link.arrow-link.js-prev::before { content: '\f053 \00a0'; font-family: FontAwesome; }

.events-wrap .fancy-link.arrow-link.js-prev::after { border-bottom: 2px solid; content: ''; position: absolute; bottom: -2px; width: 100%; left: 0; }

@media screen and (min-width: 64em) { .events-wrap .fancy-link.arrow-link.js-prev::after { width: 63%; } }

header .fancy-link { margin-bottom: 20px; display: inline-block; }

/*--------------------------------------------------------------
## Article box
--------------------------------------------------------------*/
.article-box { padding-bottom: 10px; }

.article-box p { color: #222; margin: 0.5em 0; }

.article-box h4, .article-box h3, .article-box h2 { color: #2d2d2d; font-weight: 600; font-family: "Heuristica", sans-serif; font-size: 20px; line-height: 22px; margin: 5px 0; }

.article-box a, .article-box a:visited, .article-box a:focus, .article-box a:active { color: #2d2d2d; text-decoration: none; }

.article-box .article-category { margin-top: 0; }

.article-box.page-box { padding-bottom: 10px; margin-top: 20px; }

.article-box.page-box p { color: #222; font-size: 14px; margin: 0.5em 0; line-height: 1.4; }

.article-box.page-box h4, .article-box.page-box h3, .article-box.page-box h2 { color: #c8a01e; font-weight: 600; font-family: "fira-sans", sans-serif; font-size: 16px; line-height: 20px; margin: 5px 0; }

.article-box.page-box a { text-decoration: none; }

.article-box.page-box .box-img { height: 194px; }

.article-box.page-box .box-img.box-icon { background-size: contain; height: 89px; margin-bottom: 15px; }

@media screen and (max-width: 35.5em) { .home .article-box { padding-bottom: 8px; margin-bottom: -13px; border-bottom: 1px solid #c8a01e; } }

@media screen and (max-width: 55em) { .home .box-img { height: 135px; } }

.box-img { background-repeat: no-repeat; background-size: cover; height: 150px; width: 100%; background-position: 50% 50%; margin-bottom: 6px !important; }

@media screen and (max-width: 55em) { .box-img { height: 190px; } }

@media screen and (max-width: 35.5em) { .box-img { height: 240px; } }

.box-img-icon { height: 100px; }

/*--------------------------------------------------------------
## Article list
--------------------------------------------------------------*/
.list-title { margin-top: 0; }

.article-list { width: 100%; display: table; margin-bottom: 40px; }

@media screen and (max-width: 35.5em) { .article-list { margin-bottom: 10px; } }

.article-list article { display: table-row; }

.article-list article a, .article-list article a:visited, .article-list article a:active, .article-list article a:focus { color: #2d2d2d; text-decoration: none; }

.article-list article .article-list-img, .article-list article .article-list-text { display: table-cell; vertical-align: top; padding: 10px 0; border-bottom: 1px solid #c8a01e; }

.article-list article .article-list-img { width: 90px; }

.article-list article .article-list-img div { display: block; height: 70px; width: 70px; background-repeat: no-repeat; background-size: cover; background-position: 50%; }

.article-list article .article-list-text { line-height: 17px; }

.article-list article .article-list-text h3 { font-size: 15px; margin: 0; }

.article-list article .article-list-text a { display: inline-block; margin-right: 10px; }

.article-list article .article-list-text p { margin: 5px 0; }

.article-list article:first-of-type .article-list-img, .article-list article:first-of-type .article-list-text { border-top: 1px solid #c8a01e; }

/*--------------------------------------------------------------
## Content with a border
--------------------------------------------------------------*/
.content-bordered { border: 8px solid #eef3fa; }

.content-bordered_top { border-top: 8px solid #eef3fa; }

.content-bordered_bottom { border-bottom: 8px solid #eef3fa; }

.content-bordered_gold { border: 8px solid #f3edd1; }

.content-bordered_gold_top { border-top: 8px solid #f3edd1; }

.content-bordered_gold_bottom { border-bottom: 8px solid #f3edd1; }

/*--------------------------------------------------------------
## Päivän pyhät ja päivän sana
--------------------------------------------------------------*/
header #paivan-sana-pyha { display: inline-block; width: 130px; position: absolute; right: 276px; top: 24px; }

header #paivan-sana-pyha img { height: 34px; margin-bottom: 8px; }

header #paivan-sana-pyha div { width: 60px; text-align: center; display: inline-block; }

header #paivan-sana-pyha div a, header #paivan-sana-pyha div a:visited { -webkit-transition: 0.2s ease-in all; transition: 0.2s ease-in all; line-height: 12px; font-size: 12px; display: block; font-weight: bold; color: #41629c; text-decoration: none; }

@media screen and (max-width: 64em) { header #paivan-sana-pyha { right: 3%; top: 73px; } }

@media screen and (max-width: 35.5em) { header #paivan-sana-pyha { width: 32%; top: 78px; }
  header #paivan-sana-pyha div { width: 100%; text-align: right; display: block; margin-bottom: 10px; }
  header #paivan-sana-pyha div a { font-size: 14px; } }

/*--------------------------------------------------------------
## Page footer
--------------------------------------------------------------*/
.page-footer { float: left; width: 100%; padding: 1.5em 0 0 0; }

.page-footer a, .page-footer a:visited { color: #41629c; text-decoration: none; }

@media screen and (max-width: 35.5em) { .page-footer { padding-right: 0; } }

/*--------------------------------------------------------------
## Secondary page
--------------------------------------------------------------*/
.page-icon { float: left; background-repeat: no-repeat; height: 100px; width: 100px; background-position: right; margin-right: 30px; }

.secondary-page-header { overflow: hidden; }

/*--------------------------------------------------------------
## Page content
--------------------------------------------------------------*/
.content-img { height: auto; width: 100%; }

.content-text p { margin-left: 1em; margin-right: 1em; }

/*--------------------------------------------------------------
## Horizontal box list
--------------------------------------------------------------*/
.box-list { position: relative; /*-------------------------------------------------------------- ## Article bump --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Church year --------------------------------------------------------------*/ /*-------------------------------------------------------------- ## Scroll icons --------------------------------------------------------------*/ }

.box-list .category-name { display: block; margin: 15px 0 10px 0; }

.box-list .article-bump .article-bump-img { background-repeat: no-repeat; background-size: cover; height: 150px; width: auto; background-position: 50% 50%; }

.box-list .article-bump .article-bump-img:hover { opacity: 0.9; }

.box-list .article-bump h3 { line-height: 20px; margin: 0; }

.box-list .article-bump h3 a { color: #222; text-decoration: none; }

.box-list .article-bump p { margin-bottom: 0; }

.box-list .church-year { display: inline; }

.box-list .church-year .church-year-img { background-repeat: no-repeat; background-size: cover; height: 150px; width: auto; background-position: 50%; opacity: 0.4; -webkit-filter: grayscale(1); filter: grayscale(1); }

.box-list .church-year .church-year-img-layer { height: 150px; overflow: hidden; }

.box-list .church-year .church-year-content-wrapper { position: relative; top: -150px; padding: 13px 40px; height: 150px; }

.box-list .church-year .church-year-content-wrapper .church-year-content { height: 100%; overflow: hidden; }

.box-list .church-year a, .box-list .church-year a:visited, .box-list .church-year a:active, .box-list .church-year a:hover { color: #fff !important; text-decoration: none; -webkit-transition-property: all; transition-property: all; -webkit-transition-duration: .5s; transition-duration: .5s; }

.box-list .church-year h3 { line-height: 20px; margin: 7px 0 8px 0; font-size: 17px; }

.box-list .church-year span { font-family: "fira-sans", sans-serif; font-weight: bold; font-size: 12px; display: block; line-height: 14px; }

.box-list .church-year span:last-of-type { font-weight: normal; font-size: 13px; }

.box-list .church-year:hover .church-year-img { opacity: 0.5; }

.box-list .scroll-icon { color: #fff; position: absolute; z-index: 999; font-size: 30px; height: 100%; width: 40px; }

.box-list .scroll-icon i { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); letter-spacing: 0; }

.box-list .scroll-icon:hover { cursor: pointer; }

.box-list .scroll-icon_left { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(to left, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); left: 0; }

.box-list .scroll-icon_left i { left: 8px; }

.box-list .scroll-icon_left:hover { background: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(to left, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)); }

.box-list .scroll-icon_right { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.7))); background: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); right: 0; }

.box-list .scroll-icon_right i { right: 8px; }

.box-list .scroll-icon_right:hover { background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.1)), to(rgba(0, 0, 0, 0.9))); background: linear-gradient(to right, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.9)); }

/*--------------------------------------------------------------
## some styles
--------------------------------------------------------------*/
.facebook-content { width: 100%; max-width: 400px; height: 810px; float: left; position: static; }

.twitter-content { width: 100%; max-width: 400px; height: 810px; float: right; position: relative; }

/*--------------------------------------------------------------
## index start
--------------------------------------------------------------*/
#hero-banner { position: relative; /*height: 450px;*/ }

@media screen and (max-width: 35.5em) { #hero-banner { margin-bottom: 13px !important; } }

#site { margin-top: 25px; }

.hero-meta { position: absolute; color: #fff; bottom: 0; padding: 20px; width: 100%; background: rgba(214, 161, 0, 0.5); }

.hero-meta a { text-decoration: none; color: #fff !important; }

.hero-image { height: 452px; background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; }

@media screen and (max-width: 35.5em) { .hero-image { height: 290px; } }

@media screen and (max-width: 55em) { .hero-image { height: 410px; } }

.hero-title { margin: 0; margin: 0; font-weight: bold; font-size: 27px; line-height: 28px; }

.hero-category { font-weight: 600; font-size: 13px; margin-bottom: 5px; }

.latest-news h3 a { line-height: 24px; font-size: 22px; color: #2d2d2d; text-decoration: none; margin: 0; }

.latest-news { line-height: 19px; }

.latest-news h3 { margin: 5px 0; }

.article-category { margin-top: 10px; }

.article-category a { color: #c8a01e !important; font-family: fira-sans; font-weight: 600; font-size: 13px; text-decoration: none; }

.frontpage-banners img { width: 100%; }

.frontpage-banners .fancy-link { color: white !important; }

.kirkkovuosi-bg { background-size: cover; background-repeat: no-repeat; }

.kirkkovuosi-info { font-size: 12px; color: #fff; padding: 15px; }

.kirkkovuosi-info p { color: #fff; }

/*--------------------------------------------------------------
## page-up button
--------------------------------------------------------------*/
.page-up { display: block; height: 50px; width: 50px; position: fixed; bottom: 20px; top: auto; right: auto; left: 20px; border-radius: 50%; background-color: white; text-align: center; border: 2px solid #c8a01e; z-index: 9999999999; opacity: 0; visibility: hidden; -webkit-transition: all .5s ease-out; transition: all .5s ease-out; }

.page-up:hover { cursor: pointer; }

@media screen and (min-width: 64em) { .page-up:hover { background-color: #41629c; } }

.page-up::after { content: '\f062'; font-family: FontAwesome; font-weight: normal; font-style: normal; color: #c8a01e; vertical-align: middle; font-size: 30px; }

.page-up-show { opacity: 1; visibility: visible; }

.volunteer-event { line-height: 1.5; font-family: "fira-sans", sans-serif; border-bottom: 1px solid #c8a01e; padding-bottom: 15px; margin-bottom: 15px; }

.volunteer-event h3 { font-family: "fira-sans", sans-serif; font-weight: 600; }

.volunteer-event p { display: inline; }

.church-accessibility { margin-top: 40px; }

.church-accessibility p:first-of-type { margin: 0 0 15px; }

.church-accessibility h2 { margin: 0; }

.church-accessibility a, .church-accessibility a:visited, .church-accessibility a:focus, .church-accessibility a:active { display: inline-block; color: #2d2d2d; text-decoration: none; }

.church-accessibility a:hover, .church-accessibility a:visited:hover, .church-accessibility a:focus:hover, .church-accessibility a:active:hover { color: #c8a01e; }

.church-accessibility img { height: 45px; width: auto; margin-bottom: 20px; }

@-webkit-keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

@keyframes spin { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } }

#page.konami::after { /*animation: spin 1s 10s infinite linear alternate;*/ -webkit-animation-name: spin; animation-name: spin; -webkit-animation-duration: 1s; animation-duration: 1s; -webkit-animation-timing-function: ease-in-out; animation-timing-function: ease-in-out; -webkit-animation-iteration-count: infinite; animation-iteration-count: infinite; -webkit-animation-direction: alternate; animation-direction: alternate; }

.gform_wrapper { font-family: "Heuristica", sans-serif; }

.gform_wrapper ul { list-style-type: none; margin: 0; padding: 0; }

.gform_wrapper ul li { margin-bottom: 11px; }

.gform_wrapper label { /* display: none;  */ }

@media screen and (min-width: 641px) { .gform_wrapper textarea { width: calc(50% - 8px); } }

.gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper input[type="search"], .gform_wrapper input[type="number"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="range"], .gform_wrapper input[type="date"], .gform_wrapper input[type="month"], .gform_wrapper input[type="week"], .gform_wrapper input[type="time"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="color"], .gform_wrapper textarea { font-family: "fira-sans", sans-serif; color: #41629c; font-weight: 100; padding: 5px 10px; border-color: #41629c; border-radius: 0; width: 40%; }

@media screen and (min-width: 35.5em) and (max-width: 55em) { .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper input[type="search"], .gform_wrapper input[type="number"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="range"], .gform_wrapper input[type="date"], .gform_wrapper input[type="month"], .gform_wrapper input[type="week"], .gform_wrapper input[type="time"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="color"], .gform_wrapper textarea { width: 60%; } }

@media screen and (max-width: 35.5em) { .gform_wrapper input[type="text"], .gform_wrapper input[type="email"], .gform_wrapper input[type="url"], .gform_wrapper input[type="password"], .gform_wrapper input[type="search"], .gform_wrapper input[type="number"], .gform_wrapper input[type="tel"], .gform_wrapper input[type="range"], .gform_wrapper input[type="date"], .gform_wrapper input[type="month"], .gform_wrapper input[type="week"], .gform_wrapper input[type="time"], .gform_wrapper input[type="datetime"], .gform_wrapper input[type="datetime-local"], .gform_wrapper input[type="color"], .gform_wrapper textarea { width: 100%; } }

.gform_wrapper input { height: auto; }

.gform_wrapper input[type=submit] { background-color: #41629c !important; color: #fff !important; height: 33px !important; font-weight: 600 !important; outline: none; border: none; }

.gform_wrapper ::-webkit-input-placeholder { /* Chrome/Opera/Safari */ color: #41629c; font-style: italic; font-size: 14px; }

.gform_wrapper ::-moz-placeholder { /* Firefox 19+ */ color: #41629c; font-style: italic; font-size: 14px; }

.gform_wrapper :-ms-input-placeholder { /* IE 10+ */ color: #41629c; font-style: italic; font-size: 14px; }

.gform_wrapper :-moz-placeholder { /* Firefox 18- */ color: #41629c; font-style: italic; font-size: 14px; }

.gform_validation_container { display: none; }

.home #main .content [class*="grid__item"] { margin-bottom: 1.6em; }

.banners-image { height: 120px; background-size: cover; background-repeat: no-repeat; background-position: center center; }

@media screen and (max-width: 55em) { .banners-image { height: 70px; } }

.banners-text { display: table-cell; vertical-align: middle; color: #fff; text-align: center; font-family: Heuristica; font-weight: bold; font-size: 20px; line-height: 1.2; }

.banners-info { height: 100%; display: table; width: 100%; }

.frontpage-banners a { text-decoration: none; }

/*# sourceMappingURL=main.css.map */