/**
Theme Name: Uno Action
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: uno-action
Template: astra
*/

/* YLEISTÄ */

/* Otsikoiden alamarginaali */
body #content h1,
body #content h2,
body #content h3,
body #content h4,
body #content h5,
body #content h6 {
    margin-bottom:24px;
}

/* Listaelementin marginaali pienemmäksi */
body #page ul.wp-block-list {
    margin-left:16px;
}

@media (max-width: 767px) {
    body #content p.has-medium-font-size {
        font-size:18px !important;
    }
}

/* 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: 1281px) {
    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: 1280px) {
    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: 0;
    }
}

/* Painikkeille 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{
    transition: all .1s ease;
}


/* HEADER */

/* Headerin varjostus */
body header.site-header,
body .ast-header-sticked,
body #ast-mobile-header,
body .ast-mobile-header-content{
    box-shadow: 0px 20px 40px -40px rgba(21, 25, 37, .45);
}


/* VALIKKO */

body header.site-header .site-navigation > .main-navigation > .main-header-menu > .menu-item > .menu-link {
    font-family:"Montserrat", sans-serif;
    text-transform: uppercase;
    font-weight:600;
}

/* Valikkokohdille alleviivaus, kun valikkokohtaa osoitetaan */
body header.site-header .site-navigation .menu-item a:before {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    right: 50%;
    height: 1px;
    background-color: var(--ast-global-color-3);
    opacity: 0;
    transition: opacity .1s ease-in-out;
}

body header.site-header .site-navigation .menu-item a:hover:before,
body header.site-header .site-navigation .menu-item a:focus:before {
    content: "";
    opacity: 1;
    transition: opacity .1s ease-in-out;
}

/* Valikon submenun tyylit */
body header.site-header .astra-megamenu.sub-menu {
    padding: 16px 20px 20px 20px !important;
}

body header.site-header .astra-megamenu.sub-menu .menu-item a,
body header.site-header .astra-megamenu.sub-menu .menu-item span {
    line-height: 1.5em;
}

body header.site-header .astra-megamenu.sub-menu .menu-item a {
    padding: 0.6em 1em;
}

/* Mega-menun otsikkotyylit */
body header.site-header .astra-megamenu.sub-menu .menu-item .ast-disable-link {
    font-family:"Montserrat", sans-serif;
    text-transform: uppercase;
    letter-spacing:0.5px;
    font-weight:600;
    padding-left:0;
}

/* Mobiilivalikko */

/* Mobiilivalikon korkeus */
body #ast-mobile-header {
    max-height:65vh;
}

body #ast-mobile-header .ast-header-sticked {
    margin:0;
}

/* Mobiilivalikon painikkeiden visuaalinen hiominen */
body #ast-mobile-header .menu-toggle {
    padding-right:0;
}

body #ast-mobile-header .menu-toggle .mobile-menu {
    letter-spacing:0;
}

body #ast-mobile-header .ast-builder-grid-row {
    column-gap:12px;
}

body header.site-header #ast-mobile-header .ast-mobile-header-content ul.main-header-menu > li button.ast-menu-toggle {
    border:0;
    border-radius:0;
    box-shadow:none;
}

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;
}

/* Mobiilivalikon koko pienillä laitteilla */
@media (max-width: 365px) {
    body #ast-mobile-header .site-branding img {
        max-width:130px;
    }
    body #ast-mobile-header .menu-toggle .mobile-menu {
        font-size:14px;
    }
}


/* HERO */

body #content .hero-rivi .hero-salama-liikemerkki .wp-block-uagb-image,
body #content .hero-rivi .hero-salama-liikemerkki .wp-block-uagb-image img {
    flex:1;
}

body #content .hero-rivi .hero-salama-liikemerkki img {
    object-position: top center;
    mix-blend-mode: plus-lighter;
    opacity: 0.4;
}

/* Hero mobiilissa */
@media (max-width: 767px) {
    body #content .hero-rivi .hero-teksti::before {
        content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 821.47894"><defs><style>.b{fill:%23fff;}</style></defs><path class="b" d="M500,.00052L222.52381,338.97884h277.47583L0,821.47894V176.08623C0,78.83639,78.83664-.00017,176.08649,0c0,0,323.91354.00052,323.91351.00052Z"/></svg>');
        background-repeat: no-repeat;
        opacity: 0.15;
        mix-blend-mode: plus-lighter;
    }
}

@media (min-width: 576px) and (max-width: 767px) {
    body #content .hero-rivi .hero-teksti::before {
        width: 380px;
        height: 128%;
        position: absolute;
        right: -80px;
        top: 0;
    }
}

@media (max-width: 575px) {
    body #content .hero-rivi .hero-teksti::before {
        width: 360px;
        height: 112%;
        position: absolute;
        right: -120px;
        top: 0;
    }
}

/* Logogalleria */

body #content .wp-block-uagb-container .wp-block-gallery.logogalleria.is-layout-flex .wp-block-image {
    margin-bottom:0;
}

/* Logogallerian responsiivisuus */

@media (max-width: 599px) {
    body #content .wp-block-uagb-container .wp-block-gallery.logogalleria.is-layout-flex {
        flex-direction: column;
        align-items: center;
    }
}

/* Yhteydenottorivin responsiiviset tyylit */

@media (min-width: 768px) and (max-width: 1408px) {
    body #content .yhteydenotto-rivi > .wp-block-uagb-container {
        padding-right: 24px;
        align-items: center;
    }
    body #content .yhteydenotto-rivi .kapea-sarake {
        padding-right: 0px;
        max-width: 400px;
    }
}

/* Uno Actionin logoanimaatio */

