/**
Theme Name: Vierell채si Marika
Author: Brainstorm Force
Author URI: http://wpastra.com/about/
Description: Astra is the fastest, fully customizable & beautiful theme suitable for blogs, personal portfolios and business websites. It is very lightweight (less than 50KB on frontend) and offers unparalleled speed. Built with SEO in mind, Astra comes with schema.org code integrated so search engines will love your site. Astra offers plenty of sidebar options and widget areas giving you a full control for customizations. Furthermore, we have included special features and templates so feel free to choose any of your favorite page builder plugin to create pages flexibly. Some of the other features: # WooCommerce Ready # Responsive # Compatible with major plugins # Translation Ready # Extendible with premium addons # Regularly updated # Designed, Developed, Maintained & Supported by Brainstorm Force. Looking for a perfect base theme? Look no further. Astra is fast, fully customizable and beautiful theme!
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vierellasi-marika
Template: astra
*/

/* HEADER */

/* Sticky header */
body header.site-header.ast-sticky-shrunk .site-primary-header-wrap {
    min-height: 88px;
}

body header.site-header.ast-sticky-shrunk .site-primary-header-wrap .site-branding {
    padding: 20px 0;
}

/* Logon maksimikorkeus sticky headerissä */
body header.site-header.ast-sticky-shrunk #ast-desktop-header .site-logo-img img {
    max-height: 72px !important;
}

/* MOBIILIVALIKKO */

/* Logon maksimikorkeus mobiilin sticky headerissä */
body header.site-header.ast-sticky-shrunk #ast-mobile-header .site-logo-img img {
    max-height: 64px !important;
}


/* Tekstin keskitys */
body header.site-header #ast-mobile-header .ast-mobile-header-content a.menu-link {
    text-align: center;    
}

/* Sub-menun valikkokohtien fonttikoko ja alaviivan poistaminen */
body header.site-header #ast-mobile-header #ast-mobile-site-navigation .sub-menu {
    padding: 20px 0 12px 0;
}

/* Sub-menun togglen tyyli ja sijainti */
body header.site-header #ast-mobile-header .ast-mobile-header-content ul.main-header-menu>li button.ast-menu-toggle {
    color: var(--ast-global-color-1);
    border: 0;
    box-shadow: none;
    top: 4px;
}

body header.site-header #ast-mobile-header .ast-mobile-header-content ul.main-header-menu>li button.ast-menu-toggle .ast-icon svg {
    margin-left: 2px;
}

/* Sub-menun valikkokohtien fonttikoko ja alaviivan poistaminen */
body header.site-header #ast-mobile-header #ast-mobile-site-navigation .sub-menu > .menu-item > .menu-link {
    font-size: 16px;
    border-bottom: 0;
}

/* Sub-menun linkkien edestä svg pois */
body header.site-header #ast-mobile-header #ast-mobile-site-navigation .sub-menu > .menu-item > .menu-link > .ast-icon {
    display:none;
}

/* BODY */

/* Ylikirjoitetaan Astran omat padding-tyylit */
body #content .ast-container,
body.ast-separate-container #content .ast-container {
    padding-left: 24px;
    padding-right: 24px;
}

body.ast-separate-container #content .ast-container #primary {
    padding: 0;
}

@media (min-width: 1201px) {
    body.ast-separate-container #page .ast-article-post,
    body.ast-separate-container #page .ast-article-single,
    body.ast-separate-container #page .ast-author-box,
    body.ast-separate-container #page .ast-404-layout-1,
    body.ast-separate-container #page .no-results {
        padding: 2em;
    }
}

@media (max-width: 1200px) {
    body.ast-separate-container #page .ast-article-post,
    body.ast-separate-container #page .ast-article-single,
    body.ast-separate-container #page .ast-author-box,
    body.ast-separate-container #page .ast-404-layout-1,
    body.ast-separate-container #page .no-results {
        padding: 20px 0;
    }
}

/* TEKSTI */

