/*
Theme Name: Kumminkaa 2019 (Air-light child)
Theme URI: https://github.com/digitoimistodude/air-light
Author: Kirkon viestintä (KKumminkaa.fi), original theme by Digitoimisto Dude Oy
Author URI: https://www.dude.fi
Description: Kumminkaa-fi custom look, based on Air-Light - A minimalist WordPress starter theme.
Template: air-light
Version: 4.5.5
License: MIT License
License URI: https://github.com/digitoimistodude/air-light/blob/master/LICENSE.md
Text Domain: air-light
*/

/* 
pinkki: #ddcbdf;
lila: #ad78b2;
turkoosi: #b7e3e2;
meri: #3fa2b7;
vaaleanharmaa: #eae9ea
tummanharmaa: #969596
*/

body{background:#fff;font-family:Nunito, Arial, sans-serif !important;}
h1, h2, h3, h4, h5, h6{font-family:Nunito, Arial, sans-serif !important;line-height:1;font-weight: 900 !important;}
body:not(.home) h1, body:not(.home) h2, body:not(.home) h3, body:not(.home) h4, body:not(.home) h5, body:not(.home) h6{color:#8B3B86;}
body:not(.home) h1.entry-title{color:#007DB3;}
/*a{cursor: url(images/kursori.png), auto;}*/
div{box-sizing:border-box;}
a{color:#007DB3;}
body a{color:#007DB3;font-weight:900;text-decoration:none !important;}
body p{line-height:1.5;margin-top: 1rem;margin-bottom: 1.8rem;}
body .entry-content > p:first-of-type {font-style: normal !important;font-size: 1.1em !important;margin-bottom:2.2rem;}
body .entry-content > p:first-of-type em{font-style: normal !important;}
h2, h3, h4{margin-top: 1.5em;margin-bottom: 0.5em;}
input{max-width:100%;}
a:hover, .leftmenu .nav-primary .menu-items a:active, .leftmenu .nav-primary .menu-items a:focus{color:#eae9ea;}
blockquote {padding-bottom: 1rem !important;}
.pinkki{background:#ddcbdf;}
.lila{background:#AB54A5;}
.turkoosi{background:#b7e3e2;}
.meri{background:#007DB3;}
.tummaturkoosi{background:#2b8295;}
.vaaleanharmaa{background:#eae9ea;}
.tummanharmaa{background:#777;}
.pinkki h2, .pinkki a{color:#ad78b2}
.meri h2, .meri a, .lila h2, .lila a, .tummanharmaa h2, .tummanharmaa a{color:#fff;}
.boxit{display:flex;flex-wrap:wrap;}
.nosto{min-height:25vh;flex-basis:100%;transition:0.3s all ease-out;overflow:hidden;position:relative;z-index:1;}
.nosto a{display:block;padding:2% 2% 2% 10%;position:relative;height:100%;width:100%;box-sizing:border-box;}
.nosto a.ingressi{display:none;background:rgba(255,255,255,0.9);height:50%;overflow:hidden;transition:0.3s all ease-out;padding:3% 5%;color:#ad78b2;font-size:0.8em;}
.nosto > div{width:100%;height:100%;opacity:1;background-repeat:no-repeat;background-size:cover;background-position:center;position:absolute;z-index:2;}
.nosto .peitto{position:absolute;width:100%;height:100%;background:#fff;z-index:180;opacity:0;}
.nosto .kuvallinen .peitto{opacity:0.8;}
.nosto .kuvallinen h2{color:#ad78b2;}
.nosto h2{max-width:80%;position:absolute;top:50%;transform:translatey(-50%);z-index:200;font-size:2.5rem;}
.container .nosto a, .entry-content .nosto a{text-decoration:none;}
.nav-toggle.hamburger{position:absolute;right:10px;top:0px;}
.container{max-width:100% !important;background:#fff;}
.leftmenu .site-title{margin:5vh auto 20px auto;max-width:60%;text-align:center;}
.home .entry-content{margin-bottom:0px;}
#footerlinks{/*background:#fff;*/padding:20px 5% 20px 10%;margin-top:0px;}
#footerlinks p{font-size:0.68em !important;}
#footerlinks img{margin:20px 0px 35px 0px;max-width:80% !important;}
#footerlinks a{color:#777;font-weight:bold;text-transform:uppercase;}
#footerlinks a:hover{color:#000;text-decoration: underline;}
#footerlinks p:not(:first-child) a:before{content:'› ';}
.disclaimer{font-size:0.8em;}
.haitari{border:1px solid #ddd;padding:20px;margin-bottom:20px;}
.haitari h2{cursor:pointer;transition:all 0.3s ease-out;}
.haitari p, .haitari h3, .haitari ul{transition:all 0.3s ease-out;}
.haitari:not(.active) h2{padding:0px;margin:0px;}
.haitari:not(.active) p, .haitari:not(.active) h3, .haitari:not(.active) ul,  .haitari:not(.active) iframe{height:0px;overflow:hidden;padding:0px;margin:0px;}
.haitari h2 {font-size: 24px;}
.haitari h3 {font-size: 21px;}
.site-title{color:#ad78b2;font-family:Nunito, Arial, sans-serif !important;font-size:4rem;margin-bottom:10px;}
.leftmenu .site-title a{color:#ad78b2;line-height:1;}
.leftmenu .sub-menu li a, .leftmenu .sub-menu li a:hover, .leftmenu .nav-primary .menu-items a:hover{color:#fff !important;}
.heateor_sss_horizontal_sharing{margin-top:40px;}
.heateor_sss_sharing_title{color:#3fa2b7;font-family:Nunito, Arial, sans-serif !important;}
.home .heateor_sss_horizontal_sharing{display:none;}
.nf-form-fields-required{display:none;}
.label-right .checkbox-wrap .nf-field-label{display:block !important;width:100% !important;}
.nf-field-label label {font-weight: normal !important;}
.nf-form-cont{margin-top:40px;}
.content-area .button, .content-area button, .content-area input[type=button], .content-area input[type=reset], .content-area input[type=submit]{background:#ad78b2 !important;}
#secondary blockquote, #secondary blockquote p {
    padding-left: 15px;
    font-family: Nunito, Arial, sans-serif !important;
    text-transform: none;
    line-height: 1.2;
    font-size: 1.1em;
    font-style: normal;
}
#secondary blockquote::before {
    content: "”";
    height: 30px;
    top: -10px;
    font-size: 3.0em;
}
#secondary blockquote p::after {
    content: "”";
    display: inline;
}
.js.js-nav-active .nav-primary{z-index:99 !important;}

@media (min-width: 600px){body p{font-size: 1.5rem ;}}
@media (max-width: 633.33333px){body p{font-size:16px;}}
@media (max-width: 760px){
.home .container {padding:0px !important;}
}

@media screen and (min-width: 760px){
.nosto{flex-basis:50%;min-height:50vh;}
body .container{padding-top:20px;}
.nosto a.ingressi{font-size:1em;}
}

@media screen and (min-width: 1024px){
.site{max-width:100%;margin:0px !important;}
body:not(.home) .site{width:1600px}
.site-content{width:100%;margin:0px auto;display:flex;background:#fff;}
.site-footer{margin-top:20px;}
body:not(.home) .site-content article{width:66.666%;/*width:calc((100%/3)*2);*/float:left;padding:5vh 9% 5% 7%;position: relative;background:#F7F5F5;}
body.page-template-page-onecolumn .site-content article{padding:5vh 9% 5% 7%;}
.home .site-content article{width:100%;}
.site-content #secondary{width:33.333%;/*width:calc(100%/3);*/float:left;background:#8B3B86;color:#fff;padding:5vh 3% 3% 3%;position: relative;}
.site-content #secondary .widget-title{margin-top:0px;}
.container{display:flex;}
.nosto{flex-basis:33.333%;/*flex-basis:calc(100%/3);*/}
.nosto h2{font-size:3rem;}
.nosto .kuvallinen h2{opacity:0;transition: 0.3s all ease-out;}
.nosto:hover .kuvallinen h2{opacity:1;}
#secondary h1, #secondary h2, #secondary h3, #secondary h4, #secondary h5{color:#fff;}
#main-navigation-wrapper{background:#AB54A5;margin-top:20px;}
.leftmenu{width: 20%;display: inline-block;float: left;padding-top:0px;background:#fff;}
#content{width: 80%;display: inline-block;}
.leftmenu .nav-primary {float: none;padding:0px;}
.leftmenu .sub-menu{width:100%;transition:none;}
.leftmenu .nav-primary .menu-item ul{background:transparent;}
.leftmenu .nav-primary .nav-menu .menu-item{border-bottom:1px solid #fff;}
.leftmenu .nav-primary .nav-menu .menu-item:last-child{border-bottom:none;}
.leftmenu .nav-primary .menu-item, .leftmenu .nav-primary .menu-items{float:none;}
.container{padding:0px !important;}
.home .container{padding:0px !important;}
.leftmenu .nav-primary .menu-items a{color:#fff;display:block;padding:15px 2% 15px 12%;font-weight:normal;}
.leftmenu .active{background:#8B3B86;}
.leftmenu .menu-item{transition:0.2s all ease-out;}
.leftmenu .menu-item:hover{background:#007DB3 !important;}
.leftmenu .menu-item:hover a{color:#fff !important;}
.leftmenu .nav-primary .menu-item ul.sub-menu{position:relative;transform:none !important;margin:0px;display:none;border-top:1px solid #fff;padding:0px !important;}
.leftmenu .nav-primary .menu-item ul.sub-menu.toggled-on,  .leftmenu .nav-primary .menu-item.current-page-ancestor .sub-menu{display:block;}
.leftmenu .active .sub-menu{width:100%;}
.leftmenu .active .sub-menu li{width:100%;background:#AB54A5;}
/*.leftmenu .active .sub-menu li:not(:first-child){border-top: 1px solid #fff;}*/
.leftmenu .nav-primary .menu-item ul.sub-menu > li{padding-left:4%;}
.leftmenu .sub-menu li a, .leftmenu .sub-menu li a:hover, .leftmenu .nav-primary .menu-items a:hover{color:#fff !important;position:relative !important;}
.leftmenu .nav-primary .menu-item .dropdown-toggle {top:25px;right: 0px;padding:0px;cursor: pointer;background-image: url(../air-light/svg/chevron-right.svg);background-size:33%;height:50px;width:52px;}
.leftmenu .nav-primary .menu-item.current-page-ancestor .dropdown-toggle, .leftmenu .nav-primary .menu-item.menu-item.menu-item-has-children.current_page_item .dropdown-toggle, .leftmenu .nav-primary .menu-item .dropdown-toggle.toggled-on{background-image: url(../air-light/svg/chevron-down.svg);}
	.current-page-ancestor .dropdown-toggle{/*background-color:#007DB3 !important;*/}
.leftmenu .active .sub-menu, .leftmenu .current-page-ancestor .sub-menu, .leftmenu .nav-primary .menu-item.active ul{display:block;position:relative;visibility:visible;opacity:1;transform:none;}
.leftmenu .nav-primary .menu-item.menu-item-has-children{margin-right:0px;}
.leftmenu .nav-primary .menu-item.menu-item-has-children>a{margin:0px;}
.has-2-columns .wp-block-column:not(:last-child){flex-basis: 66.666%;flex-basis:calc((100%/3)*2);}
.has-2-columns .wp-block-column:not(:first-child){flex-basis: 33.333%;flex-basis:calc(100%/3);background:#3fa2b7;color:#fff;padding:20px;}
#secondary blockquote{color:#fff;padding-left:18px;text-transform:none;line-height:1.2;font-size:1em;padding-right:8px;font-style:normal;}
#secondary blockquote p{color:#fff;padding-left:18px;text-transform:none;line-height:1.2;font-size:1em;padding-right:8px;font-style:normal;}
#secondary blockquote:before{content:'”';height:30px;top:-10px;font-size:3.5em;}
#secondary blockquote p:after{content:'”';display:inline;}
#secondary h2, #secondary h3, #secondary h4, #secondary h5, #secondary h6{color:#FCD7FA;line-height:1.1;}
#secondary h2{font-size:1.8em;}
#secondary a{color:#fff !important;}
body.page-template-page-onecolumn .site{width: 1600px;}
body.page-template-page-onecolumn .site-content article{width:66.666%;}
/*body.page-template-page-onecolumn .leftmenu{width:26.666%;}
body.page-template-page-onecolumn #content{width:73.333%;}*/
.leftmenu .menu-item ul li{width:100% !important;}
.leftmenu .menu-item a{font-size:1.5rem !important;}
.nosto .kuvallinen .peitto{opacity:0;}
.nosto:hover .kuvallinen .peitto{opacity:0.8 !important;}
.nosto:hover .kuvallinen h2{color:#ad78b2;}
.nosto:hover a.ingressi{display:block;position:absolute;top:50%;}
.nosto:hover > div{height:50%;overflow:hidden;}
}

/*.leftmenu .nav-primary .menu-item ul.sub-menu.toggled-on, .leftmenu .nav-primary .menu-item.current-page-ancestor .sub-menu {background: #007DB3;}*/

@media only screen and (min-width: 1200px){
.haitari h2 {font-size: 1.7vw;}
.haitari h3 {font-size: 1.5vw;}
}

@media screen and (max-width: 959px){
.js.js-nav-active .nav-primary {z-index:99;}
}