/*
Theme Name: Reykjavik Child
Theme URI: https://www.webmandesign.eu/portfolio/reykjavik-wordpress-theme/
Template: reykjavik
Author: WebMan Desi
Author URI: https://www.webmandesign.eu/
Description: Reykjavik is fresh, lightweight, speed and SEO optimized, accessibility ready WordPress theme perfect for your next business, portfolio, blog or WooCommerce e-shop website. You can customize all elements of the theme to your needs. The theme works perfectly with native WordPress block editor, and also with Beaver Builder, Beaver Themer, Elementor, Elementor Pro Theme Builder, Visual Composer or any other page builder to create fantastic layouts. It features mobile-optimized codebase and design with unique, easy-to-access mobile navigation. Build your website in no time with integrated one-click demo import functionality. Impress your website visitors with this beautiful free inclusive theme! More at WebMan Design (https://www.webmandesign.eu)
Tags: one-column,two-columns,right-sidebar,grid-layout,flexible-header,accessibility-ready,custom-background,custom-colors,custom-header,custom-menu,custom-logo,editor-style,featured-image-header,featured-images,footer-widgets,full-width-template,rtl-language-support,sticky-post,theme-options,threaded-comments,translation-ready,blog,e-commerce,portfolio,block-styles,wide-blocks
Version: 2.0.4.1627142901
Updated: 2021-07-24 16:08:21
*/

body {
  background-color: #040202;
  font-weight: 400;
}

/* Skip-link */

.skip-link.screen-reader-text {
  scroll-margin-bottom: 20rem;
}

.screen-reader-text.skip-link:focus {
  background-color: #1c8378;
}
.skip-inline-wrap {
  position: relative;
}
.skip-inline-wrap .skip-inline.screen-reader-text.skip-link {
  transform: translateY(0%);
}
.skip-inline-wrap .skip-inline.screen-reader-text.skip-link:focus {
  left: 5px;
  padding: 1.382em;
  position: absolute;
  transform: translateY(-50%);
  transition: transform 0.3s;
  font-size: 0.8rem;
  font-weight: 700;
  font-style: normal;
}

.skip-inline:focus {
  transform: translateY(0%);
}
/*kun skip-link pitää olla alempana, lisää class "skip-top"*/
.skip-inline-wrap .skip-inline.screen-reader-text.skip-link.skip-top {
  transform: translateY(0%);
}

/*END skip link */

.site-branding {
  z-index: 4;
}

/*** Mobiilimenun logot */
.main-navigation-container .menu > ul .menu-logos-mobile {
  background-color: #fff;
  padding: 1rem;
  margin-bottom: 1rem;
  box-sizing: content-box;
}

.main-navigation-container .menu > ul .menu-logos-mobile a {
  color: rgba(255, 255, 255, 0);
  margin: 0;
}

.main-navigation-container .menu > ul .menu-logos-mobile a {
  background-repeat: no-repeat;
  background-position: 0% 50%;
  background-size: 100%;
}
.main-navigation-container .menu > ul > li.menu-logos-mobile.icom-cc {
  margin-top: 2rem;
}
.main-navigation-container .menu > ul .menu-logos-mobile.icom-cc a {
  background-image: url("/wp-content/uploads/2021/07/icom-cc-logo-300x30.png");
  height: 30px;
}
.main-navigation-container .menu > ul .menu-logos-mobile.national-museum a {
  background-image: url("/wp-content/uploads/2021/07/SKM_vaakalogo_suomi_englanti_mv-300x66.png");
  height: 46px;
  padding: 0.4rem 0;
  margin-left: -1rem;
}

.main-navigation-container .menu > ul .menu-logos-mobile.metrop a {
  background-image: url("/wp-content/uploads/2021/07/metropolia_s_oranssi_en-300x77.png");
  background-size: 70%;
  height: 70px;
  padding: 0;
}
/*** END Mobiilimenun logot */

#masthead #searcher form.search-form {
  display: none;
}

/*** Call to action bar
 *   Survey 
 *
 * Widget arean custom html: */

.call-to-action-survey3 summary,
.call-to-action-survey3 a {
  display: block;
  background-color: #1c8378;
  padding: 0.4rem 0;
  color: #fff;
}
.call-to-action-survey3 summary:hover,
.call-to-action-survey3 summary:focus {
  outline: thin #90d9be dashed;
  outline-offset: -2px;
  background-color: #90d9be;
  color: #000;
}
.call-to-action-survey3 a:focus {
  outline: thin #fff dashed;
  outline-offset: -2px;
}
.call-to-action-survey3 a span {
  padding: 0.4rem 0;
}
.call-to-action-survey3 a:hover,
.call-to-action-survey3 a:focus {
  background-color: #90d9be;
  color: #000;
}
/**rivitys*/
.call-to-action-survey3 .calltoaction-container,
.call-to-action-survey3 .calltoaction-container .calltoaction-row2 {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.call-to-action-survey3 .calltoaction-container * {
  font-family: "Open Sans", "Arial";
  color: inherit;
  text-shadow: none;
  font-style: normal;
  text-align: center;
  letter-spacing: normal;
  word-spacing: normal;
  text-transform: none;
  line-height: 1.3;
  margin: 0;
  display: inline;
}
.call-to-action-survey3 .calltoaction-container h2,
.call-to-action-survey3 .calltoaction-container span {
  font-weight: 400;
  font-size: 0.8rem;
}

@media (min-width: 740px) {
  .call-to-action-survey3 .calltoaction-container .calltoaction-row2 {
    flex-flow: row nowrap;
    flex: 1 0 100%;
    padding: 0 0.2em;
  }
} /*END @media*/
/*** --------------------- */
@media (min-width: 1000px) {
  /*call to action -palkin maksimikorkeuden lukitseminen */
  .call-to-action-survey3 summary {
    max-height: 40px;
  }
  .call-to-action-survey3 .calltoaction-container {
    display: flex;
    flex-flow: row nowrap;
  }
  .call-to-action-survey3 .calltoaction-container .calltoaction-row {
    flex: 0 1 auto;
  }
} /*END media*/

/*** END Call to action bar */

/**/

/*** END Header Widget Area 2*/

/*** main nav hover */
.main-navigation-container .menu > ul > li > a {
  border-top: 0;
  transition: margin 0.3s;
}
.main-navigation-container a:hover,
.main-navigation-container .menu .current-menu-item > a:hover {
  margin-top: -2px;
  margin-bottom: 2px;
}
.main-navigation-container .sub-menu a {
  transition: margin 0.3s;
}
.main-navigation-container .sub-menu a:hover {
  margin-top: -2px;
  margin-bottom: 2px;
}
/*sub-nav*/
.main-navigation-container li ul {
  border-top: 0;
}
/*** END main nav hover */

/*** Sidebar Helsinki and Social Programme */

/*** Remove #secondary sidebar in Welcome to Helsinki: */
.page-id-438 #secondary,
.page-id-596 #secondary {
  display: none;
}

