/*
Theme Name: TYKS-säätiö
Theme URI: https://lmsomeco.fi
Author: Eero
Author URI: https://lmsomeco.fi
Description: A child theme for TT2.
Requires at least: 5.8
Tested up to: 5.9
Requires PHP: 5.6
Version: 0.1
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twentytwentytwo-child
Template: twentytwentytwo
Tags: one-column, custom-colors, custom-menu, custom-logo, editor-style, featured-images, full-site-editing, block-patterns, rtl-language-support, sticky-post, threaded-comments

Twenty Twenty-Two Child WordPress Theme, (C) 2021 WordPress.org
Twenty Twenty-Two Child is distributed under the terms of the GNU GPL.
*/

body { hyphens: auto; }
h1,h2,h3,h4,h5 { color: var(--wp--preset--color--tummansininen); }

.has-valkoinen-color > a { color: var(--wp--preset--color--valkoinen); }

hr.wp-block-separator { 
  padding: 0;
  border: none;
  border-top: solid 1px #d8d8d8;
  text-align: center;
}
hr:not(.hr--no-icon).wp-block-separator { border-top: solid 2px #d8d8d8; }
hr:not(.hr--no-icon).wp-block-separator:after {
  content: url( "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Group_34' data-name='Group 34' width='20.271' height='21.775' viewBox='0 0 20.271 21.775'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='20.271' height='21.775' fill='%23d8d8d8'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_7' data-name='Group 7' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M20.271,96.837V95.076h-7.5A1.145,1.145,0,0,0,11.6,96.245v4.479H8.671V95.076h-7.5A1.145,1.145,0,0,0,0,96.245v1.761H5.741v4.479a1.145,1.145,0,0,0,1.169,1.169H14.53V98.006H19.1a1.145,1.145,0,0,0,1.169-1.169' transform='translate(0 -81.879)' fill='%23d8d8d8'%3E%3C/path%3E%3Cpath id='Path_6' data-name='Path 6' d='M20.271,9.109V7.348H14.53V3.5L10.147,0,5.741,3.5V7.343h0v0H1.251A1.225,1.225,0,0,0,0,8.6v1.679H7.42A1.225,1.225,0,0,0,8.671,9.027v-4.1l1.465-1.165L11.6,4.923v5.355h7.5a1.145,1.145,0,0,0,1.169-1.169' fill='%23d8d8d8'%3E%3C/path%3E%3C/g%3E%3C/svg%3E" );
  left: 50%;
  position: absolute;
  transform: translateY(-48%) translateX(-50%);
  padding: 1.5rem;
  background: #fff;
}

blockquote {
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-weight: 400;
  font-style: italic;
}

/*ul { padding-bottom: 2rem; }*/

.page-template-default:not(.woocommerce-page) .wp-block-post-content ul:not(.wp-block-post-template) {
  padding-left: 0;
  list-style: none;
  list-style-position: inside !important;
  padding-left: 2.25rem !important;
  text-indent: -2.25rem !important;
}
.page-template-default:not(.woocommerce-page) .wp-block-post-content ul:not(.wp-block-post-template) li { margin-bottom: 1.5rem; }
.page-template-default:not(.woocommerce-page) .wp-block-post-content ul:not(.wp-block-post-template) li:before { 
  content: url("data:image/svg+xml,%3C%3Fxml version='1.0' encoding='UTF-8'%3F%3E%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' id='Group_34' data-name='Group 34' width='20.271' height='21.775' viewBox='0 0 20.271 21.775'%3E%3Cdefs%3E%3CclipPath id='clip-path'%3E%3Crect id='Rectangle_14' data-name='Rectangle 14' width='20.271' height='21.775' fill='%23104f92'%3E%3C/rect%3E%3C/clipPath%3E%3C/defs%3E%3Cg id='Group_7' data-name='Group 7' clip-path='url(%23clip-path)'%3E%3Cpath id='Path_5' data-name='Path 5' d='M20.271,96.837V95.076h-7.5A1.145,1.145,0,0,0,11.6,96.245v4.479H8.671V95.076h-7.5A1.145,1.145,0,0,0,0,96.245v1.761H5.741v4.479a1.145,1.145,0,0,0,1.169,1.169H14.53V98.006H19.1a1.145,1.145,0,0,0,1.169-1.169' transform='translate(0 -81.879)' fill='%23104f92'%3E%3C/path%3E%3Cpath id='Path_6' data-name='Path 6' d='M20.271,9.109V7.348H14.53V3.5L10.147,0,5.741,3.5V7.343h0v0H1.251A1.225,1.225,0,0,0,0,8.6v1.679H7.42A1.225,1.225,0,0,0,8.671,9.027v-4.1l1.465-1.165L11.6,4.923v5.355h7.5a1.145,1.145,0,0,0,1.169-1.169' fill='%23104f92'%3E%3C/path%3E%3C/g%3E%3C/svg%3E");
  background-size: cover;
  background-position: center;
  padding-right: 1rem;
  position: relative;
  top: 4px;
}

.wp-block-post-date {
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-weight: 300;
  font-style: italic;
  color: var(--wp--preset--color--keskiharmaa);
}

.wp-block-post-content h1,
.wp-block-post-content h2,
.wp-block-post-content h3,
.wp-block-post-content h4,
.wp-block-post-content h5,
.wp-block-post-content h6 { 
  margin-bottom: 2rem;
}

.has-x-large-font-size > a,
h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a { 
  text-decoration: none;
}

.has-x-large-font-size > a:hover,
h1 a:hover,
h2 a:hover,
h3 a:hover,
h4 a:hover,
h5 a:hover,
h6 a:hover { 
  text-decoration: underline;
}


.wp-block-post-content p.has-medium-font-size {
  font-size: clamp(1rem, 0.1916rem + 1.4953vw, 1.5rem);
  line-height: clamp(1.5rem, 0.2874rem + 2.243vw, 2.25rem);
}

.wp-block-post-content p {
  margin-bottom: 1.5rem;
  line-height: clamp(1.125rem, 0.1145rem + 1.8692vw, 1.75rem);
}




/* menu */
.wp-block-navigation-item__label,
.wp-block-navigation-item__content,
.like-menu-item a { 
  font-size: 1.1em;
  font-weight: 600;
  text-decoration: none;
}

button.wp-block-navigation-item__content{
    font-size: 1.1em;
}

.wp-block-navigation__container li { margin: 0 .75rem; }

.wp-block-navigation__submenu-container a {
  color: #3c3c3c !important;
}

/* mobile menu */
.wp-block-navigation__responsive-container-close svg, .wp-block-navigation__responsive-container-open svg {
  fill: white;
}

.wp-block-navigation:not(.has-background) .wp-block-navigation__responsive-container.is-menu-open {
  background: linear-gradient(35deg,rgb(3,64,129) 0%,rgb(16,150,183) 100%);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__label {
  color: #fff;
  font-family: var(--wp--preset--font-family--merriweather);
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__container > li {
  padding-bottom: 2rem;
  border-bottom: 1px solid #fff;
  padding-top: 2rem;
}

.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .submenu-container, .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .has-child .wp-block-navigation__submenu-container {
  padding-top: 1rem;
  line-height: 1.5;
}

nav.wp-block-navigation.items-justified-center {
  --navigation-layout-justification-setting: left;
}


/* search block */
.wp-block-search .wp-block-search__input {
  border: 1px solid #d8d8d8;
}

.wp-block-search.wp-block-search__button-inside .wp-block-search__inside-wrapper .wp-block-search__button {
  padding: .125em;
  background-color: var(--wp--preset--color--punainen);
}

.wp-block-search__button {
  margin-left: -3px;
}

.wp-block-search__button svg {
  fill: #fff;
}
.wp-block-search__input {
  font-size: inherit;
  font-family: var(--wp--preset--font-family--merriweather-sans);
  font-weight: 300;
}

/* Article */
.single .wp-block-cover__image-background {
  /* slightly reposition featured image */
  object-position: 50% 40%;
}

/* Page template */
@media (max-width: 785px) {
  .mobile--change-order { order: 2; }
}

/* Home page. special layout */
.c-home-features--container { margin-top: -350px !important; }
.c-home-features {
  position: relative;
  z-index: 2;
}
.c-home-features--icon { margin-top: -90px !important; }

@media (max-width: 785px) { 
  .home img.wp-block-cover__image-background { height: 60%; }
  
  .c-home-features div:last-of-type  { margin-top: 5rem; }  
}
.wp-block-button.has-custom-width.wp-block-button__width-100.aligncenter {
    margin-top: 1rem;
}

@media (max-width: 600px) {
/*  .uutisnosto li {
    padding-bottom: 2rem; 
    border-bottom: 1px solid #104f92; 
  }
  .uutisnosto li:last-of-type { border-bottom: none 
  } */
.uutisnosto li {
      position:relative;
      padding-bottom:2rem;
  }
  .uutisnosto li:after {
      content:'';
      width: 100%;
      height:1px;
      position:absolute;
      background:#104f92;
      bottom:0;
      left:0;
      right:0;
  }
  .wp-block-navigation__container {
    flex-direction: column;
}
footer .wp-block-navigation__container {
  flex-direction: column;
  text-align: center;
}
footer ul.wp-block-navigation__container li {
  margin-top: 10px;
}
}
@media (min-width: 600px) {
  /*.uutisnosto li { 
    margin: 0 -2px !important;
    border-left: 1px solid #104f92; 
  }
  .uutisnosto li:last-of-type { border-right: 1px solid #104f92; } */
  .uutisnosto li {
      position:relative;
  }
  .uutisnosto li:not(:last-child):after {
      content:'';
      width: 1px;
      height:100%;
      position:absolute;
      background:#104f92;
      top:0;
      right: calc(2.25rem / 2 * -1);
  }
}


.wp-block-term-description p {
    margin-bottom: inherit;
}

/* Plugins */

/* Smart Slider */
.featured_posts_img img { border-radius: 50% !important;  }


/* Breadcrumb Trail */
.breadcrumbs { font-size: 16px; font-size: 1em; }

/* Polylang */
.polylang_langswitcher { padding: 0; }
.polylang_langswitcher li.lang-item { list-style-type: none; }
.polylang_langswitcher li a {
  font-family: var(--wp--preset--font-family--merriweather-sans);
  text-transform: uppercase;
  text-decoration: none;
  font-size: 1.1em;
  font-weight: 600;
  color: #104f92;
}
.polylang_langswitcher .current-lang { display: none; }

/* WooCommerce */
.woocommerce { padding-bottom: 3rem; }  

.woocommerce-product-gallery,
.woocommerce-tabs,
.woocommerce .product_meta,
.woocommerce .product_title,
.woocommerce .label,
.woocommerce-variation-price { display: none; }

.woocommerce #content div.product div.summary, .woocommerce div.product div.summary, .woocommerce-page #content div.product div.summary, .woocommerce-page div.product div.summary {
  float: none;
  width: 100%;
}

.woocommerce .price { 
  padding-bottom: 1rem;
  color: #fff; 
} 

.woocommerce a.button, .woocommerce button.single_add_to_cart_button, .woocommerce button[name="add-to-cart"], .woocommerce button[type="submit"]:not(.wp-block-search__button), .woocommerce input[name="submit"] {
  background-color: #fff;
  color: #104f92;
  border: 1px solid #104f92;
  font-family: var(--wp--preset--font-family--merriweather-sans);
}

.woocommerce #respond input#submit.alt.disabled, .woocommerce #respond input#submit.alt.disabled:hover, .woocommerce #respond input#submit.alt:disabled, .woocommerce #respond input#submit.alt:disabled:hover, .woocommerce #respond input#submit.alt:disabled[disabled], .woocommerce #respond input#submit.alt:disabled[disabled]:hover, .woocommerce a.button.alt.disabled, .woocommerce a.button.alt.disabled:hover, .woocommerce a.button.alt:disabled, .woocommerce a.button.alt:disabled:hover, .woocommerce a.button.alt:disabled[disabled], .woocommerce a.button.alt:disabled[disabled]:hover, .woocommerce button.button.alt.disabled, .woocommerce button.button.alt.disabled:hover, .woocommerce button.button.alt:disabled, .woocommerce button.button.alt:disabled:hover, .woocommerce button.button.alt:disabled[disabled], .woocommerce button.button.alt:disabled[disabled]:hover, .woocommerce input.button.alt.disabled, .woocommerce input.button.alt.disabled:hover, .woocommerce input.button.alt:disabled, .woocommerce input.button.alt:disabled:hover, .woocommerce input.button.alt:disabled[disabled], .woocommerce input.button.alt:disabled[disabled]:hover {
  background-color: #ffffff78;
  color: #fff;
  opacity: 1;
  cursor: not-allowed;
}

.woocommerce #respond input#submit.alt, .woocommerce a.button.alt, .woocommerce button.button.alt, .woocommerce input.button.alt {
  background-color: #fff;
  color: #104f92;
  border-radius: 5px;
}

