/*
Theme Name: Blocksy Child
Theme URI: https://creativethemes.com/blocksy/
Template: blocksy
Author: CreativeThemes
Author URI: https://creativethemes.com
Description: Blocksy is a blazing fast and lightweight WordPress theme built with the latest web technologies. It was built with the Gutenberg editor in mind and has a lot of options that makes it extendable and customizable. You can easily create any type of website, such as business agency, shop, corporate, education, restaurant, blog, portfolio, landing page and so on. It works like a charm with popular WordPress page builders, including Elementor, Beaver Builder, Visual Composer and Brizy. Since it is responsive and adaptive, translation ready, SEO optimized and has WooCommerce built-in, you will experience an easy build and even an increase in conversions.
Tags: accessibility-ready,blog,block-patterns,e-commerce,wide-blocks,block-styles,grid-layout,one-column,two-columns,three-columns,four-columns,right-sidebar,left-sidebar,translation-ready,custom-colors,custom-logo,custom-menu,featured-images,footer-widgets,full-width-template,theme-options,threaded-comments,buddypress,rtl-language-support,news
Version: 2.0.98.1747394448
Updated: 2025-05-16 11:20:48

*/




.menu-item-1755 a {

margin:auto!important;  
    text-align:center!important;

}

.menu-item-1755 a:hover {
  color:white;
}

.menu-item-1755{

  text-align:center!important;
padding:10px;
  background-color:red;
  max-width:50%;
  margin:20px auto;

}


.tribe-events-back a{


  font-size:20px!important; 


}

.tribe-events-schedule__separator {
  color:black!important;
}

.tribe-events-schedule__datetime {
  font-weight:700!important;
  font-size:24px!important;
}

.single-tribe_events .tribe-blocks-editor .tribe-events-schedule {

  margin:0px;
}

.tribe-events-event-image img {
  max-height:50vh;
  object-fit:contain;
  max-width:50%;
  
}

 h1.has-background{
padding:0px!important;

}

.page-id-79 .entry-content,
.parent-pageid-1633 .entry-content {
padding-top:50px;

}



.page-id-1508 .blog-filter-form {display:none;}

.ecs-event-list{
	padding:0px!important;	

}

.henkilologo {
	
	max-width:50%;
margin:auto;
}

.ecs-event{
	
	padding:10px 0px;
list-style-type:none;
}

.ecs-event h4 {

	margin-bottom:0px;
}


.maxleveys {
		margin:auto!important;

		max-width:720px!important;
}


.lahetaviesti {
	box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
	margin:auto!important;
	text-transform:center!important;
	max-width:720px!important;
	background:white;
padding:30px;
}

.timeline-popup-content .value-cards{
	border-top:0px;
}


/*
.carousel-paamedia .wp-block-columns {

max-height:80vh!important;

}*/

.carousel-paamedia {
  position: relative;
  overflow: hidden;
  width: 100%;
}

/* Slide track */
.carousel-track {
  display: flex;
  transition: transform 1s ease;
  width: 100%;
}

/* Each slide = wp-block-columns */
.carousel-slide {
  flex: 0 0 100%;
  display: flex;
  align-items: center;      
  gap: 2rem;
  min-height: 60vh;           
  box-sizing: border-box;
}

