@charset "utf-8";

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*
* 01 Imports
* 02 All pages
* 03 Home page
* 04 Content page
* 05 Navigation
* 06 Search
* 07 Footer
* 08 Elements
* 09 Misc Plugins
* 10 Media Query
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
01 Imports
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

@import url('//fonts.googleapis.com/css?family=Fjalla+One|Lato:400,400i,700,700i,900,900i');

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
02 All pages
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

html,
body {
  height: 100%;
  padding: 0;
  margin: 0;
  font-family: Lato, sans-serif !important;
  font-size: 14px !important;
  -webkit-font-smoothing: antialiased !important;
  color: #000 !important;
  text-rendering: optimizeLegibility !important;
  font-smooth: antialiased !important;
}

.page,
.single {
  max-width: 100% !important;
  overflow-x: hidden;
  font-family: Lato, sans-serif !important;
  font-weight: 400;
}

.page p,
.single p {
  font-family: Lato, sans-serif !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.h1,
.h2,
.h3,
.h4,
.h5,
.h6 {
  font-family: 'Fjalla One', sans-serif !important;
}

h3,
.h3 {
  font-size: 20px !important;
}

ul li {
  list-style: square;
}

.container-fluid {
  padding-right: 0 !important;
  padding-left: 0 !important;
}

.rsbtn {
  margin-bottom: 15px;
}

.container a {
  font-weight: 700;
  color: #000;
}

.page-template:not(.home) .container a,
.single-post:not(.home) .container a,
.page-parent .container a,
.page-child .container a {
  color: #000;
  text-decoration: underline;
}

a.wpv-filter-pagination-link {
  text-decoration: none !important;
}

a.content-link {
  color: #000 !important;
  text-decoration: none !important;
}

a.content-link:hover,
.page-parent .container a:hover:not(a.read),
.page-parent .container a:hover:not(.top-nav-link),
.page-child .container a:hover:not(a.read),
.page-child .container a:hover:not(.top-nav-link) {
  color: #000 !important;
  text-decoration: none !important;
}

.page-child .container a.accordion-title-wrapper,
.page-child .container a.read {
  text-decoration: none;
}

.highlight-box a {
  position: relative;
}

.extra-row .col-no-padding {
  padding: 0;
}

input[type="text"],
input[type="email"],
input[type="tel"],
input[type="password"] {
  height: auto !important;
}

.alert-message {
  display: table-cell;
}

a.dropdown-toggle:focus {
  outline: thin dotted;
  outline: -webkit-focus-ring-color auto 5px;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
03 Home page
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.lahjoita-row {
  background-attachment: scroll;
  background-color: rgba(0, 0, 0, 0.6);
  background-image: url('../images/img-lahjoitus-background-260x330.jpg');
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.lahjoita-row #section-muut-tavat a.read {
  line-height: 1.2;
  min-height: 20px;
  margin: 7px 0;
}

.lahjoita-row .custom-text-align {
  text-align: left;
}

.lahjoita-row .lahjoita-section {
  max-width: 80%;
  padding: 20px 0;
}

.lahjoita-row .lahjoita-content {
  margin: 15px 0;
  background: #fff;
}

.lahjoita-row .lahjoita-section .tab-pane {
  padding: 15px;
}

.lahjoita-row .section-text {
  padding: 15px;
  background: rgba(0, 0, 0, 0.6);
}

.lahjoita-row .section-row-header .h1,
.lahjoita-row .section-text {
  color: #fff !important;
}

.lahjoita-row .img-circle-custom {
  background: #fff;
  border: 1px solid #ddd;
  -webkit-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
     -moz-box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
          box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
}

.popover {
  width: 480px !important;
  max-width: 100%;
}

.popover-title {
  font-size: 14px !important;
  font-weight: 400;
  letter-spacing: 1px;
  text-align: center;
}

.popover-content {
  font-size: 13px !important;
  letter-spacing: 1px;
}

.lahjoita-row .nav-tabs {
  margin: 0 0 15px!important;
  background: #000;
}

.lahjoita-row .nav-tabs > li > a {
  color: #000;
  border: none;
}

.lahjoita-row .nav-tabs > li:not(.active) > a {
  color: #ffdd43;
  background: rgba(0, 0, 0, 0.75);
}

.lahjoita-row .nav-tabs > li:not(.active) > a:hover,
.lahjoita-row .nav-tabs > li:not(.active) > a:focus {
  text-decoration: underline;
}

.lahjoita-row .form-control,
.lahjoita-row .input-group-addon {
  border-color: #adadad;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.lahjoita-row .form-message {
  display: inline-block !important;
}

.lahjoita-row #summa-group .btn-group-custom {
  padding: 7px 15px 7px 0;
}

.lahjoita-row .btn-group-custom {
  padding: 7px 0;
}

.lahjoita-row .btn-group-custom .btn.focus,
.lahjoita-row .btn-group-custom .btn:focus,
.lahjoita-row .btn-group-custom .btn:hover {
  color: #ffdd43;
  background: #000;
  border-color: #000;
}

.lahjoita-row .btn-group-custom .btn.active,
.lahjoita-row .btn-group-custom .btn.active:hover {
  color: #000;
  background: #ffdd43;
  border-color: #ffdd43;
  -webkit-box-shadow: none;
     -moz-box-shadow: none;
          box-shadow: none;
}

.lahjoita-row .btn-group-custom .btn.active.focus {
  border: 1px dotted #000;
}

.lahjoita-row .btn-white {
  font-size: 14px;
  white-space: normal;
  background-color: #fff;
  border: 1px solid #adadad;
}

.lahjoita-row .btn-big {
  padding: 15px;
}

.lahjoita-row .msg-parent {
  display: inline-block;
}

.lahjoita-row .msg-parent .form-control-feedback {
  top: -5px !important;
  right: 5px !important;
  max-width: 23px;
  max-height: 23px;
}

.frontpage-slider .carousel-control {
  display: none;
}

.frontpage-slider .carousel-inner .item {
  height: 570px;
  background: transparent;
}

.frontpage-slider .carousel-inner > .item > img {
  position: absolute;
}

.page-viikon-luku .nostot-row .highlight-box {
  max-width: 310px;
}

.ajankohtaista-row .highlight-box {
  font-family: Lato, sans-serif;
  font-size: 15px;
  line-height: 1.12500000;
}

.meista-ja-koulutus .calendar-box .content-title,
.ajankohtaista-row .highlight-box .content-title,
.blogi-row .highlight-box .content-title,
.verkkopalvelut-row .highlight-box .content-title,
.ylaosa-row .highlight-box .content-title,
.nostot-row .highlight-box .content-title {
  display: block;
  margin-bottom: 10px;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 700;
  letter-spacing: .5px;
  color: inherit;
}

.meista-ja-koulutus .calendar-box .content-paragraph,
.ajankohtaista-row .highlight-box .content-paragraph,
.blogi-row .highlight-box .content-paragraph,
.verkkopalvelut-row .highlight-box .content-paragraph,
.ylaosa-row .highlight-box .content-paragraph,
.nostot-row .highlight-box .content-paragraph {
  margin-bottom: 16px;
  letter-spacing: .5px;
  opacity: 1.0;
}

.frontpage-slider .carousel-control {
  display: none;
}

.header-timestamp {
  position: relative;
  z-index: 666;
  margin-bottom: -40px;
}

.timestamp {
  display: inline-block;
  width: 84px;
  padding: 0 5px;
  margin-left: 0;
  font-size: 14px;
  font-weight: 700;
  line-height: 2.85714286;
  color: #ffdd43;
  text-align: center;
  vertical-align: middle;
  background: #000;
}

.diamond-timestamp {
  position: relative;
  z-index: 666;
  width: 50px;
  height: 50px;
  margin: -25px auto 0;
  color: #ffdd43;
  text-align: center;
  vertical-align: middle;
  background: #000;
  transform: rotate(-45deg);
}

.inner-diamond {
  display: inline-block;
  margin-top: 0;
  font-size: 10px;
  font-weight: 700;
  line-height: 5.00000000;
  transform: rotate(45deg);
}

.blogi-row .highlight-box {
  max-width: 360px;
}

.ajankohtaista-row .highlight-box .content-container,
.blogi-row .highlight-box .content-container,
.verkkopalvelut-row .highlight-box .content-container {
  position: relative;
  padding: 30px 30px 20px;
  color: #000;
  background: #fff;
}

.ylaosa-row .highlight-box .content-container {
  max-width: 1100px;
  padding: 4em 10em;
}

.ylaosa-row .highlight-box .content-container-space {
  padding: 15px;
}

.nostot-row .highlight-box .content-container {
  padding: 30px 20px;
}

.content-paragraph {
  margin-bottom: 20px;
  font-weight: 400;
}

.content-paragraph h2 {
  margin-top: 2em;
}

.section-row-header {
  position: relative;
  padding: 0;
}

.section-row-header .h1,
.section-row-header h1 {
  margin-bottom: 30px;
  font-family: 'Fjalla One';
  font-size: 35px;
  font-weight: 400;
  line-height: 54px;
  letter-spacing: -0.5px;
  color: #000;
  text-transform: uppercase;
}

.section-row-header .h1,
.section-row-header h1 {
  max-width: calc(100% - 110px) !important;
}

.ajankohtaista-row,
.blogi-row,
.verkkopalvelut-row,
.social-wall,
.single-post {
  padding: 10px 0 5px;
  background: #f4f4f4;
  background-attachment: fixed;
  background-image: url('../images/kvl-ruutu-tausta-3.png?ver=1');
  background-position: 10px -10px;
  background-repeat: repeat;
  background-size: 300px;
}

.extra-row,
.blogi-row {
  background: #fff;
}

.highlight-box {
  background: #fff;
  -webkit-box-shadow: 0 0 9.6px 0.4px rgba(25, 25, 25, 0.06);
     -moz-box-shadow: 0 0 9.6px 0.4px rgba(25, 25, 25, 0.06);
          box-shadow: 0 0 9.6px 0.4px rgba(25, 25, 25, 0.06);
}

.highlight-box a:hover {
  text-decoration: none;
}

.verkkopalvelut-row {
  padding-bottom: 15px;
}

.linkkilista .highlight-box,
.luku-ja-video .eq-luku-ja-video,
.store-row .highlight-box,
.verkkopalvelut-row .highlight-box {
  margin-bottom: 15px;
}

.lan-pic-row {
  margin-bottom: 30px;
}

.extra-row {
  margin: 30px 15px !important;
}

.extra-row .project-box {
  padding: 0 15px;
}

.extra-row .project-box .h3,
.extra-row .project-box h3 {
  display: block;
  margin-bottom: .5em;
  font-family: Lato, sans-serif;
  font-size: 1.5em;
  font-weight: 900;
  line-height: 1.1;
  color: #000;
  text-decoration: none;
}

.extra-row .project-box p {
  color: #000;
}

.extra-row .project-box .button-container {
  margin: 30px 0;
}

.luku-ja-video.title,
.meista-ja-koulutus.title {
  padding-bottom: 20px;
}

.luku-ja-video,
.meista-ja-koulutus {
  background: #f4f4f4;
  background-attachment: fixed;
  background-image: url('../images/kvl-ruutu-tausta-3.png?ver=1');
  background-position: 10px -10px;
  background-repeat: repeat;
  background-size: 300px;
}

.meista-ja-koulutus {
  padding: 10px 0 40px;
}

.meista-ja-koulutus .calendar-box {
  overflow: hidden;
}

.luku-ja-video .calendar-box-container,
.meista-ja-koulutus .calendar-box-container {
  height: 100%;
  padding: 10px;
  margin-bottom: 15px;
  background: #fff;
}

.luku-ja-video .calendar-box-container a,
.meista-ja-koulutus .calendar-box-container a {
  font-weight: 400;
  letter-spacing: .5px;
}

.luku-ja-video .button-container a,
.meista-ja-koulutus .button-container a {
  font-weight: 700;
  text-decoration: none;
}

.kauppa-ja-tutkimus {
  padding: 10px 10px 45px;
  background: #fff;
}

.page-viikon-luku .nostot-row .header-image > img {
  min-width: 100%;
}

.page-blogit .nostot-row .header-image > img,
.page-ajankohtaista .nostot-row .header-image > img {
  max-width: 100%;
  max-height: 233px;
}

.kauppa-ja-tutkimus .header-image {
  height: 320px;
}

.calendar-item {
  display: table;
  width: 100%;
  padding: 22px 0 20px;
  color: inherit;
  vertical-align: middle;
  border-top: 1px solid #eaeaea;
  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
}

.calendar-item:hover {
  color: inherit;
}

.calendar-item:last-of-type {
  border-bottom: 1px solid #eaeaea;
}

.calendar-item:hover .arrow-right {
  color: #000;
}

.item-arrow {
  display: table-cell;
  vertical-align: middle;
}

.arrow-right {
  position: relative;
  height: 100%;
  color: #ffdd43;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.wpv-filter-previous-link > .wpv-pager {
  margin: 15px 15px 15px 75px;
  color: #000;
  text-transform: lowercase;
}

.wpv-filter-next-link > .wpv-pager {
  margin: 15px 15px 15px -75px;
  color: #000;
  text-transform: lowercase;
}

.wpv-pager:hover {
  text-decoration: underline;
}

.wpv-filter-previous-link,
.wpv-filter-next-link {
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.wpv-filter-previous-link:hover,
.wpv-filter-next-link:hover {
  color: #000 !important;
  background: #ffdd43 !important;
}

.wpv-filter-previous-link:before,
.wpv-filter-previous-link:after {
  position: absolute;
  top: 40%;
  right: 20px;
  display: block;
  height: 32px;
  margin-top: -20px;
  border-right: 6px solid;
  content: '\0020';
  transform: rotate(45deg);
}

.wpv-filter-previous-link:after {
  margin-top: -1px;
  transform: rotate(-45deg);
}

.wpv-filter-next-link:before,
.wpv-filter-next-link:after {
  position: absolute;
  top: 40%;
  right: 20px;
  display: block;
  height: 32px;
  margin-top: -20px;
  border-right: 6px solid;
  content: '\0020';
  transform: rotate(135deg);
}

.wpv-filter-next-link:after {
  margin-top: -1px;
  transform: rotate(45deg);
}

.arrow-right:before,
.arrow-right:after {
  position: absolute;
  top: 50%;
  right: 15px;
  display: block;
  height: 18px;
  margin-top: -13px;
  border-right: 6px solid;
  content: '\0020';
  transform: rotate(135deg);
}

.arrow-right:after {
  margin-top: -4px;
  transform: rotate(45deg);
}

.arrow-right:hover,
.arrow-right:focus,
.arrow-right:hover:before,
.arrow-right:hover:after,
.arrow-right:focus:before,
.arrow-right:focus:after {
  color: #ffdd43;
  background: #ffdd43 !important;
}

.box-header .h1,
.box-header h1 {
  margin-bottom: 30px;
  font-family: 'Fjalla One';
  font-size: 2.5em;
  font-weight: 400;
  line-height: 54px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

.box-header .h3,
.box-header h3 {
  margin-bottom: 30px;
  font-family: 'Fjalla One';
  font-size: 1.6em;
  font-weight: 400;
  line-height: 54px;
  color: #000;
  text-align: center;
  text-transform: uppercase;
}

.highlight-box {
  min-width: 100%;
  min-height: 100%;
}

.highlight-box-link {
  min-height: 100%;
}

.highlight-box-link:hover {
  outline: 7px solid #ffdd43;
}

.title-and-content {
  margin-top: 30px;
  color: #000;
}

.calendar-box-content-title {
  display: block;
  margin-bottom: .5em;
  font-family: Lato, sans-serif;
  font-weight: 900;
  color: inherit;
  text-decoration: none;
}

.about-content {
  margin-bottom: 1.2em;
  font-size: .95em;
  line-height: 1.3;
  letter-spacing: .5px;
  opacity: 1;
}

.store-content-container {
  padding: 30px;
  background: #fff;
}

.store-content-container .highlight-box {
  padding: 15px 0;
}

.store-content-container a:hover {
  text-decoration: none;
}

.store-box .title-container {
  color: #000;
}

.store-box .title-container .title {
  margin-bottom: .5em;
  font-family: Lato, sans-serif;
  font-size: 15px;
  font-weight: 700;
  line-height: 1.14285714;
  letter-spacing: .5px;
}

.frontpage-slider {
  padding: 0;
}

.frontpage-slider form {
  position: absolute;
  display: table-cell;
  width: 100%;
  height: 600px;
  vertical-align: middle;
}

.frontpage-slider .wpv-filter-previous-link,
.frontpage-slider .wpv-filter-next-link {
  position: absolute;
  width: 50px;
  height: 50px;
  color: #ffdd43;
  background: #000;
}

.frontpage-slider .wpv-filter-previous-link {
  left: 40px;
}

.frontpage-slider .wpv-filter-next-link {
  right: 60px;
}

.frontpage-slider .content-container {
  position: absolute;
  top: 0;
  height: 100%;
}

.frontpage-slider .content-container .inner-container .content-title {
  margin-bottom: .5em;
  font-family: 'Fjalla One';
  font-size: 42px;
  font-weight: 900;
  line-height: 1.10000000;
}

.frontpage-slider .content-container .inner-container {
  padding: 30px 15px;
  margin: 45px 15px 30px;
  color: #000;
  background: rgba(255, 255, 255, 0.75);
  -webkit-box-shadow: 0 0 9.6px 0.4px rgba(25, 25, 25, 0.06);
     -moz-box-shadow: 0 0 9.6px 0.4px rgba(25, 25, 25, 0.06);
          box-shadow: 0 0 9.6px 0.4px rgba(25, 25, 25, 0.06);
}

.frontpage-slider .content-container .inner-container .content-paragraph {
  margin-bottom: 1.2em;
  font-size: 14px;
  line-height: 1.0000000;
  letter-spacing: 1px;
  text-transform: none;
}

.image-caption {
  margin-top: 10px !important;
  margin-right: 20px !important;
  font-size: 12px !important;
  color: gray !important;
  text-align: right !important;
}

header > .container {
  width: 100%;
  padding: 0;
}

.header-container {
  padding: 0 30px;
}

.header-image {
  position: relative;
}

.store-content-container .content-image {
  width: 100%;
  height: 160px;
  margin-bottom: 20px;
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
}

.calendar-content-container .item-content {
  font-family: 'Fjalla One', sans-serif;
  color: #000;
}

.social-wall-gradient-layer-container {
  position: absolute;
  z-index: 10;
  display: block;
  width: 100%;
  height: 610px;
  background-image: linear-gradient(to top, #f5f5f5 0px, rgba(245, 245, 245, 0.95) 100px, rgba(245, 245, 245, 0.65) 200px, rgba(245, 245, 245, 0) 300px);
}

.wall-outer.gradient-active {
  height: 600px;
  overflow-y: hidden;
}

.inner-gradient-layer {
  position: absolute;
  bottom: 0;
  width: 100%;
}

.social-wall {
  height: 715px;
  padding-bottom: 30px;
  overflow-y: hidden;
  -webkit-transition: position 0.5s ease-in-out, height 0.5s ease-in-out;
     -moz-transition: position 0.5s ease-in-out, height 0.5s ease-in-out;
      -ms-transition: position 0.5s ease-in-out, height 0.5s ease-in-out;
       -o-transition: position 0.5s ease-in-out, height 0.5s ease-in-out;
          transition: position 0.5s ease-in-out, height 0.5s ease-in-out;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
04 Content page
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.page-parent {
  background: #f4f4f4;
  background-attachment: fixed;
  background-image: url('../images/kvl-ruutu-tausta-3.png?ver=1');
  background-position: 10px -10px;
  background-repeat: repeat;
  background-size: 300px;
}

.page {
  background: #f4f4f4;
  background-attachment: fixed;
  background-image: url('../images/kvl-ruutu-tausta-3.png?ver=1');
  background-position: 10px -10px;
  background-repeat: repeat;
  background-size: 300px;
}

body:not(.home) .content-page-title {
  display: table-cell;
  margin: 60px auto;
  font-family: 'Fjalla One';
  font-size: 4.5em;
  letter-spacing: 1px;
  color: #fff;
  text-shadow: none;
  text-transform: uppercase;
  word-break: break-all;
  vertical-align: middle;
}

body:not(.home) .highlight .col-sm-8,
body:not(.home) .highlight .col-sm-4 {
  padding: 0;
}

body:not(.home) .highlight .content-page-highlight {
  padding: 30px;
  color: #fff;
  background: #374e61;
}

body:not(.home) .content-page-highlight .highlight-paragraph {
  margin-bottom: 1.5em;
  font-family: 'Fjalla One';
  font-size: 1.2em;
}

body:not(.home) .content-page-highlight .highlight-paragraph:last-of-type {
  margin-bottom: 0;
}

.highlight-paragraph p {
  margin-bottom: 20px;
  line-height: 1.40000000;
}

body:not(.home) .content-page-cover-image img {
  width: 100%;
  height: auto;
  margin-bottom: 20px;
  line-height: 1.40000000;
}

body:not(.home) .content-page-cover-image {
  margin-top: -60px;
}

body:not(.home) .content-page-main-paragraph .main-paragraph-title {
  margin-bottom: 1.2em;
  font-family: 'Fjalla One';
  font-size: 2.5em;
  font-weight: 500;
  line-height: 1.00000000;
  letter-spacing: 0;
  text-transform: uppercase;
  word-break: break-all;
}

body:not(.home) .content-page-main-paragraph .main-paragraph-content {
  margin-bottom: 1.2em;
  font-family: Lato, sans-serif;
  font-size: .95em;
  letter-spacing: 0;
}

body:not(.home) .content-page-main-paragraph .main-paragraph-content .content-title {
  margin-bottom: .5em;
  font-family: 'Fjalla One';
  font-size: 1.2em;
  font-weight: 600;
  line-height: 1.0;
  letter-spacing: 0;
  text-transform: uppercase;
}

body:not(.home) .content-page-main-paragraph .main-paragraph-content .paragraph-content {
  margin: 10px 0 30px;
}

.single .section-row-header h1 {
  margin-bottom: .2em;
  line-height: 1.2;
}

.article-header {
  margin-bottom: 4em;
}

.article-date {
  display: inline-block;
  margin: 10px 10px 0 0;
  font-family: 'Fjalla One';
  font-size: 18px;
  font-weight: 400;
  line-height: 1.0;
  color: #000;
}

.article-author {
  display: inline-block;
  font-family: 'Fjalla One';
  font-size: 1.1em;
  font-weight: 400;
  line-height: 1.0;
  color: #757575;
  text-transform: initial;
}

.single-post {
  padding: 0;
}

.margin-bottom {
  margin-bottom: 80px;
}

.no-margin {
  margin-bottom: 0 !important;
}

.page-navigation {
  padding: 0 15px;
}

.nostot-row .h1,
.nostot-row h1 {
  margin: 0;
  text-align: left;
}

.content-paragraph a .panel-title {
  margin-left: 60px;
  font-size: 1em;
  font-weight: 600;
  color: #000;
  text-align: left;
}

.content-paragraph a:hover {
  text-decoration: none;
}

.content-paragraph .panel-ingress {
  margin-left: 60px;
  font-size: 1em;
  font-weight: 500;
  color: #000;
}

.content-paragraph .panel-body {
  margin-left: 60px;
}

.panel-heading {
  border-top: 1px solid #ebebeb;
}

.content-paragraph .panel {
  margin-bottom: 0 !important;
}

.content-paragraph .accordion-title {
  position: relative;
}

.content-paragraph .accordion-title-wrapper .accordion-title:after {
  position: absolute;
  padding: 8px 16px;
  margin-top: -8px;
  font-weight: 600;
  color: #000;
  background: #ffdd43;
  content: '\2013';
}

.content-paragraph .accordion-title-wrapper.collapsed .accordion-title:after {
  background: #f0f0f0;
  content: '\002B';
}

.article-comment-form-container {
  padding-top: 2em;
}

.article-comment-form-container h3 {
  font-size: 2.15em;
}

.article-comment-form-container ul.comment-list {
  padding-left: 20px;
}

.article-comment-form-container li {
  padding: 10px;
  list-style: none;
  border-bottom: solid 1px #ebebeb;
}

.article-comment-form-container li:last-of-type {
  border-bottom: none;
}

.article-comment-form-container li #cancel-comment-reply-link {
  margin-left: 1em;
  font-weight: 400;
}

.article-comment-form-container .comment-meta {
  margin-bottom: 15px;
}

.article-comment-form-container .comment-author,
.article-comment-form-container .comment-metadata {
  display: inline-block;
  width: auto;
  padding-bottom: 5px;
  line-height: 1.42857;
}

.article-comment-form-container .comment-author,
.article-comment-form-container .comment-metadata time {
  margin-right: 10px;
}

.article-comment-form-container .comment-author strong,
.article-comment-form-container .comment-author b {
  font-size: 16px;
  line-height: 1.00000000;
}

.article-comment-form-container .says {
  display: none;
}

.article-comment-form-container .comment-content {
  margin-top: 5px;
  margin-bottom: .5em !important;
  font-family: Lato, sans-serif;
  font-size: 14px;
  font-weight: 400;
  color: #000;
}

.comment-form textarea,
input,
select {
  font-family: Lato, sans-serif !important;
  font-weight: 400 !important;
  color: #000 !important;
}

.comment-form textarea {
  resize: vertical;
}

.comment-respond {
  margin-top: 3em;
}

/*
.form-control:focus {
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
*/

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px #fff inset !important;
}

.table > tbody > tr > td {
  min-width: 150px;
}

.table > tbody > tr > td img {
  margin: 0 !important;
}

.responsive-table th,
.responsive-table td {
  display: block;
}

.ylakuvarivi {
  width: 100%;
  height: 600px;
  margin: 10px 0 30px;
  margin: 0 auto !important;
  overflow: hidden;
}

.ylakuva {
  display: table;
  width: 100%;
  height: 600px;
  text-align: center;
  background: #fff;
  background-position: center top;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
     -moz-background-size: cover;
       -o-background-size: cover;
          background-size: cover;
}

.page .quotation,
.single .quotation {
  padding: 2em 3em;
  margin: 3em !important;
  font-family: 'Fjalla One' !important;
  font-size: 1.1em;
  font-weight: 500;
  line-height: 1.40000000;
  letter-spacing: -0.5px;
  color: #000;
  text-align: center;
  border-top: 3px solid #ffdd43;
  border-bottom: 3px solid #ffdd43;
}

.image-description-text {
  position: absolute;
  right: 0;
  bottom: -25px;
  margin-top: 10px !important;
  margin-right: 20px !important;
  font-size: 12px !important;
  color: gray !important;
  text-align: right !important;
}

figcaption,
.wp-caption-text {
  margin-bottom: 20px !important;
  font-size: 12px !important;
  color: gray !important;
  text-align: right !important;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
05 Navigation
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.navbar-header {
  width: auto;
  height: auto;
}

.navbar-header .navbar-brand {
  width: auto;
  height: auto;
  padding: 15px 0 0;
}

.navbar-brand > img {
  height: auto;
  max-width: 250px;
  font-size: 13px;
  font-weight: 400;
  color: #fff;
}

.top-nav-container {
  background: #000;
}

.top-nav {
  display: inline-block;
  width: 100%;
  max-width: 1170px;
  padding: 15px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.00000000;
  letter-spacing: 1px;
  color: #fff;
  background: #000;
}

.top-nav a:not(.navbar-brand) {
  display: inline-block;
  width: auto;
  color: #fff;
}

.top-nav a {
  text-decoration: none !important;
}

.top-nav a:hover,
.top-nav a:focus,
.top-nav a:active {
  color: #fff;
  text-decoration: underline;
}

.top-nav .top-nav-links-container {
  font-weight: 700;
  line-height: 1.23076923;
}

.top-nav .top-nav-links-container a {
  width: auto;
  margin: 10px;
  color: #fff !important;
}

.top-nav .top-nav-links-container a.active,
.top-nav .top-nav-links-container a:active,
.top-nav .top-nav-links-container a:hover {
  text-decoration: underline !important;
}

.top-nav .top-nav-links-container a:after {
  content: '\0020' !important;
}

.top-nav .top-nav-links-container .arrow-right {
  display: inline-block;
  margin-left: 35px;
  color: #ffdd43;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.top-nav .top-nav-links-container .arrow-right:before,
.top-nav .top-nav-links-container .arrow-right:after {
  position: absolute;
  display: block;
  height: 12px;
  border-right: 4px solid;
  content: '\0020';
}

.top-nav .top-nav-links-container .arrow-right:before {
  margin-top: -14px;
  transform: rotate(135deg);
}

.top-nav .top-nav-links-container .arrow-right:after {
  margin-top: -8px;
  transform: rotate(45deg);
}

.top-nav .top-nav-links-container .links-first-row a:first-child,
.top-nav .top-nav-links-container .links-second-row a:first-child {
  margin-left: 0;
}

.main-nav-container {
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  background: #fff;
  -webkit-box-shadow: 0 0 50px 0 rgba(25, 25, 25, 0.1);
     -moz-box-shadow: 0 0 50px 0 rgba(25, 25, 25, 0.1);
          box-shadow: 0 0 50px 0 rgba(25, 25, 25, 0.1);
}

.nav-home-icon {
  font-size: 20px;
}

.sub-nav,
.main-nav {
  display: inline-block;
  width: 100%;
  max-width: 1170px;
  margin-right: auto;
  margin-left: auto;
}

.main-nav {
  padding: 0 15px;
}

.sub.nav {
  padding: 0;
}

.main-nav a:hover,
.main-nav a:focus {
  color: #000;
}

.sub-nav .ddl-navbar-toggle,
.main-nav .ddl-navbar-toggle {
  margin: 8px 0;
  border-color: #000;
  border-width: 0;
  border-radius: 0;
}

.sub-nav .ddl-navbar-toggle .ddl-icon-bar,
.main-nav .ddl-navbar-toggle .ddl-icon-bar {
  background: #000;
}

.sub-nav .ddl-navbar-toggle:hover .button-text,
.sub-nav .ddl-navbar-toggle:focus .button-text,
.main-nav .ddl-navbar-toggle:hover .button-text,
.main-nav .ddl-navbar-toggle:focus .button-text {
  color: #ffd835;
}

.sub-nav .ddl-navbar-toggle:hover,
.sub-nav .ddl-navbar-toggle:focus,
.main-nav .ddl-navbar-toggle:hover,
.main-nav .ddl-navbar-toggle:focus {
  background: #000;
}

.sub-nav .ddl-navbar-toggle:hover .ddl-icon-bar,
.sub-nav .ddl-navbar-toggle:focus .ddl-icon-bar,
.main-nav .ddl-navbar-toggle:hover .ddl-icon-bar,
.main-nav .ddl-navbar-toggle:focus .ddl-icon-bar {
  background: #ffd835;
}

.header-se .main-nav .ddl-nav-wrap.ddl-navbar,
.header-en .main-nav .ddl-nav-wrap.ddl-navbar {
  letter-spacing: -0.05em;
}

.main-nav .ddl-nav-wrap.ddl-navbar {
  float: none;
  padding: 0;
  margin: 10px auto !important;
  font-weight: 700;
  line-height: 1.0;
  background: none;
  border: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

.main-nav .ddl-navbar-nav .menu-item a {
  text-decoration: none;
  text-transform: uppercase;
}

.main-nav .ddl-nav-wrap.ddl-navbar .ddl-navbar-nav > .open:not(.current-page-parent):not(.current-page-ancestor) > a {
  color: #ffdd43 !important;
  background: #000 !important;
}

.main-nav .ddl-nav-wrap.ddl-navbar .ddl-navbar-nav > .open.current-page-ancestor > a,
.main-nav .ddl-nav-wrap.ddl-navbar .ddl-navbar-nav > .open.current-page-parent > a {
  color: #000;
  background: #ffdd43;
}

.main-nav .ddl-nav > li > a:focus {
  background: transparent;
}

.main-nav .ddl-navbar-nav .menu-item > a:hover {
  color: #ffdd43 !important;
  background: #000;
}

.main-nav .ddl-navbar-nav .menu-item .dropdown-menu {
  min-width: 100%;
  margin-left: 0 !important;
  background: #fff;
  border: 0 none;
  -webkit-border-radius: 0;
   -khtml-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.main-nav .ddl-navbar-nav .menu-item .dropdown-menu .menu-item {
  list-style: none;
}

.main-nav .ddl-navbar-nav .menu-item .dropdown-menu .menu-item a {
  padding: 15px 15px 15px 45px;
  font-weight: 900;
  line-height: 1.07142857;
  color: #000 !important;
  text-transform: initial;
  background: #fff;
}

.main-nav .ddl-navbar-nav .menu-item .dropdown-menu .menu-item a:hover {
  text-decoration: underline;
  background: #f0f0f0;
}

.main-nav .ddl-navbar-nav .menu-item.current-page-ancestor a,
.main-nav .ddl-navbar-nav .menu-item.current-menu-item a {
  color: #000 !important;
  background: #ffdd43;
}

.main-nav .ddl-navbar-nav .menu-item .dropdown-menu .current-page-ancestor:not(:first-child) a,
.main-nav .ddl-navbar-nav .menu-item .dropdown-menu .active a {
  color: #000 !important;
  background: #f0f0f0;
}

#sub-menu {
  margin: 30px auto;
  font-size: 12px;
  color: #888;
  background: #fff !important;
  border: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

#sub-menu.ddl-nav-wrap.ddl-navbar {
  float: none !important;
}

#sub-menu .ddl-nav {
  display: block;
  padding: 0;
  margin: 0;
  text-align: center;
  list-style: none;
}

#sub-menu .ddl-nav .menu-item {
  display: inline-block;
  float: none;
  max-width: 100%;
  margin-right: -4px;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  background: #fff;
  border-bottom: 3px solid #f0f0f0;
}

#sub-menu .ddl-nav .menu-item:hover {
  border-color: #000 #000 #f0f0f0;
}

#sub-menu .ddl-nav .menu-item a {
  padding: 12px 15px 8px;
  font-size: 12px;
  font-weight: 700;
  color: #555;
  text-align: left;
  text-decoration: none;
  text-transform: uppercase;
  background: #fff;
  border-left: none;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}

#sub-menu .ddl-nav .menu-item:first-child > a {
  text-indent: -9999px;
  background: #ffffff url('../images/web-home-icon-gray.svg?ver=1');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 18px;
}

#sub-menu .ddl-nav .menu-item.active:first-child > a {
  background: #ffdd43 url('../images/web-home-icon.svg?ver=1');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 18px;
}

