/*
	Theme Name: Ihmisoikeusliitto 2020
	Version: 1.0
	Theme URI: http://muuks.fi
	Description: Custom theme by Muuks Creative
	Author: Muuks Creative
	Author URI: http://muuks.fi
	License: GNU General Public License version 3.0
	License URI: http://www.gnu.org/licenses/gpl-3.0.html

*/

@font-face {font-family: 'Adieu-Bold';src: url('fonts/Adieu-Bold.eot');src: url('fonts/Adieu-Bold.eot?#iefix') format('embedded-opentype'),url('fonts/Adieu-Bold.woff2') format('woff2'),url('fonts/Adieu-Bold.woff') format('woff');}
@font-face {font-family: 'Adieu-Light';src: url('fonts/Adieu-Light.eot');src: url('fonts/Adieu-Light.eot?#iefix') format('embedded-opentype'),url('fonts/Adieu-Light.woff2') format('woff2'),url('fonts/Adieu-Light.woff') format('woff');}
@font-face {font-family: 'Adieu-Regular';src: url('fonts/Adieu-Regular.eot');src: url('fonts/Adieu-Regular.eot?#iefix') format('embedded-opentype'),url('fonts/Adieu-Regular.woff2') format('woff2'),url('fonts/Adieu-Regular.woff') format('woff');}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
  html {
    overflow-x: hidden;
  }
}

body {
  font-family: Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  font-size: 1.0rem;
  color: #041A3E;
  background: #ffffff;
}
h1, h2, h3, h4, h5, h6 {
  font-family: 'Adieu-Bold', serif;
  font-style:normal;
  font-weight: normal;
  color: #041A3E;
}
h1, h2, h3 {
  margin-bottom: 1rem;
}
label {
  color: #041A3E;
}
a {
  color: #041A3E;
  font-weight: normal;
  transition: all 0.25s ease;
  text-decoration: underline;
}
a:hover, a:focus {
  color: #041A3E;
  text-decoration: underline;
}
hr {
  margin: 2rem auto;
}
.home hr {
  margin: 4rem auto 0;
  max-width: 100%;
}
footer[role="contentinfo"] hr {
  max-width: 100%;
  margin: 1.5rem auto;
}
table thead {
  background: transparent;
  color: #00434F;
}
table tfoot {
  border: none;
  background-color: transparent;
  background: transparent;
  color: #00434F;
}
.alignleft {
  float:left;
  margin-right:1rem;
  margin-bottom:1rem;
}
.alignright {
  float:right;
  margin-left:1rem;
  margin-bottom:1rem
}
.aligncenter {
  display: block;
  margin: 0 auto 1rem auto;
}
.alignnone {
  margin: 0 1rem 1rem 0;
}
.entry-content p a,
.entry-content ul a,
.entry-content ol a {
	color: #041A3E;
	text-decoration: none;
  border-bottom: 1px solid #041A3E;
}
.entry-content p a:hover,
.entry-content ul a:hover,
.entry-content ol a:hover,
.entry-content p a:focus,
.entry-content ul a:focus,
.entry-content ol a:focus {
  color: #ffffff;
	text-decoration: none;
  background-color: #041A3E;
  border-bottom: 1px solid #041A3E;
}
.screen-reader-text,
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.toggle-container {
	display:none;
}
p, ul, ol, dl {
  margin-bottom: 1.5rem;
  line-height: 1.7;
  font-size: 1rem;
}
body.scrolled #site-header {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  z-index: 9999;
  background-color: #ffffff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
}
body.scrolled #site-header #secondary-navigation {
  display: none;
}
/* Menu */
#mobile-icon {
  width: 40px;
  height: 28px;
  position: relative;
  float:right;
  margin: 1rem 0 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
  display: none;
  z-index: 999;
}

#mobile-icon span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #041A3E;
  border-radius: 4px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}
#mobile-icon span:nth-child(1) {
  top: 0px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#mobile-icon span:nth-child(2) {
  top: 11px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#mobile-icon span:nth-child(3) {
  top: 22px;
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
}
#mobile-icon.open span:nth-child(1) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
  top: -2px;
  left: 6px;
}
#mobile-icon.open span:nth-child(2) {
  width: 0%;
  opacity: 0;
}
#mobile-icon.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
  top: 26px;
  left: 6px;
}
#navigation-bar {
  position: relative;
}
body.lahjoita-no-header #navigation-bar {
  position: absolute;
  z-index: 2;
  width: 100%;
}
.clearfix::after {
  content: "";
  clear: both;
  display: table;
}
#secondary-navigation {
  background: #ffffff;
  padding: 0.25rem 0;
  display: block;
  clear: both;
  width: 100%;
}
.header-search {
  float:right;
  margin-left: 1rem;
}
nav.main-navigation {
  position: relative;
  float: right;
  padding: 0;
  margin: 0.25rem 0 0;
}
.top-bar-menu {
  float: left;
}
.top-bar-menu ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
}
.top-bar-menu ul li,
.top-bar-menu ul li a {
  margin: 0;
  padding: 0;
  border: 0;
  display: block;
  position: relative;
}
.top-bar-menu:after,
.top-bar-menu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
.top-bar-menu > ul > li {
  display: inline-block;
}
.top-bar-menu > ul > li.menu-item-has-children {
  padding-right: 2rem;
}
.top-bar-menu > ul > li > a {
  padding: 0.25rem 0;
  margin: 0 0 1rem 0.75rem;
  text-decoration: none;
  font-family: 'Adieu-Light', sans-serif;
  font-weight: normal;
  color: #041A3E;
  font-size: 0.875rem;
  border-bottom: 2px solid transparent;
}
.top-bar-menu > ul > li > a.button.navigation-donate {
  padding: 0.75rem 1.25rem;
  margin-bottom: 0;
  background-color: #E4927B;
  border: 2px solid #E4927B;
  color: #041A3E;
  text-decoration: none;
  font-family: 'Adieu-Regular', sans-serif;
}
.top-bar-menu > ul > li > a.button.navigation-donate:hover {
  background-color: #ffffff;
  border: 2px solid #041A3E;
  color: #041A3E;
  text-decoration: none;
}
.top-bar-menu > ul > li:first-child a {
  margin-left: 0;
}
.top-bar-menu ul li .open-sub-menu {
  width: 1.5rem;
  height: 1.5rem;
  border-radius: 0;
  margin: 0;
  padding: 0;
  border: 0;
  display: inline-block;
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}
ul.menu li .open-sub-menu .arrow {
  fill: #041A3E;
}
ul.menu li .open-sub-menu .circle {
  fill: #f9f9f9;
}
ul.menu li .open-sub-menu:hover .arrow {
  fill: #ffffff;
}
ul.menu li .open-sub-menu:hover .circle {
  fill: #041A3E;
}
ul.menu li.focused .open-sub-menu svg {
  transform: scale(1,-1);
}
.top-bar-menu > ul > li.current-menu-item > a {
  color: #041A3E;
}
.top-bar-menu > ul > li > a:hover {
  color: #041A3E;
  border-bottom: 2px solid #041A3E;
}
ul.menu .sub-menu-container {
  position: absolute;
  display: none;
  z-index: 1000;
  text-align: left;
}
ul.menu li.menu-item-has-children.focused > .sub-menu-container  {
  left: 50%;
  transform: translate(-50%, 0);
  top: auto;
  display: block;
  background: #ffffff;
  box-shadow: 0 10px 40px 0 rgba(0,0,0,.1);
}
ul.menu li.menu-item-has-children:last-child.focused > .sub-menu-container {
  left: auto;
  right: 0;
  transform: none;
}
.top-bar-menu ul ul li.menu-item-has-children:hover > ul {
  left: 50%;
  transform: translate(-50%, 0);
  margin-left: 100%;
  top: 0;
  display: block;
}
.top-bar-menu ul ul.sub-menu ul.sub-menu:before {
  display: none;
}
.top-bar-menu ul ul ul {
  margin-left: 100%;
  top: 0;
}
.top-bar-menu ul ul li a {
  border-bottom: 1px solid rgba(0,0,0,0.1);
  padding: 12px 15px;
  min-width: 200px;
  max-width: 250px;
  font-size: 0.875rem;
  text-decoration: none;
  color: #041A3E;
  font-family: Arial, sans-serif;
  line-height: 1.3;
  font-weight: normal;
  text-align: center;
}
.top-bar-menu ul ul li:last-child > a,
.top-bar-menu ul ul li.last-item > a {
  border-bottom: 0;
}
.top-bar-menu ul ul li:hover > a,
.top-bar-menu ul ul li a:hover {
  text-decoration: underline;
  color: #041A3E;
}