.carousel-slide .wp-block-column {
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.image-col img {
  width: 100%;
  height: 100%;
object-fit:cover!important;
}

.text-col blockquote {
  margin: 0;
  padding: 0;
  font-size: 1.5rem;
  color: #333;
}

.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title,
.text-col h1,
.text-col h2 {
  margin: 0;
  font-size: 2.5rem;
  font-family: Yantramanav, sans-serif;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  background: rgba(0,0,0,0.5);
  border: none;
  color: white;
  font-size: 2rem;
  cursor: pointer;
  padding: 0.5rem 1rem;
  z-index: 10;
}
.carousel-prev { left: 10px; }
.carousel-next { right: 10px; }

.carousel-dots {
  text-align: center;
  position: absolute;
  bottom: 40px!important;
  left: 50%;
  transform: translateX(-50%);
}

.carousel-dots .dot {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: red!important;
  border-radius: 50%;
  cursor: pointer;
}

.carousel-dots .dot.active {
  background-color: white!important;
}

.wp-block-gallery.carousel {
  position: relative;
  overflow: hidden;
  width: 100vw;
  margin: 0 auto;
  touch-action: pan-y;
  user-select: none;
}

.carousel-track {
  display: flex;
  transition: transform 1s ease;
  width: 100%;
}

.wp-block-gallery.carousel figure {
  flex: 0 0 100%;
  margin: 0;
  display: flex;
  flex-direction: column;
  align-items: center;
}

.wp-block-gallery.carousel figure img {
  width: 100%;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  display: block;
}

.wp-block-gallery.carousel figcaption {
  font-size: 32px;
  text-align: center;
  width: 100%;
  padding: 10px 0;
  background: rgba(255, 255, 255, 0.8);
  box-sizing: border-box;
}

.carousel-prev,
.carousel-next {
  position: absolute;
  top: 50%;
  z-index: 10;
  background: rgba(0, 0, 0, 0.6);
  color: #fff;
  padding: 0.5em;
  border: none;
  cursor: pointer;

}
.carousel-prev { left: 10px; }
.carousel-next { right: 10px; }

.carousel-dots {
  text-align: center;
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
}
.carousel-dots .dot {
  display: inline-block;
  height: 10px;
  width: 10px;
  margin: 0 5px;
  background-color: #ccc;
  border-radius: 50%;
  cursor: pointer;
}
.carousel-dots .dot.active {
  background-color: #333;
}



@media screen and (min-width:690px) {


  
	
	.carousel-paamedia .carousel-slide .image-col {
  flex: 0 0 57.5%;
  max-width: 57.5%;
}

.carousel-paamedia .carousel-slide .text-col {
  flex: 0 0 42.5%;
  max-width: 42.5%;
}







}




@media screen and (min-width:1280px){
	.has-media-on-the-right .wp-block-media-text__content {
	padding:0px 8% 0px 0px!important;
}

.carousel-paamedia .wp-block-heading {
margin-right:50px;
}
	

	
	


	
}


	.carousel-paamedia h1,
	.carousel-paamedia h2 {
font-size:3.4vw!important;
color:white!important;
margin-right:40px;
padding:0px 20px 20px 20px!important
 }


@media screen and (min-width:1280px){



 }


	.carousel-track img{
    max-height:75vh;

  }



@media screen and (min-width:601px) {

	
	/*
		.text-col blockquote,
	.paamedia .wp-block-media-text__content{
padding:0% 4%!important;
}
*/
	
	
}



.post-type-archive-tribe_events .page-title {
  padding-top:50px;
}

@media screen and (max-width:768px) {
	


.hero-section[data-type=type-2]>[class*=ct-container] {
  min-height:20vh!important;
    max-height:20vh!important;
    padding:0px!important;
  }

  .post-type-archive .product img {

    max-height:30vh!important;
    object-fit:cover;

  }

.post-template-default .page-title{

padding-top:40px;

}

 .wp-block-media-text:not(.paamedia),
.value-cards {
  margin:4%!important;
}
  
.carousel-dots {

  bottom:10px!important;

}


.carousel-track {
  min-height:50vh!important;
}

  .wp-block-gallery.has-nested-images figure.wp-block-image {

max-height:50vh;

  }


.wp-block-gallery.has-nested-images figure.wp-block-image figcaption   {
  height:auto;
background:black;
  bottom:0px;
  line-height:1em;
  max-height:100px;
  position:relative;
  font-size:3vw!important;
  text-align:left;
}


.wp-block-spacer {
  max-height:50px;
}


  #header {
    max-height:100px;
  }

.site-branding {
  padding-top:10px;
}

  .site-title  {
  line-height:1em;
  font-size:4vw;
}

  .ct-menu-link {
  display:block;
}

  .wp-block-gallery {
    background-color:black;
  }

	.carousel-track {
min-height:90vh;
background:black!important;
  }


	#footer figure  {
		width:100%!important;
	text-align:center!important;
		
	}
	
	#footer .widget_media_image{
		max-width:50%;
margin:auto;
text-align:center!important;
	}
	
	
	.carousel-paamedia .text-col {
		
		max-width:90%!important;
		
	}
	

.single-tribe_events .tribe-blocks-editor .tribe-events-single-event-title,
  .paamedia h1,
	.paamedia h2 {
		font-size:7vw!important;
	}

	
	.carousel-slide .wp-block-column{
	display:block!important;
	}
	
	
	.paamedia .wp-block-media-text__content {
		
		padding-top:0px!important;
		
	}
	
	blockquote {
		margin:8%!important;
	}
	
}