/*scroll-margin/padding to anchor links:*/
body *,
.page-id-438 #Helsinki,
.page-id-438 #visa,
.page-id-438 #arrival,
.page-id-438 #accommodation,
.page-id-438 #Covid19,
.page-id-438 #tips,
.page-id-438 #fun,
#Tenaille,
#sami,
#autumn,
#zones,
#finnishthings,
#metalheads {
  scroll-margin-top: 3rem;
}
.sidebar-helsinki .menu-helsinki-container,
.sidebar-socialpr .menu-socialpr-container,
.sidebar-x .menu-x-container {
  background-color: transparent;
}

#menu-for-helsinki.sidebar-helsinki ul,
#menu-for-socialpr.sidebar-socialpr ul,
#menu-for-x.sidebar-x ul {
  list-style: none;
}
#menu-for-helsinki.sidebar-helsinki ul li a,
#menu-for-socialpr.sidebar-socialpr ul li a,
#menu-for-x.sidebar-x ul li a {
  color: #fff;
  padding: 0.5rem;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 400;
  font-size: 0.809rem;
  line-height: 1.618;
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}
#menu-for-helsinki.sidebar-helsinki ul li a:hover,
#menu-for-helsinki.sidebar-helsinki ul li a:focus,
#menu-for-socialpr.sidebar-socialpr ul li a:hover,
#menu-for-socialpr.sidebar-socialpr ul li a:focus,
#menu-for-x.sidebar-x ul li a:hover,
#menu-for-x.sidebar-x ul li a:focus {
  color: #1c8378;
  text-decoration: underline;
}

/*** END Sidebar Helsinki and Social Programme*/

/*** Leveiden sivujen säädöt */
/*** Etusivu */
.home #page #content .site-content-inner #primary, 
/*Metal Themes:*/
.page-id-228 #content .site-content-inner #primary,
.page-id-228 .wp-block-group > .wp-block-group__inner-container, 
.page-id-228 #content #intro .intro-inner, 
/*Conference Programme -sivu:*/
.page-id-240 #content #intro .intro-inner,
.page-id-240 .site-content-inner #primary, 
.page-id-240 .wp-block-group__inner-container, 
/*Sponsors and Exhibitors*/
.page-id-262 #content #intro .intro-inner,
.page-id-262 .site-content-inner #primary.content-area, 
.page-id-262 .wp-block-group__inner-container, 
/*Welcome*/
.page-id-438 #content #intro .intro-inner,
.page-id-438 .site-content-inner #primary.content-area, 
.page-id-438 .wp-block-group__inner-container, 
/*Social Programme*/
.page-id-596 #content #intro .intro-inner,
.page-id-596 .site-content-inner #primary.content-area, 
.page-id-596 .wp-block-group__inner-container, 
/*Post pages:*/
.single-post #content #intro .intro-inner {
  max-width: var(--layout_width_content);
}

/*Single post -sivut, piilotusta, leveyden säätöä */
.single #main .post footer.entry-meta, 
.single #main .post footer.entry-meta time,
.single #main .post footer.entry-meta .entry-meta-description.label-published {
  display: inline-block;
	text-transform:none;
	font-weight:400;
	font-size:0.8rem;
	color:#9e9e9e;
} 
/*sidebar piiloon*/
.single-post aside#secondary.sidebar {
  display: none;
}
@media (min-width: 880px) {
  .single-post #primary.content-area {
    width: 60%;
    max-width: var(--layout_width_content);
  }
} /*END media*/
/*** END Single post -sivut*/

/*** END Leveiden sivujen säädöt */

/*Lomakkeet: WP Forms poista sähköpostiehdotus*/
div.wpforms-container-full .wpforms-form .wpforms-error.mailcheck-error {
  display: none;
}

/*columns*/
.wp-block-columns {
  flex-flow: column nowrap;
}
.wp-block-column:not(:first-child) {
  margin-left: 0;
}
.wp-block-column:last-child {
  margin-bottom: 0;
}
/*column allekkain: ei ylimääräistä tilaa 2 columnin yllä*/
.wp-block-columns
  .wp-block-column:not(:first-child)
  > .wp-block-group:first-child {
  margin-top: 0;
}

@media (min-width: 1000px) {
  .wp-block-columns {
    flex-flow: row wrap;
  }
  .wp-block-column:not(:first-child) {
    margin-left: 2em;
  }
  .wp-block-column:last-child {
    margin-bottom: 1.618em;
  }
  .wp-block-columns
    .wp-block-column:not(:first-child)
    > .wp-block-group:first-child {
    margin-top: 3rem;
  }
} /* END @media (min-width: 1000px) */

/*** VIIVA VASEMMALLA */

.entry-content .group-border-left,
h1,
h1.page-title {
  border-left: 0;
  padding-left: 0;
  margin-top: 3rem; /*for first child, override for rest in ".group-border-left ~ .group-border-left" */
  margin-bottom: 3rem;
  line-height: 1.3;
}

.entry-content .group-border-left ~ .group-border-left {
  margin-top: 0;
}
.entry-content .group-border-left,
h1.page-title,
h1.entry-title,
.intro-inner .page-summary,
.intro-inner .entry-summary,
h2,
h3,
.group-nosto.group-border-left {
  padding-left: 2rem;
  border-left: #fff solid 2px;
}

.entry-content .group-border-left,
h1.page-title,
h1.entry-title,
.intro-inner .page-summary,
.intro-inner .entry-summary {
  padding-bottom: 0;
}
.intro-inner .page-summary,
.intro-inner .entry-summary {
  padding-top: 1rem;
  padding-bottom: 1rem;
}
@media (max-width: 671px) {
  /*TEMP, korjaa loogiseksi*/
  .entry-content .group-border-left {
    border-left: 0;
    padding-left: 0;
  }
} /*END media*/
@media (min-width: 672px) {
  h2,
  h3 {
    padding-left: 0;
    border-left: 0;
  }
} /*END @media (min-width: 672px) */

/*** END viiva vasemmalla*/

/*** Otsikot */

h2 {
  font-size: 1.8rem;
}
h3 {
  font-size: 1.5rem;
}
h4 {
  font-size: 1.2rem;
}
h1,
h2,
h3,
h4,
h5 {
  text-transform: uppercase;
  letter-spacing: 0;
  margin-bottom: 1rem;
  margin-top: 2em;
}
.entry-content-inner > h2 {
  margin-top: 3em;
}
.entry-content-inner > h3,
.entry-content-inner > h4,
.entry-content-inner > h5,
.entry-content-inner > h6 {
  margin-top: 2em;
}

#content h1 {
  text-shadow: 2px 2px 4px rgba(0, 0, 0, 0.5);
}

/*** Pääotsikon taustasta raja pois */
#content #intro-container {
  border: 0;
}

/* lisätilaa otsikolle desktop*/
#content #intro .intro-inner h1 {
  margin-right: -6vw;
}

/*** 
 * otsikon poikkeukset 
 */

/**/
.no-caps {
  text-transform: none;
}
/* Katkaistaan otsikko toiselle riville / -merkin jälkeen 
Esimerkkinä Call for Papers -sivun otsikko
(Katso funktio "the_title_break" tiedostosta functions.php) */
#content #intro h1 span {
  display: block;
}
/*Call for Papers -sivun Closed-sana punaiseksi:*/
.postid-2205 #content #intro h1 span, 
/*Call for Papers:*/
.postid-1238 #content #intro h1 span {
  color: #ff5757;
}

