/**
Theme Name: Psykoterapia Lampinen
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: psykoterapia-lampinen
Template: astra
*/

/* HEADER */

/* Valikkolinkin alle pieni alleviivain */
body.ast-desktop header.site-header .main-header-menu > .menu-item > a.menu-link .menu-text::after {
    content:"";
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 48px;
    background-color: var(--ast-global-color-1);
    transition: all 0.15s ease-out;
    opacity: 0;
}

/* Valikkolinkin alle alleviivain hover- ja focus-tilassa */
body.ast-desktop header.site-header .main-header-menu > .menu-item > a.menu-link:hover .menu-text::after,
body.ast-desktop header.site-header .main-header-menu > .menu-item > a.menu-link:focus .menu-text::after {
    content:"";
    position: absolute;
    bottom:0;
    left: 50%;
    transform: translateX(-50%);
    height: 2px;
    width: 48px;
    background-color: var(--ast-global-color-1);
    opacity: 1;
}

/* Valikkokohtien padding */
body.ast-desktop header.site-header a.menu-link {
    padding: 0 20px;
}

/* BODY */

/* Kun sivuotsikko on näkyvissä, tehdään sivulle ylä- ja alamarginaali */
body.ast-normal-title-enabled #page .ast-container #primary {
    margin: 72px 0;
}

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

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

/* Linkkien alleviivaus */
body #page .entry-content p > a,
body #page .entry-content li > a,
body #page .ast-custom-footer p > a,
body #page .ast-custom-footer li > a{
    text-decoration: underline;
}

/* HERO */
@media only screen and (max-width: 767px) {
    body #page .hero-content-wrapper {
        flex-direction: column-reverse;    
    }
}

/* HEROKUVA */

/* Herokuvan pakottaminen tiettyyn aspect ratioon */
@media only screen and (max-width: 767px) {
    body #page .aspect-ratio-herokuva img {
        aspect-ratio: 5/4;
        object-position: 50% 10%;
        object-fit: cover;
    }
}

/* INTRO */
body #page .intro-osio {
    overflow-x: clip !important;
    overflow-y: visible !important;
}

/* VEKTORIMUODOT */

/* Vektorimuodot alasivulla */
body #page .hero-wrapper .hero-kukkakuvio-alasivulla {
    right: clamp(-80px, calc(-444.56px + 47.47vw), 220px) !important;
    width: clamp(260px, calc(91.75px + 19.30vw), 386px) !important;
}

@media (min-width: 1401px) {
    body #page .hero-wrapper .hero-kukkakuvio-alasivulla {
        right: calc(-560px + 52.5vw) !important;
    }
}

/* Vektorimuodot etusivulla */
body #page .hero-wrapper {
    overflow-x: clip !important;
    overflow-y: visible !important;
    --hero-t: clamp(0, calc((100vw - 768px) / 632), 1);
}

body #page .hero-wrapper .hero-kukkakuvio {
    right: clamp(-96px, calc(-249.62px + 8.54vw), -130px) !important;
    width: clamp(260px, calc(116.57px + 18.67vw), 378px) !important;
}

@media (min-width: 1401px) {
    body #page .hero-wrapper .hero-kukkakuvio {
        right: calc(-876.34px + 53.31vw) !important;
    }
}

body #page .hero-wrapper .hero-kukkakuvio2 {
    right: clamp(160px, calc(-131.6px + 37.97vw), 400px) !important;
    width: clamp(240px, calc(91.75px + 19.30vw), 362px) !important;
}

@media (min-width: 1401px) {
    body #page .hero-wrapper .hero-kukkakuvio2 {
        right: calc(-364px + 53vw) !important;
    }
}

@media only screen and (max-width: 767px) {
    body #page .hero-wrapper .hero-kukkakuvio2 {
        left: -32px !important;
        top: 18% !important;
        height: fit-content;
    }
}

/* Vektorimuodot lainauksen kohdalla */
body #page .lainaus-wrapper {
    overflow-x: clip !important;
    overflow-y: visible !important;
    --shape-t: clamp(0, calc((100vw - 767px) / 633px), 1);
}

body #page .lainaus-wrapper .sateenkaarimuoto {
    left: calc(-15% + var(--shape-t) * 15%) !important;
    width: clamp(220px, calc(72px + 19.27vw), 342px) !important;
}

body #page .lainaus-wrapper .kukkamuoto {
    right: calc(-15% + var(--shape-t) * 15%) !important;
    width: clamp(240px, calc(42.5px + 25.75vw), 390px) !important;
}