/* header */
.top-secondary-navigation {
  float: right;
}
.secondary-menu {
	display: inline-block;
	margin: 0;
}
.secondary-menu ul {
  margin: 0;
  line-height: 1;
}
.secondary-menu li {
	display: inline-block;
	position: relative;
}
.secondary-menu li a {
  font-family: 'Adieu-Light', sans-serif;
  font-weight: normal;
  text-decoration: none;
  color: #041A3E;
  margin: 0 0.25rem 0;
  padding: 0 0 0.25rem;
  font-size: 0.875rem;
  display: inline-block;
  line-height: 1rem;
  border-bottom: 2px solid transparent;
}
.secondary-menu li:last-child a {
  margin-right: 0;
}
.secondary-menu li a:hover {
  color: #041A3E;
  text-decoration: none;
  border-bottom: 2px solid #041A3E;
}
.secondary-menu li.active a,
.secondary-menu li.active a > * {
	text-decoration: none !important;
}
.secondary-menu li.active a:hover,
.secondary-menu li.active a:hover > * {
	text-decoration: none !important;
}
.secondary-menu li.active a,
.secondary-menu li.active a > *,
.secondary-menu li.active a:hover,
.secondary-menu li.active a:hover > * {
  color: #ffb5d7;
}
.page-breadcrumbs {
  color: #666666;
  padding: 0;
  margin: 0 0 1.5rem;
  font-family: Arial, sans-serif;
}
.page-breadcrumbs a {
  color: #666666;
  font-weight: normal;
}
.page-breadcrumbs a:hover {
  color: #041A3E;
  text-decoration: underline;
}
.some-share-title {
  text-align: center;
  margin-bottom: 2rem;
  font-size: 1.5rem;
  display: block;
}
.logo {
  position: relative;
  display: inline-block;
  float: left;
  margin: 0;
  padding: 0;
}
.text-center .logo {
  float: none;
}
.logo img {
  margin: 0.25rem 0 0;
  width: 250px;
}
body.page-template-template-page-lahjoita .logo img {
  margin-bottom: 1rem;
}
body.scrolled .logo img {
  margin-top: 0.5rem;
}
.text-center .logo img {
  margin-top: 2rem;
}
#social-float {
  position: fixed;
  right: 0px;
  top: 40%;
  height: auto;
  z-index: 99;
  overflow: hidden;
  display:none;
  padding: 0 0 0 5px;
}
#social-float.active {
  display: block;
}
#social-float ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
#social-float ul li {
  margin: 0 0 2px;
  padding: 0;
  float: none;
  background-color: #f9f9f9;
  text-align: center;
}
#social-float ul li:last-child {
  border-bottom: 0;
}
#social-float ul li a {
  display: block;
  padding: 0.5rem;
}
#social-float ul li i {
	font-size: 1.5rem;
	color: #00434F;
  line-height: 1;
  vertical-align: middle;
}
#social-float ul li:hover i {
  color: #ffffff;
}
#social-float ul li.facebook:hover {
	background-color: #3b5998;
}
#social-float ul li.twitter:hover {
	background-color: #00a0d1;
}
#social-float ul li.linkedin:hover {
	background-color: #168ab9;
}
#social-float ul li.google:hover {
	background-color: #C63D2D;
}
#social-float ul li.youtube:hover {
	background-color: #c4302b;
}
#social-float ul li.instagram:hover {
	background-color: #8a3ab9;
}
#social-float ul li.whatsapp:hover {
	background-color: #43d854;
}
.padded-container {
  padding: 2.5rem 3rem 2rem;
  margin: 0;
  position: relative;
  border-radius: 0;
}
.padded-container .columns {
  position: relative;
}
.padded-container p:last-child,
.padded-container ul:last-child,
.padded-container ol:last-child {
  margin-bottom: 0;
}
#staff-list {
  margin-top: 0;
  margin-bottom: 4.5rem;
  clear: both;
}
.staff-container {
  position: relative;
  width: 49%;
  margin: 0 1% 1.5rem 1%;
  border-radius: 0;
}
.staff-container:nth-of-type(2n) {
 margin-right: 0;
}
.staff-container:nth-of-type(2n+1) {
 margin-left: 0;
}
.staff-inner-container {
  padding: 2rem;
  display: flex;
}
.staff-image-container {
  margin-right: 1.5rem;
}
.staff-title {
  font-weight: bold;
  font-style: normal;
  margin-bottom: 0.5rem;
  font-size: 1.125rem;
  font-weight: normal;
  color: #041A3E;
}
.staff-sub-title {
  font-style: normal;
  font-size: 1.125rem;
  font-weight: normal;
  color: #041A3E;
}
.staff-content .name {
  font-size: 1.75rem;
}
.staff-content a {
  text-decoration: none;
  display: block;
  clear: both;
  margin-bottom: 0.25rem;
}
.staff-content a:last-child {
  margin-bottom: 0;
}
.staff-content a:before {
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  position: relative;
  color: inherit;
  cursor: pointer;
  color: #041A3E;
  padding-right: 0.5rem;
  border-bottom:none;
  box-shadow: none;
  text-decoration: none;
}
.staff-content a[href^=tel]:before {
  content: "\f095";
}
.staff-content a[href^=mailto]:before {
  content: "\f0e0";
}
.staff-content a.twitter:before {
  content: "\f099";
}
.staff-content a.linkedin:before {
  content: "\f0e1";
}
.staff-content a:hover:before,
.staff-content a:hover:before {
  text-decoration: none;
  border-bottom:none;
  box-shadow: none;
}
.staff-content hr {
  border-bottom: 1px solid #00434F;
  max-width: 100%;
  width: 100%;
  margin: 0 0 1rem 0;
}
.staff-image {
  border-radius: 50%;
  position: relative;
  width: 50px;
  height: 50px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}