/* Otsikoiden korostukseen vähän ilmavuutta ja pyöristetyt kulmat */
body #page h1 mark,
body #page h2 mark,
body #page h3 mark,
body #page h4 mark,
body #page h5 mark,
body #page h6 mark {
    padding: 6px;
    border-radius: 8px;
}

/* PAINIKKEET */

/* Painikkeisiin kevyt animaatio */
body #page .wp-block-button .wp-block-button__link,
body #page .wp-block-uagb-buttons .wp-block-button__link,
body #page .fluentform button.ff-btn,
body #page .wp-element-button,
body #page .form-submit .submit {
    position:relative;
    transition: all .15s ease-in-out;
}

/* Painikkeiden nuoli-ikonit */
body #page .wp-block-uagb-buttons.uagb-btn__default-btn .wp-block-button__link::before,
body #page .wp-element-button::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 16px;
    height: 1.5px;
    background: var(--ast-global-color-5);
    transform: translateY(-50%);
    transform-origin: left center;
    transition: all 0.15s ease-in-out;
}

body #page .wp-block-uagb-buttons.uagb-btn__default-btn .wp-block-button__link::after,
body #page .wp-element-button::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 26'><polyline points='3 3 13 13 3 23' fill='none' stroke='%23ffb3d9' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(0);
    transition: all 0.15s ease-in-out;
}

/* Lomakepainikkeen nuolielementti (eri värinen) */
body #page .fluentform button.ff-btn::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    width: 16px;
    height: 1.5px;
    background: #ffffff;
    transform: translateY(-50%);
    transform-origin: left center;
    transition: all 0.15s ease-in-out;
}

body #page .fluentform button.ff-btn::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 16px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 26'><polyline points='3 3 13 13 3 23' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(0);
    transition: all 0.15s ease-in-out;
}

body #page .wp-block-uagb-buttons.uagb-btn__default-btn .wp-block-button__link:hover::before,
body #page .wp-block-uagb-buttons.uagb-btn__default-btn .wp-block-button__link:focus::before,
body #page .fluentform button.ff-btn:hover::before,
body #page .fluentform button.ff-btn:focus::before,
body #page .wp-element-button:hover::before,
body #page .wp-element-button:focus::before {
    transform: translateY(-50%) scaleX(1.25);
    background: #ffffff;
}

body #page .wp-block-uagb-buttons.uagb-btn__default-btn .wp-block-button__link:hover::after,
body #page .wp-block-uagb-buttons.uagb-btn__default-btn .wp-block-button__link:focus::after,
body #page .fluentform button.ff-btn:hover::after,
body #page .fluentform button.ff-btn:focus::after,
body #page .wp-element-button:hover::after,
body #page .wp-element-button:focus::after {
    transform: translateY(-50%) translateX(4px);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 26'><polyline points='3 3 13 13 3 23' fill='none' stroke='%23ffffff' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/></svg>");
}


/* HERO */

/* Herokuvan koon ja positioinnin muuttaminen riippuen näyttökoosta */
@media only screen and (min-width: 3101px) {
    body #page .herokuva::before {
        background-position: 90% bottom;
        background-size: 1160px;
    }
}

@media only screen and (min-width: 2401px) and (max-width: 3100px) {
    body #page .herokuva::before {
        background-position: 99% calc(100% + 40px);
        background-size: 1080px;
    }
}

@media only screen and (min-width: 2001px) and (max-width: 2400px) {
    body #page .herokuva::before {
        background-position: calc(100% + 164px) calc(100% + 128px);
        background-size: 1140px;
    }
}

@media only screen and (min-width: 1701px) and (max-width: 2000px) {
    body #page .herokuva::before {
        background-position: calc(100% + 240px) calc(100% + 120px);
        background-size: 1070px;
    }
}

@media only screen and (min-width: 1501px) and (max-width: 1700px) {
    body #page .herokuva::before {
        background-position: calc(100% + 260px) calc(100% + 80px);
        background-size: 1000px;
    }
}

@media only screen and (min-width: 1301px) and (max-width: 1500px) {
    body #page .herokuva::before {
        background-position: calc(100% + 260px) calc(100% + 72px);
        background-size: 960px;
    }
}