/* VANHA Kun h1-otsikko on postauksen sisällä (Huom. alkuperäinen H1 edelleen olemassa ja ruudunlukijalle löydettävissä, mutta height:1px; margin:-1px, ja postauksen sisäinen H1:llä aria-hidden="true") 
.entry-content .entry-content-inner h1 {
  margin-top: 3rem;
  margin-bottom: 2rem;
  margin-right: -5vw;
}
/**/
/*Otsikon piilotus sivuilta, joilla on ylhäällä slider otsikon sijaan */
.page-id-438 #content #intro, .page-id-438 #content #intro .intro-inner/*** Page: Welcome to Helsinki */, 
.page-id-589 #content #intro-container/*Page: Venue*/ {
  height: 1px;
  margin-bottom: -1px;
  opacity: 0;
}
/*** END Otsikot*/

/*** Linkkimuotoiluja, valkoisen taustan linkit group-nosto-säädöissä: .group-nosto a*/
a {
  color: #68cfc4;
  text-decoration: none;
}
a:hover,
a:focus {
  text-decoration: underline;
}
a:focus {
  outline-offset: 0.16em;
}
a:visited {
  color: #1c8378;
}
footer a:visited {
  color: #9e9e9e;
}
/* Pointer. Linkeillä, joilla class "cursor-default" käsisymbolin aktivointi pois päältä.
Esimerkkinä päävalikon "Who" ja "Submissions" -linkit */
.cursor-default > a:hover,
a.cursor-default:hover {
  cursor: default;
  text-decoration: none;
}
/*** END Linkkimuotoiluja */

/*** Buttons */

.wp-block-buttons .wp-block-button .wp-block-button__link,
[type="submit"],
div.wpforms-container-full .wpforms-form button[type="submit"] {
  background-color: #1c8378;
  border: 3px solid #1c8378;
  border-radius: 9999px;
  display: inline-block;
  padding: 0.76391em 2em;
  margin-top: 2px;
  margin-left: -0.4rem;
  color: #fff;
  text-transform: uppercase;
  text-decoration: none;
  font-weight: 700;
  font-size: 0.809em;
  letter-spacing: 0.06367em;
  line-height: 1.618;
  text-align: center;
  transition: background 0.3s, color 0.3s, border-color 0.3s;
}
body .wp-block-buttons .wp-block-button a:visited {
  color: #fff;
}
.wp-block-buttons .wp-block-button .wp-block-button__link:hover,
.wp-block-buttons .wp-block-button .wp-block-button__link:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:hover,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
[type="submit"]:hover,
[type="submit"]:focus {
  background-color: #90d9be;
  border: 3px solid #1c8378;
  color: #000;
}
.wp-block-buttons .wp-block-button .wp-block-button__link:focus,
div.wpforms-container-full .wpforms-form button[type="submit"]:focus,
#cookie-notice #cn-notice-buttons a#cn-accept-cookie:focus {
  outline: dashed thin #90d9be;
  outline-offset: 2px;
}
.wp-block-buttons > .wp-block-button.button-center {
  align-self: center;
  margin-left: -10%;
}
/*** Ks. sliderin button-säädöt inline sijainnissa Appearance > Customize > Additional CSS */

/* Cookie button */
#cookie-notice .cookie-notice-container {
  padding: 1rem 2rem 1rem 2rem;
}
#cookie-notice #cn-notice-text {
  margin: 0;
  line-height: 1.6;
}
#cookie-notice .cookie-notice-container #cn-notice-buttons {
  margin: 0.6rem 0.2rem 0.6rem 0.2rem;
}
#cookie-notice #cn-notice-buttons a#cn-accept-cookie {
  line-height: 1.5;
  background-color: #1c8378;
  border: 3px solid #1c8378;
  color: #fff;
  font-weight: bold;
  border-radius: 9999px;
  padding: 0.5em 2em 0.5em 2em;
  transition: background-color 0.3s, color 0.3s, border-color 0.3s;
}
#cookie-notice #cn-notice-buttons a#cn-accept-cookie:hover,
#cookie-notice #cn-notice-buttons a#cn-accept-cookie:focus {
  background-color: #90d9be;
  border: 3px solid #1c8378;
  color: #000;
  text-decoration: none;
}
/*** END Buttons*/

/*Etusivu Keynote Speaker -kortti */

#card-keynote.card-keynote {
  max-width: 100%;
  background-color: #fff;
}
#card-keynote.card-keynote a {
  scroll-margin-bottom: 20rem;
}

#card-keynote a figure:hover,
#card-keynote a figure:active {
  outline: #90d9be solid 6px;
  outline-offset: -5px;
}
#card-keynote:focus-within {
  outline: #90d9be thin dashed;
  outline-offset: 4px;
}
.card-keynote a,
.card-keynote h3,
.card-keynote p {
  color: #333;
  text-decoration: none;
}
.card-keynote h3 {
  font-size: 1.1rem;
  margin-bottom: 0;
  padding-left: 0;
}
.card-keynote h3 + p {
  font-size: 0.8rem;
}

#card-keynote.card-keynote figure.keynote-card-img {
  display: flex;
  flex-flow: column nowrap;
  margin-bottom: 3rem;
}
#card-keynote.card-keynote figure.keynote-card-img > * {
  flex-basis: 100%;
  padding: 1rem;
}
#card-keynote.card-keynote figure.keynote-card-img > img {
  padding-bottom: 1rem;
}
#card-keynote.card-keynote figure.keynote-card-img > figcaption {
  padding-top: 0;
  color: #333;
  font-style: normal;
  opacity: 1;
}
@media (min-width: 672px) {
  #card-keynote.card-keynote figure.keynote-card-img {
    flex-flow: row nowrap;
  }
  #card-keynote.card-keynote figure.keynote-card-img > img {
    flex-basis: 40%;
    max-width: 40%;
  }
  #card-keynote.card-keynote figure.keynote-card-img > figcaption {
    flex-basis: 60%;
    padding-top: 1rem;
    padding-left: 0;
    align-self: center;
  }
  figure.keynote-card-img > figcaption h3 {
    line-height: 1.2;
  }
} /*END media*/
/*** END Keynote Speaker */

/*** Pullquote, blockquote, Nosto, Lainaus*/
.wp-block-pullquote {
  border: 0;
}
.wp-block-pullquote cite {
  opacity: 0.8;
  font-style: italic;
  font-size: 1rem;
}
/*** END Pullquote, blockquote, Nosto, Lainaus*/

/*** "Korostus-kortti" eli ryhmät, joille annettu class .group-nosto  (Valkoinen tausta, tumma teksti) */
.group-nosto.wp-block-group {
  margin-bottom: 1.618em;
}
.group-nosto .wp-block-group__inner-container {
  background-color: #fff;
  padding: 8% 5% 5% 8%;
}
.group-nosto p,
.group-nosto ul li {
  padding-bottom: 0.4rem;
}
.group-nosto h2,
.group-nosto h3,
.group-nosto h4,
.group-nosto h5,
.group-nosto h6,
.group-nosto p,
.group-nosto ul,
.group-nosto * {
  color: #333;
}
.group-nosto h2,
.group-nosto h3,
.group-nosto h4,
.group-nosto h5,
.group-nosto h6 {
  padding-left: 0;
  font-size: 1.4rem;
}
.group-nosto p,
.group-nosto ul {
  line-height: 1.4;
  font-size: 1.2rem;
}
.group-nosto a {
  color: #1c8378;
}
.group-nosto a:hover {
  color: #187168;
}
.group-nosto a:visited {
  color: #135851;
}
/*** END "Korostus-kortti" */

