h1:where(.wp-block-heading).has-background,h2:where(.wp-block-heading).has-background,h3:where(.wp-block-heading).has-background,h4:where(.wp-block-heading).has-background,h5:where(.wp-block-heading).has-background,h6:where(.wp-block-heading).has-background{padding:1.25em 2.375em}h1.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h1.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h2.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h2.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h3.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h3.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h4.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h4.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h5.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h5.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]),h6.has-text-align-left[style*=writing-mode]:where([style*=vertical-lr]),h6.has-text-align-right[style*=writing-mode]:where([style*=vertical-rl]){rotate:180deg}.is-style-small-caption {
font-size: 1.2rem;
line-height: 1.2;
}
.has-white-color h1,
.has-white-color h2,
.has-white-color h3,
.has-white-color h4,
.has-white-color h5,
.has-white-color h6 {
color: #fff !important;
}.is-small-text{font-size:.875em}.is-regular-text{font-size:1em}.is-large-text{font-size:2.25em}.is-larger-text{font-size:3em}.has-drop-cap:not(:focus):first-letter{float:left;font-size:8.4em;font-style:normal;font-weight:100;line-height:.68;margin:.05em .1em 0 0;text-transform:uppercase}body.rtl .has-drop-cap:not(:focus):first-letter{float:none;margin-left:.1em}p.has-drop-cap.has-background{overflow:hidden}:root :where(p.has-background){padding:1.25em 2.375em}:where(p.has-text-color:not(.has-link-color)) a{color:inherit}p.has-text-align-left[style*="writing-mode:vertical-lr"],p.has-text-align-right[style*="writing-mode:vertical-rl"]{rotate:180deg}.lead,
.is-style-lead {
line-height: 1.6;
font-size: 1.2rem;
font-weight: 400;
}
@media (min-width: 992px) {
.lead,
.is-style-lead {
font-size: 1.2rem;
}
}
.is-style-bigger-text {
font-size: 1.2rem;
}.dg-cards-grid {
justify-content: center;
}
.dg-cards-grid > [class*="col-"] {
padding: 30px !important;
position: relative;
}
.dg-cards-grid .dg-card {
width: 100%;
height: 100%;
}
.dg-card {
position: relative;
margin-bottom: 20px;
padding: 20px;
background-color: #fff;
border-radius: 4px;
box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.1);
overflow: hidden;
transition: box-shadow 0.3s ease;
}
@media (min-width: 500px) {
.dg-card {
padding: 50px;
}
}
.dg-grid > [class*='col-'] > .dg-card {
height: 100%;
}
.dg-card >.gb-container,
.dg-card.gb-container >.gb-container {
padding: 0;
}
.dg-card {
display: flex;
flex-direction: column;
justify-content: space-between;
}
.dg-card .dg-card-icon figure {
width: 80px;
height: 45px;
overflow: hidden;
margin: 0 auto 20px auto;
}
.dg-card .dg-card-icon figure img {
width: 100%;
height: 100%;
object-fit: contain;
}
.wp-block-columns.dg-cards .wp-block-column {
position: relative;
}
.wp-block-columns.dg-cards .wp-block-column .dg-card {
width: 100%;
height: 100%;
}
.wp-block-columns.is-layout-flex.dg-cards {
gap: 25px;
}
.gb-container.dg-box-with-icon,
.gb-container>.gb-container.dg-box-with-icon {
padding-left: 0;   
padding-right: 0;
}
.gb-container.dg-box-with-icon {
position: relative;
}
.gb-container.dg-box-with-icon,
.gb-container>.gb-container.dg-box-with-icon {
padding-left: 50px;
padding-right: 50px;
background-color: rgba(255,255,255, .95);
}
.gb-container>.gb-container.dg-box-with-icon .wp-block-columns.alignwide {
max-width: 100%;
}
.dg-box-with-icon h1, 
.dg-box-with-icon h2,
.dg-box-with-icon h3,
.dg-box-with-icon h4 {
color: #033220;
}
@media (max-width: 610px) {
.gb-container.dg-box-with-icon,
.gb-container>.gb-container.dg-box-with-icon {
max-width: calc(100% - 50px);
padding-left: 35px;
padding-right: 35px;
}
}
@media (min-width: 782px) {
.gb-container.dg-box-with-icon,
.gb-container>.gb-container.dg-box-with-icon {
background-color: #fff;
}
}
.gb-container.dg-box-with-icon::before {
content: '';
display: block;
width: 80px;
height: 80px;    
position: absolute;
top: -40px;
left: 50%;
transform: translateX(-50%);
z-index: 1;
background-image: url(//www.sahakuutio.fi/wp-content/themes/Digitaali/images/icon-favicon.svg);
background-size: contain;
}
@media (min-width: 782px) {
.gb-container.dg-box-with-icon::before  {
top: 50px;
left: -40px;
transform: none;
}
}
.top-hero .top-hero__content .content {
font-size: 1.2rem;
}