.woocommerce #respond input#submit.alt:hover, .woocommerce a.button.alt:hover, .woocommerce button.button.alt:hover, .woocommerce input.button.alt:hover {
  background-color: #fff;
  color: #104f92;
}

.woocommerce-account .wp-block-post-title, .woocommerce-account main .woocommerce, .woocommerce-cart .wp-block-post-title, .woocommerce-cart main .woocommerce, .woocommerce-checkout .wp-block-post-title, .woocommerce-checkout main .woocommerce {
  margin: 0 auto;
  max-width: 1400px;
}

.woocommerce div.product a.reset_variations {
    color:#fff;
    background: var(--wp--preset--color--punainen);
    text-decoration:none;
    padding: 5px;
    display: block;
    text-align:center;
    margin-left:0;
}

.woocommerce-order { margin-top: 3rem; }

ul.polylang_langswitcher {
  /*display: none;*/
}

.wp-container-21.wp-container-21 {
  display: none;
}
nav.has-text-color.has-valkoinen-color.is-responsive.items-justified-center.wp-block-navigation.is-content-justification-center.is-layout-flex.wp-container-21 {
  display: none;
}
.wp-block-group.alignwide.is-content-justification-center.is-layout-flex.wp-container-25 {
  display: none;
}
ul.footer-submenu {
  list-style: none;
  padding-left: 0;
}
.footer-submenu li.has-text-color.has-valkoinen-color.wp-block-navigation-item.wp-block-navigation-link {
  margin-left: 0;
}
.footer-submenu span.wp-block-navigation-item__label {
  font-size: 1.1em;
}


footer .wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open.wp-block-navigation__responsive-container-open {
    display: none;
}
li:first-child.wp-block-post.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-news,
li:first-child.wp-block-post.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-nyheter,
li:first-child.wp-block-post.post.type-post.status-publish.format-standard.has-post-thumbnail.hentry.category-uutisia{
    background-color: var(--wp--preset--color--vaaleansininen) !important;
}