@media only screen and (max-width: 480px) {
    body #page .lainaus-wrapper .kukkamuoto {
        right: -104px !important; 
    }
}

/* LOMAKKEET */

/* Lomakesarakkeiden välin suurentaminen */
body #page .fluentform .lomake-sarakkeet {
    gap: 32px;
}

/* Section break -osiossa otsikkoa pienemmäksi ja alaviivan värin muuttaminen */
body #page .fluentform .ff-el-section-break .ff-el-section-title {
    font-size: 24px;
    margin-bottom: 8px;
}

body #page .fluentform .ff-el-section-break hr {
    background-color: var(--ast-global-color-0);
}


/* Textarea-kentästä pienennetään paddingiä */
body #page .fluentform .ff-el-input--content textarea {
    padding-top: 16px;
    padding-bottom: 16px;
}

/* Outer-glow lomakekenttiin focus-tilassa */
body #page .fluentform .ff-el-input--content input:focus,
body #page .fluentform .ff-el-input--content textarea:focus {
    box-shadow: 0px 0px 0px 1px rgba(181,87,56,1);
}

/* Lomakkeiden lähetä-painike */
body #page .fluentform .ff-btn-submit:hover {
    opacity:1;
}

/* 404-SIVU */

/* Muutetaan 404-sivun otsikon paksuutta */
body.error404 #page .error-404 .page-title {
    font-weight: 600;
}

/* MOBIILIVALIKKO */

/* Korjataan header-osion paddingiä, jossa sulkemisikoni on */
body #page #ast-mobile-popup .ast-mobile-popup-header {
    padding-top: 20px;
    padding-right: 16px;
}

/* Sulkemispainikkeen koko */
body #page #ast-mobile-popup .ast-mobile-popup-header .menu-toggle-close .ast-close-svg {
    width: 22px;
    height: 22px;
}

/* Sivuston nimen paddingien muokkaaminen */
body #page #ast-mobile-popup .ast-mobile-popup-content .ast-header-html-1 {
    padding: 8px 20px 20px 20px;
}

body #page #ast-mobile-popup .ast-mobile-popup-content .ast-builder-menu-mobile {
    padding-top: 16px;
}

/* Graafit mobiilivalikossa */
body #page #ast-mobile-popup .ast-mobile-popup-content .ast-builder-menu-mobile::before {
    content:"";
    position: absolute;
    width: 240px;
    height: 219px;
    top: 160px;
    left: -12%;
    z-index: -1;
    overflow: hidden;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 276 252"><!-- Generator: Adobe Illustrator 30.6.0, SVG Export Plug-In . SVG Version: 2.1.4 Build 109) --><defs><style> .st0 { fill: none; stroke: %23c47960; stroke-width: 2px; } </style></defs><path class="st0" d="M60.2,57.9C50.1,20.4,86-10.4,122,4.2h0c9.3,3.8,17,11.4,20,21h0s.1.4.1.4h0c2.2,6.8,2.1,14.3.9,21.3h0s0,0,0,0c-.1,1.7-.8,4.2-1.6,7.2-.8,2.9-1.8,6.3-2.5,9.4-.7,3.2-1.2,6.2-.9,8.7.2,2.4,1.1,4.4,3.3,5.1h0s0,0,0,0c1.8-.1,3.7-1.2,5.4-2.6,1.8-1.5,3.6-3.5,5.2-5.6,1.7-2.1,3.3-4.4,4.8-6.5,1.5-2.1,2.9-4,4.1-5.5h0s0,0,0,0c17.9-23.5,49.2-33.9,78.2-30.8h0c8.8,1,17.7,3.6,24.6,9h0s0,0,0,0c14.7,10.8,15.5,33.5,2.3,45.9h0c-8.5,8.1-19.4,13.1-30.8,17.1-5.7,2-11.6,3.7-17.4,5.5-5.8,1.7-11.5,3.4-17,5.4-11.2,3.3-20.2,8.4-24.3,15.3-2.1,3.5-2.9,7.4-2.1,11.8.8,4.4,3.2,9.1,7.4,14.3h0c5.3,6.4,11.5,12,17.3,17.9,5.8,5.9,11.1,12,14.5,19.4h0c16.8,34.2-12.9,69.7-49.5,62.8h0s0,0,0,0l-1.1-.2c-23.4-3.8-46.6-20.9-48-45.9h0s0,0,0,0c-.3-2.3-.3-4.9-.4-7.6,0-2.7-.2-5.5-.5-8.2-.6-5.2-2.1-10.2-6.1-13.4l-.4-.3h0s-.4-.3-.4-.3c-4.2-2.8-9.3-2.2-14.4-.5-5.2,1.8-10.5,4.8-14.7,7.2h0s0,0,0,0c-15.5,9.4-34.5,13.6-52.3,9.2h0s0,0,0,0h-.6c-12.9-3.1-24.5-13.4-24.7-27.2h0s0-.9,0-.9c-.3-18.3,14.5-34.9,32-39.6h0s0,0,0,0c3.6-1.4,7.9-2.1,12.4-2.7,4.5-.6,9.4-1,14-1.7,9.3-1.4,18.1-3.8,22.9-10.9h0s0,0,0,0c2.8-5.5.9-11.1-2.2-16.3-1.6-2.6-3.5-5.1-5.4-7.6-1.9-2.4-3.7-4.7-5.1-6.9h0c-3.9-5.5-7-11.5-8.7-17.9h0,0s-.2-.9-.2-.9Z"/></svg>');
    background-repeat: no-repeat;
}

