header{
z-index:99 !important;
}
p{
font-weight: 400 !important;
color:#212530 !important;
}
.fix-p-padding, .product-template-default .wp-block-kadence-column p{
padding: 0.2rem 0 !important;
}
strong{
font-weight: 600 !important;
}
.fix-height img, img.fix-height{
height: auto !important;
}
.kadence-blocks-gallery-item__caption{
opacity: 1 !important;
}
section.hero .content p{
margin-bottom:16px !important;
}
.wp-block-button__link{
background-color:transparent !important;
font-weight: 400 !important;
color:#212530 !important;
}
main ul{
list-style-type: disc !important;
font-size: 14px;
font-family:'Lato';
color:#212529;
font-weight:300;
margin: 1em 2em;
font-weight: 400 !important;
color:#212530 !important;
}
form ul{
list-style-type: none !important;
margin:0;
}
.wp-block-button__link:hover{
color:#a9b8c3 !important;
}
.wp-block-button__link{
white-space: inherit !important;
}
.custom-article-link h2{
color:#fff !important;
padding-bottom:1em;
}
.custom-article-link h2, .custom-article-link a.kt-button{
color:#fff !important;
}
.custom-article-link a.kt-button{
border-color:#fff !important;
}
section.kohteet article .media .text {
min-height: 245px;
}
.kt-highlight{
background-color:#f9f9f9;
font-style: bold;
}
.kt-accordion-header-wrap button, .kt-blocks-accordion-header{
border-radius:4px !important;
background-color: #f9f9f9 !important;
color:#212529 !important;
}
.kt-blocks-accordion-header.kt-accordion-panel-active{
background-color: #212529 !important;
color:#fff !important;
}
.wp-block-columns .wp-block-column {
align-self: flex-start;
}
@media screen and (max-width: 767px) {
.wp-block-kadence-advancedgallery{
max-width:100%;
}
}
@media screen and (max-width: 665px) {
section.tags ul.tags{
display:inline !important;
}
section.hero-post .text h1{
font-size:2.5rem !important;
}
}
@media screen and (max-width: 560px) {
.wp-block-image a img{
height:auto;
max-width:100%;
}
}
@media screen and (max-width: 1000px) {
.wp-container-core-columns-is-layout-2.wp-container-core-columns-is-layout-2 {
flex-wrap: wrap !important;
}
}
main a:not(.wp-block-button__link) {
text-decoration: underline;
}
main a:not(.wp-block-button__link):hover {
font-weight: bold;
}
.menu-asennus .c-drop .container {
max-width: 400px;
}
@media only screen and (min-width: 1200px) {
.menu-asennus .c-drop .container ul {
grid-template-columns: repeat(2, 1fr);
}
}
.menu-asennus .c-drop .container ul li {
max-width: 180px;
}
@media screen and (max-width: 600px) {
.wp-block-columns-is-layout-flex {
flex-wrap: wrap !important;
}
}
section.hero-post .text.background {
margin: 0;
}
section.hero-post .text.background div.wrapper {
position: relative;
z-index: 4;
padding: 5rem 2rem;
width: 50vw;
background-color: rgba(255,255,255,0.8);
min-height: 70vh;
max-width: unset;
}  .kohteet .kohteet-grid {
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 24px;
} .kohde-tile {
margin: 0;
}
.kohde-tile__link {
position: relative;
display: block;
overflow: hidden;
border-radius: 0;
background: #eee;
aspect-ratio: 3/4;
text-decoration: none;
} .kohde-tile__figure {
margin: 0;
width: 100%;
height: 100%;
}
.kohde-tile__img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transform: scale(1);
transition: transform 220ms ease;
} .kohde-tile__overlay {
position: absolute;
inset: 0;
background:
linear-gradient(to top, rgba(0,0,0,0.55) 0%, rgba(0,0,0,0.15) 35%, rgba(0,0,0,0) 65%);
pointer-events: none;
} .kohde-tile__title {
position: absolute;
left: 18px;
right: 18px;
bottom: 18px;
margin: 0;
color: #fff;
font-size: 24px;
line-height: 1.2;
font-weight: 500;
text-shadow: 0 2px 10px rgba(0,0,0,0.35);
} .kohde-tile__link:hover .kohde-tile__img {
transform: scale(1.03);
} @media (max-width: 1024px) {
.kohteet .kohteet-grid {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
section.hero-post .text.background div.wrapper {
position: relative;
z-index: 4;
padding: 5rem 2rem;
width: 100vw;
background-color: rgba(255,255,255,0.8);
max-width: unset;
height: 50%;
min-height: unset;
}
}
@media (max-width: 640px) {
.kohteet .kohteet-grid {
grid-template-columns: 1fr;
gap: 16px;
}
.kohde-tile__title {
left: 14px;
right: 14px;
bottom: 14px;
font-size: 16px;
}
} .ref-card-grid .wp-block-post-template {
list-style: none;
margin: 0;
padding: 0;
display: grid;
grid-template-columns: repeat(3, minmax(0, 1fr));
gap: 26px;
}
@media (max-width: 980px) {
.ref-card-grid .wp-block-post-template {
grid-template-columns: repeat(2, minmax(0, 1fr));
}
}
@media (max-width: 640px) {
.ref-card-grid .wp-block-post-template {
grid-template-columns: 1fr;
}
}
.ref-card-grid li.wp-block-post {
background: #fff;
overflow: hidden;
}
.ref-card-grid li.wp-block-post > .wp-block-columns {
margin: 0;
gap: 0;
display: flex;
flex-direction: column;
}
.ref-card-grid li.wp-block-post > .wp-block-columns > .wp-block-column {
flex-basis: 100% !important;
}
.ref-card-grid .wp-block-post-featured-image {
margin: 0;
}
.ref-card-grid .wp-block-post-featured-image a {
display: block;
}
.ref-card-grid .wp-block-post-featured-image img {
width: 100%;
height: 170px;
object-fit: cover;
display: block;
}
.ref-card-grid .wp-block-post-title {
margin: 14px 16px 8px;
font-size: 18px;
line-height: 1.25;
font-weight: 600;
}
.ref-card-grid .wp-block-post-title a {
color: #111;
text-decoration: underline;
text-underline-offset: 3px;
}
.ref-card-grid .wp-block-post-excerpt {
margin: 0 16px 12px;
}
.ref-card-grid .wp-block-post-excerpt__excerpt {
margin: 0;
color: #444;
font-size: 13px;
line-height: 1.35;
text-decoration: underline;
text-underline-offset: 3px;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
overflow: hidden;
}
.ref-card-grid .wp-block-post-meta,
.ref-card-grid .wp-block-post-date,
.ref-card-grid .wp-block-post-terms {
font-size: 12px;
color: #666;
}
.ref-card-grid .wp-block-post-date,
.ref-card-grid .wp-block-post-terms {
margin: 10px 16px 14px;
}
.ref-card-grid .wp-block-post-date a,
.ref-card-grid .wp-block-post-terms a {
color: inherit;
text-decoration: none;
}
.ref-card-grid .wp-block-post-date + .wp-block-post-terms,
.ref-card-grid .wp-block-post-meta {
display: flex;
justify-content: space-between;
gap: 12px;
}
.ref-card-grid .wp-block-post-terms {
text-align: right;
}