/* 
Theme Name: Hello Elementor Child
Theme URI: https://github.com/elementor/hello-theme/
Description: Hello Elementor Child is a child theme of Hello Elementor, created by Elementor team
Author: Elementor Team
Author URI: https://elementor.com/
Template: hello-elementor
Version: 1.0.6
Text Domain: hello-elementor-child
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: flexible-header, custom-colors, custom-menu, custom-logo, editor-style, featured-images, rtl-language-support, threaded-comments, translation-ready
*/

/*
    Add your custom styles here
*/

.footer_under a{
    color:var( --e-global-color-8a6abb7 );
    padding:0 0 0 15px;
    text-decoration: underline;
}
.footer_under a:hover{
    color:var( --e-global-color-accent );
}
.home header.main_header:not(.home header.main_header.elementor-sticky--effects) {
    background-color:rgba(12,32,114,0.6) !important;
}
.home .page-content {
    margin-top:-143px;
}

.desktop_top_menu li:last-child a {
    padding-right:0px !important;
}
.kirjaudu_button:hover svg path {
    fill:var( --e-global-color-secondary );
}
.kirjaudu_text a{
    color:var( --e-global-color-accent );
    text-decoration: underline !important;
}
.kirjaudu_text a:hover {
    color: var( --e-global-color-secondary );
}
.kirjaudu_text strong {
    font-weight: 800;
}
.open_popup_icon.menu-popup-open {
    display:none;
}

.dialog-close-button {
    background-image: url('/wp-content/uploads/close-icon.svg');
    background-size:cover;
    width:44px;
    height:44px;
}
.dialog-close-button svg {
    display:none;
}

/* Pop-up Log-in form */
.dialog-widget-content .dialog-message .lwa-wrapper .lwa-classic .lwa-form > *, .dialog-widget-content .dialog-message .lwa-wrapper .lwa-classic .lwa-register > form > *, .dialog-widget-content .dialog-message .lwa-wrapper .lwa-classic-vanilla .lwa-form > *, .dialog-widget-content .dialog-message .lwa-wrapper .lwa-classic-vanilla .lwa-register > form > * {
    grid-template-columns: 1fr !important;
}
.lwa-form label {
    color: var( --e-global-color-secondary );
    line-height: 35px;
    font-weight: 800;
}
.lwa-form .lwa-submit-button .button-primary, .lwa-form .lwa-submit-button .button-primary:focus, .lwa-remember .lwa-submit-button .button-primary, .lwa-remember .lwa-submit-button .button-primary:focus {
    margin-top:24px;
     margin-bottom:24px;
    color: var( --e-global-color-primary );
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px;
    font-weight: 800;
    line-height: 18px;
    background-color: var( --e-global-color-accent );
    border-radius: 38px 38px 38px 38px;
    padding: 20px 34px 20px 34px;
    border:0;
    outline:none;
}
.lwa-form .lwa-submit-button .button-primary:hover, .lwa-remember .lwa-submit-button .button-primary:hover {
    background-color: var( --e-global-color-secondary );
}
.lwa-form .lwa-links-remember {
    color:var( --e-global-color-accent );
    text-decoration: underline;
    margin-top:24px;
}
.lwa-form .lwa-status, .lwa-remember .lwa-status {
    font-size:15px;
}
.elementor-widget-loginwithajax {
    width:100%;
}
.lwa-links-remember-cancel {
    color:var( --e-global-color-accent );
    text-decoration: underline !important;
    margin-left:24px;
}


/* Biisipankki-sivu */
.kansikuvat_nappi, .listaus_nappi {
    cursor: pointer;
}
.kansikuvat_nappi:hover a, .listaus_nappi:hover a {
    border-color: var( --e-global-color-accent ) !important;
}
.active_nappi a{
    background-color: var( --e-global-color-accent ) !important;
    color:var( --e-global-color-primary ) !important;
    transition: all ease-in-out 0.25s;
    border-color:var( --e-global-color-accent ) !important;
}
.biisi_haku input {
    font-family: var( --e-global-typography-14b6dc6-font-family ), Sans-serif;
    font-size: var( --e-global-typography-14b6dc6-font-size );
    font-weight: var( --e-global-typography-14b6dc6-font-weight );
    line-height: var( --e-global-typography-14b6dc6-line-height );
    letter-spacing: var( --e-global-typography-14b6dc6-letter-spacing );
    word-spacing: var( --e-global-typography-14b6dc6-word-spacing );
    fill: var( --e-global-color-primary );
    color: var( --e-global-color-secondary );
    background-color:transparent;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-secondary ) !important;
    border-radius: 38px!important;
    padding:16px 24px 16px 23px !important;
    transition: all ease-in-out 0.5s;
}
.biisi_haku .facetwp-icon:before {
    margin-right:12px;
    background:url('/wp-content/uploads/suurennuslasi.svg') no-repeat;
    background-position:center;
    background-size:contain;
}
.biisi_haku .facetwp-icon.f-loading:before {
    background: url('/wp-content/uploads/loading-icon.svg') no-repeat;
    background-position: center;
    background-size: contain;
    width: 30px;
    height: 30px;
    top: 12px;
    position: absolute;
    right: 0;
}
.biisi_haku input::placeholder{
    color: var( --e-global-color-secondary );
}
.biisi_haku input:focus {
    border-color: var( --e-global-color-secondary ) !important;
    
}