@media screen and (max-width: 768px) {



	
	.ikonijateksti {		
		text-align:center!important;
}
	.ikonijateksti img{
		max-width:50%;
	}
		
	
	.carousel-paamedia .carousel-slide .image-col {
  flex: 0 0 100%;
  max-width: 100%;
}

.carousel-paamedia .carousel-slide .text-col {
  flex: 0 0 100%;
  max-width: 100%;
}
	
	.text-col blockquote,
  	.carousel-slide h1,
	.carousel-paamedia h1,
	.carousel-slide h2,
	.carousel-paamedia h2,
	.carousel-paamedia .carousel-slide .image-col{
		flex:0 0 100%!important;
		width:100%!important;
		max-width:100%!important;
		min-width:100%!important;
	}
	
	
}



@media screen and (min-width:768px) {
	

	
		.paamedia h1,
	.carousel-paamedia .wp-block-heading,
		.paamedia h2, .page-template-default h2, .post-template-default h2 {
		
		font-size:3.4vw!important;
		
	}
	
}


#footer .wp-block-image {
	width:50%;
}

[data-header*="type-1"] .ct-header [data-row*="middle"] {
	--height:20px;
}

[data-header*="type-1"] .ct-header [data-row*="top"] {
	display:none;
--height:10px;
}


.logged-in[data-header*="type-1"] .ct-header [data-row*="top"] {
	display:block!important;
}

.site-branding {
		z-index:9999;
padding-bottom:10px;}


[data-sticky*=yes], [data-sticky*=fixed] {
z-index:1!important;
	right:0px!important;
	left:0px!important;
}

@media screen and (max-width:768px) {

  
  	.carousel-slide {
		gap:1rem!important;
	}
	


}


@media screen and (max-width:768px)
{
	
	
    
	.paamedia {
		padding-bottom:30px;
	}
}

[data-header*="type-1"] .ct-header [data-row*="middle"] {
}

.home [data-vertical-spacing*=top] {
	padding-top:0px;
	
}

.ct-menu-link {
		font-family:inter!important;

}

.wp-block-button a{
	font-size:20px;
	border-radius:0px!important;

}


.em-item-info {
  display: flex;
  flex-direction: column;
}


.em-item-info > div {
  order: 1;
}

.em-item-info > h3 {
  order: 2;
}




.ajankohtaista .wp-block-group.is-layout-flex,
.ct-dynamic-data {
padding:0px!important;
	width:100%!important;
display:block!important;
}

.is-layout-flex{ 
	widtH:100%!important;

	align-content:unset!important;
}

.wp-block-group.is-layout-flex.wp-container-core-group-is-layout-877c468d > .wp-block-group-is-layout-constrained.wp-container-core-group-is-layout-19e250f3 {
  display: flex;
  flex-direction: column-reverse;
}

.valkone h1,
.valkone h2 {
	color:Black;
padding-top:20px!important;
max-height:50px!important;
min-height:50px!important;
	overflow:hidden;
}

.valkone {
	background-color:white;
	padding:0px 20px;
}

.valkone p {
max-height:150px;

overflow:hidden;

line-height:1.3em;
	color:black;
font-size:18px!important;
	padding-bottom:20px!important;
}

.em.em-list.em-grid>div.em-item .em-item-info .em-item-title a {
	color:black!important;
	font-weight:700;
}
.em-item-title {
	color:black!important;
	padding:20px!important;
}

.em-event-meta 
{
	margin:0px!important;
padding:20px;
	color:White;
		background-color:#cc0001!important;
}

.em.em-list.em-grid .em-item .em-item-info {

	border-top:0px;
}

.em-item-info {
	padding:0px!important;
}

.punane {
	color:white;
		background-color:#cc0001!important;
	padding: 20px;

}

.paakuva p{
	font-family:inter;
	font-weight:700;
}

.tribe-common p {
	font-size:18px;}

.tribe-events .tribe-events-calendar-list__event-title-link {
	
	font-size:28px;
}

 .tribe-events-calendar-list__event-title-link,
h1,h2,h3,h4,h5 {
	
	
	color: #cc0001;
	font-family:Yantramanav!important;
	font-weight:700;
	line-height:1em;
}

.menu>li>.ct-menu-link {
	height:20px!important;
}

[data-header*="type-1"] {
	--header-height:20px!important;
}

a, button,
p {
		font-family:Yantramanav!important;
	font-weight:400;
}



.home .wp-block-media-text__media {
	background-color:black;


}