/*** group-signatures */

.group-signatures > .wp-block-group__inner-container {
  display: flex;
  flex-flow: column wrap;
  align-items: center;
  max-width: 100%;
  padding: 1rem;
  margin: 0;
}
@media (min-width: 550px) {
  .group-signatures > .wp-block-group__inner-container {
    flex-flow: row nowrap;
    align-items: flex-end;
  }
  .group-signatures > .wp-block-group__inner-container figure {
    margin-bottom: 0;
  }
  .group-signatures > .wp-block-group__inner-container figure figcaption {
    padding-bottom: 0;
  }
} /*END media*/

[class^="wp-block-"] {
  margin-bottom: 3rem; /* 1.618em; */
}

/*** captions*/
[class^="wp-block-"] figcaption {
  padding: 0.2rem 0 0.2rem 0;
  font-size: 0.8rem;
  line-height: 1.2;
  opacity: 0.8;
  text-transform: none;
  font-style: italic;
}
.wp-block-embed__wrapper {
  margin-bottom: 0;
}

/* THEMES-sivu*/

article#post-228 .group-themes > .wp-block-group__inner-container {
  display: flex;
  flex-flow: column nowrap;
}
article#post-228 .group-themes .wp-block-group__inner-container > div {
  flex: 1 0 100%;
}
article#post-228
  .group-themes
  > .wp-block-group__inner-container
  > div
  > div:not(last-child) {
  padding-right: 10%;
}
article#post-228 .group-themes .group-nosto {
  padding-right: 10%;
}
/*Themes desktop:*/
@media (min-width: 1000px) {
  article#post-228 .group-themes > .wp-block-group__inner-container {
    flex-flow: row wrap;
    justify-content: flex-start;
    align-items: flex-start;
  }
  /*reset top margin*/
  article#post-228 .group-themes .group-border-left {
    margin-top: 0;
  }
  article#post-228 .group-themes {
    margin-top: 3rem;
  }

  article#post-228 .group-themes > .wp-block-group__inner-container > div {
    flex: 0 0 50%;
  }
  article#post-228 .group-themes .group-nosto {
    padding-right: 0;
  }
} /**END @media/

/*** COMMITTEE page*/

/*ensimmäisen komiteapalkin säädöt */
.entry-content-inner > .group-committee {
  padding-top: 0;
}
/*loppujen komiteapalkkien säädöt*/
.entry-content-inner > .group-committee ~ .group-committee {
  margin-top: 5rem;
}

/*komitean nimi*/
.group-committee > .wp-block-group__inner-container > h2 {
  padding-bottom: 2rem;
}

.group-committee h2,
.group-committee h3,
.group-committee h4,
.group-committee h5,
.group-committee h6 {
  border: 0;
  padding-left: 0;
}
/*jäsenpalkit*/
.card-committee-member {
  margin-bottom: 3rem;
}
.card-committee-member
  .card-committee-w-image
  > .wp-block-group__inner-container {
  display: flex;
  flex-flow: column nowrap;
  align-items: flex-start;
}
.card-committee-name > .wp-block-group__inner-container {
  display: flex;
  flex-flow: column nowrap;
}
.group-committee h2 {
  margin-bottom: 3rem;
}

.card-committee-member h3,
.card-committee-member h4 {
  padding-bottom: 0;
  margin-bottom: 0;
  font-size: 1.2em;
  text-transform: none;
}
.card-committee-member h3 + p,
.card-committee-member h4 + p {
  font-size: 0.8125rem;
}
.card-committee-w-image {
  margin-bottom: 1rem;
}
.card-committee-w-image figure {
  padding-right: 1rem;
  padding-bottom: 0.3rem;
  margin-top: 0;
  margin-bottom: 0;
}
.card-committee-w-image h3 {
  padding-top: 0.4rem;
}

/*Komitean nostokortit*/

.group-nosto.card-committee-w-image {
  margin-bottom: 1.618em;
}
.group-nosto.card-committee-w-image .wp-block-group__inner-container /*all inner containers reset*/ {
  padding: 0;
}
.group-nosto.card-committee-w-image > .wp-block-group__inner-container /*only top inner container*/ {
  padding: 8% 5% 5% 8%;
  align-items: center;
}
.group-nosto.card-committee-w-image h2,
.group-nosto.card-committee-w-image h3,
.group-nosto.card-committee-w-image h4,
.group-nosto.card-committee-w-image h5,
.group-nosto.card-committee-w-image h6,
.group-nosto.card-committee-w-image p,
.group-nosto.card-committee-w-image ul,
.group-nosto.card-committee-w-image * {
  color: #333;
}
.group-nosto.card-committee-w-image h2,
.group-nosto.card-committee-w-image h3,
.group-nosto.card-committee-w-image h4,
.group-nosto.card-committee-w-image h5,
.group-nosto.card-committee-w-image h6 {
  padding-left: 0;
  line-height: 1.1;
}
.group-nosto.card-committee-w-image h3 {
  font-size: 1.4rem;
  letter-spacing: 0;
}
.group-nosto.card-committee-w-image p,
.group-committee-nosto.card-committee-w-image ul {
  line-height: 1.4;
}
.group-nosto.card-committee-w-image a {
  color: #1c8378;
}

@media (min-width: 672px) {
  .card-committee-member
    .card-committee-w-image
    > .wp-block-group__inner-container {
    display: flex;
    flex-flow: row nowrap;
    align-items: center;
  }
  .card-committee-member .card-committee-w-image h3,
  .card-committee-member .card-committee-w-image p {
    border-left: 0;
    padding-left: 0;
  }
} /*** END @media (min-width: 672px) */

/* jos halutaan korttimalliset jäsenpalkit, sulje tämä kommentti

.commit-box .card-committee-member {
  margin-bottom: 3rem;
  background-color: white;
  color: #333;
  padding: 5%;
}
.commit-box .card-committee-member h3,
.commit-box .card-committee-member h4 {
  color: #000;
  font-size: 1.3rem;
  letter-spacing: 0;
  line-height: 1.1;
}
.commit-box .card-committee-member a {
  color: #1c8378;
}

/**/

/*** END COMMITTEE page */

/*** KEYNOTE SPEAKER page*/

/* Name card*/
#post-238 .group-nosto > .wp-block-group__inner-container {
  display: flex;
  flex-flow: column nowrap;
  padding: 6%;
}
#post-238 .group-nosto > .wp-block-group__inner-container > figure {
  margin-bottom: 1rem;
}
#post-238
  .group-nosto
  > .wp-block-group__inner-container
  .wp-block-group
  > .wp-block-group__inner-container {
  padding: 0;
}
#post-238
  .group-nosto
  > .wp-block-group__inner-container
  .wp-block-group
  > .wp-block-group__inner-container
  h3 {
  font-size: 1.3rem;
  margin: 0 -1rem 0 0;
}
#post-238
  .group-nosto
  > .wp-block-group__inner-container
  .wp-block-group
  > .wp-block-group__inner-container
  p {
  font-size: 0.9rem;
}

