span.wp-block-navigation-item__label {
	font-size: .8em;
}

.tunnusluvut-heading{
		font-size: 3.5rem;
}

.tunnusluvut .wp-element-caption{
		font-size: 1.8rem;
		font-weight: 400;
}

.juniorit-container{
	width: 70vw;
}

.caption-wrap{
    background: none !important;
		opacity: 0.9 !important;
}

@media (max-width: 768px) {
   .tunnusluvut-heading{
    text-align: center;
    font-size: 1.8rem; 
  }
}

.table-harjoitusajat{
		width: 100%;
		font-size: 1rem;
}

.table-harjoitusajat table{
	  width: 100%;
  	border-collapse: collapse;
  	table-layout: auto !important;
}

.table-harjoitusajat th,
.table-harjoitusajat td {
  	padding: 8px;
  	box-sizing: border-box;
}

@media (max-width: 480px) {

  .table-harjoitusajat {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .table-harjoitusajat table {
    border-collapse: collapse;
    table-layout: auto !important;    
    width: 100%;    
      
  }

  .table-harjoitusajat th,
  .table-harjoitusajat td {
    white-space: normal !important;   
		word-break: normal !important;
    overflow-wrap: break-word !important;
    padding: 8px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
   .tunnusluvut-heading{
    text-align: center;
    font-size: 1.8rem; 
  }
}

@media (max-width: 480px){
		#modal-1-content > ul > li:nth-child(2) > ul > li.wp-block-navigation-item.has-child.open-on-hover-click.\.sub-menu.wp-block-navigation-submenu > ul{
	text-align: center;
	}
}

.wp-block-navigation__responsive-container-content{
	padding: 0.5rem !important;
}

@media (max-width: 768px) {
		.perhesaba-alueet{
			display: block !important;
			padding: 0.5rem;
		}
}

@media (max-width: 768px) {
		.perhesaba-alueet-column{
			margin: 0.5em !important;
		}
}

.sabakerho-alueet {
  display: flex;
		gap: 24px !important;
  align-items: stretch;
}

.sabakerho-alueet > .wp-block-group {
  flex: 1;
  display: flex;
  flex-direction: column;
	justify-content: flex-start;
}

@media (max-width: 768px) {
		.sabakerho-alueet{
			display: block !important;
			padding: 0.5rem;
				margin: 0.5rem !important;
		}
}

@media (max-width: 768px) {
		.sabakerho-alueet-column{
			margin: 0.5em !important;
		}
}