.staff-image.empty {
  background-color: #00434F;
}
.accordion-outer {
  margin-bottom: 1.5rem;
  display: none;
}
.accordion-outer.show {
  display: block;
}
.accordion-item {
  position: relative;
  display: block;
  padding: 0.5rem 4rem 0.5rem 1.0rem;
  width: 100%;
  background: #ffffff;
  border: 2px solid #00434F;
  cursor: pointer;
}
.accordion-item.active,
.accordion-item:hover {
  background: #00434F;
  border: 2px solid #00434F;
  color: #ffffff;
}
.accordion-item.active  {
  margin-bottom: 0;
}
.accordion-item:after {
  display: inline-block;
  font-family: 'FontAwesome';
  font-size: 2rem;
  line-height: 1;
  content: "\f107";
  color: #00434F;
  position: absolute;
  width: auto;
  right: 1.0rem;
  top: 50%;
  transform: translate(0, -50%);
  text-align: center;
  cursor: pointer;
}
.accordion-item.active:after {
  content: "\f106";
  color: #ffffff;
}
.accordion-item:hover:after {
  background: #00434F;
  color: #ffffff;
}
.accordion-content {
  background: #f4f4f4;
  padding: 1.0rem;
}
.accordion-text {
  font-weight: normal;
  font-family: 'Adieu-Regular', sans-serif;
  display: inline-block;
}
.accordion-content p:last-child {
  margin-bottom: 0;
}
.accordion-content hr {
  margin: 1rem auto;
}
.white-text p,
.padded-container p,
.big-text p {
  font-family: 'Adieu-Light';
  font-size: 1.125rem;
}
.section-button {
  display: block;
  text-align: center;
}
.section-button .button {
  margin: 0 auto;
}
.section-sub-header {
  font-family: 'Adieu-Regular', sans-serif;
  text-align: center;
  margin-top: 0;
  margin-bottom: 1rem;
  color: #041A3E;
  font-size: 1rem;
  position: relative;
  display: inline-block;
}
#join-us-container {
  margin-top: 3rem;
  padding: 4rem 4rem 4rem 6rem;
}
body.home #join-us-container {
  margin-top: 0;
}
#join-us-container .section-sub-header {
  text-align: left;
  margin-top: 3rem;
}
#join-us-container .section-header {
  font-family: 'Adieu-Bold', serif;
  font-size: 2.5rem;
  line-height: 1.3;
  margin-bottom: 1rem;
  text-align: left;
}
footer[role="contentinfo"] label {
  font-weight: normal;
  font-family: 'Adieu-Light', sans-serif;
}
.section-header {
  font-family: 'Adieu-Bold', serif;
  font-style:normal;
  font-weight: normal;
  color: #041A3E;
  text-align: center;
  margin-top: 0;
  margin-bottom: 3rem;
}
.section-container {
  padding: 6rem 0;
  position: relative;
}
.section-container.first {
  padding: 2rem 0 0;
}
.section-container.no-bottom-padding {
  padding-bottom: 0;
}
.button,
.wp-block-button .wp-block-button__link,
[type='submit'],
[type='button'] {
  display: inline-block;
  vertical-align: middle;
  margin: 0 0 1rem 0;
  padding: 1rem 2rem;
  -webkit-appearance: none;
  border: 2px solid #00434F;
  transition: all 0.25s ease-out;
  line-height: 1;
  text-align: center;
  cursor: pointer;
  font-family: 'Adieu-Regular', sans-serif;
  color: #ffffff;
  background-color: #00434F;
  text-decoration: none;
  font-size: 1.125rem;
  font-weight: normal;
  box-shadow: none;
  letter-spacing: 0.05rem;
  border-radius: 60px;
}
.wp-block-button .wp-block-button__link strong {
  font-weight: normal;
}
.button.top-right {
  position: absolute;
  right: 0;
  top: auto;
  bottom: 0;
  margin-bottom: 0;
}
.button.top-right {
  position: absolute;
  right: 0;
  top: 0;
  bottom: auto;
  margin-bottom: 0;
}
.button.large {
  font-size: 1.25rem;
  padding: 1.25rem 3rem;
}
.wp-block-button .wp-block-button__link:hover, .wp-block-button .wp-block-button__link:active,
.button:hover, .button:active, .button:focus,
[type='submit']:hover, [type='button']:hover,
[type='submit']:active, [type='button']:active  {
  background-color: #ffffff;
  border: 2px solid #00434F;
  color: #041A3E;
  text-decoration: none;
}
.button.white {
  background-color: #ffffff;
  border: 2px solid #ffffff;
  color: #00434F;
  text-decoration: none;
}
.button.white:hover, .button.white:active, .button.white:focus {
  color: #ffffff;
  background-color: transparent;
  border: 2px solid #ffffff;
  text-decoration: none;
}
.button.red {
  background-color: #E4927B;
  border: 2px solid #E4927B;
  color: #041A3E;
  text-decoration: none;
}
.button.red:hover, .button.red:active, .button.red:focus {
  background-color: #ffffff;
  border: 2px solid #00434F;
  color: #041A3E;
  text-decoration: none;
}
.button.red.blue-background {
  background-color: #E4927B;
  border: 2px solid #E4927B;
  color: #041A3E;
  text-decoration: none;
}
.button.red.blue-background:hover, .button.red.blue-background:active, .button.red.blue-background:focus {
  color: #ffffff;
  background-color: #00434F;
  border: 2px solid #ffffff;
  text-decoration: none;
}