/*** END KEYNOTE SPEAKER page*/

/*** Footer copyright bar */

/*kalvo pois:*/
.footer-area-site-info::before {
  display: none;
}

footer.site-footer {
  z-index: 12;
  background-color: #0a0a0a;
}

.site-footer {
  padding-top: 1rem;
}
.site-footer .footer-area-site-info,
.site-footer .site-info {
  padding: 0;
  margin: 0;
}
.has-navigation-mobile .site-footer > div:last-child {
  margin-bottom: 1rem;
}
.site-footer-area .site-info-inner {
  display: flex;
  justify-content: center;
}
.site-footer-area .site-info-inner .site-info {
  display: flex;
  flex-flow: column nowrap;
  justify-content: center;
}
.site-footer .site-info .site-info-item {
  line-height: 2.4;
  font-size: 1rem;
  margin: 0;
}
@media (min-width: 600px) {
  .site-footer {
    padding-top: 0;
  }
  .has-navigation-mobile .site-footer > div:last-child {
    margin-bottom: 0;
  }
  .site-footer-area .site-info-inner .site-info {
    justify-content: center;
    flex-flow: row nowrap;
  }
  .site-footer .site-info .site-info-item {
    line-height: 2.4;
    font-size: 0.8rem;
  }
  .site-footer .site-info .site-info-item a {
    padding-left: 0.4rem;
    padding-right: 0.4rem;
    border-left: 1px #fff solid;
  }
  .site-footer .site-info .site-info-item.metal-copyright a {
    border-left: 0;
  }
} /**END media*/

#colophon p {
  padding-top: 0.6rem;
  padding-bottom: 0.6rem;
}

/* END Footer copyright bar */

/*** Resize Post Featured image: */
.is-singular.single-post #intro-media.intro-media {
  width: 100%;
}

@media (min-width: 880px) {
  .is-singular.single-post #intro-media.intro-media {
    width: 88%;
    max-width: var(--layout_width_content);
    margin: 2rem auto 0 auto;
    padding: 0;
  }
  .is-singular.single-post #intro-media.intro-media > div {
    width: 58.744%;
  }
} /*END @media*/
/*** END Post featured image */

/*** Kategoriasivut:*/

#posts.posts.posts-list article {
  border: 0;
  display: flex;
  flex-flow: column wrap;
}
.archive .site-content-inner,
.category .site-content-inner {
  width: 100%;
  max-width: 36em;
}

#posts.posts.posts-list article .entry-media {
  margin-top: 0;
  margin-left: 0;
  padding-bottom: 1.4rem;
  padding-left: 2rem;
  margin-bottom: 0;
  border-left: 2px solid #fff;
}
#posts.posts.posts-list article .entry-header {
  border: 0;
  padding-left: 0;
  margin-bottom: 0;
  padding-bottom: 0;
}
#posts.posts.posts-list article h2 {
  padding-left: 2rem;
}
#posts.posts.posts-list article .entry-meta {
  width: 100%;
}
#posts.posts.posts-list article .entry-meta > span {
  padding: 0;
}

@media (min-width: 672px) {
  .archive .site-content-inner,
  .category .site-content-inner {
    width: 88%;
    margin: 0 auto;
  }
  .archive #posts.posts.posts-list article,
  .category #posts.posts.posts-list article {
    border: 0;
    padding: 0;
  }

  #posts.posts.posts-list article .entry-media,
  #posts.posts.posts-list article .entry-header {
    border-left: 2px solid #fff;
  }
  #posts.posts.posts-list article .entry-meta,
  .entry-summary {
    margin: 0;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
} /* END @media (min-width: 672px) */

/*Search results */

body.search .page-title span {
  font-weight: 300;
  font-style: italic;
  text-transform: none;
}
body.search .page-title span::first-letter {
  text-transform: capitalize;
}

/* TEMP Piilota Notices-kategorian ja Search results -sivun sivupalkki*/
.category-notice #secondary,
body.search #secondary {
  display: none;
}
body.search #posts article .entry-content > * {
  border-left: 0;
  padding-left: 0;
}

/* Piilota sivupalkin viimeinen (Uncategorized, tai Other) kategoria:
#secondary .wp-block-categories-list.wp-block-categories li:last-child {
  display: none;
}

/*** END Kategoriasivut */

/*** Comment form */
.comment-awaiting-moderation {
  display: block;
  font-size: 1.6em;
  padding-top: 2em;
  padding-bottom: 2em;
}
/*** END Comment form*/

/*** Contact-sivu */

summary {
  cursor: pointer;
}
summary h2 {
  padding-left: 0;
  border-left: 0;
}
.style-link,
summary h2.style-link,
details > summary > * {
  display: inline;
}

.style-link,
summary h2.style-link {
  font-family: var(--typography_fonts_text);
  text-transform: none;
  font-weight: normal;
  color: #1c8378;
  font-size: 1rem;
  text-decoration: none;
}
summary::marker {
  color: #1c8378;
}

/***END Contact-sivu*/

/* ------------------------------------------------------------------------------------- */
/* ----------------------------------- MOBILE ------------------------------------------ */
/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */

@-webkit-keyframes comeInFromTop {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  33% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
@keyframes comeInFromTop {
  0% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  33% {
    -webkit-transform: translateY(-100%);
    transform: translateY(-100%);
  }
  to {
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}

@media (max-width: 671px) {
  /*** pienelle mobiilimenulle musta tausta ja valkoinen teksti */
  #masthead .site-header-content,
  #masthead .site-header-content button#menu-toggle,
  #masthead .site-header-content #site-navigation-container {
    background-color: #040202;
    color: #fff;
  }
  /*** custom logo margin away */
  .site-header-content .site-header-inner {
    margin: 0;
  }
  .menu-toggle {
    position: fixed;
    top: 0;
    height: 4rem;
    padding-bottom: 0;
    -webkit-animation: comeInFromTop 1s;
    animation: comeInFromTop 1s;
  }
  #menu-toggle::after {
    content: "";
    background-image: url("/wp-content/uploads/2021/07/logo2-80x80.png");
    background-repeat: no-repeat;
    background-size: 4rem;
    height: 4rem;
    width: 4rem;
    position: absolute;
    top: 0;
    left: 0;
  }
  /*pusketaan menua alaspäin wordpress-valikon tieltä, kun ollaan kirjautuneena sisään:*/
  body.logged-in .menu-toggle {
    top: 46px;
  }
  /*ylimääräinen tila pois ennen valikkoa:*/
  .has-navigation-mobile
    .main-navigation-container
    .mobile-search-form
    + .menu
    > ul {
    padding-top: 1rem;
  }
  .has-navigation-mobile .main-navigation-container {
    transform-origin: top;
  }
  .mobile-search-form {
    padding-top: 4rem;
  }
  .site-header-content {
    padding: 0;
  }
  .site-header-content {
    height: 4.1rem;
  }
  .site-header-content img.custom-logo {
    display: none;
  }

  /*** Remove sidebar in mobile Welcome to Helsinki and Social Programme*/
  #menu-for-helsinki.sidebar-helsinki,
  #menu-for-socialpr.sidebar-socialpr,
  #menu-for-x.sidebar-x {
    display: none;
  }
  /*** END Sidebar in Welcome to Helsinki */
} /*** END (max-width:671px) */