body #content .uno-logokaruselli-wrapper .uno-logokaruselli {
    flex-shrink:0;
    animation: marquee-scroll 60s linear infinite;
    min-width:100%;
    max-width: fit-content;
    width: auto;
}

@keyframes marquee-scroll {
  from { transform: translateX(0%); }
  to { transform: translateX(calc(-100% - 104px)); }
}

body #content .uno-logokaruselli-wrapper .uno-logokaruselli .wp-block-uagb-image {
    flex-shrink:0;
    width: max-content;
}

/* Logoanimaation responsiiviset tyylit */

@media (min-width: 1080px) {
    body #content .uno-logokaruselli-wrapper {
        position:absolute;
        bottom:80px;
        z-index: -1;
    }
}

@media (max-width: 1079px) {
    body #content .uno-logokaruselli-wrapper .uno-logokaruselli .wp-block-uagb-image img {
        max-width: 864px;
    }
}


/* FOOTER */

/* Footerin tekijänoikeusrivin responsiivisuus */
@media (max-width: 767px){
    body footer.ast-custom-footer .tekijanoikeus-osio p {
        text-align:center;
    }
}


/* ALASIVUT */

/* Alasivujen page headerin tyylit */
body section.ast-single-entry-banner {
    overflow:hidden;
}

body section.ast-single-entry-banner > .ast-container * {
    max-width: 680px;
}

/* Page headerin murupolun linkkien alleviivaus */
body section.ast-single-entry-banner > .ast-container .ast-breadcrumbs a {
    text-decoration:underline;
}

/* Page headerissa salamaikonin käyttö */
body section.ast-single-entry-banner > .ast-container::before {
    content: "";
        background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="a" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 500 821.47894"><defs><style>.b{fill:%23fff;}</style></defs><path class="b" d="M500,.00052L222.52381,338.97884h277.47583L0,821.47894V176.08623C0,78.83639,78.83664-.00017,176.08649,0c0,0,323.91354.00052,323.91351.00052Z"/></svg>');
    background-repeat: no-repeat;
    opacity: 0.15;
    mix-blend-mode: plus-lighter;
    width: 380px;
    height: 200%;
    position: absolute;
    right: 10%;
    top: -48px;
    transform: translateX(-10%);
    overflow:hidden;
}

@media (max-width: 1280px) {
    body section.ast-single-entry-banner > .ast-container::before {
        right: -120px;
        opacity: 0.1;
    }
}

/* Palvelut-sivulla palvelulistojen tyylit */
body #content .palvelut-laatikko .yksittainen-palvelu p strong::first-of-type {
    margin-bottom:8px;
}

/* Nuoli-ikoni, svg */
body #content .palvelut-laatikko .yksittainen-palvelu::after {
    content: "";
    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" id="b" viewBox="0 0 45.31203 11.04614"><defs><style>.d{fill:%230c1424;}</style></defs><g id="c"><path class="d" d="M40.06201,5.39697c0-.16699-.06494-.32422-.18311-.44141L35.10596.18311c-.24414-.24414-.63965-.24414-.88379,0-.11816.11719-.18311.27441-.18311.44141s.06494.32422.18311.44141l3.70605,3.70605H0v1.25h37.92822l-3.70605,3.70703c-.11816.11719-.18311.27441-.18311.44141s.06494.32422.18311.44141c.23633.23633.64746.23633.88379,0l4.77295-4.77246c.11816-.11719.18311-.27441.18311-.44238Z"/></g></svg>');
    width: 60px;
    height: 14px;
    background-repeat: no-repeat;
    margin-bottom: 4px;
    margin-right:8px;
    transition: all 0.1s ease-in-out;
    flex-shrink: 0;
}

body #content .palvelut-laatikko .yksittainen-palvelu:hover::after,
body #content .palvelut-laatikko .yksittainen-palvelu:focus::after {
    margin-right:0;
    margin-left:8px;
}

/* TAULUKKOTYYLIT */
body #content .wp-block-table {
    border-bottom: none;
    overflow-x:auto;
}

body #content .wp-block-table table {
    margin-bottom:0;
    min-width:600px;
}

body #content .wp-block-table thead {
    border-bottom: none;
    background-color: var(--ast-global-color-3);
}

body #content .wp-block-table thead th {
    color: #ffffff;
    font-family:"Montserrat", sans-serif;
    text-transform: uppercase;
    letter-spacing:0.5px;
    font-weight:600;
    padding: 16px .5em;
}

body #content .wp-block-table.referenssit-taulukko tbody td {
    padding: 12px .5em;
}

body #content .wp-block-table.referenssit-taulukko tr th:nth-child(3),
body #content .wp-block-table.referenssit-taulukko tr td:nth-child(3) {
    width: 20%;
}


/* BLOGI */

/* Blogiartikkelin sivupohja */
@media (max-width: 767px) {
    body.post-template-default #content .ast-single-post-featured-section + article {
        margin-top:0;
        border-radius:0;
    }
}

/* Blogiartikkelien navigaatio */
body.post-template-default #content .content-area nav.post-navigation .nav-links {
    gap: 12px;
    padding:0;
}

body.post-template-default #content .content-area nav.post-navigation .nav-links a {
    margin:0;
    padding:0;
}

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

/* Social sharing -artikkeleissa */
body.post-template-default #content .ast-post-social-sharing {
    margin-top:64px;
}

body.post-template-default #content .ast-post-social-sharing .ast-social-sharing-heading {
    font-size:22px;
    margin-bottom: 12px;
}


/* ARCHIVE-SIVU */

/* Archive-sivun välistyksien korjaus */
body.archive #content .ast-row {
    gap: 48px;
    margin:0;
}

body.archive #content .ast-row article {
    padding:0;
}

/* EVÄSTEET */

body .cky-btn {
    border: 0.8px solid;
    letter-spacing: 0px;
}