#sub-menu .ddl-nav .menu-item:first-child:hover > a {
  color: #ffdd43 !important;
  background: #000000 url('../images/web-home-icon-yellow.svg?ver=1');
  background-position: center;
  background-repeat: no-repeat;
  background-size: auto 18px;
}

#sub-menu .ddl-nav .menu-item.active > a,
#sub-menu .ddl-nav .menu-item.current-menu-ancestor > a,
#sub-menu .ddl-nav .menu-item.current-menu-parent > a,
#sub-menu .ddl-nav .menu-item.current-page-ancestor:not(:first-child) > a {
  color: #000 !important;
  background: #ffdd43;
  border-color: #ffdd43 #ffdd43 #f0f0f0;
}

#sub-menu .ddl-nav .menu-item:not(:first-child):not(.active):not(.current-menu-ancestor):not(.current-menu-parent):not(.current-page-ancestor) > a:hover {
  color: #ffdd43;
  background: #000;
}

#sub-menu .ddl-nav .dropdown-menu {
  min-width: 100%;
  background: #fff;
  border: 0 none;
  border-top: 3px solid #f0f0f0;
  -webkit-border-radius: 0;
   -khtml-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

#sub-menu .ddl-nav .dropdown-menu .menu-item {
  min-width: 100%;
  list-style: none;
  border: 0 none;
}

