/* Kanava.to */

:root {
    /* Font Families */
    --font-header: 'Cabin', sans-serif;
    --font-body: 'Inter', sans-serif;

    /* Font Sizes */
    --fs-h1: 48px;
    --fs-h2: 36px;
    --fs-h3: 32px;
    --fs-body: 18px;
    --fs-body-sm: 16px;
    --fs-menu: 14px;

    /* Line Heights */
    --lh-h1: 56px;
    --lh-h2: 48px;
    --lh-h3: 44px;
    --lh-body: 30px;
    --lh-body-sm: 28px;
    --lh-menu: 22px;

    /* Font Weights */
    --fw-bold: 700;
    --fw-light: 300;
}

* {
    font-family: 'Inter', sans-serif;
    font-weight: 300;
    font-size: 18px;
    line-height: 30px;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
    font-family: 'Cabin', sans-serif;
    font-weight: 700;
}

h3, h3 a {
    font-size: 32px;
    line-height: 44px;
}

h1 {
    font-family: var(--font-header);
    font-size: var(--fs-h1);
    font-weight: var(--fw-bold);
    line-height: var(--lh-h1);
}

h2 {
    font-family: var(--font-header);
    font-size: var(--fs-h2);
    font-weight: var(--fw-bold);
    line-height: var(--lh-h2);
}

h3 {
    font-family: var(--font-header);
    font-size: var(--fs-h3);
    font-weight: var(--fw-bold);
    line-height: var(--lh-h3);
}

p {
    font-family: var(--font-body);
    font-size: var(--fs-body);
    font-weight: var(--fw-light);
    line-height: var(--lh-body);
}

.block.block-entry-header-demo .shade {
    display: none;
}

.wp-block-kadence-posts .entry-taxonomies a {
    font-size: 18px;
    line-height: 30px;
}

.kt-inside-inner-col p strong {
    font-size: 24px;
    line-height: 30px;
}

.nav-link {
    font-family: var(--font-body);
    font-size: var(--fs-menu);
    font-weight: var(--fw-light);
    line-height: var(--lh-menu);
    text-decoration: none;
}

button, .btn {
    font-family: var(--font-body);
    font-size: var(--fs-body-sm);
    font-weight: var(--fw-bold);
    line-height: var(--lh-body-sm);
    border: none;
    background: none;
    cursor: pointer;
}



.site-header {
    max-width: unset;
}

.nav-container .nav-primary > ul > li > a {
    font-size: 19px;
    color: #FFFFFF;
    transition: color .3s ease;
    font-weight: 400;
}

.nav-primary .menu-item.current-menu-item a,.nav-container .nav-primary > ul > li > a:hover {
    color: #abb0b9;
}


.nav-container {
    background: none !important;
}

body .site-content {
    margin-top: -148px;
}

.site-footer {
    background-color: white;
}

.block.block-entry-header-demo .inner {
    grid-template-columns: unset;
    max-width: none;
    padding: 0 2em;
}

body:not(.home) .block.block-entry-header-demo .content {
    margin-right: auto;
}

body:not(.home) .block.block-entry-header-demo .inner {
    width: 100%;
    margin-top: 140px;
    padding-left: 8rem;
    padding-right: 8rem;
}

body:not(.home) .block.block-entry-header-demo h1 {
    font-size: 148px;
    line-height: 156px;
    padding: 0;
}

body.home .block.block-entry-header-demo h1 {
    font-size:136px;
    padding-top:0;
    padding-bottom:0;
    line-height: 156px;
}

body:not(.home) .block.block-entry-header-demo .inner {
    grid-template-rows: unset;
}

body:not(.home) .block.block-entry-header-demo {
    height: 60vh;
    max-height:590px;
    min-height: 0px;
}

body.post-template-default .block.block-entry-header-demo, body.archive .block.block-entry-header-demo {
    height: 30vh;
}

