.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;
}