/*** mobiilimenu keskikoko*/
@media (min-width: 672px) and (max-width: 879px) {
  #masthead .site-header-content,
  #masthead .site-header-content button#menu-toggle,
  #masthead .site-header-content #site-navigation-container {
    background-color: #040202;
    color: #fff;
  }
  #masthead .site-header-content #site-navigation {
    width: 60%;
    align-self: center;
  }
  #masthead .site-header-content button#menu-toggle {
    width: 100%;
    margin: 0;
  }
  /*** Sidebar Helsinki tablet */

  #menu-for-helsinki .sidebar-helsinki,
  #menu-for-socialpr .sidebar-socialpr,
  #menu-for-x .sidebar-x {
    margin-top: 2rem;
    margin-bottom: 2rem;
  }
  ul#menu-helsinki,
  ul#menu-socialpr,
  ul#menu-x {
    display: flex;
    flex-flow: row wrap;
  }
  ul#menu-helsinki li,
  ul#menu-socialpr li {
    margin-bottom: 1rem;
    margin-right: 1.4rem;
    flex: 0 0 content;
  }
  #menu-helsinki li:last-child,
  #menu-socialpr li:last-child,
  #menu-x li:last-child {
    display: none;
  }
} /*** END @media (min-width:672px) and (max-width:879px) */
/*** END mobiilimenu keskikoko*/

@media (max-width: 879px) {
  .site-header-content {
    padding: 0;
  }
  .site-header-content img.custom-logo {
    height: 4.1rem;
  }
  /*** Logot pois yläreunasta mobiilissa */
  #header-widget-area1 {
    display: none;
  }
}

#content.site-content #intro-container.intro-container #intro.intro {
  background-size: cover;
}

/* ------------------------------------------------------------------------------------- */
/* ------------------------------------------------------------------------------------- */
/*** END Mobile ------------------------------------------------------------------------ */

/* ------------------------------------------------------------------------------------- */
/* ----------------------------------- DESKTOP ----------------------------------------- */
/* ------------------------------------------------------------------------------------- */
@media (min-width: 880px) {
  /* ------------------------------------------------------------------------------------- */

  /*** Yläpalkin logot */

  #header-widget-area1 {
    height: 5.9rem;
    background-color: #040202;
    display: flex;
    align-items: flex-start;
    justify-content: flex-end;
  }
  #header-widget-inner1 {
    display: flex;
    align-items: center;
    margin-left: 8rem;
  }
  #header-widget-inner1 > .chw-widget1 {
    padding-right: 20px;
  }
  .chw-widget1 figure {
    height: 58px;
    background-color: #fff;
  }
  .chw-widget1 figure.top-logo-padding-icom {
    padding: 0.5rem 0.7rem 0 0.7rem;
  }
  .chw-widget1 figure.top-logo-padding-metrop {
    padding: 0.3rem 0.7rem 0 0.7rem;
  }
  .top-logo-link a:focus {
    outline: 0;
    border-bottom: 0;
  }
  .top-logo-link:focus-within {
    outline: #90d9be solid 6px;
    outline-offset: -4px;
  }
  figure.top-logo-link figcaption {
    color: transparent;
    height: 1px;
    max-height: 1px;
  }

  .menu-logos-mobile {
    display: none;
  }

  #masthead.site-header .site-header-content {
    background-color: #040202;
    color: #fcfcfc;
  }
  #masthead.site-header
    .site-header-content
    .site-header-inner
    #site-navigation
    ul.sub-menu {
    background-color: #040202;
    color: #fcfcfc;
  }
  #masthead.site-header .site-header-content {
    position: relative;
    z-index: 1;
  }
  #masthead.site-header .site-header-content::before {
    content: "";
    width: 100%;
    height: 130%;
    position: absolute;
    background-color: #040202;
    z-index: -1;
    bottom: 0;
    transform-origin: right top;
    transform: skewY(1.2deg);
  }
  #masthead.site-header .site-header-content .site-header-inner::before,
  #masthead.site-header .site-header-content .site-header-inner::after {
    content: "";
    width: 100vw;
    height: 126%;
    position: absolute;
    background-color: #040202;
    z-index: -1;
    bottom: 1px;
    transform-origin: right top;
    transform: skewY(1.2deg);
  }
  #masthead.site-header .site-header-content .site-header-inner::before {
    right: 20%;
  }
  #masthead.site-header .site-header-content .site-header-inner::after {
    right: 80%;
  }

  #header-widget-area1 {
    background-color: #fcfcfc;
  }
  #header-widget-area1 #header-widget-inner1 {
    position: relative;
    z-index: 1;
  }

  @media (min-width: 880px) and (max-width: 1250px) {
    #masthead.site-header .site-header-content::before {
      height: 100%;
    }
    #masthead.site-header .site-header-content .site-header-inner::before,
    #masthead.site-header .site-header-content .site-header-inner::after {
      height: 100%;
    }
  }

  /*** END Yläpalkin logot */

  /*** Ylänavigaatio */
  .site-header-content,
  #site-navigation {
    margin: 0;
    padding: 0;
  }
  #masthead #site-navigation {
    align-self: flex-start;
    margin-left: 0;
  }
  /*** logon sijoitus */
  #masthead .site-branding {
    overflow: visible;
    position: absolute;
    bottom: 0.4rem;
    left: 0.2rem;
  } /*** END logon sijoitus*/
  /*logo link height*/
  .site-branding a {
    display: inline-block;
  }
  @media (min-width: 880x) {
    .site-branding a {
      height: var(--custom_logo_height);
      max-height: var(--custom_logo_height);
      line-height: var(--custom_logo_height);
    }
  } /*END media*/
  /*END logo link*/

  /*** navigaatio logon alta pois */
  .header-layout-fullwidth #masthead .site-header-inner {
    flex-wrap: nowrap;
    justify-content: flex-start;
    padding-left: 7.4rem;
    width: auto;
    max-width: 100vw;
    max-height: 4.2rem;
  }
  #menu-primary > .menu-item {
    padding: 0 0 0.2rem 0;
  }
  #menu-primary > .menu-item > a {
    padding-top: 0.2rem;
    padding-bottom: 0;
    text-transform: uppercase;
  }
  .main-navigation-container .expander {
    top: 55%;
  }

  /*Päävalikon rivittäminen Welcome:n jälkeen, sen sijaan, että Contact menisi itsekseen seuraavalle riville*/
  @media (min-width: 880px) and (max-width: 1250px) {
    #masthead #site-navigation #menu-primary {
      display: flex;
      flex-flow: row wrap;
    }
    #masthead #site-navigation #menu-primary::after /*Welcome*/ {
      content: " ";
      flex-basis: 100%;
      height: 0;
    }
    #masthead #site-navigation #menu-primary .menu-item:nth-child(n + 4) {
      order: 1;
    }
  } /*END @media*/
  /*END Päävalikon rivittäminen */

  /*** END Ylänavigaatio */
  /*** Search bar desktop: */
  #masthead #searcher form.search-form {
    display: block;
    float: right;
  }
  #masthead #searcher {
    margin: 0 0.5rem 0.2rem 0.4rem;
    flex-grow: 1;
  }

  /*** Sidebar Helsinki in Desktop*/
  /*tilaa sivun alaosaan, ettei menu peitä sisältöä*/
  .page-id-438 .site-content-inner,
  .page-id-596 .site-content-inner {
    padding-bottom: 17rem;
  }
  #menu-for-helsinki.sidebar-helsinki,
  #menu-for-socialpr.sidebar-socialpr,
  #menu-for-x.sidebar-x {
    padding: 0;
    margin: 0;
    z-index: 9;
    background: linear-gradient(
      90deg,
      rgba(0, 0, 0, 0.9) 0%,
      rgba(0, 0, 0, 0.8) 50%,
      rgba(0, 0, 0, 0) 100%
    );
  }
  #menu-for-helsinki.sidebar-helsinki,
  #menu-for-socialpr.sidebar-socialpr,
  #menu-for-x.sidebar-x {
    position: fixed;
    right: 3rem;
    bottom: 0;
  }
  #menu-for-helsinki.sidebar-helsinki ul li a,
  #menu-for-socialpr.sidebar-socialpr ul li a,
  #menu-for-x.sidebar-x ul li a {
    display: block;
  }

  /*** END Sidebar Helsinki in Desktop*/

  /*** Pääsisältö Desktop */

  .wp-block-group__inner-container {
    max-width: 50em;
  }

  /*** Pääotsikoiden yhteiset säädöt Desktop */
  #content #intro-container #intro {
    background-repeat: no-repeat;
    background-position: center;
    background-image: linear-gradient(
          90deg,
          rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 33.33%,
        rgba(0, 0, 0, 0.4) 33.34%,
        rgba(0, 0, 0, 0.4) 66.66%,
        rgba(0, 0, 0, 0) 66.67%,
        rgba(0, 0, 0, 0) 100%
        ),
        url("/wp-content/uploads/2021/08/metal-517661_balazsvarga9368_Pixabay_edit1.jpg");
      background-position: 50% 50%;
  }

  /**/
  #content #intro {
    height: 500px;
    display: flex;
    align-items: center;
  }
  #content #intro .intro-inner {
    max-width: 36rem;
  }

  /*** Pääotsikoiden sivukohtaiset taustakuvat Desktop */

  /*** Page: About (Greetings from the Hosts) */
  .page-id-452 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/10/Metal2022_kuvitus05-wide_Henri_Eskelinen.jpg");
    background-position: 50% 50%;
  }
  /*END Page:about */
  /*** Page: Themes */
  .page-id-228 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/08/gunpowder-magazines-in-fall_Dorit-Salutskij.jpg");
    background-position: 70% 60%;
  }

  /*** Page: Committees */
  .page-id-232 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/08/nordic-walking-by-the-sea_Julia-Kivela.jpg");
    background-position: 50% 60%;
  }

  /*** Page: Hosts */
  .page-id-234 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/08/rust-4832917_barskefranck_Pixabay-scaled.jpg");
    background-position: 50% 60%;
  }
  /*** Page: Fees */
  .page-id-236 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/08/rust-4832917_barskefranck_Pixabay-scaled.jpg");
    background-position: 50% 60%;
  }

  /*** Page: Keynote Speaker */
  .page-id-238 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/08/rust-3682738_BsxXde-foTo_Pixabay-scaled.jpg");
    background-position: 50% 60%;
  }
  /*** Call for Papers */
  .page-id-244 #content #intro-container #intro {
    background-image: linear-gradient(
        90deg,
        rgba(0, 0, 0, 0.8) 0%,
        rgba(0, 0, 0, 0.7) 38.19%,
        rgba(0, 0, 0, 0.4) 36.2%,
        rgba(0, 0, 0, 0.4) 61.8%,
        rgba(0, 0, 0, 0) 60.81%,
        rgba(0, 0, 0, 0) 100%
      ),
      url("/wp-content/uploads/2021/08/rust-3682738_BsxXde-foTo_Pixabay-scaled.jpg");
    background-position: 50% 60%;
  }

  /*** END Pääotsikoiden taustakuvat */

  /*Post-sivujen säätöjä desktop*/
  #main .post,
  #secondary {
    margin-top: 3rem;
    margin-bottom: 5rem;
  }

  /*** END Pääsisältö desktop */
} /*END @media (min-width: 880px) */