.accent,.accent p {
    color: white;
    font-weight: 300;
    /* max-width: 50%; */
    text-transform: unset;
    line-height: 48px;
    font-size: 35px;
    padding-top: 60px;
    bottom: 0;
    text-shadow: 0 0px 10px rgba(0, 0, 0, 0.5);
    margin-top: 15px;
    width: 50%;
    white-space: pre-wrap;
}

a, .container a, .entry-content a, .container.container-article article a:not(.button):not(.no-text-link) {
    color: #F38F00;
    text-decoration: none;
    border-bottom: none;
    box-shadow: none;
}

a:hover, .container.container-article article a:hover:not(.button):not(.no-text-link), .container.container-article article a:focus:not(.button):not(.no-text-link) {
    color: #d47d00;
    text-decoration: none;
    box-shadow: none;
}

.cart-links button, .cart-links .button, .cart-links button.button, .cart-links a.button, .cart-links a.checkout-button, .cart-links .wp-block-button__link, .cart-links input[type="reset"], .cart-links input[type="submit"], .cart-links input[type="button"], .woocommerce .site-content button, .woocommerce .site-content .button, .woocommerce .site-content button.button, .woocommerce .site-content a.button, .woocommerce .site-content a.checkout-button, .woocommerce .site-content .wp-block-button__link, .woocommerce .site-content input[type="reset"], .woocommerce .site-content input[type="submit"], .woocommerce .site-content input[type="button"], .woocommerce-cart .wc-proceed-to-checkout button, .woocommerce-cart .wc-proceed-to-checkout .button, .woocommerce-cart .wc-proceed-to-checkout button.button, .woocommerce-cart .wc-proceed-to-checkout a.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-cart .wc-proceed-to-checkout input[type="reset"], .woocommerce-cart .wc-proceed-to-checkout input[type="submit"], .woocommerce-cart .wc-proceed-to-checkout input[type="button"], .woocommerce-checkout .wc-proceed-to-checkout button, .woocommerce-checkout .wc-proceed-to-checkout .button, .woocommerce-checkout .wc-proceed-to-checkout button.button, .woocommerce-checkout .wc-proceed-to-checkout a.button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-checkout .wc-proceed-to-checkout input[type="reset"], .woocommerce-checkout .wc-proceed-to-checkout input[type="submit"], .woocommerce-checkout .wc-proceed-to-checkout input[type="button"], .content-area button, .content-area .button, .content-area button.button, .content-area a.button, .content-area a.checkout-button, .content-area .wp-block-button__link, .content-area input[type="reset"], .content-area input[type="submit"], .content-area input[type="button"], .site-footer button, .site-footer .button, .site-footer button.button, .site-footer a.button, .site-footer a.checkout-button, .site-footer .wp-block-button__link, .site-footer input[type="reset"], .site-footer input[type="submit"], .site-footer input[type="button"] {
    background: #F38F00;
    padding-right:50px;
    border-radius: 0 20px 20px 0 ;
}

.cart-links button, .cart-links .button, .cart-links button.button, .cart-links a.button, .cart-links a.checkout-button, .cart-links .wp-block-button__link, .cart-links input[type="reset"], .cart-links input[type="submit"], .cart-links input[type="button"], .woocommerce .site-content button, .woocommerce .site-content .button, .woocommerce .site-content button.button, .woocommerce .site-content a.button, .woocommerce .site-content a.checkout-button, .woocommerce .site-content .wp-block-button__link, .woocommerce .site-content input[type="reset"], .woocommerce .site-content input[type="submit"], .woocommerce .site-content input[type="button"], .woocommerce-cart .wc-proceed-to-checkout button, .woocommerce-cart .wc-proceed-to-checkout .button, .woocommerce-cart .wc-proceed-to-checkout button.button, .woocommerce-cart .wc-proceed-to-checkout a.button, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-cart .wc-proceed-to-checkout input[type="reset"], .woocommerce-cart .wc-proceed-to-checkout input[type="submit"], .woocommerce-cart .wc-proceed-to-checkout input[type="button"], .woocommerce-checkout .wc-proceed-to-checkout button, .woocommerce-checkout .wc-proceed-to-checkout .button, .woocommerce-checkout .wc-proceed-to-checkout button.button, .woocommerce-checkout .wc-proceed-to-checkout a.button, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link, .woocommerce-checkout .wc-proceed-to-checkout input[type="reset"], .woocommerce-checkout .wc-proceed-to-checkout input[type="submit"], .woocommerce-checkout .wc-proceed-to-checkout input[type="button"], .content-area button, .content-area .button, .content-area button.button, .content-area a.button, .content-area a.checkout-button, .content-area .wp-block-button__link, .content-area input[type="reset"], .content-area input[type="submit"], .content-area input[type="button"], .site-footer button, .site-footer .button, .site-footer button.button, .site-footer a.button, .site-footer a.checkout-button, .site-footer .wp-block-button__link, .site-footer input[type="reset"], .site-footer input[type="submit"], .site-footer input[type="button"] {
    background: #F38F00;
    padding: 15px 50px 15px 20px;
    border-radius: 0 20px 20px 0 ;
}

