/**
Theme Name: Artcloud Yhdistys
Theme URI: https://artcloud.fi/
Update URI: https://portaali.artcloud.fi/api/v1/themes/versions
Version: 2.2.4
Author: Artcloud
Author URI: #
Description: Artcloud Yhdistys is designed to take advantage of the new design tools introduced in WordPress 6.1. With a clean, blank base as a starting point, this default theme includes ten diverse style variations created by members of the WordPress community. Whether you want to build a complex or incredibly simple website, you can do it quickly and intuitively through the bundled styles or dive into creation and full customization yourself.
Requires at least: 6.1
Tested up to: 6.4
Requires PHP: 5.6
Text Domain: artcloudyhdistys
**/

/*  */

.wp-block-button__link{
    width: auto !important;
    height: auto !important;
}

/* #wp--skip-link--target {
    margin-top: 1.5rem !important;
    margin-bottom: 1.5rem !important;
} */

.wp-block-post-featured-image img {
    height: 28rem;
    border-radius: 1rem;
}

.wp-block-post-featured-image .wp-block-post-featured-image__overlay.has-background-dim-50 {
    opacity: 0;
}
.wp-block-artcloud-blocks-artcloud-menu .wp-block-column {
    align-self: center
}

.artcloud_menu_search .wp-block-search__input {
    flex-basis: 100%;
    transition-duration: .3s;
    position: absolute;
    bottom: -3rem;
    left: -16rem;
    color: var(--wp--preset--color--black);
    background-color: var(--wp--preset--color--white);
    border-radius: 10px;
    height: 3rem;
    width: 20rem;
    font-size: 1.2rem;
    z-index: 1;
    border: 1px solid #e6e6e6;
    padding: 10px 20px
}

button.wp-block-search__button.has-icon.wp-element-button:after {
    content: "Hae";
    color: grey;
    font-size: 10px;
    position: absolute;
    bottom: 10px;
    left: 28px
}

.polylangHelp {
    color: grey;
    font-size: 25px;
    line-height: 1.2
}

.wp-block-group.artcloud-nav-menu.has-global-padding.is-layout-constrained.wp-block-group-is-layout-constrained {
    max-width: 100%
}

.wp-block-post-content p a {
    text-decoration: underline
}

.wp-block-artcloud-blocks-artcloud-alert .alert-main-box .alert-main-content h5,
.wp-block-artcloud-blocks-artcloud-alert .alert-main-box .alert-main-content p {
    margin: 0;
    padding: 0
}

.Main-Menu-desktop {
    display: block
}

.Main-Menu-mobile {
    display: none
}

@media only screen and (max-width:767px) {

    .artcloud-footer a,
    .artcloud-footer p {
        margin-bottom: 15px !important
    }

    .Main-Menu-desktop {
        display: none
    }

    .Main-Menu-mobile {
        display: block
    }

    .Main-Menu-mobile nav:nth-child(2):after {
        content: "Valikko";
        font-size: 9px
    }
}

.artcloud-navmenu li a[aria-current=page] {
    color: var(--wp--preset--color--primary) !important;
    font-weight: 500
}

.page-id-617 main.wp-block-group {
    margin-top: 0 !important
}
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu a:not(.wp-element-button)),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-submenu button.wp-block-navigation-item__content),
:where(.wp-block-navigation .wp-block-navigation__submenu-container .wp-block-pages-list__item button.wp-block-navigation-item__content) {
    padding: .5em 1em !important
}

a {
    text-decoration: none
}

ul.artcloud-language-switcher {
    display: flex;
    list-style: none;
    justify-content: flex-end
}

ul.artcloud-language-switcher li {
    margin-right: 10px
}

ul.artcloud-language-switcher li.current-lang {
    font-weight: 700;
    color: var(--wp--preset--color--primary)
}

ul.artcloud-language-switcher li a {
    text-decoration: none;
    font-weight: 500
}

button.wp-block-search__button.has-icon.wp-element-button {
    background-color: var(--wp--preset--color--base)
}

