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

.view-id-kohdekortit .views-row .views-field-field-company-logo { max-width: 200px; height: auto;  margin-bottom: 25px; }
.view-id-kohdekortit .views-row .views-field-field-company-name,
.view-id-kohdekortit .views-row .views-field-field-contact-phone,
.view-id-kohdekortit .views-row .views-field-field-product-url,
.view-id-kohdekortit .views-row .views-field-field-location { background-color: #2C79B5; color: #fff; padding: 10px; }
.view-id-kohdekortit .views-row .views-field-field-company-name a,
.view-id-kohdekortit .views-row .views-field-field-contact-phone a,
.view-id-kohdekortit .views-row .views-field-field-product-url a,
.view-id-kohdekortit .views-row .views-field-field-location a { color: #fff; }
.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: 45vh; overflow:hidden; width: 100%;  }
.block-views-blocktuotekuvat-block-1 { margin: 40px 0; }
.kansikuva .views-row figure { max-height: 45vh; 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: 300px; margin: 0;  }
.block-views-blocktuotekuvat-block-1 .view-tuotekuvat .views-row figure img, .kansikuva .views-row figure img { object-fit: none; object-position: bottom; min-width: 100%; min-height: 100%; }

.related-kohdekortti { 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;
 }
.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: 220px; 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 */
.atl--layout-twocol-section { display: flex; flex-flow: wrap; }
.atl--layout-twocol-section > .layout__region--first {
    flex-basis: calc(60% - 1.6875rem);
    flex-grow: 0; flex-shrink: 0;
    margin-right: 1.6875rem;
}
.atl--layout-twocol-section > .layout__region--second {
    flex-basis: calc(40% - 1.6875rem);
    flex-grow: 0; flex-shrink: 0;
    margin-left: 1.6875rem;
}
.layout--twocol-section--50-50 > .layout__region--first,
.layout--twocol-section--50-50 > .layout__region--second { overflow: hidden; padding-top: 40px; padiding-bottom: 40px; }

/* nostolaatikot */

.path-frontpage #block-views-block-kohdekorttinostot-block-1 { width: 100vw; max-width: calc(100% + 20px) !important; margin-left: auto; margin-right: auto; background-color: #95c9e1; padding: 30px; margin: 0px -10px !important; }
.path-frontpage #block-views-block-kohdekorttinostot-block-1 > div { max-width: 1200px; margin-left: auto; margin-right: auto; }
.view-kohdekorttinostot .view-content > div {
	display: flex;
	flex-wrap: wrap;
	margin: 0px;
	gap: 10px;
	margin-right: -10px;
}
.view-kohdekorttinostot .views-row { 
	max-width: calc(25% - 10px);
	height: auto;
	flex: 1 1 25%;
	background: transparent;
}
.pager { max-width: 100%; }
.view-kohdekorttinostot .views-row > div { display: block; height: 100%; background: #f3f7fa; }
.view-kohdekorttinostot .kohdekortti-item { 
	width: auto;
	max-width: 100%;
	height: 100%;
	background: transparent;
	overflow: hidden;
}
.view-kohdekorttinostot .views-row a { display: block; height: 100%; text-decoration: none!important; color: #000;  }
.view-kohdekorttinostot .kohdekortti-item .kohdekortti-image { 
	width: 100% !important;
    height: 240px !important;
    display: block;
    overflow: clip;
}
.view-kohdekorttinostot .kohdekortti-item .kohdekortti-image img { 
	width: 100% !important;
    height: 240px !important;
    object-fit: cover;
    transition: transform .2s ease-in-out;
}
.view-kohdekorttinostot .kohdekortti-item .kohdekortti-desc { 
	background-color: transparent;
    padding: 20px 20px 25px 20px;
    height: calc(100% - 210px);
    font-weight: normal;
    font-size: 100%;
    line-height: 1.2em;
}
.kohdekortti-desc .product-type {
    font-weight: 400;
    text-transform: uppercase;
    font-size: 90%;
    letter-spacing: 2px;
    margin-bottom: 15px;
    font-family: "Poppins", Helvetica, sans-serif;
}

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



@media (min-width: 43.75rem) {
	
    .main-content .layout--twocol-section--50-50 > .layout__region--first { margin-right: 2.125rem!important; flex-basis: calc(50% - 2.125rem); }
	.main-content .layout--twocol-section--50-50 > .layout__region--second { margin-left: 2.125rem!important; flex-basis: calc(50% - 2.125rem); }
}
@media (min-width: 1401px) {
	.page-node-type--kohdekortti .page-wrapper { background-position: center calc(0% - 100px); }
}	
@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; }	
	.view-kohdekorttinostot .views-row { 
		max-width: calc(33% - 10px);
		flex: 1 1 33%;
	}
}
@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-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; }
	.atl--layout-twocol-section > .layout__region--first {
	    flex-basis: 100%;
	    flex-grow: 0; flex-shrink: 0;
	    margin-right: 0;
	}
	.atl--layout-twocol-section > .layout__region--second {
	    flex-basis: 100%;
	    flex-grow: 0; flex-shrink: 0;
	    margin-left: 0;
	}
	.view-kohdekorttinostot .views-row { 
		max-width: calc(50% - 10px);
		flex: 1 1 50%;
	}
	.view-kohdekorttinostot .kohdekortti-item .kohdekortti-desc {
		font-size: 80%;
	}
	.view-kohdekorttinostot .kohdekortti-item .kohdekortti-image {
		height: 180px !important;
	}
}
@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; }
	
	
}