/* TEMP SIJAINTI, Järjestä loput paikoilleen, kun on aikaa:*/

strong {
  font-weight: 700;
  font-style: italic;
  letter-spacing: 0;
}

/*** WP-Forms */

/*Padding between sections:*/
div.wpforms-container-full .wpforms-form .wpforms-field {
  padding: 1rem 0;
}
/*Otsikko:*/
div.wpforms-container-full .wpforms-form .wpforms-field-label {
  font-family: var(--typography_fonts_headings);
  text-transform: uppercase;
  font-size: 1rem;
}
/*Teksti:*/
div.wpforms-container-full .wpforms-form .wpforms-field-label-inline {
  font-size: 1rem;
}
/*GDPR-teksti*/
div.wpforms-container-full
  .wpforms-form
  .form-contact-gdpr
  .wpforms-field-label-inline {
  font-size: 0.9rem;
  line-height: 1;
}
/*Description-tekstit:*/
div.wpforms-container-full .wpforms-form .wpforms-field-description {
  font-size: 0.8rem;
  color: rgba(255, 255, 255, 0.6);
  line-height: 1.3;
}
/*Virheilmoitus:*/
div.wpforms-container-full .wpforms-form label.wpforms-error {
  color: #ff7070;
  font-size: 0.8rem;
}
/* Virheilmoituksen tekstikenttäkehys*/
div.wpforms-container-full .wpforms-form .wpforms-field input.wpforms-error,
div.wpforms-container-full .wpforms-form .wpforms-field textarea.wpforms-error {
  border: 5px solid #ff2e2e;
}
/*Required label:*/
div.wpforms-container-full .wpforms-form .wpforms-required-label {
  color: #ff2e2e;
  font-size: 120%;
}
/*Focus:*/
div.wpforms-container-full .wpforms-form input:focus,
div.wpforms-container-full .wpforms-form textarea:focus {
  outline: dashed 2px #fff;
  outline-offset: 2px;
}
/*Link:*/
div.wpforms-container-full .wpforms-form a:hover,
div.wpforms-container-full .wpforms-form a:focus {
  text-decoration: underline;
  outline: dashed 2px #90d9be;
  outline-offset: 2px;
}
/*Submit spinner*/
div.wpforms-container-full .wpforms-form .wpforms-submit-spinner {
  border-radius: 9999px;
  background-color: #fff;
}

/*eliminate bottom margin for class name "margin-b0" */
.margin-b0,
.margin-b0 > .wp-block-column {
  margin-bottom: 0;
}

/*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*
*

/********************** Siirretty sijainnista: Appearance > Customize > Additional CSS 
********************************************************************************
HUOM. Siirretty suoraan, troubleshoot, siirrä oikeille paikoilleen ********************/

/* Posts Meta: */
/*author:*/
.entry-meta-element.author, 
/*category*/.entry-meta-element.cat-links {
  display: none;
}

#masthead .site-header-content .site-header-inner {
  padding-bottom: 0;
}