#sub-menu .ddl-nav .dropdown-menu .menu-item a {
  color: #000 !important;
  background: #fff;
}

#sub-menu .ddl-nav .dropdown-menu .menu-item.active > a {
  color: #000 !important;
  background: #f0f0f0;
}

#sub-menu .ddl-nav .dropdown-menu .menu-item > a:hover {
  color: #000 !important;
  text-decoration: underline;
  background: #f0f0f0 !important;
}

#sub-menu .ddl-nav .dropdown-menu .menu-item:first-child > a {
  text-indent: initial !important;
  background-image: none !important;
}

.mobile-nav .ddl-navbar-toggle {
  width: 100%;
}

.mobile-nav .ddl-navbar-toggle span.ddl-icon-bar {
  transition: all .15s;
}

.mobile-nav .ddl-navbar-toggle.collapsed span:nth-child(2) {
  transform: rotate(45deg);
  transform-origin: 10% 10%;
}

.mobile-nav .ddl-navbar-toggle.collapsed span:nth-child(3) {
  opacity: 0;
}

.mobile-nav .ddl-navbar-toggle.collapsed span:nth-child(4) {
  transform: rotate(-45deg);
  transform-origin: 10% 90%;
}

.mobile-nav .ddl-navbar-toggle span:nth-child(2),
.mobile-nav .ddl-navbar-toggle span:nth-child(4) {
  transform: rotate(0deg);
}

