/*
Theme Name: Partiohuivi Lohkot
Description: Kaisamaria Texin alkuperäisen ulkoasun säilyttävä lohkoteema.
Version: 1.0.4
Author: Paikallinen Mainostoimisto
Requires at least: 6.6
Requires PHP: 8.0
Text Domain: partiohuivi-lohkot
License: GPL-2.0-or-later
*/
/* Original Canvas measurements, independent of Canvas. */
@font-face{font-family:"Open Sans";font-style:normal;font-weight:400;font-display:swap;src:url("assets/open-sans-regular.ttf") format("truetype")}
html{scroll-behavior:auto}
body{margin:0;background:#fff;color:#555;font:400 14px/1.5 "Open Sans",Arial,sans-serif}
.wp-site-blocks{padding:0;overflow-x:clip}
.wp-site-blocks>*{margin-block-start:0}
a{color:#124f8c;text-decoration:none}
a:hover{text-decoration:underline}
img{max-width:100%;height:auto}
.ph-site-header{display:flex;flex-direction:column;margin:0}
.ph-brand{width:100%;max-width:1000px;box-sizing:content-box;margin:0 auto;padding:30px 22.652px}
.ph-brand-inner{position:relative;left:5%;display:flow-root}
.ph-site-title{margin:0 0 5px!important;font:400 40px/40px Georgia,serif;color:#32384d}
.ph-site-title a{color:inherit;text-decoration:none}
.ph-tagline{margin:0!important;font:400 18px/18px Georgia,serif;color:#565240}
.ph-navigation-band{background:#32384d;border-top:1px solid #dbdbdb;border-bottom:1px solid #dbdbdb;padding:0 22.652px;margin-bottom:42px}
.ph-main-navigation{max-width:1000px;margin:0 auto;min-height:51.203125px;font:400 16px/1.2 "Open Sans",Arial,sans-serif;color:#fff;--navigation-layout-justify:flex-start;--navigation-layout-direction:row}
.ph-main-navigation .wp-block-navigation__container{gap:0;align-items:stretch}
.ph-main-navigation .wp-block-navigation-item__content{padding:16px 14.4px;color:#fff;text-decoration:none;white-space:nowrap}
.ph-main-navigation .wp-block-navigation-item__content:hover,.ph-main-navigation .current-menu-item>.wp-block-navigation-item__content{background:#004a8c;color:#fff}
.ph-hero{position:relative;top:-20px;max-width:1040px;margin:0 auto!important;padding:0 0 16.8px;box-shadow:0 0 15px rgba(10,10,10,.95);line-height:0}
.ph-hero .wp-block-image{margin:0;line-height:0}
.ph-hero img{display:block;width:100%;height:auto;border:0;padding:0}
.ph-content{position:relative;max-width:1000px;box-sizing:content-box;margin:25px auto 20px!important;padding:20px 22.652px;border-top:4px solid #fff;border-bottom:4px solid #fff;box-shadow:1px 1px 4px rgba(0,0,0,.2)}
.ph-columns{display:flex;align-items:flex-start;justify-content:space-between;gap:0}
.ph-main{width:64.89%;min-width:0}
.ph-home-content .ph-main{width:100%}
.ph-sidebar{width:31.91%;padding-bottom:30px;font:400 14px/21px "Open Sans",Arial,sans-serif}
.ph-sidebar h3{margin:0 0 14.4px;padding:8px;background:#32384d;color:#fff;border-bottom:1px solid #e6e6e6;font:400 18px/21.6px "Open Sans",Arial,sans-serif}
.ph-sidebar p{font:inherit;margin:0 0 15px}
.ph-sidebar p:last-child{margin-bottom:0}
.ph-post-title{font:400 28px/30.8px "Open Sans",Arial,sans-serif;color:#222;margin:0 0 14px!important}
.ph-entry{font:400 15px/22.5px "Open Sans",Arial,sans-serif;margin:0;overflow-wrap:break-word}
.ph-entry p{font:inherit;margin:0 0 18px}
.ph-entry .wp-block-list{margin:0 0 15px;padding:0 0 0 30px;list-style:disc}
.ph-entry li{margin:0;padding:0}
.ph-entry .ph-image-row{margin:0 0 18px;line-height:22.5px}
.ph-entry .ph-image-row::after{content:none}
.ph-entry .ph-source-image{display:inline;line-height:22.5px;margin:0;padding:0}
.ph-entry .ph-source-image a{display:inline}
.ph-entry .ph-source-image img{display:inline;vertical-align:bottom;box-sizing:content-box;height:auto!important;max-width:100%;padding:3px;border:1px solid #e6e6e6;background:rgba(255,255,255,.7)}
.ph-entry .ph-source-image.alignleft{display:block;float:left;margin:5px 15px 15px 0}
.ph-entry .ph-source-image.alignright{display:block;float:right;margin:5px 0 15px 15px}
.ph-entry .ph-source-image.aligncenter{display:block;margin:0 auto 15px;text-align:center}
.ph-entry .ph-source-image.aligncenter img{display:inline-block}
.ph-entry h1,.ph-entry h2,.ph-entry h3,.ph-entry h4{margin:0 0 .5em;color:#222;font-weight:400;line-height:1.5}
.ph-footer{max-width:1000px;box-sizing:content-box;margin:0 auto;padding:20px 21.034px;display:flex;align-items:flex-start;justify-content:space-between;color:#999;font:300 13px/18.2px "Helvetica Neue",Helvetica,Arial,sans-serif}
.ph-footer p{margin:0 0 15.6px;font:inherit}
.ph-footer .ph-credit{font-size:inherit;margin:15.6px 0 15.6px}
.ph-footer a{color:#124f8c}
.ph-site-header>.ph-navigation-band{margin-bottom:42px!important}
.ph-hero .wp-block-image{display:block;width:100%;max-width:none}
.ph-hero .wp-block-image a{display:block;width:100%}
.ph-hero .wp-block-image img{width:100%!important;max-width:100%;height:auto}
.home .ph-main-navigation .wp-block-navigation-item:first-child>.wp-block-navigation-item__content{background:#004a8c;color:#fff}
.ph-main>.ph-entry{margin-bottom:0!important}
.ph-entry>p,.ph-entry>.ph-image-row{margin-bottom:18px!important}
.ph-entry>.wp-block-list{margin-bottom:15px!important}
.editor-styles-wrapper{font:400 15px/22.5px "Open Sans",Arial,sans-serif}
.editor-styles-wrapper .ph-image-row{margin:0 0 18px;line-height:22.5px}
.editor-styles-wrapper .ph-source-image{display:inline;margin:0;line-height:22.5px}
.editor-styles-wrapper .ph-source-image img{height:auto!important;max-width:100%;padding:3px;border:1px solid #e6e6e6;box-sizing:content-box}
.editor-styles-wrapper .ph-source-image.alignleft{float:left;margin:5px 15px 15px 0}
.ph-menu-home{display:none}
@media(min-width:768px){
body:not(.home) .ph-content{margin-top:0!important}
.ph-main-navigation .wp-block-navigation__responsive-container-open{display:none!important}
.ph-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:block!important;position:relative;background:transparent}
}
@media(max-width:767px){
.ph-brand{width:auto;max-width:none;box-sizing:border-box;margin:0;padding:30px 22.652px}
.ph-brand-inner{left:5%}
.ph-tagline{max-width:100%}
.ph-navigation-band{order:-1;border:0;background:linear-gradient(#252525,#111);padding:0;margin:0}
.ph-site-header>.ph-navigation-band{margin-bottom:0!important}
.ph-main-navigation{max-width:none;min-height:40.1875px;font:400 14px/21px "Open Sans",Arial,sans-serif}
.ph-main-navigation .wp-block-navigation__responsive-container:not(.is-menu-open){display:none!important}
.ph-main-navigation .wp-block-navigation__responsive-container-open{display:flex!important;align-items:center;gap:14px;min-height:40.1875px;width:100%;padding:0 14px;color:#fff}
.ph-main-navigation .wp-block-navigation__responsive-container-open svg{width:12px;height:12px}
.ph-main-navigation .wp-block-navigation__responsive-container-open::after{content:"Navigation";padding:9px 0 9px 14px;border-left:1px solid #333}
.ph-main-navigation .wp-block-navigation__responsive-container.is-menu-open{width:80vw;right:auto;left:0;background:#f0f0f0!important;color:#555!important;padding:0;box-sizing:border-box;animation:none}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-dialog{margin:0}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-container-close{left:14px;right:auto;top:14px;width:28px;height:28px;padding:6px;border-radius:2px;background:#999;color:#fff}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-container-content{display:block;padding-top:62px;align-items:stretch}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-container-content::before{content:"päävalikko";display:block;padding:0 14px 7px;color:#333}
.ph-main-navigation .is-menu-open .wp-block-navigation__container{display:block;gap:0;width:100%;align-items:stretch}
.ph-main-navigation .is-menu-open .wp-block-navigation-item{display:block;width:100%}
.ph-main-navigation .is-menu-open .wp-block-navigation-item__content{display:block;box-sizing:border-box;padding:5px 12px;color:#555;font:400 14px/21px "Open Sans",Arial,sans-serif}
.ph-main-navigation .is-menu-open .wp-block-navigation-item{display:block!important;width:100%!important}
.ph-main-navigation .is-menu-open .wp-block-navigation-item__content{display:block!important;width:100%!important;padding:7px 12.6px!important;font:400 14px/16.8px "Helvetica Neue",Helvetica,sans-serif;color:#666}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-dialog{margin:0!important}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-container-content{padding-top:59.304px!important}
.ph-main-navigation .is-menu-open .wp-block-navigation__responsive-container-content::before{padding:7px 14px;font:400 14px/16.8px "Open Sans",Arial,sans-serif;color:#222}
.ph-main-navigation .is-menu-open .current-menu-item>.wp-block-navigation-item__content,.home .ph-main-navigation .is-menu-open .wp-block-navigation-item:first-child>.wp-block-navigation-item__content{background:#e6e6e6;color:#3088ff}
.wp-site-blocks{transition:transform .2s ease}
body:has(.ph-main-navigation .is-menu-open) .wp-site-blocks{transform:translateX(80vw);overflow:visible}
.ph-main-navigation .wp-block-navigation__responsive-container.is-menu-open{top:0!important;left:-80vw!important;bottom:auto;height:calc(100dvh - var(--wp-admin--admin-bar--height,0px));overflow-y:auto}
.ph-main-navigation .is-menu-open .ph-menu-home{position:absolute;top:14px;right:14px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:2px;background:#999;color:#fff}
.ph-menu-home svg{width:14px;height:14px;fill:currentColor}
.ph-main-navigation .is-menu-open .current-menu-item>.wp-block-navigation-item__content{color:#209fda;background:#e5e5e5}
.ph-hero{max-width:100%;margin:0 auto!important}
.ph-content{width:auto;box-sizing:border-box;margin:25px 0 20px!important;padding:20px 22.652px}
.ph-columns{display:block}
.ph-main,.ph-home-content .ph-main,.ph-sidebar{width:100%}
.ph-sidebar{clear:both;margin-top:42px}
.ph-footer{max-width:none;box-sizing:border-box;display:block;padding:20px 21.034px;text-align:center}
.ph-footer .ph-credit{margin-top:0}
}
@media(prefers-reduced-motion:reduce){.wp-site-blocks{transition:none}}