/* Kansikuvanäkymä */
.biisilistaus_otsikkorivi {
    transition: opacity ease-in-out 0.25s !important;
    opacity:1 !important;
}
.kansikuvat .biisilistaus_otsikkorivi {
    opacity:0 !important;
}
.elementor .kansikuvat .biisilistaus .elementor-grid {
    grid-template-columns: repeat(5,1fr);
    grid-row-gap: var(--grid-column-gap,30px);
}
@media all and (max-width:1024px) {
    .elementor .kansikuvat .biisilistaus .elementor-grid {
        grid-template-columns: repeat(4,1fr);
    }
}
.biisilistaus .biisilistaus_block, .biisilistaus_otsikkorivi > div {
    padding-right:26px !important;
}
.kansikuvat .biisilistaus .biisilistaus_block{
    padding-right:0 !important;
}
.kansikuvat .biisilistaus .biisilistaus_block {
    grid-template-columns: 1fr !important;
    gap: 6px;
    border:0 !important;
}
.kansikuvat .biisilistaus .biisilistaus_block > div:not(.block_kuva, .block_nimi, .block_esittaja) {
    display:none !important;
}
.kansikuvat .biisilistaus .biisilistaus_block .block_nimi p, .kansikuvat .biisilistaus .biisilistaus_block .block_nimi p{
    font-size: 20px;
} 
.kansikuvat .biisilistaus .biisilistaus_block .block_nimi p{
    font-weight:800;
}

/* Listausnäkymä */
.biisilistaus_block,.biisilistaus_otsikkorivi > div {
    grid-template-columns: 120px 1.5fr 1.5fr 90px 0.7fr 70px 90px 40px 40px !important;
}
@media all and (max-width:990px) {
    .biisilistaus_block p{
        font-size:14px !Important;
    }
    .biisilistaus .biisilistaus_block {
        grid-template-columns: 110px 1fr 1fr 1fr 90px 70px !important;
        gap:12px 6px !important;
        padding-right:0 !important;
    }
    .biisilistaus_block > div{
        min-height:41px;
        display:flex;
        align-items:center;
    }
    .biisilistaus_otsikkorivi {
        display:none !important;
    }
    .biisilistaus_block .block_kuva, .biisilistaus_block .block_nimi, .biisilistaus_block .block_esittaja   {
        grid-row:1/3;
    }
    .biisilistaus_block .block_tuote{
        order:-1;
    }
    /* kansikuvalistaus */
    .elementor .kansikuvat .biisilistaus .elementor-grid {
        grid-template-columns: repeat(4,1fr) !important;
        gap:12px;
    }
    .kansikuvat .biisilistaus .biisilistaus_block {
        gap: 6px !important;
    }
    .kansikuvat .biisilistaus_block .block_kuva, .kansikuvat .biisilistaus_block .block_nimi, .kansikuvat .biisilistaus_block .block_esittaja   {
        grid-row:auto !important;
    }
    .kansikuvat .biisilistaus_block > div{
        min-height:min-content;
        display:flex;
        align-items:start;
    }
}

@media all and (max-width:570px) {
    .biisilistaus .biisilistaus_block { 
        grid-template-columns: 110px 1fr 1fr !important;
        gap:12px 12px !important;
    }
    .biisilistaus .biisilistaus_block > div {
        margin-left:12px;
        min-height: auto;
    }
    .biisilistaus_block .block_kuva, .biisilistaus_block .block_nimi, .biisilistaus_block .block_esittaja { 
        grid-row: unset;
    }
    .biisilistaus_block .block_kuva {
        grid-row:1/3;
        margin-top:12px;
    }
    .biisilistaus_block .block_nimi p {
        font-weight: 800 !important;
        line-height: 21px;
    }
    .biisilistaus_block .block_nimi, .biisilistaus_block .block_esittaja {
        grid-column: 2 / 4;
        min-height:55px !important;
    }
    .biisilistaus_block .block_nimi {
        align-items:end;
        padding-right:24px;
    }
    .biisilistaus_block .block_esittaja {
        align-self: normal;
        padding-right:24px;
    }
    .biisilistaus_block .block_tuote{
        order:unset;
    }
    .biisilistaus .block_koodi, .biisilistaus .block_tuote, .biisilistaus .block_julkaisu {
        margin-top:6px;
    }
    .biisilistaus .block_lisatieto, .biisilistaus .block_mp3, .biisilistaus .block_wav {
        margin-bottom:6px;
    }

    /* kansikuvalistaus */
    .elementor .kansikuvat .biisilistaus .elementor-grid {
        grid-template-columns: repeat(2,1fr) !important;
        gap:20px 2%;
    }
    .elementor .kansikuvat .biisilistaus .biisilistaus_block {
        grid-template-columns: 1fr !important;
    }
    .elementor .kansikuvat .biisilistaus_block .block_kuva, .elementor .kansikuvat .biisilistaus_block .block_nimi, .elementor .kansikuvat .biisilistaus_block .block_esittaja {
        grid-column:unset !important;
        margin:0 !important;
        padding:0 !important;
    }
    .elementor .kansikuvat .biisilistaus_block .block_nimi, .elementor .kansikuvat .biisilistaus_block .block_esittaja {
        align-items: initial;
        align-self: initial;
        padding-right:0;
        min-height: inherit !important;
    }
}