@media only screen and (min-width: 1101px) and (max-width: 1300px) {
    body #page .herokuva::before {
        background-position: calc(100% + 290px) calc(100% + 32px);
        background-size: 910px;
    }
}

@media only screen and (min-width: 977px) and (max-width: 1100px) {
    body #page .herokuva::before {
        background-position: calc(100% + 320px) bottom;
        background-size: 880px;
    }
}


/* PALVELUT */

/* Palvelulaatikoiden alaosan painikkeen sijoittaminen alareunaan */
body #page .palvelulaatikot .palvelulaatikko .wp-block-uagb-buttons {
    margin-top: auto;
}


/* LISÄTIETOA PALVELUISTA */

/* Aaltoviiva faq child -elementin jälkeen */
body #page .haitarielementti .wp-block-uagb-faq-child::after {
    content:"";
    display:block;
    background: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="b" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 804 8"><defs><style>.d{fill:none;stroke:%23f53199;stroke-linecap:round;stroke-miterlimit:10;stroke-width:4px;}</style></defs><g id="c"><path class="d" d="M2,2c7.9999,0,7.9999,4,15.9998,4,7.99709,0,7.99709-4,15.99419-4,7.99965,0,7.99965,4,15.99929,4,7.99774,0,7.99774-4,15.99547-4,7.99668,0,7.99668,4,15.99336,4,7.99741,0,7.99741-4,15.99482-4,8,0,8,4,16,4,7.99785,0,7.99785-4,15.9957-4,7.9972,0,7.9972,4,15.9944,4,7.99869,0,7.99869-4,15.99737-4s7.99903,4,15.99806,4c7.99762,0,7.99762-4,15.99523-4,7.99867,0,7.99867,4,15.99735,4,7.99936,0,7.99936-4,15.99871-4,7.998,0,7.998,4,15.99601,4,7.99954,0,7.99954-4,15.99908-4,7.99886,0,7.99886,4,15.99772,4s7.99869-4,15.99737-4c8.00004,0,8.00004,4,16.00009,4,7.9987,0,7.9987-4,15.99739-4,8.00076,0,8.00076,4,16.00151,4,7.99892,0,7.99892-4,15.99785-4,8.00067,0,8.00067,4,16.00134,4,7.99925,0,7.99925-4,15.99851-4,8,0,8,4,16,4s8.00016-4,16.00033-4c7.99957,0,7.99957,4,15.99915,4,8.00031,0,8.00031-4,16.00062-4,8.0011,0,8.0011,4,16.0022,4,8.00035,0,8.00035-4,16.00071-4s8.00019,4,16.00038,4,8.00026-4,16.00052-4,8.00044,4,16.00087,4,8.00078-4,16.00156-4c8.00158,0,8.00158,4,16.00317,4,7.99958,0,7.99958-4,15.99916-4,8.00082,0,8.00082,4,16.00163,4,7.99961,0,7.99961-4,15.99923-4s7.99976,4,15.99953,4c8.00069,0,8.00069-4,16.00137-4,8.00194,0,8.00194,4,16.00387,4,8.00058,0,8.00058-4,16.00116-4,8.00139,0,8.00139,4,16.00279,4s8.00161-4,16.00322-4c8.00257,0,8.00257,4,16.00513,4,8.00038,0,8.00038-4,16.00075-4,8.00316,0,8.00316,4,16.00631,4s8.00355-4,16.0071-4c8.00465,0,8.00465,4,16.00931,4s8.00465-4,16.00931-4"/></g></svg>');
    background-repeat: repeat-x;
    max-width: 800px;
    height: 8px;
}


/* VIDEOSOITIN */

/* Videosoittimen ympärille reunaviiva */
body #page .wp-block-video.videosoitin video {
    border: 8px solid;
    border-color: var(--ast-global-color-0);
    border-radius: 24px;
    box-sizing: content-box;
}


/* PALAUTTEET */

/* Palautteiden tekeminen yhtä korkeiksi riippumatta sisällöstä */
body #page .wp-block-uagb-slider.palautteet .swiper-wrapper {
    align-items: stretch;
}