.mobile-nav .ddl-navbar-toggle span:nth-child(3) {
  opacity: 1;
}

.mobile-nav .ddl-navbar-toggle .button-text {
  padding: 0 4px;
  font-size: 14px;
  font-weight: 700;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
06 Search
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.header-search-box-container {
  width: auto;
  height: auto;
  margin: 6px 0 0;
}

.header-search-box-container .search-term {
  display: table;
  width: 100%;
}

.header-search-box-container .search-term > form {
  display: table-row;
}

.header-search-box-container .search-term input {
  display: inline-block;
  font-size: 14px !important;
  font-weight: 700 !important;
  line-height: 18px !important;
  color: #000 !important;
  border: 0 none;
}

.header-search-box-container .search-term input.type-search {
  padding: 5px !important;
}

.header-search-box-container .search-term input.search-submit {
  padding: 5px 12px;
  color: #000 !important;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  background: #ffdd43;
  -webkit-border-radius: 0;
   -khtml-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.header-search-box-container .search-term input.search-submit:hover {
  color: #ffdd43 !important;
  background: #000;
}

::-webkit-input-placeholder {
  color: #000;
}

::-moz-placeholder {
  color: #000;
}

:-ms-input-placeholder {
  color: #000;
}

:-moz-placeholder {
  color: #000;
}

.page-sok .content-container .search-filter-wrapper,
.page-search .content-container .search-filter-wrapper,
.page-haku .content-container .search-filter-wrapper {
  min-height: 90px;
  margin-top: 1em;
}

.page-sok .content-container .search-filter-wrapper form,
.page-search .content-container .search-filter-wrapper form,
.page-haku .content-container .search-filter-wrapper form {
  text-align: left;
}

.page-sok .content-container input.type-search,
.page-search .content-container input.type-search,
.page-haku .content-container input.type-search {
  min-width: 400px;
  padding: 12px 12px 15px;
  font-weight: 600 !important;
  color: #000 !important;
  vertical-align: baseline;
  border: 2px solid #000;
}

.page-sok .content-container input.search-submit,
.page-search .content-container input.search-submit,
.page-haku .content-container input.search-submit {
  display: inline-block;
  min-width: 100px;
  padding: 0 12px;
  margin: 22px;
  font-size: 11px;
  font-weight: 600 !important;
  line-height: 50px;
  letter-spacing: 1px;
  text-decoration: none;
  text-shadow: none;
  text-transform: uppercase;
  white-space: nowrap;
  background: #ffdd43;
  border-width: 0;
  -webkit-border-radius: 0;
   -khtml-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-sizing: initial !important;
     -moz-box-sizing: initial !important;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.page-sok .content-container input.search-submit:hover,
.page-search .content-container input.search-submit:hover,
.page-haku .content-container input.search-submit:hover {
  color: #ffdd43 !important;
  background: #000;
}

.page-sok .content-container .search-results-wrapper,
.page-search .content-container .search-results-wrapper,
.page-haku .content-container .search-results-wrapper {
  margin-top: 0;
}

.page-sok .content-container,
.page-search .content-container,
.page-haku .content-container {
  height: auto !important;
}

.page-sok .content-container .search-results-wrapper h3,
.page-search .content-container .search-results-wrapper h3,
.page-haku .content-container .search-results-wrapper h3 {
  margin-bottom: 2em;
}

.search-result-container {
  padding-bottom: 2em;
}

.search-result-title {
  display: inline-block;
  font-size: 16px;
  font-weight: 900;
  line-height: 1.31250000;
  text-decoration: none;
  text-transform: uppercase;
}

.search-result-date {
  display: inline-block;
  font-size: 13px;
  color: #717171;
}

.pagination,
.pagination > li a {
  color: #000 !important;
  -webkit-border-radius: 0 !important;
   -khtml-border-radius: 0 !important;
     -moz-border-radius: 0 !important;
          border-radius: 0 !important;
}

.pagination > li a:focus,
.pagination > li a:hover {
  color: #ffdd43 !important;
  background: #000 !important;
}

.pagination .wpv_page_current a {
  background: #ffdd43;
}

.pagination-pages {
  display: inline-block;
  margin-bottom: 15px;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
07 Footer
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.footer-column-item .arrow-right {
  display: inline-block;
  margin-left: 35px;
  color: #ffdd43;
  -webkit-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background-color 0.15s ease-out, border-color 0.15s ease-out;
}

.footer-column-item .arrow-right:before,
.footer-column-item .arrow-right:after {
  position: absolute;
  display: block;
  height: 12px;
  margin-top: -14px;
  border-right: 4px solid;
  content: '\0020';
  transform: rotate(135deg);
}

.footer-column-item .arrow-right:after {
  margin-top: -8px;
  transform: rotate(45deg);
}

.footer-column-item .arrow-right:hover:before,
.footer-column-item .arrow-right:hover:after {
  color: #ffdd43;
}

.footer-logo {
  max-width: 250px !important;
  margin-bottom: 30px;
}

.footer-column-item:first-child .footer-logo {
  margin-left: 0;
}

.footer-column-item:last-child .footer-logo {
  margin-left: 40px;
}

.footer-logo-other {
  max-height: 80px !important;
}

.footer-some-icon {
  display: inline-block;
  width: 20px;
  height: 20px;
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: contain;
}

.footer-column-item {
  padding: 0 15px;
}

.footer-bottom-bar {
  padding: 30px 15px 15px;
  font-family: Lato, sans-serif;
  font-size: 10px;
  font-weight: 400;
  line-height: 1.40000000;
  letter-spacing: 1px;
  color: #fff;
  background: #000;
}

.footer-bottom-bar .footer-column-item a {
  padding: 15px 0;
  margin: 0;
}

.footer-bottom-bar a {
  color: #fff !important;
  text-decoration: none !important;
}

.footer-bottom-bar a:hover {
  color: inherit;
  text-decoration: underline !important;
}

.footer-border {
  margin: 0 10px;
}

.footer-bottom {
  padding: 60px 15px 0;
  font-size: 14px;
  letter-spacing: 1px;
  color: #fff;
  text-align: left;
  background: #000;
}

.footer-bottom a {
  display: inline-block;
  margin: 20px 20px 20px 0;
  color: #fff;
}

.footer-bottom a:hover,
.footer-bottom a:focus,
.footer-bottom a:active {
  color: #fff;
  text-decoration: underline;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
08 Elements
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.breadcrumbs-row {
  padding: 0;
}

.breadcrumbs {
  margin: 30px 0;
  font-weight: 700;
  color: #000;
}

.breadcrumbs a {
  font-weight: 700;
  color: #000;
  text-decoration: none !important;
}

.breadcrumbs a:hover {
  color: #000;
  text-decoration: underline !important;
}

.button-container {
  margin: 40px auto;
}

button.read,
a.read {
  position: relative;
  display: inline-block;
  min-height: 33px;
  padding: .2rem 2rem;
  font-size: 11px;
  font-weight: 700;
  line-height: 3.00000000;
  letter-spacing: 1px;
  color: #000 !important;
  text-align: center;
  text-decoration: none !important;
  text-shadow: none;
  text-transform: uppercase;
  white-space: pre-wrap;
  background: #ffdd43 !important;
  border-width: 0;
  -webkit-border-radius: 0;
   -khtml-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
  -webkit-box-sizing: initial !important;
     -moz-box-sizing: initial !important;
  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
     -moz-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
      -ms-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
       -o-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
          transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out;
}

button.read:focus,
button.read:hover,
a.read:focus,
a.read:hover {
  color: #ffdd43 !important;
  text-decoration: none;
  background: #000 !important;
}

a.read.editor {
  display: inline-block;
  width: 200px;
  margin: 0;
}

a.external-link:after {
  display: inline-block;
  width: 13px;
  height: 16px;
  margin-bottom: 0;
  margin-left: 10px;
  line-height: 1em;
  vertical-align: middle;
  background-image: url('../images/external-link.svg?ver=1');
  background-repeat: no-repeat;
  background-size: contain;
  content: '\0020';
}

a.external-link:hover:after,
a.external-link:focus:after {
  background-image: url('../images/external-link-hover.svg?ver=1');
}

.wp-caption-text {
  margin-bottom: 30px !important;
  font-size: 12px !important;
  color: gray !important;
  text-align: right !important;
}

.loading-container {
  position: absolute;
  top: 60%;
  left: 50%;
}

.loading {
  transform: rotate(45deg);
}

.loading div {
  position: absolute;
  width: 16px;
  height: 16px;
}

.l1 div,
.l2 div,
.l3 div,
.l4 div {
  width: 100%;
  height: 100%;
  background: #ffdd43;
}

.l1 {
  transform: translate(0, 0);
  animation: l1-rise 3s ease 0s infinite;
}

.l2 {
  transform: translate(0, 32px);
  animation: l2-rise 3s ease 0s infinite;
}

.l3 {
  transform: translate(32px, 0);
  animation: l3-rise 3s ease 0s infinite;
}

.l4 {
  transform: translate(32px, 32px);
  animation: l4-rise 3s ease 0s infinite;
}

.l1 div,
.l4 div {
  animation: rot1 3s ease 0s infinite, color 3s linear 0s infinite;
}

.l2 div,
.l3 div {
  animation: rot2 3s ease 0s infinite, color 3s linear 0s infinite;
}

.addthis_inline_share_toolbox_7sls {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
09 Misc Plugins
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

.passster-form {
  background: #fff !important;
}

.passster-form .error {
  width: 50% !important;
  margin: 10px 0 !important;
  background: #fff !important;
}

.passster-form .error .passster-error {
  color: #a94442 !important;
  background: #f2dede !important;
  border: 1px solid #ebccd1 !important;
}

.passster-form h1,
.passster-form h2,
.passster-form h3,
.passster-form h4,
.passster-form h5,
.passster-form h6 {
  font-size: 1.25em !important;
  color: #000 !important;
}

.passster-form input[type="password"] {
  width: 50% !important;
  padding: 3px 8px !important;
  margin: 0 10px 0 0;
  font-size: 14px !important;
  color: #666 !important;
  background: #f9f9f9 !important;
  border: 1px solid #66afe9 !important;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
     -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075) !important;
  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out !important;
     -moz-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out !important;
      -ms-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out !important;
       -o-transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out !important;
          transition: color 0.15s ease-out, background 0.15s ease-out, border-color 0.15s ease-out !important;
}

/*
.passster-form input[type="password"]:focus {
  outline: 0 !important;
  -webkit-box-shadow: none !important;
     -moz-box-shadow: none !important;
          box-shadow: none !important;
}
*/

.passster-form button[type="submit"] {
  width: auto !important;
  padding: 3px 8px !important;
  font-size: 14px !important;
  color: #000 !important;
  background: #ffdd43 !important;
  border-color: #ffdd43 !important;
}

.passster-form button[type="submit"]:focus,
.passster-form button[type="submit"]:hover {
  color: #ffdd43 !important;
  background: #000 !important;
}

/*
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
10 Media Query
-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-=-
*/

@media screen and (max-width: 480px) {
  .breadcrumbs {
    margin-left: 15px;
  }

  .nostot-row .highlight-box {
    margin: 15px 0;
  }

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

  .ylaosa-row .highlight-box .content-container {
    padding: 10px 30px;
  }

  .kauppa-item,
  .verkkopalvelu-item {
    width: 100% !important;
    padding: 0 0 0 15px;
  }

  .extra-row .project-box {
    text-align: center;
  }

  .extra-row .project-box .button-container {
    margin: 40px auto !important;
  }

  .meista-ja-koulutus .calendar-box-container {
    margin: 15px 0 !important;
  }

  .meista-ja-koulutus .calendar-content-button {
    margin: 20px -15px;
  }

  .section-row-header h1 {
    font-size: 2em;
  }

  .page-ajankohtaista .nostot-row .col-xs-6.col-sm-4,
  .page-blogit .nostot-row .col-xs-6.col-sm-4,
  .page-template .nostot-row .col-xs-6.col-sm-4 {
    width: 100%;
  }

  .header-container {
    padding: 0 !important;
  }

  .page .quotation,
  .single .quotation {
    padding: 1em;
    margin: 2em 0 !important;
  }

  .page-haku .content-container input.type-search {
    min-width: 315px;
  }

  .responsive-table tr {
    border: 1px solid #ddd !important;
  }

  .responsive-table th,
  .responsive-table td {
    border: 0 none !important;
  }
}

@media only screen and (min-width: 481px) {
  .nostot-row .highlight-box .content-container {
    margin-bottom: 24px;
  }

  .page-ajankohtaista .nostot-row .highlight-box,
  .page-blogit .nostot-row .highlight-box,
  .page-template .nostot-row .highlight-box {
    margin-bottom: 24px;
  }

  .lahjoita-row {
    background-attachment: scroll;
    background-image: url('../images/img-lahjoitus-background-300x209.jpg');
  }
}

@media only screen and (max-width: 767px) {
  .frontpage-slider {
    position: relative;
  }

  .frontpage-slider form {
    height: 100% !important;
  }

  .frontpage-slider .carousel-inner .item {
    height: auto;
  }

  .frontpage-slider .carousel-inner > .item > img {
    display: none;
  }

  .frontpage-slider .carousel-inner .item .content-container {
    position: relative;
    height: auto;
    padding: 0;
  }

  .frontpage-slider .carousel-inner .item .content-container .inner-container {
    height: auto;
    margin: 0;
  }

  .frontpage-slider .wpv-filter-previous-link,
  .frontpage-slider .wpv-filter-next-link {
    top: auto !important;
    bottom: 15px !important;
  }

  .ajankohtaista-row,
  .ylaosa-row {
    padding: 0 !important;
  }

  .ajankohtaista-row .col-sm-4,
  .blogi-row .col-sm-4,
  .ylaosa-row .col-sm-4 {
    margin: 15px 0 !important;
  }

  .blogi-row,
  .verkkopalvelut-row {
    padding: 0 !important;
  }

  .verkkopalvelut-row .highlight-box {
    margin-bottom: 15px;
  }

  .meista-ja-koulutus,
  .kauppa-ja-tutkimus,
  .extra-row {
    padding: 0;
  }

  .section-row-header h1,
  .box-header h1 {
    margin-bottom: 20px;
  }

  .col-sm-7 {
    padding: 0 !important;
  }

  .about-box .image-container {
    margin-bottom: 20px;
  }

  .store-box .col-sm-3 {
    margin-bottom: 20px;
  }

  .store-content-container .content-image {
    margin-bottom: 0;
  }

  .store-box .title-container .title {
    margin-bottom: 0;
  }

  body:not(.home) .highlight .content-page-highlight {
    padding: 20px 0 50px;
  }

  body:not(.home) .content-page-cover-image {
    margin-top: -20px;
  }

  .page .quotation,
  .single .quotation {
    padding: 1.5em 2em;
    margin: 2em 0 !important;
  }

  .footer-bottom {
    padding: 15px 0;
  }

  .footer-column-item {
    margin: 15px 0 45px;
  }

  .footer-bottom-bar {
    padding: 0;
  }

  .kvl-nimi {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }

  #sub-menu {
    padding: 0;
  }

  #sub-menu .ddl-nav .menu-item {
    display: block;
  }

  #sub-menu .ddl-nav .menu-item:first-child a,
  #sub-menu .ddl-nav .menu-item.active:first-child a,
  #sub-menu .ddl-nav .menu-item:first-child:hover a {
    text-indent: initial;
    background-position: 95% 50%;
  }

  #sub-menu .ddl-nav .open .menu-item a {
    padding: 15px 15px 15px 45px;
  }

  #sub-menu .ddl-nav .menu-item {
    border: 0 none;
  }
}

