.page-node-type-kohdekortti #main .main-content__container { max-width: 100%!important; padding: 0; }
.page-node-type-kohdekortti #main .main-content__container > div,
.page-node-type-kohdekortti main .region--content-above,
.page-node-type-kohdekortti main article .node__content > .layout { max-width: 85%; width: 1670px; margin: auto; padding: initial; }
.page-node-type-kohdekortti main article .node__content > .layout--onecol { max-width: 100%!important; width: 100%; margin: 0; padding: 0; }
.page-node-type-kohdekortti main article .node__content > .layout--onecol .block-views-blocktuotekuvat-block-1 { max-width: 1670px; margin: auto; padding: 5% 5%; }
.page-node-type-kohdekortti main article .node__content > .layout--onecol .block-jict-visitdatahub-kohdekorttirelatedbycat { background: #e6ecef; }
.page-node-type-kohdekortti main article .node__content > .layout--onecol .block-jict-visitdatahub-kohdekorttirelatedbycat > div { padding: 6% 0; width: 1670px; max-width: 85%; margin: auto; }
.page-node-type-kohdekortti #content, .page-node-type-kohdekortti #content > div { margin-bottom: 0; }
.page-node-type-kohdekortti #content article > .node__content { padding-bottom: 0; }


.page-node-type-kohdekortti .block h2 { /*color: #000;*/ font-size: 1.8rem; }
.breadcrumb { background: transparent!important; margin-top: 40px; }

.view-id-kohdekortit .views-row > div { margin: 0px 0; }
.view-id-kohdekortit .views-row > div .field-content,
.page-node-type-kohdekortti .block-field-blocknodekohdekorttifield-openinghours .block__content { display: inline-block; vertical-align: middle; }
.view-id-kohdekortit .views-field-field-company-name::before { font-family: 'Material Symbols Outlined'; display: inline-block; content: "\e55e"; margin-right: 20px; font-size: 35px; vertical-align: middle; }
.view-id-kohdekortit .views-field-field-product-url::before { font-family: 'Material Symbols Outlined'; content: "\e051"; margin-right: 20px; font-size: 35px; vertical-align: middle; display: inline-block; }
.view-id-kohdekortit .views-field-field-product-webshopurl::before { font-family: 'Material Symbols Outlined'; content: "\e8cc"; margin-right: 20px; font-size: 35px; vertical-align: middle; display: inline-block; }
.view-id-kohdekortit .views-field-field-contact-phone::before { font-family: 'Material Symbols Outlined'; display: inline-block; content: "\e0b0";  margin-right: 20px; font-size: 35px; vertical-align: middle;}
.view-id-kohdekortit .views-field-field-contact-email::before { font-family: 'Material Symbols Outlined'; display: inline-block; content: "\e158"; margin-right: 20px; font-size: 35px; vertical-align: middle;}
.view-id-kohdekortit .views-field-field-location::before { font-family: 'Material Symbols Outlined'; display: inline-block; content: "\e55b"; margin-right: 20px; font-size: 35px; vertical-align: middle;}
.block-field-blocknodekohdekorttifield-openinghours::before { font-family: 'Material Symbols Outlined'; display: inline-block; content: "\e935"; margin-right: 20px; font-size: 35px; vertical-align: top;}
.view-id-kohdekortit .views-field-field-event-enddate::before {font-family: 'Material Symbols Outlined'; display: inline-block; content: "\e878"; margin-right: 20px; font-size: 35px; vertical-align: top;}
.view-id-kohdekortit .views-field-field-event-enddate { margin: 20px 0!important; }

.block-field-blocknodekohdekorttifield-openinghours ul { margin-left: 0!important; padding-left: 0; font-size: 90%; list-style: none; }
.block-field-blocknodekohdekorttifield-openinghours li { line-height: 1.1em; margin: 10px 0; }
.block-field-blocknodekohdekorttifield-productpricings { margin: 15px 0; }
.block-field-blocknodekohdekorttibody { margin-right: 10%; }

.field--name-field-ingressi, .field--name-field-ingress,
.field--name-field-ingressi-article { margin-bottom: 30px; font-size: 1.4em; color: #2c454c;}
.kohdekortti-desc .product-type { font-weight: 300; text-transform: uppercase; font-size: 90%; letter-spacing: 2px; margin-bottom: 15px;}

.view-id-kohdekortit .views-row .views-field-field-company-logo { max-width: 200px; height: auto;  margin-bottom: 25px; }
.somelinks { margin-top: 25px;  }
.somelinks .views-field { display: inline-block; margin-right: 10px!important;  }
.somelinks .views-field a { background-repeat: no-repeat; background-size: cover; font-size: 1px; color: transparent!important; display: block; height: 40px; width: 40px;}
.somelinks a.company-fb { background-image: url(../images/facebook.svg); }
.somelinks a.company-twitter { background-image: url(../images/twitter.svg); }
.somelinks a.company-instagram { background-image: url(../images/instagram.svg); }
.somelinks a.company-youtube { background-image: url(../images/youtube.svg); }
.somelinks i { font-size: 40px; }
.somelinks svg.ext { display: none; }

.kansikuva .views-row { max-height: 770px; overflow:hidden; width: 100%;  }
.block-views-blocktuotekuvat-block-1 { margin: 40px 0; }
.kansikuva .views-row figure { max-height: 770px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .view-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: left; align-items: center; align-content: center; gap: 15px; gap: 15px 15px; row-gap: 15px; column-gap: 15px; }
.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row { flex-basis: 30%; width: auto; max-width: 522px; max-height: 300px; overflow: hidden; }
.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row figure { max-height: 250px; margin: 0; position: relative;  }
.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row .portrait figure img { object-fit: none; position: absolute; margin-top: -50%; min-width: 100%;  }
.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row .landscape figure img { object-fit: cover; object-position: center; min-width: 100%; min-height: 100%; }
.kansikuva .views-row figure img {  }

.related-kohdekortti { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; align-items: center; align-content: center; 
  gap: 15px; gap: 15px 15px; row-gap: 15px; column-gap: 15px;
 }
.load-more { text-align: center; margin: 30px 0; }
.load-more a { border: 0; background: transparent; position: relative; font-weight: 300; height: auto; }
.load-more a::after { position: absolute; left: 30%; content: ''; width: 40%; display: block; height: 1px; background-color: #333; bottom: -10px;}

.related-kohdekortti .kohdekortti-item { display: none; flex-basis: 30%; width: auto; max-width: 522px; }
.related-kohdekortti .kohdekortti-image { max-height: 300px; overflow: hidden; }
.related-kohdekortti .kohdekortti-desc { background: #fff; padding: 30px; height: 240px; font-weight: normal; overflow: hidden; }
.kohdekortti-item h2 , .kohdekortti-item h3 { line-height: 1.1em; margin-bottom: 15px; margin-top: 10px; }
.block-jict-visitdatahub-kohdekorttirelatedbycat .block__content > h2 { color: #000; font-size: 1.6em; font-weight: bold; margin-top: 0; }
.page-wrapper .related-article a { color: #fff!important; }
.page-wrapper .related-article a:hover, .page-wrapper .related-article a:focus { text-decoration: none; }

.node--view-mode-full .field--tags { padding: 0!important; background: transparent!important; }
.field--tags__item a, .field--name-field-maincategories a { font-weight: 300!important; }
.field--tags__item a::before, .field--name-field-maincategories a::before { content: " #"; }
.field--name-field-maincategories { margin: 1.7em 0; }
.field--name-field-maincategories .field__item { display: inline-block; font-size: 90%; }

.field--name-field-lohkokuva { max-width: 100%; margin: 0!important; overflow: hidden; }
.block-views-blocktapahtumat-block-1 { margin: 40px 0; }

/* layouts */
.layout--twocol-section--50-50 > .layout__region--first,
.layout--twocol-section--50-50 > .layout__region--second { overflow: hidden; padding-top: 40px; padiding-bottom: 40px; }



main .node--type-kohdekortti .layout:nth-child(2n) { background-color: #fff!important; }



@media (max-width: 1400px) {
	.kohdekortti-item h2, .kohdekortti-item h3 { font-size: 1.2em; }
}
@media (max-width: 1300px) {
	.related-kohdekortti .kohdekortti-desc { font-size: 14px; }
}
@media (min-width: 1200px) {
	.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row figure { height: 250px; }

}
@media (max-width: 1199px) {
	.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row figure { height: 220px; }	
	
}
@media (max-width: 900px) {
	.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row { width: 48%; flex-basis: 48%; }
	.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row figure { height: 220px; }
	.related-kohdekortti .kohdekortti-item { flex-basis: 48%; }
	.type-article .related-kohdekortti .kohdekortti-desc h3 { margin-bottom: 30px; font-size: 1.6rem; }
}

@media (min-width: 769px) {
	.page-node-type-kohdekortti #block-olivero-page-title {  max-width: 70%; }
	.page-node-type-kohdekortti .block-views-blockkohdekortit-block-1 { margin-top: -120px; }
	/* artikkelien kohdekortti nostot / tutustu */
	/*.type-article .related-kohdekortti > div.kohdekortti-item { flex-basis: 49%; max-width: 830px; }
	.type-article .related-kohdekortti > div:first-child { flex-basis: 100%; max-width: 100%; }
	.type-article .related-kohdekortti .kohdekortti-image, .type-article .related-kohdekortti .kohdekortti-image img { height: 260px!important; }
	.type-article .related-kohdekortti .kohdekortti-desc { padding: 40px 10%; height: 300px; }
	.type-article .related-kohdekortti .kohdekortti-desc h3 { margin-bottom: 30px; font-size: 2rem; }
	.type-article .related-kohdekortti > div:first-child .kohdekortti-image { height: 600px!important; max-height: 600px; display: inline-block; width: 49%!important; }
	.type-article .related-kohdekortti > div:first-child .kohdekortti-image img { height: 600px!important; width: auto; }
	.type-article .related-kohdekortti > div:first-child .kohdekortti-desc { display: inline-flex; flex-wrap: wrap; vertical-align: top; align-items: center; align-content: center; height: 600px; width: 50%!important; margin-left: -5px; }*/
		
}
@media (max-width: 768px) {
	.page-node-type-kohdekortti .breadcrumb { display: none; }
	.page-node-type-kohdekortti .layout__region--second { background: #F2F5F6; padding: 5%;}
	.view-id-kohdekortit .views-row .views-field-field-company-logo { padding: 15px; background: #fff; }
	.related-kohdekortti .kohdekortti-item { flex-basis: 100%; margin-left: 0; }
	.related-kohdekortti .kohdekortti-desc { height: auto; }
}
@media (max-width: 540px) {
	.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row { width: 100%; flex-basis: 100%; }
	.page-node-type-kohdekortti main article .node__content > .layout--onecol .block-jict-visitdatahub-kohdekorttirelatedbycat > div { padding: 6% 25px; width: 100%; max-width: 100%; }
	.block-jict-visitdatahub-kohdekorttirelatedbycat .type-kohdekortti { position: relative; max-width: 100%; width: 100%; }
	.related-kohdekortti { display: block; }
	.related-kohdekortti .kohdekortti-item { max-width: 100vw; }
	.block-jict-visitdatahub-kohdekorttirelatedbycat .load-more { display: none; }
	
	
}