body #page .wp-block-uagb-slider.palautteet .swiper-wrapper .swiper-slide {
    display:flex;
    height:auto;
}

body #page .wp-block-uagb-slider.palautteet .swiper-wrapper .swiper-slide .swiper-content {
    display: flex;
    flex: 1;
}

body #page .wp-block-uagb-slider.palautteet .uagb-slides {
    padding: 8px 0px !important;
    margin: -8px 0px !important;
}

/* Palautteen antajan tekstiosio tasattu palautekortin alareunaan */
body #page .wp-block-uagb-slider.palautteet .swiper-slide .swiper-content .palaute-valiviiva {
    margin-top: auto !important;
}

@media only screen and (min-width: 976px) {
    /* Aktiivisen palautteen (keskellä) korostaminen reunaviivalla ja tekstityyleillä */
    body #page .wp-block-uagb-slider.palautteet .swiper-slide-active + .swiper-slide.swiper-slide-next .swiper-content > .wp-block-uagb-container {
        border: 8px solid;
        border-color: var(--ast-global-color-0);
        box-shadow: 0px 0px 0px 8px var(--ast-global-color-5);
    }
    body #page .wp-block-uagb-slider.palautteet .swiper-slide-active + .swiper-slide.swiper-slide-next .swiper-content > .wp-block-uagb-container > p {
        font-size: 24px !important;
    }
}

@media only screen and (max-width: 975px) {
    body #page .wp-block-uagb-slider.palautteet .swiper-slide-active .swiper-content >.wp-block-uagb-container {
        height: 100%;
        width: calc(100% - 16px);
        margin: 0 auto;
        border: 8px solid;
        border-color: var(--ast-global-color-0);
        box-shadow: 0px 0px 0px 8px var(--ast-global-color-5);
    }
    body #page .wp-block-uagb-slider.palautteet .swiper-slide .swiper-content > .wp-block-uagb-container > p {
        color: var(--ast-global-color-3) !important;
    }
}

/* Palautteiden navigaatiopainikkeiden tyyli ja sijainti (huom., pätee myös muualle kuin etusivuun! */
body #page .wp-block-uagb-slider .swiper-button-prev,
body #page .wp-block-uagb-slider .swiper-button-next {
    top: calc(100% + 48px);
}

body #page .wp-block-uagb-slider .swiper-button-prev::after,
body #page .wp-block-uagb-slider .swiper-button-next::after {
    font-weight: 700;
}

body #page .wp-block-uagb-slider .swiper-button-prev {
    left: calc(50% - 68px);
}

body #page .wp-block-uagb-slider .swiper-button-next {
    right: calc(50% - 68px);
}


/* BLOGI */

/* Artikkelilistauksen kuvan reunaviiva ja laatikkoon sovittaminen */
body #page .wp-block-uagb-post-grid.blogiartikkelit .uagb-post__image img {
    object-fit: cover;
    border: 8px solid #ffffff;
    border-radius: 8px;
}

/* Meta-osion muokkaus */
body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper > .uagb-post__text.uagb-post-grid-byline {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper > .uagb-post__text.uagb-post-grid-byline .uagb-post__date::after {
    display: none;
}

/* Kategoriat */
body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper > .uagb-post__text.uagb-post-grid-byline .uagb-post__text .uagb-post__taxonomy a {
    font-weight: 600;
    color: var(--ast-global-color-5);
    background-color: var(--ast-global-color-1);
    border: 0;
    padding: 4px 10px;
    border-radius: 50px;
    text-transform: uppercase;
}

body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper > .uagb-post__text.uagb-post-grid-byline .uagb-post__text .uagb-post__taxonomy a:not(:last-of-type) {
    margin-right: 6px;
}

/* Artikkelin lue lisää -linkin tyylittely */
body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta {
    margin-top: auto;
    padding-bottom: 16px;
    border-bottom: 3px solid;
    border-color: var(--ast-global-color-0);
}


body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link {
    box-shadow: none;
}

/* Lue lisää -linkin jälkeinen nuolielementti */
body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 8px;
    width: 16px;
    height: 2px;
    background: var(--ast-global-color-2);
    transform: translateY(-50%);
    transform-origin: left center;
    transition: all 0.15s ease-in-out;
}