.content-area .wp-block-button__link:after {
    content: " »";
    position: absolute;
    right: 25px;
    color: white;
    font-weight: 700;
    transition: color .3s ease;
}

.cart-links button:hover, .cart-links .button:hover, .cart-links button.button:hover, .cart-links a.button:hover, .cart-links a.checkout-button:hover, .cart-links .wp-block-button__link:hover, .cart-links input[type="reset"]:hover, .cart-links input[type="submit"]:hover, .cart-links input[type="button"]:hover, .woocommerce .site-content button:hover, .woocommerce .site-content .button:hover, .woocommerce .site-content button.button:hover, .woocommerce .site-content a.button:hover, .woocommerce .site-content a.checkout-button:hover, .woocommerce .site-content .wp-block-button__link:hover, .woocommerce .site-content input[type="reset"]:hover, .woocommerce .site-content input[type="submit"]:hover, .woocommerce .site-content input[type="button"]:hover, .woocommerce-cart .wc-proceed-to-checkout button:hover, .woocommerce-cart .wc-proceed-to-checkout .button:hover, .woocommerce-cart .wc-proceed-to-checkout button.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.button:hover, .woocommerce-cart .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-cart .wc-proceed-to-checkout .wp-block-button__link:hover, .woocommerce-cart .wc-proceed-to-checkout input[type="reset"]:hover, .woocommerce-cart .wc-proceed-to-checkout input[type="submit"]:hover, .woocommerce-cart .wc-proceed-to-checkout input[type="button"]:hover, .woocommerce-checkout .wc-proceed-to-checkout button:hover, .woocommerce-checkout .wc-proceed-to-checkout .button:hover, .woocommerce-checkout .wc-proceed-to-checkout button.button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.button:hover, .woocommerce-checkout .wc-proceed-to-checkout a.checkout-button:hover, .woocommerce-checkout .wc-proceed-to-checkout .wp-block-button__link:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type="reset"]:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type="submit"]:hover, .woocommerce-checkout .wc-proceed-to-checkout input[type="button"]:hover, .content-area button:hover, .content-area .button:hover, .content-area button.button:hover, .content-area a.button:hover, .content-area a.checkout-button:hover, .content-area .wp-block-button__link:hover, .content-area input[type="reset"]:hover, .content-area input[type="submit"]:hover, .content-area input[type="button"]:hover, .site-footer button:hover, .site-footer .button:hover, .site-footer button.button:hover, .site-footer a.button:hover, .site-footer a.checkout-button:hover, .site-footer .wp-block-button__link:hover, .site-footer input[type="reset"]:hover, .site-footer input[type="submit"]:hover, .site-footer input[type="button"]:hover {
    background: #d47d00;
    color: white;
}

.content-area .orange-btn a.wp-block-button__link {
    background: #F36100;
}

.content-area .orange-btn a.wp-block-button__link:hover {
    background: #d15400;
}

