/*
 Theme Name:   FinELib
 Theme URI:    https://finelib.fi
 Description:  FinELib theme
 Author:       Jyri Öhman / Kilda
 Author URI:   https://kilda.fi
 Template:     twentyfifteen
 Version:      1.0.0
 Tags:         light, dark, two-columns, right-sidebar, responsive-layout, accessibility-ready
 Text Domain:  twenty-fifteen-child
*/

@import url('https://fonts.googleapis.com/css2?family=Public+Sans:ital,wght@0,300;0,400;0,600;1,300;1,400;1,600&display=swap');

body{
    color: #002855;
    font-family: 'Public Sans', sans-serif;
    font-size: 16px;
    font-weight: 300;
    line-height: 1.375;
    margin: 0;
}

#page{
    overflow: hidden;
}

h1, h2, h3, h4, h5, h6{
    font-weight: 700;
    line-height: 1.15;
}

h1{
    font-size: 45px !important;
    margin: 0 0 25px 0;
}

h2{
    color: #a0270a;
    font-size: 35px;
    font-weight: 700;
    margin: 0 0 10px 0;
}

h2 strong{
    font-weight: 700 !important;
}

.alternative_access h2 a{
    color: #a0270a;
    font-size: 28px;
    font-weight: inherit;
    letter-spacing: 0;
    text-transform: none;
}

.alternative_access img{
    height: auto;
    max-width: 150px;
}

h3{
    color: #02629c;
    font-size: 22px;
    letter-spacing: 0;
    text-transform: none;
}

strong{
    font-weight: 600 !important;
}

a, a:link, a:visited, 
.negotiations .fl-accordion-button{
    color: #02629c;
    font-weight: 700;
    letter-spacing: 0;
    outline: none;
    text-decoration: none;
    text-transform: none !important;
    -webkit-transition: color 0.5s ease-out;
    -moz-transition: color 0.5s ease-out;
    -o-transition: color 0.5s ease-out;
    transition: color 0.5s ease-out;
}

a:hover, a:focus, 
.negotiations .fl-accordion-button:hover{
    border-bottom-color: rgba(98,153,181,0.8) !important;
    cursor: pointer !important;
    outline: none !important;
}

.fl-module-rich-text a:link, 
#post-navigation a:link,
a.fl-post-feed-more{
    border-bottom-width: 2px;
    border-bottom-style: solid;
    border-bottom-color: rgba(98,153,181,0.4) !important;
    font-size: inherit;
    font-weight: 300;
    letter-spacing: 0;
    text-decoration: none;
    text-transform: none;
}

.button a:link{
    font-size: 17px !important;
}

a img{
    border: 0;
}

#footer a:link, a.fl-post-feed-more:link{
    font-size: 18px;
    font-weight: 300;
    letter-spacing: 0;
    text-transform: none;
}

body #footer img{
    height: auto;
    width: auto !important;
}

/* Navigation */

#navigation li{
    margin: 0 5px;
}

body #navigation a:link, body #navigation a:visited{
    border: 0 !important;
    color: #002855;
    font-size: 16px;
    font-weight: 600;
    letter-spacing: 0.05em;
    padding: 10px;
    text-transform: none;
}

body #navigation a:hover, 
body #navigation .current-menu-item > a, 
body #navigation .current-menu-item > div > a, 
body #navigation .current_page_ancestor.menu-item-has-children > div > a{
    color: #a0270a !important;
}

body #navigation #menu-item-370 a, 
body #navigation #menu-item-371 a, 
body #navigation #menu-item-616 a{
    color: #002855 !important;    
}

body #navigation #menu-item-370 a:hover, 
body #navigation #menu-item-371 a:hover, 
body #navigation #menu-item-616 a:hover{
    color: #a0270a !important;    
}

#navigation .fl-has-submenu-container a{
    padding-right: 30px !important;
}

#navigation .fl-menu-toggle{
    color: #002855 !important;
}

#logo img{
    height: auto;
    max-width: 130px;
}

.twitter_icon img{
    height: auto;
    max-width: 30px;
    position: relative;
    top: 6px;
}

/* Intro */

.polygon img{
    height: auto;
    margin: 0 auto;
    max-width: 60px;
}

/* Buttons */

body .fl-button{
    border: 1px solid #a0270a !important;
    font-weight: 700 !important;
    letter-spacing: 0 !important;
    padding: 15px 20px 12px 12px !important;
    -moz-border-radius: 4px !important;
    border-radius: 4px !important;
}

.buttons{
    background: #fff;
    border: 1px solid #a0270a !important;
    font-weight: 700 !important;
    margin: -50px 50px 50px 50px;
    position: relative;
    z-index: 1000;
}