.wp-block-search__button svg {
    fill: #808080 !important;
    min-height: 24px;
    min-width: 24px;
    vertical-align: text-bottom
}

.artcloud-search form.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search {
    width: 520px;
    background: 0 0
}

.artcloud-search input.wp-block-search__input {
    background-color: transparent;
    color: #000;
    font-size: 20px
}

.artcloud-search :where(.wp-block-search__button-inside .wp-block-search__inside-wrapper) {
    border-radius: 25px;
    background: #fff;
    box-shadow: 0 5px 5px 0 rgba(0, 0, 0, .05)
}

.artcloud-search .artcloud-mm-item__dropdown {
    padding: 0;
        position: absolute;
        top: 0;
        left: -490px;
        background: 0 0;
        box-shadow: unset
}

.artcloud-search li a:before {
    content: "";
    width: 18px;
    height: 23px;
    display: inline-block;
    background: url(./assets/img/search.svg) no-repeat;
        rotate: 45deg
}

.artcloud-search li.artcloud-mm-item .artcloud-mm-item__toggle,
.artcloud_fb_column::after {
    display: none !important
}

.wp-block-group.artcloud-nav-menu {
    border: 1px solid #e6e6e6;
    padding-top: 10px;
    padding-bottom: 10px
}

header {
    background-color: #fcfcfc;
        font-weight: 400
    }

.artcloud-mm-item__toggle {
    position: absolute;
    right: 30px;
    height: 100%
    }