[type='text'], [type='password'], [type='date'], [type='datetime'], [type='datetime-local'], [type='month'], [type='week'], [type='email'],
[type='number'], [type='search'], [type='tel'], [type='time'], [type='url'], [type='color'], textarea, select {
  border-radius: 0;
  max-width: 600px;
  width: 100%;
  background-color: #ffffff;
}
.header-outer {
  max-width: 90rem;
  width: 100%;
  margin: 0 auto;
}
.header-inner {
  width:100%;
  padding-bottom: 42.5%;
  position:relative;
}
body.lahjoita-no-header .header-inner {
  min-height: 700px;
}
.header-image {
  position: absolute;
  top: 0; bottom: 0; left: 0; right: 0;
  margin: 0;
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  background-color: #000000;
  z-index: 1;
}
.image-overlay {
  width: 60%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background: -moz-linear-gradient(left,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(left,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to right,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#00000000',GradientType=1 ); /* IE6-9 */
  z-index: 2;
}
.header-title {
  position: absolute;
  left: auto;
  top: 50%;
  transform: translate(0, -50%);
  text-align: left;
  max-width: 40rem;
  z-index: 3;
}
.header-title h1 {
  font-size: 3.25rem;
  color: #ffffff;
  line-height: 1.2;
  margin-bottom: 0;
  font-weight: normal;
}
.header-title p {
  font-family: 'Adieu-Regular', sans-serif;
  margin-top: 1.5rem;
  margin-bottom: 0;
  color: #ffffff;
  font-size: 1.25rem;
}
.header-title .button {
  margin-top: 1.5rem;
  margin-bottom: 0;
  font-size: 1.125rem;
  padding: 1rem 2.5rem;
}
.post-featured-image {
  padding: 0;
  position: relative;
  width: 100%;
  padding-bottom: 52.5%;
  margin: 0 auto 3rem;
  background-repeat: no-repeat;
  background-position: center;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
/* blockquote */

blockquote {
  margin: 1.5em 0;
  padding: 0;
  border-left: none;
  position: relative;
}
blockquote p:before {
  color: #041A3E;
  content: "\201C";
  font-size: 2rem;
  line-height: 0;
  position: relative;
  display: inline;
  font-family: 'Adieu-Bold', serif;
}
blockquote p:after {
  color: #041A3E;
  content: "\201D";
  font-size: 2rem;
  line-height: 0;
  position: relative;
  display: inline;
  font-family: 'Adieu-Bold', serif;
}
blockquote.wp-block-pullquote {
  background: #ffffff;
}
blockquote p {
  display: inline;
  margin-bottom: 0;
  line-height: 1.3;
  font-size: 1.5rem;
  color: #041A3E;
  font-family: 'Adieu-Bold', serif;
  font-style: normal;
}
blockquote.wp-block-pullquote p {
  color: #041A3E;
}
blockquote cite {
  color: #666666;
}
#category-list {
  list-style: none;
  margin: 0 0 3rem;
  width: 100%;
  border-bottom: 1px solid #cccccc;
  padding-bottom: 1rem;
  text-align: center;
}
#category-list li {
  display: inline-block;
  margin-right: 1rem;
}
#category-list li:last-child {
  margin-right: 0;
}
#category-list li a {
  font-weight: normal;
  font-family: 'Adieu-Regular', sans-serif;
  letter-spacing: 0.05rem;
  color: #041A3E;
  padding: 0.5rem 1rem;
  text-decoration: none;
}
#category-list li a.active,
#category-list li a:focus,
#category-list li a:hover {
  color: #041A3E;
  text-decoration: underline;
}
/* paging navigation */
nav.pagination {
  position: relative;
  display: block;
  float: left;
  margin: 3rem 0 0;
  width: 100%;
  border-top: 1px solid #cccccc;
  padding-top: 1rem;
}
nav.pagination .nav-links {
  position: relative;
  text-align: center;
}
nav.pagination .nav-links ul {
  margin: 0;
  padding: 0;
}
nav.pagination .nav-links ul li {
  list-style: none;
  margin:0 10px 0 0;
  padding:0;
  display: inline-block;
  border-radius: 0;
  font-weight: normal;
  display: inline-block;
  line-height: 1;
  font-size:18px;
}
nav.pagination .nav-links ul li span.current {
  padding: 10px 12px;
  background: transparent;
  line-height: 1;
  color: #cccccc;
  display: inline-block;
  font-size:18px;
}
nav.pagination .nav-links ul li a {
  padding: 10px 12px;
  background: transparent;
  font-weight: normal;
  font-family: 'Adieu-Bold', sans-serif;
  letter-spacing: 0.05rem;
  color: #041A3E;
  text-transform: uppercase;
  display: inline-block;
  text-decoration: none;
  line-height: 1;
  border-radius: 0;
  border: none;
}
nav.pagination .nav-links ul li a.prev,
nav.pagination .nav-links ul li a.next {
  color: #041A3E;
}
nav.pagination .nav-links ul li a:hover {
  background-color: transparent;
  color: #041A3E;
  text-decoration: underline;
}
/* footer */
.footer-section {
  padding: 3rem 0;
}
footer[role="contentinfo"]{
  display: block;
  width: 100%;
  position: relative;
  background-color: #f9f9f9;
}
.some-icons {
  display: inline-block;
  vertical-align: middle;
	clear: both;
	margin:3rem 0 0;
	padding:0;
  line-height: 1;
}
.some-icons li {
  margin: 0 0.75rem 0 0;
  display: inline-block;
}
.some-icons.large-icons li
{
	margin-right: 3rem;
}
.some-icons.large-icons li:last-child,
.some-icons li:last-child {
  margin-right: 0;
}
.some-icons li i {
  font-size: 2rem;
  line-height: 1;
  cursor: pointer;
  vertical-align: middle;
}
.some-icons.large-icons li a {
  padding: 0.8rem 1rem;
  min-width: 4.125rem;
}
.some-icons.large-icons li i {
  font-size: 2.5rem;
}
.some-icons li a {
  display: block;
  border-bottom: none;
  background-color: #00434F;
  padding: 0.5rem 0.6rem;
  min-width: 38px;
  text-align: center;
}
.some-icons li a:focus,
.some-icons li a:hover {
  border-bottom: none;
}
.some-icons li a i {
  color: #ffffff;
  font-size: 1.25rem;
}
.single .author {
  font-size: 1.1875rem;
}
input[aria-invalid="true"] {
  border: 2px solid #c60f13!important;
  margin-bottom: 0.25rem;
}
.form-error {
  font-weight: normal;
  margin-bottom: 1rem;
  margin-top: 0;
  clear: both;
}
footer[role="contentinfo"] .footer-logo img {
  width: 100%;
  max-width: 250px;
  height: auto;
  margin: 0 0 1.5rem;
}
footer[role="contentinfo"] .footer-logo a:hover {
  background-color: transparent;
}
footer h1, footer h2, footer h3, footer h4, footer h5, footer h6  {
  font-family: 'Adieu-Regular', sans-serif;
  font-weight: normal;
  color: #041A3E;
}
footer h3 {
  font-size: 1.25rem;
}
footer .footer-large-title {
  font-size: 2.25rem;
}
footer ul li, footer ol li, footer p, footer div, footer span, footer a, footer a:hover, footer a:active {
  font-family: Arial, sans-serif;
  font-weight: normal;
  color: #041A3E;
}
footer[role="contentinfo"] p:last-child {
  margin-bottom: 0;
}
footer ul li, footer ol li, footer p, footer div, footer span, footer a {
  font-size: 1.0rem;
  line-height: 1.4;
}
footer a:focus,
footer a:hover {
  color: #ffffff;
  background-color: #041A3E;
}
footer ul {
  list-style: none;
  list-style-image: none;
  margin: 0;
}
footer ul.sub-menu {
  margin-left:1rem;
}
footer ul li {
  margin-left: 0;
}
footer ul.menu li:before {
  content: "\f061";
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: relative;
  color: #041A3E;
  line-height: 1;
  transition: all 0.25s ease;
  cursor: pointer;
  font-size: 80%;
  top: -1px;
}
footer ul.menu li a {
  margin-left: 0.5rem;
  color: #041A3E;
}
footer ul.menu li:hover a {
  text-decoration: underline;
}
footer ul.menu li:hover:before {
  text-decoration: none;
}
#search-header {
	background: #f9f9f9;
  position: relative;
}
.header-search-container {
  position: relative;
  display: inline-block;
}

.header-search-container form {
	margin: 0;
}

