/*
Theme Name: Vihreät
Theme URI: https://artcloud.fi/
Update URI: https://portaali.artcloud.fi/api/v1/themes/versions
Version: 2.2.3
Author: Artcloud
Author URI: #
Description: Vihreät 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: vihreat
*/
#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) {

    .artcloud_mobile_menu .wp-block-navigation__responsive-container-content {
        padding: 20px;
    }

    
    :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: 20px !important
    }
	.wp-block-artcloud-blocks-artcloud-feedback .artcloud-feedback-080f4ea0-be6b-4044-9b33-f4491005dfb0 {
    mask-image: url("https://vihreat.yhdistyssivut.fi/content/plugins/artcloud-blocks/src/allSVG/green/svgV/chat.svg")!important;
    mask-position: center;
    background-color: var(--wp--preset--color--primary);
    mask-repeat: no-repeat;
    mask-size: 100% !important;
    height: 22rem;
    max-width: 28rem;
}
.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
        }
}