body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link::after {
    content: "";
    position: absolute;
    top: 50%;
    right: 0px;
    width: 14px;
    height: 14px;
    transform: translateY(-50%);
    background-image: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 26'><polyline points='3 3 13 13 3 23' fill='none' stroke='%239E003C' stroke-width='4' stroke-linecap='round' stroke-linejoin='round'/></svg>");
    background-repeat: no-repeat;
    transform: translateY(-50%) translateX(0);
    transition: all 0.15s ease-in-out;
}

body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link:hover::before,
body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link:focus::before {
    transform: translateY(-50%) scaleX(1.25);
}

body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link:hover::after,
body #page .wp-block-uagb-post-grid.blogiartikkelit .uag-post-grid-wrapper .uagb-post__text.uagb-post__cta .uagb-text-link:focus::after{
    transform: translateY(-50%) translateX(4px);
}

/* Aktiivisen blogilistauksen numeron korostus */
body #page .wp-block-uagb-post-grid.blogiartikkelit .uagb-post-pagination-wrap .page-numbers.current {
    border-radius: 8px;
}


/* BLOGIARTIKKELIEN SIVUT */

/* Blogiteksteissä itse tekstialueen marginaalit pois ja taustavärin tekeminen läpinäkyväksi */
body.single #page article {
    margin:0;
}

/* Artikkelikuvan sijoituksen muuttaminen */
body.single #page .ast-single-post-featured-section img,
body.single #page .ast-related-post .post-thumb-img-content img {
    object-position: 100% 40%;
}

/* Blogiteksteissä kategoriat */
body.single #page article .entry-header .ast-terms-link a {
    text-decoration: none;
    font-size: 0.8rem;
    box-shadow: none;
    margin-right: 4px;
}

/* Blogitekstien otsikot pienemmiksi */
body.single-post #page .entry-content h2 {
    font-size: 40px;
}

body.single-post #page .entry-content h3 {
    font-size: 32px;
}

@media (max-width: 921px) {
    body.single-post #page .entry-content h2 {
        font-size: 36px;
    }
    body.single-post #page .entry-content h3 {
        font-size: 28px;
    }
}

@media (max-width: 544px) {
    body.single-post #page .entry-content h2 {
        font-size: 28px;
    }
    body.single-post #page .entry-content h3 {
        font-size: 24px;
    }
    body.single-post #page .entry-content h4 {
        font-size: 22px;
    }
}

/* Blogiteksteissä sivutus */
body.single #page .content-area nav.post-navigation .nav-links {
    gap: 12px;
    padding: 0;
}

body.single #page .content-area nav.post-navigation .nav-links a {
    margin: 0;
    padding: 0;
    font-weight: 700;
}

body.single #page .content-area nav.post-navigation .nav-links a .edellinen-artikkeli-osio,
body.single #page .content-area nav.post-navigation .nav-links a .seuraava-artikkeli-osio {
    font-weight: 400;
    margin-bottom: 8px;
    font-size: 14px;
}

/* Poistetaan sivutuksessa oleva väliviiva */
body.single #page .comment-navigation .nav-previous:after,
body.single #page .post-navigation .nav-previous:after {
    display:none;
}

/* Related posts */

/* Korjataan Related posts -osion padding, joka ei toiminut */
body.single #page .ast-single-related-posts-container {
    padding: 24px 0;
}

/* Kirjoittajasta-osio */
body.single #page .ast-author-meta {
    padding: 32px;
}

body.single #page .ast-author-meta .ast-author-details {
    align-items: flex-start;
}

body.single #page .ast-author-meta .about-author-title-wrapper {
    padding: 0 0 20px 0;
}

body.single #page .ast-author-meta .about-author {
    font-size: 28px;
}

