:root { --font-header: 'Cabin', sans-serif;
--font-body: 'Inter', sans-serif; --fs-h1: 48px;
--fs-h2: 36px;
--fs-h3: 32px;
--fs-body: 18px;
--fs-body-sm: 16px;
--fs-menu: 14px; --lh-h1: 56px;
--lh-h2: 48px;
--lh-h3: 44px;
--lh-body: 30px;
--lh-body-sm: 28px;
--lh-menu: 22px; --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: 22px;
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; 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;
}
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%; }
.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: 100px;
}
.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: 1em;
}
.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;
}
.linkedin-icon a, .linkedin-icon a img {
display:block;
}
.linkedin-icon a img {
margin-left: auto;
}
.site-branding {
max-width: 300px;
}
.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;
}
@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: 50px;
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;
}
}