body #page #ast-mobile-popup .ast-mobile-popup-content .ast-builder-menu-mobile::after {
    content:"";
    position: absolute;
    width: 220px;
    height: 200px;
    bottom: 40px;
    right: -12%;
    z-index: -1;
    overflow: hidden;
    background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="UTF-8"%3F><svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 269.1 245.7"><!-- Generator: Adobe Illustrator 30.6.0, SVG Export Plug-In . SVG Version: 2.1.4 Build 109) --><defs><style> .st0 { fill: none; stroke: %23c47960; stroke-width: 2px; } </style></defs><path class="st0" d="M8.5,105.9C25.8,43.9,82.5-7.3,147.9,2.1h0c37.5,4.9,64,27.5,82.6,57.3,18.6,29.8,29.4,66.6,35.3,99.7h0c1.1,6,2,11.4,2.2,16.1.2,4.7-.2,8.7-1.5,12-2.6,6.6-9,11-22.8,13.1h0s0,0,0,0c-10.7,2.2-25.9,5.4-36.6,7.5h0c-3.3.6-6.7,1.4-10.1,1.7-3.4.3-6.6.2-9.6-.8-3.9-1.5-7-4.6-9.6-8.3-2.2-3.3-4-7.1-5.6-10.7l-.7-1.5c-7.7-18.4-15.1-37.8-29.4-52.3h0s-.5-.5-.5-.5c-10.5-10.2-22.6-11.8-32.8-7.5-10.2,4.4-18.3,14.8-20.8,28.4-3.3,15.9-.6,32.7,1,48.6.4,4.7.6,9.8-.2,14.5-.8,4.7-2.7,8.9-6.4,11.7h-.2c-4.8,3.1-10.5,4.7-16.5,6-5.9,1.3-12.2,2.2-17.9,3.6-6.9,1.4-13,2.8-18.3,3.5-5.3.7-9.6.5-12.7-1h0s0,0,0,0l-.3-.2c-3.3-1.7-5.8-4.7-7.7-8.7-2-4.1-3.2-9.1-4.1-14.5-.9-5.4-1.3-11-1.7-16.3-.4-5.3-.6-10.2-1.1-14.2-1.7-27.8-.9-56.8,6.8-83.6h0Z"/></svg>');
    background-repeat: no-repeat;
}

/* Mobiilivalikon tyylien muokkaus */
body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation ul,
body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation ul .menu-link{
    background-color: transparent !important;
}

/* Toggle-painike on aina päällä */
body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation .sub-menu {
    display: block !important;
}

/* Turha toggle-nappi piilotetaan, koska sitä ei enää tarvita */
body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation .ast-menu-toggle,
body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation .dropdown-menu-toggle {
        display: none !important;
}

/* Mobiilivalikon submenun tyyli ja alleviivaus */
body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation .sub-menu .menu-link {
    width: calc(100% - 40px);
    margin:auto;
    padding: 12px 0px;
    border-bottom: 1px solid;
    border-color: #ffffff;
}

body #page #ast-mobile-popup .ast-mobile-popup-content .main-navigation .sub-menu .menu-link .ast-icon {
    display:none;
}

/* 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: 'Bricolage Grotesque',sans-serif;
    font-weight: 600;
    color: var(--ast-global-color-0) !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 */

/* Tekstien keskitys tietyllä luokalla mobiilissa */
@media only screen and (max-width: 767px) {
    body #page .mobiili-keskitys {
        text-align: center;
    }
}

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

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: 20px !important;
    }
}