/*** Search page */

body.search #content #intro .intro-inner {
  max-width: var(--layout_width_content);
}
body.search #posts article {
  flex-basis: 100%;
  margin: 0 0 3rem 0;
  padding: 0.4rem;
}
body.search #posts article .entry-meta,
body.search #posts article .entry-content {
  padding-left: 2rem;
  padding-top: 1rem;
}

#main form.search-form {
  margin-top: 2rem;
}

body.search #posts.posts.posts-list article figure {
  padding-left: 0;
}

/*no results, padding to top:*/
body.search .no-results {
  margin-top: 3rem;
}

@media (min-width: 672px) {
  body.search #posts.posts.posts-list article h2 {
    padding-left: 0;
  }

  body.search #posts.posts.posts-list article .entry-header {
    padding-left: 2rem;
  }
  body.search #posts article .entry-content {
    border-left: 2px solid #fff;
  }
  /*no results:*/
  body.search .no-results p {
    border-left: 2px solid #fff;
    padding-left: 2rem;
  }
} /*END @media*/
/*** END Search page */

#masthead .site-header-inner {
  justify-content: space-between;
}

/*** Desktop search bar */
#masthead #searcher {
  align-self: flex-end;
}
#masthead #searcher input {
  padding: 0.5em 2.6em 0.4em 0.8em;
  border-color: transparent;
  font-size: 0.8rem;
}
#masthead #searcher input:focus {
  border-color: #fff;
}
/*suurennuslasikuvake*/
#masthead #searcher .search-form::before,
#masthead #searcher form[role="search"]::before {
  margin: -0.2rem 0 0 0;
}
/*** END Desktop search bar */

#main .post .entry-title {
  border-left: 2px solid #fff;
  padding-left: 2rem;
}
@media (min-width: 672px) {
  #main .post .entry-title {
    border-left: 0;
  }
}

#main .post footer.entry-meta {
  margin: 2rem 0;
}
#main .post footer.entry-meta .entry-meta-element {
  flex-basis: 100%;
}
#main .post footer.entry-meta .entry-meta-element {
  border: 0;
  margin: 0;
  padding: 0.3rem 0;
  font-size: 0.8rem;
}
@media (min-width: 672px) {
  #secondary {
    border-left: 2px solid #fff;
    padding-left: 2rem;
  }
  #secondary h2 {
    margin-top: 0.2rem;
  }
  #main .post .entry-content > *,
  #main .post footer.entry-meta {
    border-left: 2px solid #fff;
    padding-left: 2rem;
    padding-bottom: 1.618em;
    margin: 0;
  }

  #main .post footer.entry-meta .entry-meta-element {
    flex-basis: auto;
  }
} /*END @media (min-width: 672px)*/

/*** Hosts-page */

/*Hosts-logojen takana olevien otsikoiden piilotus niin, että ovat vielä luettavissa ruudunlukijalla. */
.page-id-234 h2 {
  font-size: 0.1rem;
  padding-top: 0.2rem;
  padding-left: 0.2rem;
}

.page-id-234 .bg-white {
  background-color: #fff;
  margin-bottom: 2rem;
}
.page-id-234 .bg-white.pad-1 {
  padding: 4%;
}
.page-id-234 .bg-white.metrop {
  max-width: 500px;
  padding-right: 6%;
}
/*** END Hosts-page*/

/*** sliden credits, kun niillä class "slide-txt-bg" */
.slide-txt-bg {
  background-image: linear-gradient(
    to right,
    rgba(50, 50, 50, 0.8),
    rgba(0, 0, 0, 0)
  );
}
/* kun kuvateksti on oikealla puolella: */
.slide-txt-bg-right {
  background-image: linear-gradient(
    to left,
    rgba(50, 50, 50, 0.8),
    rgba(0, 0, 0, 0)
  );
}

/*** slidet joille annettu class "slide-b4-title" eli slidet, jotka on sijoitettu ennen seuraavan osion otsikkoa (Huom. Class "group-border-left" ulkopuolella)*/
.slide-b4-title {
  padding-top: 2rem;
  padding-bottom: 5rem;
}

/*** TABLES */
.wp-block-table,
.wp-block-table table,
.wp-block-table.is-style-stripes,
.wp-block-table.is-style-stripes table {
  border: 0;
}
th,
td {
  vertical-align: bottom;
}
th {
  background-color: #fff;
  color: #333;
  font-family: "Volkhov", "Georgia", "Times New Roman", serif;
}
th:first-child {
  text-transform: uppercase;
  font-size: 1.2rem;
  padding-left: 0.9rem;
}
td {
  padding: 1rem;
}
/*** END TABLES */

/*** vasen-viiva korjauksia listoihin */
.entry-content-inner ul {
  margin-left: 0;
}
.entry-content-inner ul li {
  margin-left: 1rem;
  padding-left: 0.5rem;
  padding-bottom: 1rem;
}
.entry-content-inner ul li:last-child {
  padding-bottom: 0;
}
/*** END vasen-viiva korjauksia listoihin */

/*** END VIIVA VASEMMALLA */

/*** Etusivu: Notices */
.wp-block-latest-posts:not(.is-grid) li:not(:first-child) {
  border: 0;
}
.wp-block-latest-posts:not(.is-grid) {
  border-top: 0;
  border-bottom: 0;
}
.wp-block-latest-posts:not(.is-grid) li {
  background-color: #fff;
  color: #333;
  padding: 7% 5% 5% 6%;
  margin-bottom: 1.4rem;
  margin-left: 0;
}
.wp-block-latest-posts:not(.is-grid) li:last-child {
  margin-bottom: 0;
}
ul.wp-block-latest-posts li:last-child {
  padding-bottom: 5%;
}
.wp-block-latest-posts li a {
  color: #1c8378;
  font-weight: bold;
  font-size: 1.3rem;
  line-height: 1.1;
  text-decoration: none;
  font-family: "Volkhov", "Georgia", "Times New Roman", serif;
  margin-left: -0.1rem;
}
.wp-block-latest-posts li a:hover,
.wp-block-latest-posts li a:focus {
  text-decoration: underline;
}
.wp-block-latest-posts li .link-more a {
  font-size: 0.9rem;
}

/*** END Etusivu: Notices */

/*
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * 
 * */

/*** Menu mobile */
.main-navigation:not(.is-active)
  .menu-toggle:not(:hover):not(:focus):not(:active),
#site-navigation button {
  border: 0;
}
/*** END Menu mobile */

#page #content .site-content-inner {
  padding-top: 0;
}

/*EVENTS*/

/* TEMP. margin0 Give class "margin-bottom0" to trip excess space */
.margin-bottom0 {
  margin-bottom: 0;
}

/*Poista featured image, fix intro-media in template */
.intro-container #intro-media {
  display: none;
}

/* All in One WP Security 
 * Maintenance mode */
body > .aiowps-site-lockout-body {
  background-color: #030303 !important;
  position: absolute;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
}
.aiowps-site-lockout-body .aiowps-site-lockout-box,
.aiowps-site-lockout-body .aiowps-site-lockout-msg p {
  color: #fff;
  font-size: 1rem;
  line-height: 1.1;
  font-weight: normal;
  border: 0;
}
/*END All in One WP Security*/