.lataa_wav svg path, .lataa_mp3 svg path{
    fill:var( --e-global-color-primary );
    transition:all .3s;
}
.lataa_wav a:hover svg path, .lataa_mp3 a:hover svg path{
    fill:white;
}
/* if href link is empty, or href is totally missing, hide element */
.lataa_wav:has(a[href=""]), .lataa_wav:has(a:not([href])), .lataa_mp3:has(a[href=""]), .lataa_mp3:has(a:not([href])), .block_wav, .block_mp3 {
    display:none !important;
}
.block_wav:has(a), .block_mp3:has(a) {
    display:block !important;
}

/* Etusivun ajankohtaiset */
.magnumlive_posts {
    display:grid;
    grid-template-columns: repeat(3,1fr);
    grid-column-gap: 26px;
    grid-row-gap: 26px;
}
.magnumlive_posts a h2 {
    font-size: 22px;
    font-weight: 800;
    line-height: 18px;
    color: var( --e-global-color-primary );
    line-height: 28px;
}
@media all and (max-width:767px) {
    .magnumlive_posts {
        grid-template-columns: 1fr;
    }
    .magnumlive_posts a h2 {
        font-size: 18px;
        line-height: 24px;
    }
}

/* Tilaa uutiskirje */
.cf7_tilaa_uutiskirje label, #wpcf7-f2668-p189-o1 label {
    color:transparent;
}
.cf7_tilaa_uutiskirje input[type="email"], #wpcf7-f2668-p189-o1 input[type="email"] {
    height:60px;
    border-radius:38px;
}
.cf7_tilaa_uutiskirje .wpcf7-submit, .cf7_tilaa_uutiskirje .wpcf7-submit:focus, #wpcf7-f2668-p189-o1 .wpcf7-submit {
    height:60px;
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px !important;
    line-height: 20px !important;
    font-weight: 800;
    fill: var( --e-global-color-primary );
    color: var( --e-global-color-primary ) !important;
    background-color: var( --e-global-color-accent ) !important;
    border-radius: 38px 38px 38px 38px !important;
    padding: 20px 34px 20px 34px;
    border:0 !important;
    transition:all .3s !important;
    margin-left:16px;
}
.cf7_tilaa_uutiskirje .wpcf7-submit:hover, #wpcf7-f2668-p189-o1 .wpcf7-submit:hover {
    background-color:var( --e-global-color-primary ) !important;
    color:white !important;
}
.cf7_tilaa_uutiskirje form > p {
    display:flex;
    margin:0 !important;
}

#wpcf7-f2668-p189-o1 form > p {
    display: flex;
}

.cf7_tilaa_uutiskirje .wpcf7-not-valid-tip {
    color:white;
}
.cf7_tilaa_uutiskirje form.invalid .wpcf7-response-output {
    display:none !important;
}
.cf7_tilaa_uutiskirje form.sent .wpcf7-response-output {
    border:0 !important;
    padding:0 !important;
    margin:0 !important;
    color:white !important;
}
.cf7_tilaa_uutiskirje .wpcf7-spinner {  
    display: none !important;
}



/* Biisi-sivun linkkinapit */
.artisti_link_button {
    font-family: "Plus Jakarta Sans", Sans-serif;
    font-size: 20px;
    font-weight: 800;
    fill: var( --e-global-color-primary );
    color: var( --e-global-color-primary ) !Important;
    background-color: #F5C69400;
    border-style: solid;
    border-width: 1px 1px 1px 1px;
    border-color: var( --e-global-color-primary );
    border-radius: 38px 38px 38px 38px;
    padding: 20px 34px 20px 34px; 
    display:inline-block;
    margin-bottom:20px;
    transition:all .3s;
}
.artisti_link_button img {
    margin-left:16px;
    width:17px;
    height:17px;
    transition:all .3s;
}
.artisti_link_button:hover {
    color: var( --e-global-color-f8f7904 );
    background-color: var( --e-global-color-primary );
}
.artisti_link_button:hover img {
    filter: invert(100%) sepia(0%) saturate(0%) hue-rotate(238deg) brightness(105%) contrast(107%);
}
/* Jos ei ole yhtään artisti_link_buttonia piilotetaan .artisti_linkit osio */
.artisti_linkit_main_wrap {
    display:none !important;
}
.artisti_linkit_main_wrap:has(.artisti_link_button) {
    display:flex !important;
}

/* Biisi-sivun lisätiedot */
.single-biisi .biisi_lisatiedot div {
    margin-block-end: .9rem;
}

/* Yleiset */

.vaaleat-linkit a {
    text-decoration: underline !important;
}

.tummat-linkit a {
    text-decoration: underline !important;
    color: var( --e-global-color-primary ) !important;
}