.page-id-221 .ct-container-full {
    padding-top: 0px;
}
.page-id-294 .ct-container-full {
    padding-top: 0px;
}
.page-id-297 .ct-container-full {
    padding-top: 0px;
}

.ct-query-template-grid img{
max-height:260px;
}


.ct-dynamic-data .wp-block-group a,
.ct-dynamic-data img {
	display:none!important;
}

.wp-block-post img {
	
	border-radius:0px!important;
}

.wp-block-post{
	box-shadow:0px 0px 15px lightgray;
}

@media screen and (min-width:1280px) {
	
	.paakuva {
		min-height:75vh!important;
	}
	
	.em.em-list.em-grid {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 1rem !important;
  --view-grid-width: 0px !important;
  margin: 0 !important;
  padding: 0 !important;
}

	
	
}

@media screen and (max-width:1279px) {
	
	.paakuva {
		min-height:50vh!important;
	}
	
}



:root :where(.is-layout-flow) > :last-child{
		border-radius:20px!important;

}



 .em-event {
	 border:solid 10px white;
}

.laatikot {
  background-color: white;
  border: 20px solid transparent;
  border-image-slice: 30 fill;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
  transition: transform 0.2s ease;
}

.value-cards .wp-block-column {
  padding: 1.5rem;
}

.value-cards {
	flex: 1; 
  border-top: 4px solid #cc0001;
  background: #ffffff;
  padding: 2rem;
  box-shadow: 0 6px 20px rgba(0, 0, 0, 0.06);
  text-align: center;
  opacity: 0;
  transform: translateY(20px);
  animation: fadeInUp 0.8s ease forwards;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  height: 100%;
}
.alateksti {
	border-top: 4px solid #cc0001;
}


.value-cards h3 {
  font-family: 'Playfair Display', serif;
  font-size: 1.6rem;
  color: #1c1c1c;
  margin-bottom: 0.75rem;
}

.value-cards p {
  font-family: 'Lato', sans-serif;
  font-size: 1rem;
  line-height: 1.7;
  color: #444;
}

@keyframes fadeInUp {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}

.value-cards:nth-of-type(1) {
  animation-delay: 0.2s;
}
.value-cards:nth-of-type(2) {
  animation-delay: 0.5s;
}
.value-cards:nth-of-type(3) {
  animation-delay: 0.8s;
}
.value-cards:nth-of-type(4) {
  animation-delay: 1.1s;
}
.value-cards:nth-of-type(5) {
  animation-delay: 1.4s;
}



.left-column {
  flex: 0 0 30%;
  border-left: 4px solid #cc0001;
  padding-left: 1rem;

}

.left-column h1,
.left-column h2 {
  color: #cc0001;
  margin-bottom: 0.5rem;
}

.right-column {
  flex: 1;
  padding: 2rem;
  font-size: 1rem;
  line-height: 1.8;
	border-top: 4px solid #cc0001; 
  border-bottom: 4px solid #cc0001; 
  background-color: #fafafa; 
  border-radius: 8px;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.05);
  margin-bottom: 2rem;
}


.blog-item {
    background-color: #111;
    color: #fff;
    padding: 1.5rem;
    margin-bottom: 2rem;
    border-radius: 8px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.4);
    transition: transform 0.2s ease;
}

.blog-item:hover {
    transform: scale(1.01);
}

.blog-thumbnail img {
    width: 100%;
    height: auto;
    border-radius: 6px;
    margin-bottom: 1rem;
}

.blog-meta {
    font-size: 0.9rem;
    margin-bottom: 0.5rem;
    color: #ccc;
}

.blog-category {
    display: inline-block;
    margin-right: 10px;
    color: #e60023;
    font-weight: 600;
    text-transform: uppercase;
    font-size: 0.8rem;
}

.blog-date {
    display: inline-block;
    color: #999;
    font-style: italic;
    font-size: 0.85rem;
}

.blog-item h3 {
    margin: 0.5rem 0 0.8rem;
    font-size: 1.4rem;
}


.blog-item h3 a {
    color: #fff;
    text-decoration: none;
    border-bottom: 2px solid transparent;
    transition: all 0.2s ease;
}

.blog-item h3 a:hover {
    color: #e60023;
    border-bottom: 2px solid #e60023;
}

.blog-item p {
    color: #ddd;
    font-size: 1rem;
    line-height: 1.6;
}
@media (min-width: 768px) {
    #blog-results {
        display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 2rem;
    }
}

