.is-style-no-bottom-margin {
margin-bottom: 0 !important;
}html {
scroll-behavior: smooth;
}
@font-face {
font-family: "HouschkaPro";
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Light.eot);
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Light.eot) format("embedded-opentype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Light.woff) format("woff"),
url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Light.ttf) format("truetype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Light.svg) format("svg");
font-weight: 300;
font-style: normal;
}
@font-face {
font-family: "HouschkaPro";
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Medium.eot);
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Medium.eot) format("embedded-opentype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Medium.woff) format("woff"),
url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Medium.ttf) format("truetype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Medium.svg) format("svg");
font-weight: 400;
font-style: normal;
}
@font-face {
font-family: "HouschkaPro";
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-DemiBold.eot);
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-DemiBold.eot) format("embedded-opentype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-DemiBold.woff) format("woff"),
url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-DemiBold.ttf) format("truetype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-DemiBold.svg) format("svg");
font-weight: 600;
font-style: normal;
}
@font-face {
font-family: "HouschkaPro";
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Bold.eot);
src: url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Bold.eot) format("embedded-opentype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Bold.woff) format("woff"),
url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Bold.ttf) format("truetype"), url(//www.tornator.fi/wp-content/themes/Digitaali/fonts/HouschkaPro/HouschkaPro-Bold.svg) format("svg");
font-weight: 700;
font-style: normal;
}
:where(.wp-block-columns.has-background) {
padding: 0;
}
.article-nosto .post-date {
display: inline-block;
padding: 8px 20px 5px 20px;
background-color: var(--wp--preset--color--yellow);
color: #fff;
font-size: .9rem;
} 
.article-nosto .dg-post-thumbnail-wrapper .post-date,
.article-nosto .post-date-in-content-wrapper .post-date {
margin-top: 30px;
}
.card {
display: flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
justify-content: space-between;
padding: 0;
box-shadow: 0px 0px 33px rgba(0,0,0,0.15);
}
.card .card-content {
padding: 20px 20px 0 20px;
flex: 1 1 auto;
}
.card .card-footer {
padding: 0 20px 0 20px;
background-color: transparent;
border-top: 0;
text-align: center;
}
@media (min-width: 992px) {
.card .card-content { 
padding: 40px 40px 0 40px;
}
.card .card-footer {
padding: 0 40px 0 40px;
}
}
.article-nosto .card-footer .btn {
position: relative;
bottom: -20px;
}
.rwmb-meta-box * {
color: #000;
}
.has-white-color h2 {
color: #fff;
}
.dg-logos-grid {
display: flex;
flex-wrap: wrap;
}
.dg-logos-grid img {
margin: 0 0 25px 0;
width: auto !important;
height: auto !important;
max-width: 115px;
max-height: 200px;
}
.dg-logos-grid figure:not(:last-child) {
margin-right: 25px;
}
.wp-block-details {
padding: 20px;
background-color: #F7F7F7;
margin-bottom: 25px;
}
.wp-block-details summary {
font-weight: 600;
}
.wp-block-details summary::before {
display: inline-block;
width: 20px;
height: 20px;
vertical-align: top;
content: '';
background-image: url(//www.tornator.fi/wp-content/themes/Digitaali/images/icon-dropdown-toggle.svg);
background-repeat: no-repeat;
background-size: 15px;
background-position: center;
margin: 0 10px 0 0;
}
.wp-block-details[open] summary::before {
transform: rotate(180deg);
}
.wp-block-details summary {
list-style: none !important;
}
.wp-block-details summary::marker,
.wp-block-details summary::-webkit-details-marker { 
display: none !important;
content: '' !important;
}
.wp-block-details summary + * {
margin-top: 15px;
}
.btn-plain-link {
color: var(--c-red);
}
.dg-equal-cards-grid > [class*="col-"] {
position: relative;
}
.dg-equal-cards-grid > [class*="col-"] > .card {
height: 100%;
}
.card .card-footer.dg-plain-link-wrapper {
padding: 0 40px 40px 40px;
text-align: left;
}
.dg-plain-link-wrapper .btn-plain-link
.card.card-tighter p {
margin-bottom: 15px;
}
.dg-buttons-wrapper {
display: flex;
flex-wrap: wrap;
gap: 15px;
}
.dg-card-slider .slider-card-wrapper > .card {
margin: 15px;
height: calc(100% - 25px);
}
.dg-card-grid > [class*="col-"] {
padding: 15px;
}
.dg-card-slider .slider-card-wrapper > .card, 
.dg-card-grid .card { 
box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1);
}
.dg-card-slider .slick-arrow {
top: -27.5px;
height: 40px;
width: 40px;
background-repeat: no-repeat !important;
background-position: center !important;
background-size: 25px !important;
opacity: 1;
}
.dg-card-slider .slick-arrow:hover, 
.dg-card-slider .slick-arrow:focus {
opacity: .5 !important;
}
.dg-card-slider .slick-arrow.slick-disabled {
opacity: .2 !important;
pointer-events: none;
cursor: default;
}
.dg-card-slider .slick-arrow::before,
.dg-card-slider .slick-arrow::after {
display: none;
}
.dg-card-slider .slick-next {
background-image: url(//www.tornator.fi/wp-content/themes/Digitaali/images/icon-big-arrow-right.svg) !important;
}
.dg-card-slider .slick-prev {
left: auto;
background-image: url(//www.tornator.fi/wp-content/themes/Digitaali/images/icon-big-arrow-left.svg) !important;
}
.dg-tontit-block .dg-tontit-block__title {
margin-bottom: 50px;
}
.dg-card-slider .slick-next { 
right: calc(50% - 50px);
}
.dg-card-slider .slick-prev {
right: calc(50% + 25px);
}
@media (min-width: 500px) {
.dg-tontit-block .dg-tontit-block__title {
width: calc(100% - 125px);
margin: 0 0 15px 10px;
}
.dg-card-slider .slick-next { 
right: 14px;
}
.dg-card-slider .slick-prev {
right: 70px;
}
}
.dg-card-slider .slick-track
{
display: flex !important;
}
.dg-card-slider .slick-slide
{
height: inherit !important;
}
:where(.wp-block-group.has-background) {
padding-top: 50px !important;
padding-bottom: 50px !important;
}
@media (min-width: 782px) {
:where(.wp-block-group.has-background) {
padding-top: 100px !important;
padding-bottom: 100px !important;
}
}
.dg-50-50-image-text figure {
margin: 0 !important;
}
@media (max-width: 781px) {
:where(.dg-50-50-wrapper.wp-block-group.has-background) {
padding-left: 10px !important;
padding-right: 10px !important;
}
}
.alignwide, .container { width: var(--wp--style--global--wide-size) !important;
margin-left: auto;
margin-right: auto;
max-width: calc(100% - 2rem) !important;
}
.alignwide .alignwide {
max-width: 100% !important;
}
@media (min-width: 2000px) {
.container,
.alignwide, 
.is-layout-constrained > .alignwide {
max-width: 1600px !important;
}
}
.alignfull > .gb-container {
max-width: 800px;
margin-left: auto;
margin-right: auto;
}
.alignfull > .gb-container.alignwide { width: var(--wp--style--global--wide-size);
max-width: 100%;
}
.alignfull > .gb-container.alignwide,
.alignfull > .gb-container {
padding-left: 1rem;
padding-right: 1rem;
}
.card-tighter .dg-thumbnail-gallery-wrapper .digitaali-ratio-image::before {
padding-top: 56.25% !important;
}
.top-hero.has-dimmer .top-hero__image::before {
content: '';
display: block;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, 0.2);
}
.top-hero .top-hero__slogan {
position: relative;
z-index: 1;
line-height: 1.2;
hyphens: auto;
}
@media (min-width: 992px) {
.top-hero .top-hero__slogan {
hyphens: none;
}
}
.top-hero.has-slogan .top-hero__image {
min-height: 700px;
padding: 0;
}
@media (min-width: 2000px) {
.top-hero.has-slogan .top-hero__image {
min-height: 900px;
}
}
:where(.wp-block-group.alignfull.has-background) {
padding-left: 10px !important;
padding-right: 10px !important;
}
.dg-content-block .container {
width: 100% !important;
}
.lead, 
.is-style-lead {
font-size: 1.3rem;
font-weight: 600;
font-family: inherit;
line-height: 1.4;
}
body.page-id-28114 .top-hero.has-image.has-texts .top-hero__content {
position: absolute;
bottom: -2px;
top: auto;
left: 0;
transform: none;
}
@media (max-width: 991px) {
body.page-id-28114 .top-hero.has-image.has-texts .top-hero__content .texts-wrapper .page-caption {
font-size: 1.5rem;
}
}.is-style-content-paddings {
padding: 0;
}
.has-background.is-style-content-paddings {
padding: 40px 20px;
}
.is-style-big-content-paddings-y {
padding-top: 50px;
padding-bottom: 50px;
}
@media (min-width: 380px) {
.has-background.is-style-content-paddings {
padding: 40px;
}
}
@media (min-width: 768px) {
.is-style-content-paddings {
padding: 50px;
}
.has-background.is-style-content-paddings {
padding: 50px;
}
}
@media (min-width: 992px) {
.is-style-big-content-paddings-y {
padding-top: 100px;
padding-bottom: 100px;
}
.is-style-content-paddings {
padding: 40px 80px;
}
.has-background.is-style-content-paddings {
padding: 80px;
}
}
.wp-block-column.is-style-big-content-paddings {
padding: 50px 20px;
}
@media (min-width: 768px) {
.wp-block-column.is-style-big-content-paddings {
padding: 50px;
}
}
@media (min-width: 992px) {
.wp-block-column.is-style-big-content-paddings {
padding: 100px;
}
}
.wp-block-column.is-style-content-paddings-to-bgcolor, 
.is-style-content-paddings-excluding-right,
.is-style-content-paddings-excluding-left {
padding: 40px 20px;
}
@media (min-width: 768px) {
.wp-block-column.is-style-content-paddings-to-bgcolor, 
.is-style-content-paddings-excluding-right,
.is-style-content-paddings-excluding-left {
padding: 50px;
}
}
@media (min-width: 992px) {
.wp-block-column.is-style-content-paddings-to-bgcolor,
.is-style-content-paddings-excluding-right {
padding: 80px;
}
.is-style-content-paddings-excluding-right {
padding-right: 0 !important;
}
.is-style-content-paddings-excluding-left {
padding-left: 0 !important;
}
}
.wp-block-column .dg-content-wrapper {
width: 100%;
max-width: 800px;
margin: auto;
}ul.is-style-element-list {
list-style: none;
padding-left: 0;
margin: 0;
}
ul.is-style-element-list li {
position: relative;
padding: 10px 30px 10px 15px;
margin-bottom: 8px;
border: 1.5px solid rgba(224, 230, 227, 0.6);
border-radius: 10px;
background: linear-gradient(135deg, #ffffff 0%, #fafcfb 100%);
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.03), 0 1px 3px rgba(0, 0, 0, 0.02);
cursor: pointer;
backdrop-filter: blur(10px);
}
ul.is-style-element-list li:hover {
border-color: rgba(45, 122, 79, 0.4);
background: linear-gradient(135deg, #ffffff 0%, #f5f9f7 100%);
box-shadow: 0 8px 20px rgba(45, 122, 79, 0.1), 0 4px 8px rgba(0, 0, 0, 0.04);
transform: translateY(-3px) translateX(2px);
} ul.is-style-element-list li::before {
content: "›";
position: absolute;
right: 20px;
top: 50%;
transform: translateY(-50%);
font-size: 24px;
font-weight: 600;
color: #2d7a4f;
transition: all 0.4s cubic-bezier(0.4, 0, 0.2, 1);
opacity: 0.7;
}
ul.is-style-element-list li:hover::before {
transform: translateY(-50%) translateX(4px);
opacity: 1;
color: #1f5739;
} ul.is-style-element-list li.document::before {
font-size: 22px;
}
ul.is-style-element-list li.document:hover::before {
transform: translateY(-50%) scale(1.08) rotate(-3deg);
} ul.is-style-element-list li.download::before {
content: "⬇";
font-size: 20px;
}
ul.is-style-element-list li.download:hover::before {
transform: translateY(-48%) translateX(0);
animation: bounce 0.6s ease;
}
@keyframes bounce {
0%, 100% { transform: translateY(-50%) translateX(0); }
50% { transform: translateY(-45%) translateX(0); }
}
ul.is-style-element-list li,
ul.is-style-element-list li a {
font-size: 0.8rem;
font-weight: bold;
}
ul.is-style-element-list li a {
text-decoration: none;
display: block;
line-height: 1.5;
}
ul.is-style-element-list li,
ul.is-style-element-list li a {
color: #1a3829;
text-decoration: none;
letter-spacing: -0.01em;
}
ul.is-style-element-list li:hover,
ul.is-style-element-list li:hover a {
color: #1f5739;
} ul.is-style-element-list li .meta {
display: block;
font-size: 0.75rem;
color: #6b7f72;
margin-top: 4px;
font-weight: 400;
letter-spacing: 0.01em;
opacity: 0.8;
transition: opacity 0.3s ease;
}
ul.is-style-element-list li:hover .meta {
opacity: 1;
color: #5a6e62;
} ul.is-style-element-list li.active {
background: linear-gradient(135deg, #f0f7f3 0%, #e8f3ed 100%);
border-color: rgba(45, 122, 79, 0.5);
box-shadow: 0 4px 12px rgba(45, 122, 79, 0.08), inset 0 1px 3px rgba(45, 122, 79, 0.05);
}
ul.is-style-element-list li.active::before {
color: #1f5739;
opacity: 1;
}.btn, 
.wp-block-button__link {
font-size: .9rem !important;
}
.wp-block-button__link {
font-weight: 400 !important;
background-color: var(--wp--preset--color--forest-green) !important;
}
.wp-block-button__link:hover, .wp-block-button__link:focus {
background-color: #747a6c;
color: #fff;
text-decoration: none;
}
.wp-block-button__link:after, 
.btn-primary:after, .btn-tertiary:after, .btn:after {
display: inline-block;
position: static !important;
content: "";
background-repeat: no-repeat;
background-size: contain;
width: 20px !important;
height: 20px !important;
vertical-align: sub !important;
margin-left: 0.5rem !important;
background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.99992 3.3335L8.82492 4.5085L13.4749 9.16683H3.33325V10.8335H13.4749L8.82492 15.4918L9.99992 16.6668L16.6666 10.0002L9.99992 3.3335Z' fill='white'/%3E%3C/svg%3E%0A");
}
.is-style-secondary .wp-block-button__link {
background-color: #da5d36 !important;
}
.wp-block-button__link, 
.btn {
padding:10px 20px !important;
}
@media (min-width: 500px) {
.wp-block-button__link {
padding:10px 20px;
}
}
.btn.no-arrow:after {
display: none;
}
.dg-buttons.justify-content-center {
margin-left: auto;
margin-right: auto;
}figure.is-style-image-fullheight-cover {
position: relative;
overflow: hidden;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
max-height: 100%;
}
figure.is-style-image-fullheight-cover img {
width: 100%;
height: 100%;
object-fit: cover;
object-position: center;
}
.is-style-dg-icon {
display: inline-block;
width: 80px;
height: 80px;
margin-bottom: 20px;
overflow: hidden;
}
.is-style-dg-icon img {
width: 100%;
height: 100%;
object-fit: contain;
object-position: center;
}.wp-block-media-text.is-style-icon {
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 30px;
}
.wp-block-media-text.is-style-icon > figure {
width: 60px !important;
max-width: 60px !important;
min-width: 60px !important;
align-self: flex-start;
flex-shrink: 1 !important;
}
@media (min-width: 400px) {
.wp-block-media-text.is-style-icon > figure {
width: 80px !important;
max-width: 80px !important;
min-width: 80px !important;
}
}
.wp-block-media-text.is-style-icon .wp-block-media-text__media img {
}
.wp-block-media-text.is-style-icon .wp-block-media-text__content {
padding: 0;
}
.wp-block-media-text.is-style-icon img {
width: calc(100% - 10px);
max-width: 100%;
}
.wp-block-media-text__content .wp-block-heading {
margin-bottom: 0;
}@media (max-width: 781px) {
.dg-cover-mobile-custom-content-position .wp-block-cover__inner-container {
margin-top: 300px;
}
}.wp-block-columns.is-style-no-gap {
gap: 0;
margin-bottom: 0;
}
.wp-block-columns.is-style-big-gap {
gap: 4rem;
}
.wp-block-columns.is-style-big-gap {
gap: 4rem;
}
.wp-block-columns.is-style-big-gap-lg {
gap: 0;
}
@media (min-width: 782px) {
.wp-block-columns.is-style-big-gap-lg {
gap: 100px;
}
} @media (max-width: 782px) { 
.wp-block-columns.is-mobile-reversed {
flex-direction: column-reverse;
}
}
@media (min-width: 782px) {
.wp-block-columns.wp-container-core-columns-is-layout-2.wp-block-columns-is-layout-flex .wp-block-column {
flex: 1 1 50%;
}
}