@media only screen and (max-width:600px) {
    :where(body .is-layout-flex) {
        gap: .5rem;
    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .wp-block-artcloud-blocks-artcloud-alert .alert-main-box .alert-main-content {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    flex: 1 1 auto;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    padding-top: 20px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    padding-bottom: 10px
    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                button[aria-expanded=true].wp-block-search__button.has-icon.wp-element-button:after {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    bottom: 10px;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    left: 15px
    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .wp-block-search__input {
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    bottom: -3rem;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    left: -11rem;
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    font-size: 1.2rem
    }

    .artcloud-search .artcloud-mm-item__dropdown {
        position: absolute;
        left: 0;
            transform: translate(-87%, 30%)
    }

    .artcloud-nav-columns.wp-block-columns:not(.is-not-stacked-on-mobile)>.wp-block-column {
        flex-basis: 20% !important
    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .artcloud-right-bar>.block-output,
    .wp-block-column.artcloud-lang-switcher {
        display: none
    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .artcloud-nav-menu {
        top: 14%;
        right: 0;
            position: relative
    }
.artcloud-nav-menu button {
        font-size: 0;
        position: absolute;
            top: -50px;
            right: 0
    }

    .artcloud-nav-menu .artcloud-mm__content-wrapper {
        right: -77%;
        width: 100vh
    }

    .artcloud-nav-menu ul {
        padding: 0 20px
    }

                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                .wp-block-column.is-vertically-aligned-center,
    figure.alignwide.wp-block-post-featured-image {
        width: 100% !important
    }

    .wp-block-post-featured-image.alignfull img,
    .wp-block-post-featured-image.alignwide img {
        width: 100%;
        height: auto !important
    }

    ul.wp-block-navigation__container.no-wrap.wp-block-navigation {
        display: flex;
        flex-direction: column
    }

    .wp-block-navigation {
        --navigation-layout-align: left
        }

        .wp-block-group.artcloud-nav-menu {
            border: 0;
            padding-top: 0;
            padding-bottom: 0
        }

        .wp-block-cover .wp-block-embed {
            min-width: 100%;
            min-height: auto
        }

        .wp-block-cover,
        .wp-block-cover-image {
            min-height: auto
        }

        .artcloud_fb_column .artcloud_fb_heading {
            font-size: 18px;
            padding-left: 20px;
            padding-right: 20px;
            margin-top: 70px !important
        }

        .artcloud_fb_column .artcloud_fb_description {
            padding-left: 20px;
            padding-right: 20px
        }

        .artcloud_hero_cover .wp-block-cover__inner-container>.wp-block-columns {
            padding-left: 0;
            padding-right: 0
        }

        .wp-block-artcloud-blocks-artcloud-alert .alert-main-box .alert-main-content h5 {
            padding-right: 30px
        }

        .wp-container-core-social-links-layout-1.wp-container-core-social-links-layout-1 {
            justify-content: start
        }

        .wp-block-social-links .wp-social-link a {
            padding: 0;
            margin-right: 10px
        }

        .wp-block-navigation .wp-block-navigation-item__content {
            display: block
        }

        .wp-block-navigation__responsive-container-content a.wp-block-navigation-item__content {
            color: #000 !important;
            font-size: 18px;
            font-weight: 500
        }

        .artcloud-search form.wp-block-search__button-inside.wp-block-search__text-button.wp-block-search {
            width: 300px
        }

        .artcloud-top-header {
            border-bottom: 1px solid #e6e6e6
        }

        .artcloud-mm__content {
            justify-content: flex-end
        }

        .artcloud-search ul.artcloud-mm__content {
            display: inline-block
        }

        .artcloud-right-bar {
            display: flex;
            flex-basis: 100% !important;
            justify-content: flex-end
        }

        .artcloud-search {
            margin-top: 0
        }

        .block-output {
            display: inline-flex;
            margin-right: 30px
    }
.artcloud-search li a {
    font-size: 9px;
    position: relative;
    padding: 0;
    line-height: 8px;
    height: 32px;
    width: 32px;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: column
    }
}

.wp-block-artcloud-blocks-artcloud-highlight .block-titleH2{
	display: none !important;
}


@media only screen and (max-width:781px) {
    .left-sidebar-page {
        display: flex;
        flex-direction: column-reverse;
    }
}

.main-sidebar .wp-block-navigation__container{
width: 100%;
}

.main-sidebar .wp-block-navigation__container .wp-block-page-list{
    width: 100%;
    }
.main-sidebar .wp-block-navigation__container .wp-block-navigation-item{
    width: 100%;
}
.main-sidebar .wp-block-navigation__container .wp-block-navigation-item:hover{
    background-color: var(--wp--preset--color--primary);
}
.main-sidebar .wp-block-navigation__container .wp-block-navigation-item:hover a{
    color: var(--wp--preset--color--white);
    text-decoration: none;
}
.main-sidebar .wp-block-navigation__container .wp-block-navigation-item a{
    padding: 5px 15px;
}
.main-sidebar .wp-block-navigation__container .current-menu-item{
    background-color: var(--wp--preset--color--primary);
}
.main-sidebar .wp-block-navigation__container .current-menu-item a{
    color: var(--wp--preset--color--white);
    text-decoration: none;
}




@media (max-width: 769px) {
    .wp-block-navigation__responsive-container.is-menu-open{
      padding: 0;
    }
    .wp-block-navigation__responsive-container.is-menu-open *{
      box-sizing: border-box;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-close {
      top: -2.75rem;
      right: .75rem;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content {
      margin: 4rem 0 0;
      padding: 0 !important;
      max-width: 100%;
      width: 100%;
      height: calc(100% - 4rem);
      overflow-x: hidden;
      overflow-y: auto;
      background-color: #fff;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container {
      display: inline-block;
      width: 100%;
    }
  
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__container .wp-block-page-list {
      display: inline-block;
      width: 100%;
    }
  
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item {
      border-top: 1px solid #dbdbdb;
      background-color: #ffffff !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item:last-child {
      border-bottom: 1px solid #dbdbdb;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.wp-block-navigation-item.open-sub {
      z-index: 4;
      position: fixed;
      top: 4rem;
      left: 0;
      width: 100%;
      bottom: 0;
      flex-direction: row-reverse;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item__content {
      line-height: 1.3335;
      padding: 1rem 1.375rem 1rem 2.5rem !important;
      font-size: 1.5rem;
      font-weight: 600;
      width: 100%;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu.open-sub > .wp-block-navigation-item__content {
      padding: 1rem 1.375rem 1rem .25rem !important;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-item.wp-block-navigation-submenu {
      flex-direction: row;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon {
      padding: 1rem 1rem 1rem .625rem;
      margin-left: 0;
      outline: 0;
      display: flex;
      height: 4rem;
      width: 4rem;
      align-items: center;
      justify-content: end;
      align-self: flex-start;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu.open-sub > .wp-block-navigation__submenu-icon {
      padding: 1rem .5rem 1rem 2rem;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-icon svg{
      width: 1.25rem;
      height: 1.25rem;
      transform: rotate(-90deg);
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation-submenu.open-sub > .wp-block-navigation__submenu-icon svg{
      transform: rotate(90deg);
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container.wp-block-navigation__submenu-container{
      background-color: #fafafa !important;
      -webkit-box-shadow: unset;
      box-shadow: unset;
      min-width: auto;
      width: 100%;
      height: calc(100% - 4rem);
      overflow-x: hidden;
      overflow-y: auto;
      position: absolute;
      top: 4rem;
      left: 0;
      padding: 0;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item .wp-block-navigation-item__content {
      font-size: 1.125rem;
      font-weight: 600;
    }
    .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__responsive-container-content .wp-block-navigation__submenu-container .wp-block-navigation-item.wp-block-navigation-submenu.open-sub > .wp-block-navigation-item__content {
      font-size: 1.5rem;
    }
  }
  
  
  .artcloud_mobile_menu .wp-block-navigation-submenu .wp-block-navigation__submenu-icon svg{
    stroke: var(--wp--preset--color--primary)
  }
  
  .language-mobile-menu .artcloud-language-switcher{
      display: flex;
      list-style: none;
      justify-content: flex-start;
  }
  

  
@media only screen and (max-width: 768px) {
  
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: flex !important;
    }
  
    .wp-block-artcloud-blocks-artcloud-menu .artcloud_menu_lang_shortcode {
      display: none !important;
    }
  
    .wp-block-artcloud-blocks-artcloud-menu .wp-block-columns {
      flex-wrap: nowrap !important;
    }
  
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
        .is-menu-open
      ) {
      display: none !important;
    }
  
    .wp-block-artcloud-blocks-artcloud-menu
      .wp-block-columns:not(.is-not-stacked-on-mobile)
      > .wp-block-column {
      flex-basis: fit-content !important;
    }
  }
  @media only screen and (min-width: 768px) {
    
    .wp-block-navigation__responsive-container-open:not(.always-shown) {
      display: none !important;
    }
  
    .wp-block-navigation__responsive-container:not(.hidden-by-default):not(
        .is-menu-open
      ) {
      background-color: inherit;
      display: block !important;
      position: relative;
      width: 100%;
      z-index: auto;
    }
  }

  @media screen and (max-width: 781px) {
    .artcloud-footer .wp-block-social-links.aligncenter {
      justify-content: flex-start;
      float: left;
  }
  
  }
  
  @media screen and (max-width: 767px) {
  
  .artcloud-footer .wp-block-group .wp-block-columns{
    row-gap: 0px;
  }
  }

@media only screen and (min-width: 768px) {
.wp-block-navigation .has-child .wp-block-navigation-submenu__toggle[aria-expanded=true]~.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):hover>.wp-block-navigation__submenu-container, .wp-block-navigation .has-child:not(.open-on-click):not(.open-on-hover-click):focus-within>.wp-block-navigation__submenu-container {
    height: auto;
    min-width: 350px !important;
    opacity: 1;
    overflow: visible;
    visibility: visible;
    width: auto;
}
}


@media only screen and (max-width: 768px) {
.wp-block-artcloud-blocks-artcloud-highlight .image-cards.style1 .post-image img {
    width: 100% !important;
}
}
.wp-block-artcloud-blocks-artcloud-posts .block-titleH2 {
    word-wrap: break-word;
}