.front-mid-img {
    position: absolute;
    right: 30px;
    bottom: -50px;
    z-index: 1;
    width: 45%;
    /* max-width: 700px; */
}

.kb-button {
    font-size: 19px !important;
}

.alignfull>.kt-row-column-wrap {
    padding: 0 !important;
}

.wp-block-kadence-posts .loop-entry .post-thumbnail {
    padding-bottom: 0;
    height: 672px;
}

@media screen and (max-width: 1350px) {
    body:not(.home) .block.block-entry-header-demo h1 {
        font-size: 96px;
        line-height: 104px;
    }
}

.front-head-img-mobile {
    display: none;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

.front-head-img {
    display: block;
    filter: drop-shadow(3px 5px 2px rgb(0 0 0 / 0.4));
}

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

    .front-head-img-mobile {
        display: block;
    }

    .front-head-img {
        display: none;
    }

    .block.block-entry-header-demo {
        height: 100vh;
        max-height: unset;
    }

    .front-mid-img {
        bottom: -15vh;
    }

    body.home .container {
        padding-top: 160px;
    }
}



.block.block-entry-header-demo {
    background: url("https://teest.fi/hermann/wp-content/uploads/2025/06/image-5.png") no-repeat;
    background-size: cover;
}



.hamburger-inner, .hamburger-inner::before, .hamburger-inner::after, .nav-toggle.is-active span.hamburger-box .hamburger-inner:after,.hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after,.nav-toggle.is-active span.hamburger-box .hamburger-inner, .nav-toggle:focus span span:before, .nav-toggle:focus span span:after,.nav-toggle:focus span span {
    color: white;
    background: white;
}

.js.js-nav-active .nav-primary {
    top: 0;
    background: #282828;
    border-top: white 1px solid;
}

.js.js-nav-active .nav-primary .menu-items {
    padding-top: 50px;
}

.entry-header .entry-title a {
    color: white;
    font-size: 32px;
    line-height: 44px;
}

.entry-header {
    padding-bottom: 2em !important;
    width: calc(100% - 45px) !important;
}

.wp-block-kadence-posts .entry-taxonomies {
    display: none;
}

article.loop-entry:before {
    content: "";
    opacity: .3;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 0;
    transition: all .3s ease-in-out;
    opacity: 0.78;
    background-image: linear-gradient(0deg,rgb(0,0,0) 0%,rgba(0,0,0,0) 72%);
}

article.loop-entry:hover:before {
    background-image: linear-gradient(0deg,rgb(0,0,0) 28%,rgba(0,0,0,0) 100%);
}

.entry-header .entry-title a:hover {
    color: white;
}

.nav-primary .menu-item button.dropdown-toggle {
    color: #abb0b9;
}

.nav-primary .menu-item .sub-menu {
    width: unset;
}

.nav-primary .menu-item .sub-menu li {
    width: max-content;
    max-width: 100%;
    text-align: left;
}


.nav-primary .menu-item .sub-menu a {
    color: black;
}

.nav-primary .menu-item .sub-menu a:hover, .nav-primary .menu-item .sub-menu a:focus, .nav-primary .menu-item .sub-menu a:active, .nav-primary .menu-item .sub-menu a.highlighted {
    text-decoration: underline;
    color: black;
}

.nav-primary .menu-items li:last-child a, .nav-primary .menu-items .menu-item-2681 a, .nav-primary .menu-items a {
    border: none;
    padding: .7;
}

.nav-primary .menu-item button.dropdown-toggle {
    color: white;
}

.nav-primary .menu-item .sub-menu a {
    color: #000000;
}

.nav-primary .menu-item .sub-menu a:hover {
    color: #abb0b9;
}

body:not(.home) .accent {
    padding-top: 0;
}

.front-head-img {
    fill: white;
    z-index: 10;
    position: relative;
    margin-top: auto;
    width: 100vw;
}

.linkedin-icon a, .linkedin-icon a img {
    display:block;
}

