body {
	background-image: url(soup_kitchen.svg) !important;
}

.site-header__initial,
.sticky-header-toggle {
	background-color: #00bddf !important;
}

#block-olivero-site-branding {
	background-color: #00bddf !important;
}

.site-branding__logo img {
	margin-top: -22px;
	max-height: 130px !important;
}

.site-footer {
	color: #fff !important;
}

.page-wrapper {
	margin: auto;
}

body:not(.user-logged-in) .views-field-edit-node {
	display: none;
}

body a {
	color: var(--color--primary-30);
}

div.view,
div.view-content {
	display: block;
}

h2.block__title {
	font-size: 2.25rem;
	line-height: var(--sp3);
	margin-block: var(--sp);
	color: var(--color-text-neutral-loud);
	font-family: var(--font-sans);
	font-weight: bold;
}

ul.menu--sidebar {
	margin: 0px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
}

ul.menu--sidebar .menu__link--link {
	padding: 5px 0px;
	width: fit-content;
}

ul.menu--sidebar .menu__link::after {
	border-block-start: solid 5px var(--color--gray-90);
	width: var(--sp3);
	transition: 0.3s width;
}

ul.menu--sidebar .menu__link--link:hover::after {
	width: 100%;
	border-block-start: solid 5px var(--color--primary-50);
}

/*flexslider*/
.block-views-blockkansikuva-block-1 .flexslider {
	border: none !important;
	margin: 0px !important;
}

.block-views-blockkansikuva-block-1 .slides {
	margin: 0px;
}

.block-views-blockkansikuva-block-1 .slides img {
	height: calc(100vh - 240px) !important;
	width: 100% !important;
	object-fit: cover !important;
}

.flex-control-nav {
	bottom: 0px !important;
	z-index: 99;
	display: flex;
	justify-content: center;
}

.flex-control-nav li {
	margin: 0px !important;
	padding: 10px 6px !important;
	background-color: #fff !important;
}

.flex-control-nav li:first-child {
	background-color: transparent !important;
	padding-left: 20px !important;
	background-image: url("../images/nav-pagination-flex.png");
	background-size: cover;
	background-position: left;
}

.flex-control-nav li:last-child {
	background-color: transparent !important;
	padding-right: 20px !important;
	background-image: url("../images/nav-pagination-flex.png");
	background-size: cover;
	background-position: right;
}

.flex-direction-nav a::before {
	padding: 4px;
}

.block-views-blockkansikuva-block-1 .views-field-title {
	position: absolute;
	top: 0px;
	width: 100%;
	height: 100%;
	display: flex;
	justify-content: center;
	align-items: center;
	background-image: radial-gradient(circle, #0000, #0000, #000000d1);
}

.block-views-blockkansikuva-block-1 .views-field-title .field-content {
	background-color: #005F70;
	color: #fff;
	padding: 20px;
	margin: 0px 40px;
	font-weight: bold;
	font-style: italic;
	font-size: 180%;
	font-family: Lora, georgia, serif;
	text-align: center;
}

.flex-direction-nav a.flex-prev::before {
	font-size: 0px;
	width: 35px;
	height: 35px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-left" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M11.354 1.646a.5.5 0 0 1 0 .708L5.707 8l5.647 5.646a.5.5 0 0 1-.708.708l-6-6a.5.5 0 0 1 0-.708l6-6a.5.5 0 0 1 .708 0z"/></svg>');
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2f2f2f;
	border: 0px solid #000;
	border-radius: 50%;
}

.flex-direction-nav a.flex-next::before {
	font-size: 0px;
	width: 35px;
	height: 35px;
	background-image: url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="white" class="bi bi-chevron-right" viewBox="0 0 16 16"><path fill-rule="evenodd" d="M4.646 1.646a.5.5 0 0 1 .708 0l6 6a.5.5 0 0 1 0 .708l-6 6a.5.5 0 0 1-.708-.708L10.293 8 4.646 2.354a.5.5 0 0 1 0-.708z"/></svg>');
	background-size: 30px;
	background-position: center;
	background-repeat: no-repeat;
	background-color: #2f2f2f;
	border: 0px solid #000;
	border-radius: 50%;
}

/*yhteystiedot*/
.view-id-puhelinluettelo.view-display-id-page_1 .views-field-body p {
	margin: 0px;
}

.view-id-puhelinluettelo.view-display-id-page_1 .view-content td {
	padding-top: 4px;
	padding-bottom: 4px;
}

.view-id-puhelinluettelo.view-display-id-page_1 .view-content caption {
	font-size: 1.65em;
	font-style: normal;
	font-family: metropolis, sans-serif;
	font-weight: bold;
	color: #0d1214;
}

.view-id-puhelinluettelo.view-display-id-page_1 .view-filters .form-submit {
	margin-top: 0px !important;
}

aside #block-alatunniste-2 table,
aside #block-alatunniste-2 tbody {
	width: 100%;
	display: block;
}

aside #block-alatunniste-2 tr {
	display: flex;
	flex-wrap: wrap;
}

aside #block-alatunniste-2 td {
	padding-left: 0px !important;
	padding-right: 0px !important;
	width: 100%;
}