.blog-filter-form {
    background-color: #111;
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.blog-filter-form select,
.blog-filter-form button {
    background-color: #000;
    color: #fff;
    border: 1px solid #444;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    font-size: 0.95rem;
    transition: border-color 0.2s, background-color 0.2s;
}

.blog-filter-form select:focus,
.blog-filter-form button:focus {
    outline: none;
    border-color: #e60023;
}

.blog-filter-form select:hover,
.blog-filter-form button:hover {
    border-color: #e60023;
}

.blog-filter-form button {
    background-color: #e60023;
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: bold;
}

.blog-filter-form button:hover {
    background-color: #cc001f;
}


@media (max-width: 768px) {
    .blog-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-filter-form select,
    .blog-filter-form button {
        width: 100%;
    }
}

form.blog-filter-form select,
form.blog-filter-form select option {
    background-color: #000 !important;
    color: #fff !important;
    border: 1px solid #444 !important;
    padding: 0.6rem 1rem !important;
    border-radius: 6px!important;
    font-size: 1rem !important;
    appearance: none !important;
    -webkit-appearance: none !important;
    -moz-appearance: none !important;
    text-shadow: none !important;
	 height: auto !important;
}

.blog-filter-form {
    background-color: #111;
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.blog-filter-form select,
.blog-filter-form button {
    background-color: #000;
    color: #fff;
    border: 1px solid #444;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    font-size: 0.95rem;
    line-height: 1.4;
    min-width: 160px;
    max-width: 100%;
    flex: 1 1 160px;
    box-sizing: border-box;
}

.blog-filter-form button {
    background-color: #e60023;
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: bold;
    flex: 0 0 auto;
    white-space: nowrap;
}

.blog-filter-form button:hover {
    background-color: #cc001f;
}

.blog-filter-form select:focus,
.blog-filter-form button:focus {
    outline: none;
    border-color: #e60023;
}

.blog-filter-form select option {
    background-color: #000 !important;
    color: #fff !important;
    line-height: 1.4 !important;
}

@media (max-width: 768px) {
    .blog-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .blog-filter-form select,
    .blog-filter-form button {
        width: 100%;
        flex: none;
    }
}

.blog-filter-form input[type="text"] {
    color: white;
    background-color: #333; 
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
}

.events-filter-form {
    background-color: #111;
    padding: 1.5rem;
    border-radius: 10px;
    margin-bottom: 2rem;
    display: flex;
    flex-wrap: wrap;
    gap: 1rem;
    align-items: center;
    justify-content: flex-start;
    color: #fff;
}

.events-filter-form select,
.events-filter-form button,
.events-filter-form input[type="text"] {
    background-color: #000;
    color: #fff;
    border: 1px solid #444;
    padding: 0.6rem 1rem;
    border-radius: 6px;
    font-size: 0.95rem;
    line-height: 1.4;
    min-width: 160px;
    max-width: 100%;
    flex: 1 1 160px;
    box-sizing: border-box;
}

.events-filter-form input[type="text"] {
    background-color: #333;
    border: 1px solid #ccc;
    padding: 8px;
    border-radius: 4px;
}

.events-filter-form button {
    background-color: #e60023;
    color: #fff;
    border: none;
    cursor: pointer;
    font-weight: bold;
    flex: 0 0 auto;
    white-space: nowrap;
}

.events-filter-form button:hover {
    background-color: #cc001f;
}

.events-filter-form select:focus,
.events-filter-form button:focus,
.events-filter-form input[type="text"]:focus {
    outline: none;
    border-color: #e60023;
}

.events-filter-form select option {
    background-color: #000 !important;
    color: #fff !important;
    line-height: 1.4 !important;
    text-shadow: none !important;
}

@media (max-width: 768px) {
    .events-filter-form {
        flex-direction: column;
        align-items: stretch;
    }

    .events-filter-form select,
    .events-filter-form button,
    .events-filter-form input[type="text"] {
        width: 100%;
        flex: none;
    }
}

event-item {
    background-color: #1a1a1a;
    padding: 1rem;
    border-radius: 8px;
    margin-bottom: 1rem;
    color: #fff;
    transition: background-color 0.2s;
}

.event-item:hover {
    background-color: #2a2a2a;
}

.event-item h3 {
    margin: 0 0 0.5rem;
}

.event-item p {
    margin: 0.25rem 0;
    font-size: 0.9rem;
}

.event-thumb img {
    width: 100%;
    height: auto;
    border-radius: 4px;
    margin-bottom: 0.5rem;
}
@media (min-width: 768px) {
    #events-results {
        display: grid;
        grid-template-columns: repeat(3, 1fr);
        gap: 2rem;
    }
}

#nav_menu-6 .widget-title {
  font-weight: bold;
  margin-bottom: 16px;
}