.header-search-container input#s {
	color: #666666;
  background: transparent;
	position: relative;
	padding-left: 2.5rem;
	width: auto;
	min-width: 200px;
	max-width: 960px;
	display: block;
	margin: auto;
	border: none;
	box-shadow: none;
	outline: none;
	font-size: 1.5rem;
  height: auto;
}
.header-search-container:before {
  content: "\f002";
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #666666;
  font-size: 1.5rem;
  position: absolute;
  line-height: 1;
  top: 10px;
  left: 0;
}
.header-search-container input#s::-webkit-input-placeholder {
  color: #999999;
}
.header-search-container input#s:-moz-placeholder {
  color: #999999;
}
.header-search-container input#s::-moz-placeholder {
  color: #999999;
}
.header-search-container input#s:-ms-input-placeholder {
  color: #999999;
}
.close-header-search {
  position: absolute;
  right: 0.9375rem;
  top: 50%;
  transform: translate(0, -50%);
  line-height: 1;
  font-size: 1.5rem;
  z-index: 10002;
}
.close-header-search i {
	color: #666666;
}
.close-header-search:hover i {
	color: #ffb5d7;
}
.skip-to-main {
  position: fixed;
  top: 0;
  left: 0;
  padding: 0.5rem 0;
  transform: translateY(-50px);
}
.skip-to-main:focus {
  transform: translateY(0);
}
#subpage-content {
  padding-top: 3rem;
  padding-bottom: 6rem;
  position: relative;
}
.white-container {
  padding: 1rem;
  background-color: #ffffff;
}
body.page-template-template-page-lahjoita .image-overlay {
  width: 100%;
}
body.page-template-template-page-lahjoita #subpage-content,
body.lahjoita-no-header #subpage-content {
  padding-top: 0;
  padding-bottom: 6rem;
  position: relative;
  margin-top: -20rem;
  z-index: 2;
}
body.page-template-template-page-lahjoita .white-text h1,
body.lahjoita-no-header .white-text h1 {
  font-size: 2.5rem;
}
/* Paytrail maksutavat */
body.lahjoita-no-header .payment-providers.flex-container-multi-line {
  gap: 1rem;
  margin-bottom: 1.5rem;
}
body.lahjoita-no-header .provider-container {
  background: #ffffff;
  border: 2px solid #ebebeb;
  padding: 1rem;
  cursor: pointer;
}
body.lahjoita-no-header .provider-container:hover {
  border: 2px solid #00434F;
}
body.lahjoita-no-header .provider-container img {
  max-height: 75px;
}
body.lahjoita-no-header .provider-name {

}
nav.subpage-navigation .current-page,
nav.subpage-navigation .current-page a {
  font-size: 1.125rem;
  font-weight: normal;
  margin-bottom: 1.5rem;
  color: #041A3E;
  font-family: 'Adieu-Bold', sans-serif;
  text-decoration: none;
}
nav.subpage-navigation .current-page {
  border-left: 4px solid transparent;
}
nav.subpage-navigation ul {
  margin: 0;
  padding: 0;
  list-style: none;
}
nav.subpage-navigation ul li a {
  display: block;
  text-decoration: none;
  color: #041A3E;
  font-size: 1rem;
  border-bottom: 1px solid #acacac;
  padding: 1rem 0 1rem 0rem;
  line-height: 1;
  border-left: 4px solid transparent;
  width: 80%;
  font-family: 'Adieu-Light', sans-serif;
}
nav.subpage-navigation .current-page a:focus,
nav.subpage-navigation .current-page a:hover,
nav.subpage-navigation ul li a:focus,
nav.subpage-navigation ul li a:hover {
  color: #041A3E;
}
nav.subpage-navigation ul li.current_page_item > a {
  font-weight: normal;
  font-family: 'Adieu-Bold', sans-serif;
  color: #041A3E;
}
nav.subpage-navigation ul li:first-child > a {
  padding-top: 0;
}
nav.subpage-navigation ul li.parent-item > a:after {
  font-family: "FontAwesome";
  font-size: 14px;
  padding-left: .5em;
  content: "\f078";
  color: #041A3E;
  display: inline-block;
}
nav.subpage-navigation ul li.parent-item.active > a:after {
  content: "\f077";
}
nav.subpage-navigation ul li.parent-item ul.child-items {
  display: none;
}
nav.subpage-navigation ul li.parent-item.active ul.child-items {
  display: block;
}
.tabs {
  border: none;
  background: transparent;
}
.tabs-title {
  width: 50%;
}
.tabs-content {
  border: 1px solid #cccccc;
  border-top: 0;
  color: #00434F;
}
.tabs-title > a {
  font-size: 1.5rem;
  background: #60BAA4;
  color: #00434F;
  text-decoration: none;
  position: relative;
  padding: 2rem 1.5rem;
  text-align: center;
  font-family: 'Adieu-Regular', serif;
}
.button.lahja {
  margin-top: 1.5rem;
}
a#panel1-label {
    border-right: 1px solid #ffffff;
}
a#panel2-label {
    border-left: 1px solid #ffffff;
}
.tabs-title > a:hover {
  background: #00434F;
  color: #ffffff;
  text-decoration: none;
}
.tabs-title > a:focus, .tabs-title > a[aria-selected='true'] {
  background: #00434F;
  color: #ffffff;
  text-decoration: none;
}
.tabs-title.is-active > a:after {
  content: '';
  border: none;
  background: #00434F;
  position: absolute;
  left: 50%;
  transform: rotate(45deg) translateX(-50%);
  width: 2rem;
  height: 2rem;
  bottom: -1.6rem;
}
.tabs-panel {
  padding: 4.5rem 6rem 1.5rem;
}
.large-label {
  font-size: 1.1875rem;
  font-style: normal;
  color: #00434F;
  font-weight: bold;
}
.radio-inline input[type="radio"], .radio-inline.muu input[type="radio"] {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
}
.other-sum {
  width: auto;
  display: inline-block;
  margin-bottom: 1em;
  margin-right: 0;
  padding: 0;
}
.radio-container {
  display: flex;
  column-gap: 1rem;
  justify-content: space-between;
}
label.radio-inline, label.radio-inline.muu {
  width: auto;
  display: inline-block;
  border: 2px solid #00434F;
  margin-bottom: 1rem;
  padding: 0;
  flex: 1;
}
#ifYes, #ifY {
  flex: 1;
}
label.radio-inline:hover, label.radio-inline.muu:hover {cursor: pointer;}
/* the basic, unchecked style */
.radio-inline input[type="radio"] + span {
  display: inline-block;
  width: 100%;
  height: 100%;
  text-align: center;
  padding: 0.75rem 3.5rem;
  color: #00434F;
  font-weight: bold;
  font-size: 1.125rem;
}
/* the checked style using the :checked pseudo class */
.radio-inline input[type="radio"]:checked + span {
  background: #00434F;
  color: #FFFFFF;
}
form.donate-form {
  max-width: 500px;
  margin: 0 auto;
}
body.page-template-template-page-lahjoita .form-control {
  border-radius: 0;
  border: 1px solid #666666;
  height: 3rem;
  padding: 1rem 0.5rem;
  box-shadow: none;
}
.form-group-flex {
  display: flex;
  column-gap: 1rem;
  justify-content: space-between;
}
.form-group-flex .form-group {
  flex: 1;
}
#invoicedate {
  border: 1px solid #666666;
  margin-bottom: 2rem;
  max-width: 478px;
}
.form-group label {
  font-size: 1rem;
  font-weight: bold;
  font-style: normal;
  color: #00434F;
}
.form-group fieldset {
    margin: 0 0 1rem;
}
.form-group fieldset label {
  font-weight: normal;
}
.form-group label .grey {
  color: #cccccc;
}
.form-group label .red {
  color: #00434F;
  background-color: transparent;
}
span.help-block {
    margin: 0 0 1rem;
    display: block;
}
.input-group {
  position: relative;
  display: table;
  border-collapse: separate;
  max-width: 242px;
  margin-bottom: 0;
}
.input-group > :first-child {
  border-radius: 0;
}
.input-group input {
  display: table-cell;
  position: relative;
  z-index: 2;
  float: left;
  width: 80%;
  margin-bottom: 0;
  height: 3.75rem;
  line-height: 3.75rem;
  box-shadow: none;
}
input#one-time-amount,
input#muusumma {
  height: 3.75rem;
}
.input-group-addon {
  background-color: #dddddd;
  border-color: #acacac;
  line-height: 3.75rem;
  font-weight: normal;
  height: 3.75rem;
  color: #555;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
}
.flex-container {
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.flex-container-multi-line {
  width: 100%;
  position: relative;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}
.flex-column-8 {
  width: 66.66667%;
  padding-right: 1.5rem;
  position: relative;
}
.flex-column-6 {
  width: 50%;
  position: relative;
}
.flex-column-6:first-child {
  width: 40%;
}
.flex-column-4 {
  width: 33.33333%;
  position: relative;
}
.featured-title-post {
 position: relative;
 width: 49%;
 margin: 0 1% 0 1%;
 border-radius: 0;
 margin-bottom: 1.5rem;
}
.featured-title-post:nth-of-type(2n) {
 margin-right: 0;
}
.featured-title-post:nth-of-type(2n+1) {
 margin-left: 0;
}
.featured-title-inner-container {
 padding: 2.5rem 12rem 2rem 3rem;
 position: relative;
 height: 100%;
}
.featured-title-inner-container .read-more {
  position: absolute;
  top:2.5rem;
  right: 3rem;
}
.featured-blog {
  position: relative;
  width: 32%;
  margin: 0 1% 3rem 1%;
}
.read-more {
  font-weight: normal;
  font-family: 'Adieu-Regular', sans-serif;
  letter-spacing: 0.05rem;
  color: #041A3E;
  border-bottom: 2px solid transparent;
}
.read-more:hover {
  text-decoration: none;
  border-bottom: 2px solid #041A3E;
}
.white-text p,
.white-text h1,
.white-text h2,
.white-text h3,
.white-text h4,
.white-text h5,
.white-text h6 {
  color: #ffffff;
}
nav.pagination .nav-links ul li a.next,
nav.pagination .nav-links ul li a.prev,
.arrow-right {
  position: relative;
}
nav.pagination .nav-links ul li a.next:after,
.arrow-right:after {
  position: absolute;
  left: auto;
  top: 50%;
  transform: translate(0, -50%);
  content: "\f061";
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #041A3E;
  line-height: 1;
  transition: all 0.25s ease;
  cursor: pointer;
  font-size: 80%;
  padding-left: 0.375rem;
}
nav.pagination .nav-links ul li a.prev:before {
  position: absolute;
  left: -0.375rem;
  top: 50%;
  transform: translate(0, -50%);
  content: "\f060";
  font-family: 'FontAwesome';
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  color: #041A3E;
  line-height: 1;
  transition: all 0.25s ease;
  cursor: pointer;
  font-size: 80%;
}
nav.pagination .nav-links ul li a.next:hover:after,
nav.pagination .nav-links ul li a.next:focus:after,
nav.pagination .nav-links ul li a.next:active:after {
  color: #041A3E;
  padding-left: 0.75rem;
}
nav.pagination .nav-links ul li a.prev:hover:before,
nav.pagination .nav-links ul li a.prev:focus:before,
nav.pagination .nav-links ul li a.prev:active:before {
  color: #041A3E;
  left: -0.75rem;
}
.featured-blog:nth-of-type(3n) {
  margin-right: 0;
}
.featured-blog:nth-of-type(3n+1) {
  margin-left: 0;
}
.featured-blog-image-container {
  position: relative;
  width: 100%;
  padding-top: 52.5%;
  overflow: hidden;
  border-radius: 0;
}
.featured-blog-image {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  -moz-transition: transform 1.2s;
  -o-transition: transform 1.2s;
  -webkit-transition: transform 1.2s;
  transition: transform 1.2s;
}
.featured-blog-image.empty {
  background-image: url("images/placeholder.jpg");
  background-color: transparent
}
.featured-blog-content {
  padding: 0.25rem;
}
.featured-blog-content p {
  color: #041A3E;
  margin-bottom: 0;
  font-size: 1.125rem;
}
.featured-blog-content p.blog-post-meta {
  font-family: 'Adieu-Regular', serif;
  font-style: normal;
  font-size: 0.875rem;
  margin-bottom:0.5rem;
}
.blog-post-meta .divider {
  color: #E4927B;
}
.blog-post-meta time {
  font-family: 'Adieu-Regular', serif;
}
.featured-blog-title {
  font-family: 'Adieu-Regular', serif;
  text-decoration: none;
  font-size: 1.125rem;
}
.featured-blog-link,
.featured-blog-link:hover {
  font-weight: normal;
  text-decoration: none;
}
.featured-blog-link:hover .featured-blog-title {
  text-decoration: underline;
}
.featured-blog-link:hover .featured-blog-image {
  -webkit-transform: scale(1.05);
  -ms-transform: scale(1.05);
  transform: scale(1.05);
  -webkit-transform-origin: 50% 50%;
  -ms-transform-origin: 50% 50%;
  transform-origin: 50% 50%;
}
.featured-blog-link:hover .arrow-right {
  color: #041A3E;
}
.featured-blog-link:focus .arrow-right:after,
.featured-blog-link:hover .arrow-right:after,
.featured-blog-link:active .arrow-right:after {
  padding-left: 0.75rem;
}
.blog-box-meta-title {
  color: #ffffff;
  margin-bottom: 0;
  line-height: 1.3;
}
.blue {
  background-color: #00434F;
}
.green {
  background-color: #60BAA4;
}
.red {
  background-color: #E4927B;
}
.exclamation {
  background-image: url("images/exclamation-2.svg");
  background-repeat: no-repeat;
  background-position: bottom -2rem right 3rem;
  background-size: 300px 94px;
}
.exclamation-2 {
  background-image: url("images/exclamation-1.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 134px 150px;
  position: relative;
  display: inline-block;
  width: 134px;
  height: 150px;
}
.three-balls {
  position: relative;
  z-index: 1;
  margin-bottom: 27.5px;
}
.three-balls:after {
  content: "";
  position: absolute;
  background-image: url("images/balls.svg");
  background-repeat: no-repeat;
  background-size: 200px 55px;
  right: 3rem;
  bottom: -27.5px;
  width: 200px;
  height: 55px;
  z-index: 2;
}
.some-share {
  margin:0 0 3rem;
  padding:0;
  list-style: none;
  text-align: center;
  width: 100%;
}
.some-share li {
  display: inline-block;
  margin-bottom: 0;
  margin-right: 0.5rem;
}
.some-share li:last-child {
  margin-right: 0;
}
#social-float li.whatsapp,
.some-share li.some-share-whatsapp {
  display: none;
}
.round-image img {
  border-radius: 50%;
}
.row.wide {
  max-width: 82.5rem;
}
#scroll-top {
	position:fixed;
	bottom:10px;
	right:10px;
	z-index:1000;
	display:none;
}
#scroll-top a {
  background-color: #f9f9f9;
  display: block;
  padding: 0.5rem 0.75rem;
}
#scroll-top a i {
  font-size: 1.5rem;
  color: #041A3E;
  line-height: 1;
  vertical-align: middle;
}
#scroll-top a:hover {
	background-color: #041A3E;
}
#scroll-top a:hover i {
  color: #ffffff;
}
#mc_embed_signup input {
  max-width: 500px;
  margin-bottom: 0;
  height: 54px;
}
#mc_embed_signup input[type='email'] {
  width: 400px;
}
#mc_embed_signup label {
  height: 1.4rem;
  line-height: 1.4rem;
  font-size: 0.875rem;
}
#mc_embed_signup input[type='submit'] {
  margin-left: 1.5rem;
  margin-top: 1.4rem;
}
#mc_embed_signup_scroll {
  display: flex;
}
#mce-responses {
  margin-top: 1.4rem;
  margin-left: 1.5rem;
}
#mce-success-response {
  color: green;
}
/* Ninja forms */
.page-template-template-page-koko-sivu .nf-error-msg,
.page-template-template-page-koko-sivu .ninja-forms-req-symbol {
  color: #ffffff;
}
.nf-form-fields-required {
  display: none!important;
}
.nf-field-label label {
  font-weight: normal!important;
  font-family: 'Adieu-Regular', sans-serif;
}
.label-above .nf-field-label {
  margin-bottom: 0!important;
}
.nf-field-container {
  margin-bottom: 1rem!important;
}
.page-template-template-page-koko-sivu .nf-form-content {
  background: #00434F;
  padding: 2rem 3rem 1rem;
  margin-bottom: 1.5rem;
}
.page-template-template-page-koko-sivu .nf-field-label label {
  color: #ffffff;
}
.page-template-template-page-koko-sivu .nf-field-element p {
  color: #ffffff;
}
.search-result {
  border-bottom: 1px solid #cccccc;
  padding-bottom: 0.5rem;
  margin-bottom: 3rem;
}
.search-result:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}
.search-result p {
  color: #041A3E;
  font-family: 'Adieu-Regular', sans-serif;
}
.search-result a,
.search-result a > * {
  text-decoration: none;
}
.search-result a:hover .featured-blog-title {
  text-decoration: underline;
}
#wt-cli-settings-btn,
.cli-tab-footer .wt-cli-privacy-accept-btn {
  background-color: #00434F!important;
}
#cookie-law-info-bar {
  padding: 15px 30px;
  text-align: left;
}
.cli-bar-btn_container {
  margin: 0.5rem 0 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-align: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  align-items: center;
  flex-wrap: nowrap;
}
#wt-cli-accept-all-btn {
  margin-left: 0 !important;
  margin-right: 1rem;
}
.cli-bar-message {
  font-size: 1rem;
  width: 100%;
}
.cli-plugin-button, .cli-plugin-button:visited, .medium.cli-plugin-button, .medium.cli-plugin-button:visited {
  font-size: 1rem!important;
}
.cli-plugin-button:focus {
  opacity: 1.0!important;
}

