:root {
--title-font-family: "Pirata One";
--title-size: 24px;
--meta-color: #fff;
--satakunta-events-tag-background-color: #212020;
--satakunta-events-card-bg: transparent;
--satakunta-events-card-radius: 0;
--satakunta-events-brand-color: #fff;
--satakunta-events-title-size: 24px;
--satakunta-events-brand-color-hover: #fff;
--satakunta-events-title-weight: 500;
--satakunta-events-popover-bg: #161616;
--satakunta-events-skeleton-color: #222222;
--satakunta-events-skeleton-color-alt: #575760;
}
html {
color-scheme: dark;
} .block-editor__container,
.editor-styles-wrapper.block-editor-writing-flow {
background-color: #000000 !important;
}
html {
font-size: 16px;
}
body {
text-wrap: pretty;
}
.inside-article a,
.site-footer a {
text-underline-offset: 0.2rem;
}
.header-image.is-logo-image {
filter: drop-shadow(0px 3px 20px #000000);
@media (min-width: 1111px) {
margin-bottom: -30px;
padding-top: 30px;
}
}
a.screen-reader-text.skip-link {
color: #fff !important;
}
svg.lucide.lucide-external-link {
fill: none !important;
}
.main-nav .menu-item {
> a {
&:hover,
&:focus,
&:active {
text-decoration: underline;
text-underline-offset: 0.2rem;
}
}
}
.main-nav .current-menu-item > a {
text-decoration: underline;
text-underline-offset: 0.2rem;
}
header#masthead {
z-index: 10;
}
#valirivi {
h2 {
text-shadow: 0px 0px 10px #000000c7;
}
}
section#hero {
margin-top: -160px;
overflow: hidden;
> div {
background-image: linear-gradient(
0deg,
rgba(0, 0, 0, 0),
rgba(0, 0, 0, 0.1),
rgb(0 0 0 / 0.6)
);
}
h1 {
text-shadow: 0px 0px 10px #000000c7;
}
}
.footer-widgets {
background-image: url(//skantz.fi/wp-content/uploads/2025/02/footer_desktop.png);
background-position: top;
background-repeat: no-repeat;
background-size: 1300px 400px;
height: 400px;
display: flex;
padding-bottom: 0;
align-items: flex-end;
@media (min-width: 1300px) {
background-size: 100% 450px;
height: 450px;
}
}
button.menu-toggle {
background: #000;
border-radius: 50%;
font-size: 20px;
padding: 0 16px;
line-height: 52px;
box-shadow: 0px 0px 10px #000000c7;
&:hover,
&:focus,
&:active {
background: #222;
color: #fff;
}
}
.navilista {
margin: 0;
margin-left: 1rem;
padding: 0;
line-height: 1.6;
a {
text-decoration: none;
&:hover,
&:focus,
&:active {
text-decoration: underline;
}
}
} @media (max-width: 768px) {
.slideout-navigation.do-overlay .slideout-exit {
position: fixed !important;
text-align: left !important;
}
}
@media (max-width: 900px) {
.slideout-navigation.do-overlay .inside-navigation .main-nav {
padding-top: 60px;
}
} @media screen and (min-width: 600px) {
nf-fields-wrap {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0 1rem;
}
nf-fields-wrap > nf-field:nth-child(1),
nf-fields-wrap > nf-field:nth-child(2),
nf-fields-wrap > nf-field:nth-child(3),
nf-fields-wrap > nf-field:nth-child(4),
nf-fields-wrap > nf-field:nth-child(5),
nf-fields-wrap > nf-field:nth-child(6) { } nf-fields-wrap > nf-field:nth-child(7),
nf-fields-wrap > nf-field:nth-child(8),
nf-fields-wrap > nf-field:nth-child(9) {
grid-column: 1 / -1;
}
}
.file_upload-wrap .nf-field-element {
background: #222222;
padding: 1rem;
border-radius: 3px;
border: 1px solid #525252;
}
.file_upload-wrap .nf-fu-fileinput-button {
padding-left: 0;
}
nf-fields-wrap input.ninja-forms-field[type="submit"] {
line-height: 1;
background-color: transparent;
border-radius: 0;
padding: 8px 20px;
height: 41.5px;
color: #fff !important;
border: 2px solid #fff !important;
&:hover,
&:focus,
&:active {
background-color: #272727;
color: #fff;
}
}
body {
.nf-form-content .list-select-wrap .nf-field-element > div,
.nf-form-content input:not([type="button"]),
.nf-form-content textarea {
border: 0;
color: #111;
}
.nf-form-content .list-select-wrap .nf-field-element > div:focus,
.nf-form-content input:not([type="button"]):focus,
.nf-form-content textarea:focus {
color: #111;
}
.nf-form-content .label-above .nf-field-label,
.nf-form-content .label-below .nf-field-label,
.nf-form-content .label-hidden .nf-field-label {
margin-bottom: 3px;
}
.nf-form-content label {
font-size: 17px;
font-weight: 400;
}
.nf-error.field-wrap .nf-field-element:after {
top: 0px;
right: 0px;
bottom: 0px;
height: 50px;
}
}
.nf-before-form-content {
margin-bottom: 20px;
}
.event-popover__content {
.event-info__title {
font-weight: 500;
font-size: 1.1rem;
}
} .kumppaniverkosto-filters .gb-button.active {
background-color: rgba(255, 255, 255, 0.2);
}
.kumppaniverkosto-items .hidden {
display: none;
}
.fit {
object-fit: cover;
object-position: center;
}
.kumppaniverkosto .gb-image {
aspect-ratio: 3 / 2;
object-fit: cover;
object-position: center;
}
.kumppaniverkosto .gb-block-image {
position: relative;
}
.kumppaniverkosto figure.gb-block-image:after {
content: "";
position: absolute;
left: 0;
right: 0;
bottom: 0;
display: block;
top: 0;
background-image: linear-gradient(
0deg,
#000000cc,
transparent 20%,
transparent
);
}
#cmplz-manage-consent-container.cmplz-manage-consent-container
.cmplz-categories
.cmplz-category
.cmplz-category-header,
#cmplz-cookies-overview .cmplz-dropdown,
#cmplz-document .cmplz-dropdown,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown,
#cmplz-cookies-overview .cmplz-dropdown summary,
#cmplz-document .cmplz-dropdown summary,
.editor-styles-wrapper .cmplz-unlinked-mode .cmplz-dropdown summary {
background-color: rgb(43 43 43);
}
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose div,
#cmplz-document .cmplz-dropdown .cookies-per-purpose div,
.editor-styles-wrapper
.cmplz-unlinked-mode
.cmplz-dropdown
.cookies-per-purpose
div {
background-color: #3e3e3e;
}
@media only screen and (min-width: 600px) {
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .function-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .function-header,
.editor-styles-wrapper
.cmplz-unlinked-mode
.cmplz-dropdown
.cookies-per-purpose
.function-header,
#cmplz-cookies-overview .cmplz-dropdown .cookies-per-purpose .name-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .name-header,
.editor-styles-wrapper
.cmplz-unlinked-mode
.cmplz-dropdown
.cookies-per-purpose
.name-header,
#cmplz-cookies-overview
.cmplz-dropdown
.cookies-per-purpose
.retention-header,
#cmplz-document .cmplz-dropdown .cookies-per-purpose .retention-header,
.editor-styles-wrapper
.cmplz-unlinked-mode
.cmplz-dropdown
.cookies-per-purpose
.retention-header {
background-color: #3e3e3e;
}
}
@media only screen and (min-width: 1185px) {
.show-mobile-menu {
display: none;
}
}
.skew-button {
transform: skew(-21deg);
padding: 15px 25px;
background-color: var(--skantz-musta);
color: #ffffff;
text-decoration: none;
}
.skew-button > a {
display: inline-block;
transform: skew(21deg);
}
.skew-button:hover {
background-color: #222;
}
.eu-rahoitus {
background-color: #fff;
display: inline-block;
margin-top: 80px;
& > img {
height: 50px;
width: auto;
}
}
.aside-navigation {
background: #00000063;
border-radius: 1rem;
padding: 1rem 2rem;
}
.rmb {
white-space: nowrap;
}