/*avoimet tyopaikat*/
.rssfeed-block .view-content {
	width: 100%;
	display: grid;
	grid-template-columns: repeat(auto-fit, minmax(0, calc(33.33% - 10px)));
	gap: 10px;
}

.rssfeed-block .view-content .views-row {
	width: fit-content;
}

.rssfeed-block .view-content .views-row {
	background-color: #00bddf;
	padding: 10px;
	width: 100%;
	color: #000;
}

.rssfeed-block .view-content .views-row a {
	display: inline-flex;
	height: fit-content;
	width: 100%;
	color: #000;
	text-decoration: none;
}

a svg.ext,
.rssfeed-block .view-content .views-row a svg.ext {
	fill: #000;
}

a svg.ext path,
svg.mailto path,
.rssfeed-block .view-content .views-row svg.ext path {
	stroke: #000;
}

.rssfeed-block .view-content .views-row a:hover,
.rssfeed-block .view-content .views-row a:focus {
	color: #000 !important;
	text-decoration: underline;
}

/*ajankohtaista*/
.field--name-field-kuva {
	max-width: 100%;
	margin: auto !important;
}

.ajankohtaista-item {
	display: flex;
	flex-wrap: wrap;
	border-bottom: 2px solid #ddd;
}

.views-row:last-child .ajankohtaista-item {
	border-bottom: none;
}

.ajankohtaista-left {
	width: 50%;
	padding: 10px;
}

.ajankohtaista-right {
	display: flex;
	justify-content: center;
	width: 50%;
	padding: 10px;
}

.ajankohtaista-right img {
	height: 450px;
	object-fit: contain;
	height: 450px;
	object-fit: contain;
	transform: scale(0.95);
	transition: transform 0.4s;
}

.ajankohtaista-right img:hover,
.ajankohtaista-right img:focus {
	transform: scale(1.0);
}

.views-row:nth-child(odd) .ajankohtaista-right {
	order: -1;
}

.ajankohtaista-block {
	background-color: #f7f7f7;
	margin: 15px 0px;
	border: 1px solid #ddd;
}

.ajankohtaista-img img {
	height: 240px;
	object-fit: cover;
}

.ajankohtaista-desc {
	font-size: 14px;
	line-height: 1.3;
	padding: 10px;
}

.ajankohtaista-desc h3 {
	font-size: 17px;
	margin: 0px;
	line-height: 1.3;
}

.more-link {
	text-align: center;
	padding: 20px 0px 0px 0px;
}

.more-link a {
	padding: 10px;
	color: #fff;
	background-color: #00bddf;
	text-decoration: none;
	color: #000;
}

.more-link a:hover,
.more-link a:focus {
	color: #000;
	text-decoration: underline;
}

.block-views-blockliitetiedostot-block-1 .views-row li>span:not(.file) {
	display: none;
}

.cookies-cookie-settings-toggle--bottom {
	position: fixed;
	bottom: 5px;
	left: 5px;
	padding: 5px 10px;
	background: #eee;
	color: #000 !important;
	font-size: 14px;
	transition: none !important;
	border: none !important;
	box-shadow: none !important;
	z-index: 2;
	font-family: var(--font-sans);
	background-color: #00bddf;
}

.cookies-cookie-settings-toggle--bottom:hover,
.cookies-cookie-settings-toggle--bottom:focus {
	text-decoration: underline !important;
}

@media screen and (min-width: 75rem) {
	body:not(.is-always-mobile-nav) .site-header__fixable.is-fixed:not(.is-expanded) .site-header__inner {
		transform: translateY(-101%) !important;
	}

	.social-bar {
		display: none;
	}

	.main-content {
		width: 100% !important;
	}

	.main-content__container {
		max-width: 100% !important;
	}

	.sidebar-grid .region--sidebar {
		grid-column: 10 / 13 !important;
	}

	.sidebar-grid>.site-main {
		grid-column: 3 / 10 !important;
	}
}

@media screen and (max-width: 1450px) {
	aside #block-alatunniste-2 h2 {
		font-size: 1.65em;
	}
}

@media screen and (max-width: 1200px) {
	.site-branding__logo img {
		margin-top: 0px;
		max-height: 100px !important;
	}

	.block-views-blockkansikuva-block-1 .slides img {
		height: calc(100vh - 118px) !important;
	}

	.block-views-blockkansikuva-block-1 .views-field-title .field-content {
		font-size: 150%;
	}
}

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

	aside #block-alatunniste-2 h2,
	h2.block__title {
		font-size: 1.55em;
	}
}

@media screen and (max-width: 700px) {
	.block-views-blockkansikuva-block-1 .slides img {
		height: calc(100vh - 109px) !important;
	}

	.ajankohtaista-right {
		width: 100%;
		padding: 0px;
	}

	.ajankohtaista-right img {
		height: 300px;
		object-fit: cover;
	}

	.ajankohtaista-left {
		width: 100%;
	}

	.views-row:nth-child(even) .ajankohtaista-right {
		order: -1;
	}

	.rssfeed-block .view-content {
		grid-template-columns: repeat(auto-fit, minmax(0, calc(50% - 10px)));
	}
}

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

	.rssfeed-block .view-content {
		grid-template-columns: repeat(auto-fit, minmax(0, calc(100%)));
	}
}