/* Override some Foundation styles */
@media print, screen and (min-width: 40em) {
  h1, .section-header {
    font-size: 2.5rem;
    line-height: 1.3;
  }
  h2 {
    font-size: 2rem; }
  h3 {
    font-size: 1.875rem; }
  h4 {
    font-size: 1.5rem; }
  h5 {
    font-size: 1.25rem; }
  h6 {
    font-size: 1rem; }
}

@media (max-width: 781px) {
  .page-template-template-page-koko-sivu .wp-block-column {
    flex-basis: 100%!important;
    margin-left: 0!important;
  }
}
/* Big screens */
@media print, screen and (max-width: 63.99em) {
  body.no-scroll.scrolled {
    width: 100%; height: 100%; overflow: hidden;
  }
  body.no-scroll.scrolled #site-header {
    overflow-y: scroll;
    height: 100%;
  }
  .featured-title-inner-container {
    padding: 2rem;
  }
  .featured-title-inner-container .read-more {
    position: relative;
    right: auto;
    top: auto;
  }
  .staff-inner-container {
    display: block;
  }
  .staff-image-container {
    margin: 0 0 1.5rem;
  }
  hr {
    width: 100%;
    max-width: 100%;
  }
  .tabs-panel {
    padding: 4.5rem 3rem 1.5rem;
  }
  .header-title {
    position: relative;
    left: auto;
    top: auto;
    transform: none;
    text-align: left;
    max-width: 100%;
    padding: 3rem 0;
  }
  .logo img {
    margin: 0.75rem 0;
  }
  h1, .section-header,
  .header-title h1,
  #join-us-container .section-header {
    font-size: 2rem;
  }
  h2 {
    font-size: 2rem;
  }
  h3,
  .staff-content .name {
    font-size: 1.5rem;
  }
  .staff-title,
  .staff-sub-title {
    font-size: 1rem;
  }
  #join-us-container {
    padding: 3rem 2rem 2.5rem;
  }
  blockquote p:before,
  blockquote p:after,
  blockquote p {
    font-size: 1.5rem;
  }
  footer .footer-large-title {
    font-size: 2rem;
  }
  .header-title p {
    font-size: 1.125rem;
  }
  .header-title .button {
    font-size: 1rem;
  }
  .flex-column-8 {
    width: 80%;
    padding-right: 0;
  }
  .flex-column-4 {
    width: 80%;
  }
  .padded-container p:last-child, .padded-container ul:last-child, .padded-container ol:last-child {
    margin-bottom: 1.5rem;
  }
  .button.top-right {
    position: relative;
    right: auto;
    bottom: auto;
  }
  #campaign-container .flex-container {
    flex-direction: column;
  }
  #social-float.active {
    display: none;
  }
  .header-search {
    float: none;
    margin-left: 0;
  }
  #navigation-bar {
    margin: 0;
  }
  .top-bar-menu {
    width: 100%;
  }
  nav.main-navigation {
    float: none;
    display: none;
    margin-top: 0;
  }
  .top-bar-menu ul.menu {
    width: 100%;
  }
  .top-bar-menu ul.menu:first-child {
    margin-top: 1rem;
    border-top: 1px solid #cacaca;
    border-bottom: 1px solid #cacaca;
    padding-bottom: 1.5rem;
  }
  nav.main-navigation.open {
    display: block;
  }
  .top-bar-menu ul li {
    width: auto;
    display: block;
    clear: both;
  }
  .top-bar-menu ul ul,
  .top-bar-menu ul ul li,
  .top-bar-menu li.menu-item-has-children > ul > li {
    display: block;
  }
  .top-bar-menu ul li a,
  .top-bar-menu ul ul li a {
    width: 100%;
    max-width: none;
    min-width: 0;
    border-bottom: 0;
    text-align: left;
    padding: 0.5rem 0;
    font-size: 1rem;
    margin: 0;
  }
  .top-bar-menu > ul > li:hover > a {
    border-bottom: none;
  }
  .top-bar-menu ul > li.current-menu-item > a {
    font-weight: normal;
    font-family: 'Adieu-Regular', sans-serif;
  }
  .top-bar-menu ul ul li a {
    background: none;
    text-transform: none;
  }
  ul.menu li.menu-item-has-children > .sub-menu-container {
    position: relative;
    display: none;
    left: 0;
    width: 100%;
    margin: 0;
    margin-left: 1.5rem;
    text-align: left;
  }
  ul.menu li.menu-item-has-children.focused > .sub-menu-container {
    left: auto;
    top: auto;
    display: block;
    background: transparent;
    border-radius: 0;
    box-shadow: none;
    border-top: none;
    transform: none;
  }
  .top-bar-menu ul ul li:hover > a,
  .top-bar-menu ul ul li.active > a {
    color: #041A3E;
    text-decoration: none;
  }
  .top-bar-menu > ul > li > a.button.navigation-donate {
    margin-top: 1rem;
    max-width: 300px;
  }
  .top-bar-menu li.menu-item-has-children > a {
    width: auto;
    padding-bottom: 0.75rem;
  }
  .top-bar-menu ul li .open-sub-menu {
    top: 0.25rem;
  }
  .some-share {
    margin-bottom: 1.5rem;
  }
  #mobile-icon  {
    display: block;
  }
  .alignleft,
  .alignright,
  .alignnone,
  .aligncenter {
    float:none;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 1rem;
    display: block;
    clear: both;
  }
  #join-us-container .section-sub-header {
    margin-top: 0;
  }
  nav.subpage-navigation ul li a {
    padding: 0 0 1.5rem 0rem;
  }
  nav.subpage-navigation ul li a {
    width: 100%;
    border-bottom: none;
    border-left: none;
  }
  nav.subpage-navigation ul li.parent-item > a {
    color: #041A3E;
    padding-bottom: 0;
  }
  nav.subpage-navigation {
    padding: 1rem 1.5rem;
    background-color: #f9f9f9;
    margin-bottom: 1.5rem;
  }
  nav.subpage-navigation ul.child-items li:first-child > a {
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
  }
  nav.subpage-navigation ul.child-items li:last-child > a {
    padding-bottom: 0;
  }
  body.page-template-template-page-lahjoita #subpage-content {
    margin-top: -15rem;
  }
  body.page-template-template-page-lahjoita .white-text h1,
  body.lahjoita-no-header .white-text h1 {
    font-size: 2rem;
  }
}