.linkedin-icon a img {
    margin-left: auto;
}

.site-branding {
    max-width: 275px;
}

.archive-grid {
    grid-template-columns: repeat(3, minmax(0, 1fr));
    display: grid;
    column-gap: 2.5rem;
    row-gap: 2.5rem;
}

@media screen and (max-width: 1650px) {
    body:not(.home) .block.block-entry-header-demo h1 {
        font-size:118px;
        font-size: clamp(24px, 8vw, 118px);
    }

    body:not(.home) .block.block-entry-header-demo .accent {
        font-size: clamp(17px, 8vw, 25px);
    }
}


@media screen and (max-width: 740px) {
    body.home .block.block-entry-header-demo h1, body:not(.home) .block.block-entry-header-demo h1 {
        font-size: 48px;
        line-height: 56px;
    }

    .front-mid-img {
        width: 90%;
        left: 5vw;
    }

    .accent, .accent p {
        max-width: 100%;
        font-size: 20px;
        line-height: 28px;
    }

    p {
        font-size:16px;
        line-height: 28px;
    }

    .front-mid-img {
        max-height:380px;
    }

    .block.block-entry-header-demo .inner {
        display: grid;
        grid-template-rows: 1fr 1fr;
        align-items: center;
        max-height: 100%;
        justify-items: center;
        padding: 20px;
        padding: 2rem;
        max-width: 1200px;
        margin-top: 140px;
        margin-bottom: 80px;
    }

    .nav-primary .menu-item .sub-menu a {
        color: white;
    }

    .nav-primary .menu-item .sub-menu a:hover {
        color: #abb0b9;
    }

}

#comments {
    display:none;
}

.container.container-article article > * {
    margin-left: 0;
    margin-bottom: 0;
}

.type-post .entry-meta {
    display: none;
}

body:not(.home) .accent {
    white-space: normal;
}

@media screen and (max-width: 468px) {
    .block.block-entry-header-demo .inner {
        width: 100%;
    }

    body.home .block.block-entry-header-demo h1, body:not(.home) .block.block-entry-header-demo h1 {
        font-size: 40px;
        width: 100%;
    }
    .accent, .accent p {
        font-size: 16px;
        padding: 30px 5px 0;
        text-align: center;
    }

    body:not(.home) .block.block-entry-header-demo {
        max-height: fit-content;
        height: unset;
    }

}

@media (max-height: 450px) {

    body:not(.home) .block.block-entry-header-demo {
        height: 100vh;
    }

    .front-mid-img {
        display: none;
    }

    .block.block-entry-header-demo .inner {
        margin-top: 430px;
    }

    .front-head-img-mobile {
        display: block;
        width: 80%;
        margin: 0 auto;
        padding-top: 50px;
    }
}


@media (max-width: 768px) {
    h1 {
        font-size: 36px;
        line-height: 44px;
    }

    h2 {
        font-size: 32px;
        line-height: 44px;
    }

    h3 {
        font-size: 24px;
        line-height: 32px;
    }

    p {
        font-size: 16px;
        line-height: 28px;
    }

    body:not(.home) .block.block-entry-header-demo .inner {
        margin-top: 240px;
    }
    .block.block-entry-header-demo .inner  {
        margin-top: 330px;
    }

    body:not(.home) .accent {
        padding-top:20px;
    }

	
	body:not(.home) .block.block-entry-header-demo .inner {
		padding-left: 2em;
		padding-right: 2em;
	}

    .accent,.accent p {
        width: 100%;
        text-align: center;
    }

    .cky-revisit-bottom-left {
        left: unset;
        right: 15px;
    }
}

@media screen and (max-height: 750px) {
    .accent, .accent p {
        line-height: 1;
    }

    body:not(.home) .block.block-entry-header-demo h1 {
        line-height: 74px;
        font-size: clamp(24px, 8vw, 68px);

    }

    body:not(.home) .block.block-entry-header-demo .inner {
        margin-bottom: 0;
    }
}