#nav_menu-6 ul.widget-menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

#nav_menu-6 ul.widget-menu li {
  margin-bottom: 10px;
}

#nav_menu-6 ul.widget-menu li a {
  display: block;
  padding: 10px 14px;
  text-decoration: none;
  font-weight: 500;
  transition: background 0.2s ease, color 0.2s ease;
  border-radius: 0;
}

#nav_menu-6 ul.widget-menu li a:hover {
  background-color: #e6e6e6; 

}

#nav_menu-6 ul.widget-menu li.current-menu-item a {
  background-color: #e6e6e6;

  font-weight: 600;
}

.woocommerce ul.products li.product h2.woocommerce-loop-product__title {
  font-size: 1.4rem!important; 
}

.page-id-851 .blog-filter-form {
	display:none;
}

#menu-item-1497 a {
  background-color: #ff0000; 
  color: white;
  
padding:15px;
  font-weight: 600;
  transition: background-color 0.3s ease, transform 0.2s ease;
  text-decoration: none;
}

#menu-item-1497 a:hover {
  transform: scale(1.05);
}

.ct-header-search {
	display:none;
}

.blog-thumbnail img,
.event-thumb img {
    width: 100%;
    max-height: 350px;
    object-fit: cover;
    border-radius: 7px;
    margin-bottom: 1rem;
}


.paamedia {
background-color:black;
}


.paamedia h1::before,
.paamedia h2::before {margin-bottom:20px!important;
display:block;
position:relative;
content:' ';
width:100%;
height:5px;
margin-left:-25px;
background-color:red;
}

.paamedia h2 {
padding: 0px 0px;
}

blockquote:where(:not(.is-style-plain)):where(:not(.has-text-align-center):not(.has-text-align-right)){
border-inline-start: 5px solid red;

}

.paamedia h1::first-letter,
.paamedia h2::first-letter{
background-color:red!important;
color:white!important;
}

.wp-block-media-text:nth-child(even) {
}

:is(.is-layout-flow,.is-layout-constrained)>*:where(:not(h1,h2,h3,h4,h5,h6)) {
margin-block-end:0px;
}


.otzikko {
padding-top:20px!important;
padding: 0px; 
margin:0px!important; }

.ct-container-full {
padding-top:0px!important;
 }


.carousel figcaption {
top:0px;
font-size:32px!important;}

.entry-content .timeline-popup-overlay,
.wp-block-group .timeline-popup-overlay,
.site-content .timeline-popup-overlay {
  position: fixed !important;
  width: 100vw !important;
  max-width: 100vw !important;
  left: 0 !important;
  margin: 0 !important;
}
.timeline-popup-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw !important;
  height: 100vh !important;
  background: rgba(0, 0, 0, 0.5);
  display: none;
  justify-content: center;
  align-items: flex-start; 
  z-index: 99999;
  overflow-y: auto;
  overflow-x: hidden;
  padding: 1rem 1rem;
  box-sizing: border-box;
}

  .timeline-popup-content {
margin-top:100px;
    background: white;
    max-width: 960px;
    width: 100%;
    padding: 2rem;
    position: relative;
    border-radius: 10px;
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }

  .timeline-close-button {
    position: absolute;
    top: 1rem;
    right: 1rem;
    font-size: 1.5rem;
    cursor: pointer;
    color: #444;
  }

  .timeline-popup-content img {
    max-width: 100%;
    height: auto;
  }

  .janalla h3 {
    cursor: pointer;
    user-select: none;
  }

  .janalla > *:not(h3) {
    display: none;
  }

  .timeline-popup-content .janalla > * {
    visibility: visible !important;
    max-height: unset !important;
  }

    .timeline-popup-content .janalla > *:not(h3) {
    display: grid;
  }


.blog-filter-form {
	margin-bottom:30px!important;
}

:is(.is-layout-flow,.is-layout-constrained)>*:where(:not(h1,h2,h3,h4,h5,h6)) {
	    margin-block-end: 30px;

	
	
}


[data-behaviour*=side] .ct-panel-inner {


width:100%!important;

}

@media screen and (max-width: 689.98px)  {





  .ct-menu-link {
    text-align:center;  

  }


[data-header*="type-1"] #offcanvas {

  --side-panel-width:100vw!important;

}

}