/*
Theme Name: Hehkee
Template:   twentytwentyfive
Author: Hehkee Oy
Author URI: https://hehkee.fi/ 
Version: 0.2
Text Domain: hehkee
*/

img {
    max-height: 80vh;
}

.wp-block-site-logo img {
    max-width: 60px;
}

.wp-block-button__link:hover {
    background: -webkit-linear-gradient(0deg, var(--wp--preset--color--dark-gray) 0%,
     var(--wp--preset--color--wine) 100%);
     animation-duration: 1s;
}

.is-style-text-display {
    background: -webkit-linear-gradient(0deg, var(--wp--preset--color--wine) 0%,
     var(--wp--preset--color--dark-gray) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.is-style-masked-text {
    background: url(assets/img/tuokkari.jpg);
    background-size: 200%;
    background-position: 0 50%;
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    animation: animate-background 10s infinite alternate linear;
}

@keyframes animate-background {
    0% {
        background-position: 0 50%;
    }
    100% {
        background-position: 100% 50%;
    }
}

.wp-block-quote.dashicons-before:before {
    margin-top: -3rem;
    font-size: 3rem;
    color: var(--wp--preset--color--wine);
}

:where(.wp-site-blocks) > * {
    margin-block-start: 0;
}

.wp-block-image img,
.wp-block-media-text.is-style-contain .wp-block-media-text__media img, 
.wp-block-media-text.is-style-contain .wp-block-media-text__media video {
    object-fit: contain;
}

.wp-block-media-text__media img, .wp-block-media-text__media video {
    object-fit: cover;
}

.wp-block-media-text:not(.is-style-icon) figure {
    width: 100%;
}

.is-style-no-bullets {
    list-style: none;
    padding-inline-start: 0;
}

.is-style-big-cover img {
    height: 90vh;
    object-fit: cover;
    object-position: 50% 80%;
}

a[target="_blank"]:not(.wp-block-social-link-anchor) {
    text-decoration: none;
    font-weight: 500;
}

a[target="_blank"]:not(.wp-block-social-link-anchor):not(.sbi_header_link)::after {
    font-family: dashicons;
    content: "\f504";
    padding-left: 0.5rem;
}

/* Cookiebot */
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-change {
    background-color: var(--wp--preset--color--wine) !important;
    border-color: white !important;
}
#CookiebotWidget #CookiebotWidget-buttons #CookiebotWidget-btn-withdraw {
    border-color: var(--wp--preset--color--wine) !important;
}
#CookiebotWidget .CookiebotWidget-consent-details button {
    color: var(--wp--preset--color--wine) !important;
}
#CookiebotWidget .CookiebotWidget-body .CookiebotWidget-consents-list li.CookiebotWidget-approved svg {
    fill: var(--wp--preset--color--wine) !important;
}

/* Responsive */
@media (max-width: 780px) {
    .wp-block-group.is-nowrap {
        flex-wrap: wrap;
    }
}

@media (max-width: 820px) {
    img, .is-style-big-cover {
        max-height: 60vh;
    }

    .wp-block-media-text.is-stacked-on-mobile.is-style-default {
        display: flex;
        flex-direction: column;
    }

    .wp-block-media-text.is-stacked-on-mobile.is-style-reverse-in-mobile,
    .wp-block-media-text.is-style-icon {
        display: flex;
        flex-direction: column-reverse;
    }
    .wp-block-media-text.is-style-icon img {
        max-width: 40vw;
        padding: var(--wp--preset--spacing--40);
    }

    .wp-block-media-text>.wp-block-media-text__media {
        margin: auto;
    }

    .wp-block-media-text.is-style-icon>.wp-block-media-text__content {
        padding: 0;
    }
}