.buttons p{
    line-height: 1 !important;
}

.buttons ul{
    line-height: 1.25 !important;
    margin: 10px;
    padding: 0;
}

.buttons > div{
    margin: 20px 50px;
}

.fa-arrow-right{
    margin-left: 12px;
    position: relative;
        top: -2px;
}

.fl-button-group-buttons .fl-button-wrap{
    display: inline-block;
}


/* Accordion / Negotiations */

.negotiations .fl-accordion-button, 
.negotiations .fl-accordion-content{
    padding: 0;
}

.fl-accordion-item{
    border: 0 !important;
    border-bottom: 1px solid #a0270a !important;
    margin-bottom: 25px;
    padding-bottom: 25px;
}

.fl-accordion-button-icon{
    font-size: 16px;
    position: relative;
    top: 1px;
    vertical-align: top;
    zoom: 1;
    filter: alpha(opacity=100);
    opacity: 1;
}

.table_container{
    overflow-x: auto;
}

.table_container table{
    border: 1px solid #02629c;
    margin-bottom: 50px;
}

.table_container table tr{
    border: 0;
    margin: 0;
}

.table_container table tr td{
    border: 0;
    border-right: 1px solid #02629c;
    border-bottom: 1px solid #02629c;
    margin: 0;
    padding: 10px;
    vertical-align: top;
}

.table_container table tr:last-child td{
    border-bottom: 0;
}

.table_container table tr td:last-child{
    border-right: 0;
}

.news_grid{
    text-align: left;
}

.news_grid .fl-post-feed-post{
    display: inline-block;
    margin: 0 20px;
    text-align: left;
    vertical-align: top;
    width: 28%;
}

/* High contrast */


.high_contrast_toggle{
    margin: 0 0 -30px 0;
    text-align: right;
    width: 100%;
    padding-right: 15px;
}

.high_contrast_toggle a{
    cursor: pointer;
    font-size: 12px;
    font-weight: 400;
}

.high_contrast_toggle a span{
    display: none;
}

.page-id-4 .high_contrast_toggle a span.fi, 
.parent-pageid-4 .high_contrast_toggle a span.fi{
    display: inline;
}

.page-id-134 .high_contrast_toggle a span.en, 
.parent-pageid-134 .high_contrast_toggle a span.en, 
.single .high_contrast_toggle a span.en{
    display: inline;
}

.high_contrast #footer h3{
    color: #fff;
}

/* Share buttons */

.single .fl-social-buttons{
    display: none !important;
}

/* Post navigation */
#post-navigation{
    border-top: 1px solid #6299b5;
    display: block;
    margin: -25px auto 25px auto !important;
    max-width: 698px;
    padding-top: 25px;
    padding-bottom: 5px;
    overflow: hidden;
    width: 100%;
}

#post-navigation-next, 
#post-navigation-previous{
    width: 50%;
}

#post-navigation-next{
    float: right;
    text-align: right;
}

#post-navigation-previous{
    float: left;
    text-align: left;
}

/* Title rows */

.single #header + .fl-row > .fl-row-content-wrap{
    padding: 12.5px !important;
}

/* Kansalliskirjasto */

#kansalliskirjasto .fl-button{
    border: none !important;
}

/* OA-edut */

#action .fl-button{
    border: none !important;
    padding: 0 !important;
}


@media only screen and (device-width: 768px){

}

@media screen and (max-width: 680px){

    h1{
        font-size: 36px;
    }
    
    #action h1{
        text-align: left !important;
    }
    
    h2{
        font-size: 28px;
    }
    
    #logo .fl-photo-align-left{
        text-align: center;
    }
    
    #logo img{
        margin: 0 auto;
        max-width: 120px;
    }
    
    body .fl-menu{
        text-align: center !important;
    }
    
    body .fl-menu button.hamburger{
        color: #6299b5;
        float: none !important;
        font-size: 12px;
        margin: 10px 0;
    }
    
    .fl-menu-horizontal{
        text-align: center;
    }
    
    #footer img{
        height: auto;
        max-width: 50px;
    }
    
    .news_grid .fl-post-feed-post{
        width: 100%;
    }
    
    .high_contrast_toggle{
        text-align: center;
        padding-right: 0;
    }
    
}


/* Sharp fonts */

body{
    text-rendering: optimizeLegibility;
    text-rendering: geometricPrecision;
    font-smooth: always;
    font-smoothing: antialiased;
    -moz-font-smoothing: antialiased;
    -webkit-font-smoothing: antialiased;
    -webkit-font-smoothing: subpixel-antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}









/* OTA POIS KUN JULKAISTU */