@media only screen and (min-width: 768px) {
  .top-nav-container .navbar-right {
    min-width: 332px;
    margin: 0;
  }

  .top-nav .top-nav-links-container {
    min-height: 72px;
  }

  .main-nav-container {
    text-align: center;
  }

  .nav-wrapper {
    width: auto;
    height: auto;
    max-height: 50px;
  }

  .top-nav {
    text-align: left;
  }

  .main-nav .ddl-nav .menu-item .dropdown-menu .menu-item a {
    padding: 15px;
  }

  .content-paragraph p {
    margin-bottom: 2em !important;
  }

  .error404 .container {
    min-height: 240px;
  }

  .article-header {
    margin-top: -1em;
  }

  nav .ddl-nav {
    float: none;
  }

  nav .ddl-nav > li {
    display: inline-block;
    float: none;
  }

  .responsive-table th,
  .responsive-table td {
    display: table-cell;
  }

  .header-container {
    padding: 0 !important;
  }

  .diamond-timestamp {
    width: 70px;
    height: 70px;
    margin: -35px auto 0;
  }

  .inner-diamond {
    font-size: 14px;
  }

  .page-ajankohtaista .nostot-row .col-sm-4,
  .page-blogit .nostot-row .col-sm-4,
  .page-tutkimus .nostot-row .col-sm-4,
  .page-viikon-luku .nostot-row .col-sm-4 {
    margin-left: -15px;
  }

  .section-row-header {
    padding: 0;
  }

  .nostot-row .h1,
  .nostot-row h1 {
    padding: 40px 0;
  }

  .page-navigation {
    padding: 0;
  }

  a.read {
    min-height: 55px;
    line-height: 5.00000000;
  }

  .lahjoita-row #summa-group .btn-group-custom,
  .lahjoita-row .btn-group-custom {
    padding: 0 15px 7px 0;
  }

  .lahjoita-row #summa-group .btn-group-custom:last-child,
  .lahjoita-row .btn-group-custom:last-child {
    padding-right: 0;
  }

  .lahjoita-row .lahjoita-section .tab-pane {
    min-height: 552px;
  }

  .lahjoita-row {
    background-attachment: scroll ;
    background-image: url('../images/img-lahjoitus-background-1024x713.jpg');
  }

  .lahjoita-row .custom-text-align {
    text-align: center;
  }
}