@media screen and (max-width: 39.9375em) {
  .image-overlay {
    width: 100%;
  }
  .three-balls {
    margin-bottom: calc(27.5px + 1.5rem);
  }
  .exclamation-2 {
    display: none;
  }
  .top-bar-menu > ul > li > a.button.navigation-donate {
    width: 100%;
    max-width: 100%;
  }
  #campaign-container {
    text-align: center;
    padding-bottom: 6rem;
  }
  .exclamation {
    background-position: bottom -2rem center;
  }
  .header-inner {
    padding-bottom: 0;
  }
  .header-image {
    position: relative;
  }
  .large-label {
    font-size: 1.125rem;
  }
  .tabs-title > a {
    font-family: Arial, sans-serif;
    font-size: 1rem;
    font-weight: bold;
    padding: 1.5rem 0.9375rem;
  }
  .tabs-panel {
    padding: 3rem 1rem 1.5rem;
  }
  .white-text p, .padded-container p, .big-text p {
    font-size: 1rem;
  }
  .radio-inline input[type="radio"] + span {
    padding: 0.75rem 1rem;
    font-size: 0.875rem;
  }
  body.lahjoita-no-header .white-text p,
  body.lahjoita-no-header .white-text h1,
  body.lahjoita-no-header .white-text h2,
  body.lahjoita-no-header .white-text h3,
  body.lahjoita-no-header .white-text h4,
  body.lahjoita-no-header .white-text h5,
  body.lahjoita-no-header .white-text h6,
  body.page-template-template-page-lahjoita .white-text p,
  body.page-template-template-page-lahjoita .white-text h1,
  body.page-template-template-page-lahjoita .white-text h2,
  body.page-template-template-page-lahjoita .white-text h3,
  body.page-template-template-page-lahjoita .white-text h4,
  body.page-template-template-page-lahjoita .white-text h5,
  body.page-template-template-page-lahjoita .white-text h6   {
    color: #041A3E;
  }
  body.page-template-template-page-lahjoita .image-overlay {
    display: none;
  }
  body.page-template-template-page-lahjoita .white-text h1,
  body.lahjoita-no-header .white-text h1 {
    font-size: 1.5rem;
  }
  body.page-template-template-page-lahjoita .header-image,
  body.lahjoita-no-header .header-image {
    position: absolute;
  }
  body.page-template-template-page-lahjoita .header-inner,
  body.lahjoita-no-header .header-inner {
    min-height: 0;
    height: auto;
    padding-bottom: 42.5%;
  }
  body.page-template-template-page-lahjoita #subpage-content,
  body.lahjoita-no-header #subpage-content {
    margin-top: 0;
    padding-top: 3rem;
  }
  #mc_embed_signup input[type='submit'] {
    margin-left: 0;
    margin-top: 25px;
  }
  #mc_embed_signup input[type='email'] {
    margin: 0 auto;
    height: auto;
    width: 100%;
    max-width: 380px;
  }
  #mc_embed_signup_scroll {
    display: block;
  }
  .staff-container {
    margin: 0 0 1.5rem;
    width: 100%;
  }
  #join-us-container .section-header,
  h1, .section-header,
  .header-title h1 {
    font-size: 1.5rem;
  }
  h2 {
    font-size: 1.25rem;
  }
  h3 {
    font-size: 1.125rem;
  }
  footer .footer-large-title {
    font-size: 1.5rem;
  }
  blockquote p:before,
  blockquote p:after,
  blockquote p,
  .staff-content .name {
    font-size: 1.25rem;
  }
  .header-title p {
    font-size: 1rem;
  }
  .header-title .button {
    font-size: 1rem;
  }
  .staff-container,
  .featured-title-post,
  .featured-blog {
    margin: 0 0 1.5rem 0;
    width: 100%;
  }
  .featured-blog {
    padding-bottom: 1rem;
    margin-bottom: 3rem;
    border-bottom: 1px solid #cacaca;
  }
  .featured-blog:last-child  {
    padding-bottom: 0;
    border-bottom: none;
  }
  .staff-container:last-child,
  .featured-title-post:last-child,
  .featured-blog:last-child {
    margin-bottom: 0;
  }
  .section-button {
    margin-top: 3rem;
  }
  .flex-container-multi-line,
  .flex-container {
    width: 100%;
    display: block;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  body.lahjoita-no-header .payment-providers.flex-container-multi-line {
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
  .flex-column-8,
  .flex-column-6,
  .flex-column-6:first-child,
  .flex-column-4 {
    width: 100%;
  }
  .some-icons li {
    margin-right: 2rem;
  }
  .header-search-container input#s {
    font-size: 22px;
    padding-left: 35px;
  }
  .header-search-container:before {
    font-size: 22px;
  }
  .text-left, .text-right {
    text-align: center;
  }
  .blog-post-image {
    float:none;
    display: block;
    clear: both;
    margin: 0 auto 1rem;
    width: 100%;
  }
  .blog-post-content {
    float: none;
    clear: both;
    width: 100%;
  }
  #social-float li.whatsapp,
  .some-share li.some-share-whatsapp {
    display: inline-block;
  }
  .section-container {
    padding: 3rem 0;
  }
  .open-header-search .text {
    display: none;
  }
  footer .text-left, footer .text-right {
    text-align: center;
  }
  footer[role="contentinfo"] {
    text-align: center;
  }
  footer[role="contentinfo"] .columns {
    margin-bottom: 1.5rem;
  }
  footer h1, footer h2, footer h3, footer h4, footer h5, footer h6 {
    margin-top: 0;
  }
  .cli-bar-btn_container {
    flex-wrap: wrap;
    width: 100%;
  }
  #wt-cli-reject-btn,
  #wt-cli-accept-all-btn {
    margin-left: 0!important;
    flex-basis: 100%;
    padding: 0.875rem 1.5rem!important;
  }
  #wt-cli-accept-all-btn {
    margin-bottom: 1rem!important;
  }
}