/* Etusivun ison otsikon koko pienemmäksi, jotta sana ei katkea */
.front-page-1 .textwidget h1,
.front-page-1 .widget-title {
	font-size: 36px;
	font-size: 3.6rem;
	padding-right: 0;
	overflow-wrap: normal;
	word-break: normal;
	hyphens: manual;
}
@media only screen and (max-width: 480px) {
	.front-page-1 .textwidget h1,
	.front-page-1 .widget-title {
		font-size: 28px;
		font-size: 2.8rem;
	}
}

/* Mobiilivalikon nappi: kaksi viivaa tekstin "Menu" tilalle, auki ollessa X */
.menu-toggle {
	position: relative;
	width: 44px;
	height: 44px;
	padding: 0 !important;
	font-size: 0 !important;
	line-height: 0;
	color: transparent !important;
	background: transparent !important;
	overflow: hidden;
}
.menu-toggle::before,
.menu-toggle::after {
	content: "" !important;
	position: absolute;
	left: 10px;
	right: 10px;
	height: 2px;
	background: #000;
	border-radius: 1px;
	transition: transform .2s ease, top .2s ease;
}
.menu-toggle::before { top: 17px; }
.menu-toggle::after  { top: 25px; }
.menu-toggle.activated::before { top: 21px; transform: rotate(45deg); }
.menu-toggle.activated::after  { top: 21px; transform: rotate(-45deg); }
.menu-toggle:focus-visible { outline: 2px solid #cf2e2e; outline-offset: 2px; }
.menu-toggle,
.menu-toggle:hover,
.menu-toggle:focus {
	border: 0 !important;
	box-shadow: none !important;
	outline: none;
}