@media only screen and (min-width: 481px) and (max-width: 768px) {
  .page-ajankohtaista .nostot-row .highlight-box .content-container,
  .page-blogit .nostot-row .highlight-box .content-container,
  .page-template .nostot-row .highlight-box .content-container {
    min-height: 250px;
  }

  .responsive-table tr {
    border: 1px solid #ddd !important;
  }

  .responsive-table th,
  .responsive-table td {
    border: 0 none !important;
  }
}

@media only screen and (max-width: 479px) {
  body:not(.home) .content-page-cover-image {
    margin: 0;
  }
}

@media only screen and (max-width: 991px) {
  .ylaosa-row .highlight-box .content-container {
    padding: 30px;
  }
}

@media only screen and (max-width: 992px) {
  body:not(.home) .highlight .content-page-highlight {
    padding: 20px;
  }

  body:not(.home) .content-page-cover-image {
    margin-top: -30px;
  }

  .ajankohtaista-row .highlight-box .content-paragraph,
  .blogi-row .highlight-box .content-paragraph,
  .verkkopalvelut-row .highlight-box .content-paragraph,
  .ylaosa-row .highlight-box .content-paragraph,
  .nostot-row .highlight-box .content-paragraph {
    font-size: 1em;
    line-height: 1.30000000;
  }
}