/* Lisätään kirjoittajan kuvalle reunaviivat */
body.single #page .ast-author-meta .post-author-avatar img {
    box-shadow: 0px 0px 0px 4px var(--ast-global-color-5);
    border: 4px solid var(--ast-border-color);
}

/* Poistetaan linkki kirjoittajan nimestä */
body.single #page .ast-author-meta .ast-author-details .post-author-bio .url {
    pointer-events: none;
    cursor: not-allowed;
}

body.single #page .ast-author-meta .ast-author-details .author-title {
    color: var(--ast-global-color-2);
}

body.single #page .ast-author-meta .ast-author-details .post-author-bio .post-author-desc {
    font-size: 18px;
}

/* Someikonin tyylit */
body.single #page .ast-author-meta .ast-author-details .post-author-bio .ast-author-box-sharing .ast-social-element svg {
    width: 24px;
    height: 24px;
    fill: var(--ast-global-color-0);
}

/* LOMAKKEET */

/* Sisältölinkkien (esim. tietosuojaseloste-linkin) värin muuttaminen */
body #page .fluentform.ff-default .ff-el-group p a {
    color: var(--ast-global-color-5);
}

body #page .fluentform.ff-default .ff-el-group p a:hover,
body #page .fluentform.ff-default .ff-el-group p a:focus {
    color: var(--ast-global-color-0);
}

/* Checkbox ja radio-input fieldien koon muuttaminen */
body #page .fluentform .ff-el-group input[type=checkbox]:not(.ff_list_buttons input[type=checkbox]), 
body #page .fluentform .ff-el-group input[type=radio]:not(.ff_list_buttons input[type=radio]) {
    padding: 10px 0px;
    border-radius: 4px;
}

/* Painikkeen hover-tilassa täysi näkyvyys */
body #page .fluentform .ff-btn-submit:hover {
    opacity:1;
}


/* EVÄSTEET */

/* Evästeissä otsikoiden fonttikoko ja -tyyli */
body .cky-consent-container .cky-consent-bar .cky-title,
body .cky-modal.cky-modal-open .cky-accordion .cky-accordion-header .cky-accordion-btn,
body .cky-modal.cky-modal-open .cky-preference-header .cky-preference-title {
    font-family: 'Capriola',sans-serif;
    font-weight: 400;
    color: var(--ast-global-color-2) !important;
}

/* Evästepainikkeet */
body .cky-btn.cky-btn-accept {
    border-color: var(--ast-global-color-0) !important;
    background-color: var(--ast-global-color-0) !important;
}

body .cky-btn.cky-btn-reject, 
body .cky-btn.cky-btn-customize, 
body .cky-btn.cky-btn-preferences {
    background-color: #ffffff !important;
    border-color: var(--ast-global-color-0) !important;
    color: var(--ast-global-color-0) !important;
}

/* CookieYES-painike, kun evästevalinnat on tehty */
body .cky-btn-revisit-wrapper {
    background-color: var(--ast-global-color-0) !important;
}


/* MISC */

/* Kappale-lohkossa M- ja L-fonttikoon muuttaminen */
body #page p.has-large-font-size {
    font-size: 24px !important;
}

@media only screen and (max-width: 767px) {
    body #page p.has-large-font-size {
        font-size: 22px !important;
    }
    body #page p.has-medium-font-size {
        font-size: 18px !important;
    }
}

/* Somekuvakkeissa poistetaan linkkitekstin alleviivaus */
body #page .wp-block-social-links .wp-block-social-link-anchor {
    text-decoration: none;
}

/* Somekuvakkeiden tekstit pienemmiksi, kun kooksi on valittu "iso" */
body #page .wp-block-social-links.has-large-icon-size .wp-block-social-link-label {
    font-size: 20px;
    text-decoration: none;
}

/* FOOTER */

/* Etusivulla footerin SVG-muodon värin muuttaminen */
body.home #page .ast-custom-footer .wp-block-uagb-container .uagb-container__shape.uagb-container__shape-top .uagb-container__shape-fill {
    fill: var(--ast-global-color-5);
}

body footer.ast-custom-footer a:not(.wp-block-button__link) {
    text-decoration: underline;
}