.outfit-bold {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

.open-sans-regular {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

body>*{
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

h1, h2, h3, h4, h5, h6 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
}

p {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
}

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


body.home .block-entry-header-demo h1 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 148px;
    padding-bottom: 0;
    padding-top:0;
}

body .side-head.block-entry-header-demo h1 {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 64px;
    padding-bottom: 0;
    padding-top: 0;
 }

body .side-head.block-entry-header-demo {
    max-height: 437px;
    min-height: 437px;
}

.block.block-entry-header-demo .inner {
    display: block;
    min-width: unset;
    width: 100%;
    padding-left: 2rem;
    padding-right: 2rem;
    max-width: 1400px;
    margin: 0 auto;
}

.block.block-entry-header-demo .inner .content {
    width: calc(100% - 16rem);
    padding-left: 8rem;
    padding-right: 8rem;
    position: absolute;
    bottom: 0;
    padding-left: 0;
    padding-bottom: 60px;
}

@media screen and (max-width: 1350px) {
    .block.block-entry-header-demo .inner {
        padding-left: 8rem;
        padding-right: 8rem;
    }
}

@media screen and (max-width: 1024px) {
    .block-entry-header-demo h1 {
       font-size: 44px !important;
    }

    .block.block-entry-header-demo .inner {
        margin-left: 0;
        position: absolute;
        max-width: 100%;
        bottom: 0;
    }
}

.simple-link:hover, .simple-link a:hover, .simple-link:hover a {
    text-decoration: none !important;
    color: white !important;
}

.block.block-entry-header-demo {
    align-items: unset;
    justify-content: unset;
    background-attachment: fixed;
    height: 60vh;
}

footer .footer-para img {
    display: none;
}

footer .footer-para {
    background-size: cover;
    background-repeat: no-repeat;
    background-position: center;
    background-attachment: fixed;
    background-image: url("../../../uploads/2025/05/smc-footer-kuva.jpg");
    height:480px;
}



.accent {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 400;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: white;
    font-size: 24px;
    text-transform: none;
    text-shadow: none;
}

.site-header {
    max-width: unset;
    justify-content: unset;
    gap: 100px;
}

.nav-container .nav-primary > ul > li > a, .nav-primary .menu-item.current-menu-item a {
    color:white;
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size:17px;
}

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

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

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

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

.nav-menu .menu-item-type-custom:last-child {
    border-radius: 20px;
    background-color: #E0631E;
    border-bottom: solid #E0631E 1px;
    padding: 0 20px;
    margin-left: 60px;
}

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

.container {
    max-width: 1400px;
}

.site-header {
    background-image: linear-gradient(to top, rgba(255,0,0,0), rgb(0, 0, 0));
}

.site-footer {
    padding: 0 2em;
    background: #CFDCE3;
}

.site-footer .wp-block-columns {
    margin-bottom: 0;
}

.content-area .button, .content-area a.button, .gform-footer .gform_button {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    padding: 12px 40px;
    border-radius: 20px;
    background-color: #E0631E;
    color: white;
}

.gform-footer .gform_button {
    font-family: "Outfit", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 16px !important;
    padding: 12px 40px !important;
    border-radius: 20px !important;
    background-color: #E0631E !important;
    color: white !important;
}

.content-area .button:hover, .content-area a.button:hover, .gform-footer .gform_button:hover {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 16px;
    padding: 12px 40px;
    border-radius: 20px;
    background-color: #E0631E;
    color: white;
    text-decoration: underline;
}
.gform-footer .gform_button:hover {
    font-family: "Outfit", sans-serif !important;
    font-optical-sizing: auto !important;
    font-weight: 700 !important;
    font-style: normal !important;
    font-size: 16px !important;
    padding: 12px 40px !important;
    border-radius: 20px !important;
    background-color: #E0631E !important;
    color: white !important;
    text-decoration: underline !important;
}


.icons {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 20px;
    margin-left: auto;
}

.nav-toggle:focus span span, .hamburger-inner, .hamburger-inner::before, .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:after {
    background-color: white;
    background: white;
    color: white;
}
.hamburger.is-active .hamburger-inner::after, .nav-toggle.is-active span.hamburger-box .hamburger-inner:after, .hamburger.is-active .hamburger-inner::before {
    background-color: white;
    background: white;
    color: white;
}

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

.nav-toggle:focus span span:before, .nav-toggle:focus span span:after, .nav-toggle:focus span span {
    background-color: white;
    background: white;
    color: white;
}

.nav-container .nav-primary > ul > li > a:hover {
    color: #e0631e;
}

.nav-menu .menu-item-type-custom:last-child:hover {
    color: white;
    background: #ab4a14;
    border-bottom-color: #ab4a14;
}

.nav-menu .menu-item-type-custom:last-child a:hover {
    color: white;
}

a, .container a {
    color: #e0631e;
    text-decoration: none;
}

a:hover, .container a:hover {
    color: #ab4a14;
    text-decoration: underline;
}

.site-branding .site-title img {
    min-width: 120px;
}

.icons img {
    min-width: 30px;
    height: 30px;
}

/* Article headers */

.entry-header .entry-title a {
    font-family: "Outfit", sans-serif;
    font-optical-sizing: auto;
    font-weight: 700;
    font-style: normal;
    font-size: 24px;
    color: black;
}

.entry-meta * {
    font-family: "Open Sans", sans-serif;
    font-optical-sizing: auto;
    font-weight: 300;
    font-style: normal;
    font-variation-settings: "wdth" 100;
    color: grey;
}

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

.wp-block-kadence-posts a.post-more-link {
    color: #e0631e;
}

.wp-block-kadence-posts.kb-posts-style-unboxed .loop-entry.content-bg {
    border-bottom: #827E7E 1px solid;
}

.wp-block-kadence-posts .loop-entry .entry-content-wrap {
    padding-bottom: 20px !important;
}

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

/* video */

.entry-content iframe {
    width: 100%;
    height: 500px;
}

.kt-blocks-accordion-header {
    display: flex !important;
    padding: 10px !important;
    width: 100% !important;
}


@media screen and (max-width: 960px) {
    .nav-container .nav-primary > ul > li > a, .nav-primary .menu-item.current-menu-item a {
       color: black;
    }
    .nav-container .nav-primary > ul > li > a:hover, .nav-primary .menu-item.current-menu-item a:hover {
       color: black;
    }

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

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

    .nav-menu .menu-item-type-custom:last-child:not(.dropdown) {
       border-radius: 20px;
       background-color: #E0631E;
       border-bottom: solid #E0631E 1px;
       padding: 0 20px;
       margin-left: 15px;
       margin-right: 15px;
    }

    .nav-menu .menu-item-type-custom:last-child:not(.dropdown) a {
       padding: 11px;
    }


    .nav-primary .menu-items li:last-child a{
       border-style: none;
       text-align: center;
    }

    .js .nav-primary {
       top: 130px;
    }

    .main-navigation-wrapper {
       order: unset;
       margin-left: auto;
    }

    .site-header {
       gap: 30px;
    }

    .icons {
       margin-left: 0;
    }

    .nav-menu .menu-item-type-custom:last-child a:hover {
       color: black;
    }

    /* Search */
    .site-header .search-field:focus {
       position: fixed;
       top: 80px;
       right: 0;
    }

    .js.js-nav-active .nav-primary {
       max-height: 90vh;
    }
}

.kb-button.kb-btn-global-fill:focus {
	background-color: #E0631E;
}


@media screen and (max-width: 770px) {
    .block.block-entry-header-demo {
        background-attachment: unset;
    }

    body.home .block-entry-header-demo h1, body .side-head.block-entry-header-demo h1 {
        text-align: left;
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .block.block-entry-header-demo .inner, .block.block-entry-header-demo .inner .content {
        padding-left: 0;
        padding-right: 0;
    }
	
	.nav-primary .menu-items .current-menu-parent > a, .nav-primary .menu-items .current-menu-item > a {
		color: #e0631e
	}
}