/*
Theme Name: Inštitut za vodarstvo
Theme URI: https://www.i-vode.si/
Description: Block child theme of Twenty Twenty-Five that reproduces the look of the Boson (Helix) template used by the old Joomla site of www.i-vode.si.
Author: Inštitut za vodarstvo, d.o.o.
Template: twentytwentyfive
Version: 2.0.0
Requires at least: 6.7
Tested up to: 7.1
Requires PHP: 8.1
License: GNU General Public License v2 or later
Text Domain: ivode
*/

/* ======================================================================
   Base
   ====================================================================== */
html { background: #202020; }
body {
	background: #fff;
	-webkit-font-smoothing: antialiased;
}
p { margin: 0 0 10px; }
.entry-content > * + *,
.ivode-sec > * + * { margin-block-start: 20px; }
h1, h2, h3, h4 { margin: 0; }
img { height: auto; }
.wp-site-blocks { display: flex; flex-direction: column; min-height: 100vh; }
.wp-site-blocks > main { flex: 1; }

/* Page title and lead text, as in the Joomla articles */
.ivode-page-title {
	font-size: 30px;
	font-weight: 300;
	letter-spacing: -0.01em;
	margin-block: 25px 5px !important;
}
.ivode-intro { color: #60646a; margin-block: 0 25px !important; }
.ivode-muted { color: #9b9fa2; }
.ivode-muted em { font-style: italic; }

/* Section headings with the striped line ("header-left"/"header") */
h2.ivode-header,
h2.ivode-title {
	display: flex;
	align-items: center;
	gap: 20px;
	font-size: 18px;
	font-weight: 400;
	color: #313538;
	margin-block: 20px !important;
}
h2.ivode-header::after {
	content: "";
	flex: 1;
	height: 12px;
	background: url("assets/img/bg-head.png") repeat;
	opacity: 0.9;
}
.ivode-striped {
	height: 14px !important;
	margin-block: 20px !important;
	border: 0 !important;
	background: url("assets/img/bg-head.png") repeat;
	opacity: 1 !important;
}

/* Lists with the teal check / info icons (".b-list") */
ul.ivode-list-check,
ul.ivode-list-info {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}
ul.ivode-list-check li,
ul.ivode-list-info li {
	position: relative;
	padding-left: 26px;
	margin-bottom: 5px;
	line-height: 20px;
}
ul.ivode-list-check li::before,
ul.ivode-list-info li::before {
	content: "";
	position: absolute;
	left: 0;
	top: 2px;
	width: 16px;
	height: 16px;
	background: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11' fill='%232eafbb'/><path d='m7 12.5 3.2 3.2L17 9' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/></svg>") no-repeat center / 16px;
}
ul.ivode-list-info li::before {
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11' fill='%232eafbb'/><path d='M12 10.5v7' stroke='%23fff' stroke-width='2.6' stroke-linecap='round'/><circle cx='12' cy='7' r='1.5' fill='%23fff'/></svg>");
}
ul.ivode-list-info li { font-size: 13px; }
ul.ivode-list-check li strong { color: #313538; font-weight: 600; }

/* Buttons: turquoise gradient, 35px */
.wp-block-button__link {
	background: #38b4c0 linear-gradient(to bottom, #41c4d0, #299ca7) !important;
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	border: 1px solid rgba(0, 0, 0, 0.1);
	border-bottom-color: rgba(0, 0, 0, 0.25);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	font-size: 13px;
	line-height: 35px;
	padding: 0 23px;
	border-radius: 2px;
}
.wp-block-button__link:hover { background: #299ca7 !important; }
.ivode-btn-red .wp-block-button__link {
	background: #e0331f linear-gradient(to bottom, #ff4d10, #e0331f) !important;
}

/* Images used inside articles */
.ivode-pic img,
.entry-content .wp-block-image img { max-width: 100%; }
.ivode-deznik img { width: 100px; height: auto; }
.ivode-logo-contact img { width: 140px; height: auto; }
figcaption.wp-element-caption {
	font-size: 12px;
	color: #9b9fa2;
	text-align: center;
	margin-top: 8px;
}

/* Square drop cap ("sp-dropcap-square") */
.has-drop-cap:not(:focus)::first-letter {
	float: left;
	font-size: 48px;
	line-height: 40px;
	font-weight: 400;
	color: #313538;
	margin: 7px 18px 10px 0;
	padding: 15px;
	background: #fafafa;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	box-shadow: 0 1px 3px rgba(0, 0, 0, 0.04);
}

/* Callout box ("c-action") */
.ivode-callout {
	border: 1px solid #e4e4e4;
	background: #fafafa;
	padding: 20px 30px;
	margin-block: 30px !important;
}
.ivode-callout p {
	margin: 0;
	font-size: 22px;
	line-height: 30px;
	font-weight: 300;
	color: #313538;
}
.ivode-callout strong { font-weight: 400; }

/* Dark band ("promo1") */
.ivode-sec-call_to_action {
	background: #3f4347;
	color: #fff;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.2) inset;
	padding: 25px 0;
}
.ivode-band__text {
	font-size: 18px;
	line-height: 24px;
	margin: 0;
	color: #fff;
}
.ivode-band__text a { color: #4ac7d2; }
.ivode-band__text a:hover { color: #9be0e7; }

/* Promo box ("promo3"): white box, teal left border, button on the right */
.ivode-promo {
	background: #fff;
	border: 1px solid #e4e4e4;
	border-left: 3px solid #2eafbb;
	padding: 20px 28px 20px 30px;
	gap: 20px;
}
.ivode-promo__text { flex: 1; min-width: 0; }
.ivode-promo__title {
	font-size: 18px;
	font-weight: 700;
	color: #313538;
	margin-block: 0 4px !important;
}
.ivode-promo p { margin: 0; }
.ivode-promo .wp-block-buttons { margin: 0; }

/* Text with round outlined icon ("text_with_icon") */
.ivode-tw {
	position: relative;
	padding-left: 80px;
	min-height: 60px;
}
.ivode-tw::before {
	content: "";
	position: absolute;
	left: 0;
	top: 0;
	width: 58px;
	height: 58px;
	border: 1px solid #d5d5d5;
	border-radius: 50%;
	background: #fff no-repeat center / 24px 24px;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.ivode-tw__title {
	font-size: 16px;
	margin-block: 6px 8px !important;
}
.ivode-tw__title a { color: #313538; }
.ivode-tw__title a:hover { color: #2eafbb; }
.ivode-tw p { margin: 0 0 12px; }
.ivode-tw__big {
	font-size: 15px;
	color: #313538;
	margin-block: 12px !important;
}
.ivode-tw .wp-block-buttons { margin: 0; }
.ivode-icon-edit::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 20h9'/><path d='M16.5 3.5a2.1 2.1 0 0 1 3 3L7 19l-4 1 1-4Z'/></svg>"); }
.ivode-icon-bullhorn::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M3 10v4h3l8 4V6l-8 4H3Z'/><path d='M17 9a4.5 4.5 0 0 1 0 6'/><path d='M19.5 6.5a8 8 0 0 1 0 11'/></svg>"); }
.ivode-icon-beaker::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M9 3h6'/><path d='M10 3v6L4.5 19a1.5 1.5 0 0 0 1.3 2h12.4a1.5 1.5 0 0 0 1.3-2L14 9V3'/><path d='M7 15h10'/></svg>"); }
.ivode-icon-map::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M12 21s-7-6.5-7-11a7 7 0 0 1 14 0c0 4.5-7 11-7 11Z'/><circle cx='12' cy='10' r='2.5'/></svg>"); }
.ivode-icon-phone::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M5 3h4l2 5-2.5 1.5a11 11 0 0 0 6 6L16 13l5 2v4a2 2 0 0 1-2 2A17 17 0 0 1 3 5a2 2 0 0 1 2-2Z'/></svg>"); }
.ivode-icon-mail::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><rect x='3' y='5' width='18' height='14' rx='2'/><path d='m3 7 9 6 9-6'/></svg>"); }
.ivode-icon-print::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><path d='M6 9V3h12v6'/><rect x='3' y='9' width='18' height='8' rx='2'/><path d='M6 14h12v7H6z'/></svg>"); }
.ivode-icon-user::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='8' r='4'/><path d='M4 21a8 8 0 0 1 16 0'/></svg>"); }
.ivode-icon-chevron::before { background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23444' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='m9 6 6 6-6 6'/></svg>"); }

/* Image boxes ("image_box_image": centred icon; "full_image_box_image": photo card) */
.ivode-ibox { text-align: center; padding: 0 20px; }
.ivode-ibox__icon { margin: 0 auto 20px !important; }
.ivode-ibox__icon img { max-height: 100px; width: auto; }
.ivode-ibox h3 { font-size: 18px; margin-block: 0 10px !important; overflow-wrap: normal; word-break: keep-all; hyphens: manual; }
.wp-block-column[style*="16.67%"] .ivode-ibox h3 { font-size: 15px; }
.wp-block-column[style*="16.67%"] .ivode-ibox,
.wp-block-column[style*="25%"] .ivode-ibox { padding: 0 4px; }
.ivode-ibox h3 a { color: #313538; }
.ivode-ibox p { margin: 0; }
.ivode-fbox__img img { width: 100%; box-shadow: 0 6px 12px -6px rgba(0, 0, 0, 0.35); }
.ivode-fbox h3 { font-size: 16px; margin-block: 20px 10px !important; }
.ivode-fbox h3 a { color: #313538; }
.ivode-fbox p { margin: 0 0 12px; }
.ivode-fbox .wp-block-buttons { margin: 0; }
.ivode-fbox strong { color: #313538; font-weight: 600; }

/* Team ("teamic") */
.ivode-team { text-align: center; }
.ivode-team__photo { margin: 0 auto 12px !important; }
.ivode-team__photo img { width: 110px; height: 110px; object-fit: cover; border-radius: 50%; }
.ivode-team h3 { font-size: 14px; font-weight: 600; margin-block: 0 2px !important; }
.ivode-team p { margin: 0 0 4px; }

/* Testimonials */
.wp-block-quote.ivode-quote {
	position: relative;
	border: 0;
	margin: 0;
	padding: 0 0 0 48px;
	font-style: italic;
	color: #8a8a8a;
	font-size: 15px;
	line-height: 24px;
}
.wp-block-quote.ivode-quote::before {
	content: "\201C";
	position: absolute;
	left: 0;
	top: -6px;
	font-size: 64px;
	line-height: 1;
	font-weight: 700;
	font-style: normal;
	color: #2eafbb;
	font-family: Georgia, serif;
}
.wp-block-quote.ivode-quote p { margin: 0 0 14px; }
.wp-block-quote.ivode-quote cite {
	display: block;
	font-style: normal;
	font-size: 13px;
	line-height: 20px;
	color: #9b9fa2;
}
.wp-block-quote.ivode-quote cite strong { color: #313538; font-weight: 600; }
.wp-block-quote.ivode-quote cite a { word-break: break-all; }

/* Progress bars (flood population shares) */
.ivode-progress { margin: 0 0 14px; }
.ivode-progress__label { font-size: 13px; margin-bottom: 6px; color: #60646a; }
.ivode-progress__bar {
	height: 12px;
	background: #f5f5f5;
	border: 1px solid #e4e4e4;
	border-radius: 2px;
	overflow: hidden;
}
.ivode-progress__bar span {
	display: block;
	height: 100%;
	background: #2eafbb linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent);
	background-size: 20px 20px;
}

/* Portfolio cards */
.ivode-portfolio .wp-block-image { margin-block: 0 12px !important; }
.ivode-portfolio .wp-block-image img { width: 100%; }
.ivode-portfolio h3 { font-size: 13px; font-weight: 400; margin-block: 0 2px !important; }
.ivode-portfolio h3 a { color: #313538; }
.ivode-portfolio p { font-size: 11px; margin: 0; }
.ivode-portfolio-grid { margin-bottom: 10px !important; }

/* Partner logos */
.ivode-logos { gap: 30px 50px; padding: 10px 0; }
.ivode-logos .wp-block-image { margin: 0 !important; }
.ivode-logos img { max-height: 80px; width: auto; opacity: 0.55; transition: opacity 0.2s; }
.ivode-logos img:hover { opacity: 1; }

/* Reference archive (details blocks instead of the Bootstrap accordion) */
.ivode-accordion { border-top: 1px solid #e4e4e4; }
.ivode-accordion > .wp-block-details {
	border-bottom: 1px solid #e4e4e4;
	margin: 0;
	padding: 0;
}
.ivode-accordion summary {
	cursor: pointer;
	padding: 8px 0 8px 28px;
	position: relative;
	color: #313538;
	list-style: none;
}
.ivode-accordion summary::-webkit-details-marker { display: none; }
.ivode-accordion summary::before {
	content: "";
	position: absolute;
	left: 0;
	top: 9px;
	width: 16px;
	height: 16px;
	border: 1px solid #ddd;
	border-radius: 2px;
	background: #fafafa url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='%23777'><path d='M8 5l8 7-8 7z'/></svg>") no-repeat center / 10px;
}
.ivode-accordion details[open] > summary::before { transform: rotate(90deg); }
.ivode-accordion details > *:not(summary) { padding: 0 0 15px 28px; }
.ivode-accordion details ul { margin-bottom: 0; }

/* ======================================================================
   Hero slider (two slides, CSS cross-fade)
   ====================================================================== */
.ivode-slider {
	position: relative;
	height: 440px;
	overflow: hidden;
	background: #e2e2e2;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.1) inset;
}
.ivode-slider .wp-block-cover.ivode-slide {
	position: absolute;
	inset: 0;
	min-height: 440px !important;
	margin: 0;
	padding: 0;
}
.ivode-slider .ivode-slide-1 { opacity: 1; animation: ivode-slide-a 24s ease-in-out infinite; }
.ivode-slider .ivode-slide-2 { opacity: 0; animation: ivode-slide-b 24s ease-in-out infinite; }
@keyframes ivode-slide-a {
	0%, 45% { opacity: 1; }
	50%, 95% { opacity: 0; }
	100% { opacity: 1; }
}
@keyframes ivode-slide-b {
	0%, 45% { opacity: 0; }
	50%, 95% { opacity: 1; }
	100% { opacity: 0; }
}
@media (prefers-reduced-motion: reduce) {
	.ivode-slider .wp-block-cover.ivode-slide { animation: none; }
	.ivode-slider .ivode-slide-2 { display: none; }
}
.ivode-slide .wp-block-cover__inner-container { width: 100%; height: 100%; position: relative; }
.ivode-slide-1 .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	justify-content: flex-end;
	height: 440px;
}
.ivode-hero__title {
	position: absolute;
	top: 70px;
	left: 0;
	right: 0;
	font-size: 34px;
	font-weight: 700;
	color: #313538;
	letter-spacing: 0.02em;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.6);
	margin: 0 !important;
	z-index: 3;
}
.ivode-hero__figures {
	position: relative;
	z-index: 2;
	gap: 40px;
	margin-block: 0 18px !important;
}
.ivode-hero__figures .wp-block-image { margin: 0 !important; }
.ivode-hero__figure img { height: 260px !important; width: auto !important; max-width: none !important; }
.ivode-hero__figures .wp-block-image { flex: 0 0 auto; }
.ivode-hero__water {
	position: absolute !important;
	left: 50%;
	bottom: 0;
	transform: translateX(-50%);
	width: 1000px;
	max-width: 100%;
	margin: 0 !important;
	z-index: 1;
}
.ivode-slide-2 .wp-block-cover__inner-container {
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	justify-content: center;
	gap: 12px;
	max-width: 1010px;
	margin: 0 auto;
	padding: 0 20px 0 300px;
}
.ivode-slide-2 .ivode-slide__big {
	display: inline-block;
	font-size: 28px;
	line-height: 28px;
	font-weight: 500;
	color: #fff;
	background: rgba(0, 0, 0, 0.73);
	padding: 10px 20px 15px;
	border-radius: 2px;
	margin: 0 !important;
}
.ivode-slide-2 p.ivode-slide__big { font-size: 18px; line-height: 22px; font-weight: 400; }
.ivode-slide-2 .wp-block-buttons { margin-block: 6px 0 !important; }
@media (max-width: 782px) {
	.ivode-slider, .ivode-slider .wp-block-cover.ivode-slide, .ivode-slide-1 .wp-block-cover__inner-container { height: 300px; min-height: 300px !important; }
	.ivode-hero__figure img { height: 150px; }
	.ivode-hero__title { font-size: 20px; top: 30px; }
	.ivode-slide-2 .ivode-slide__big { font-size: 18px; line-height: 22px; }
	.ivode-slide-2 .wp-block-cover__inner-container { padding-left: 20px; }
}

/* ======================================================================
   Sections (Helix module positions)
   ====================================================================== */
.ivode-sec { padding: 0 20px; }
.ivode-sec.ivode-sec-feature { padding: 0; }
.ivode-sec > .ivode-slider { margin-left: 0 !important; margin-right: 0 !important; width: 100% !important; max-width: none !important; }
.ivode-sec-main-body,
.ivode-sec-user,
.ivode-sec-works,
.ivode-sec-services,
.ivode-sec-promo,
.ivode-sec-client,
.ivode-sec-contact,
.ivode-sec-new-service { padding-top: 20px; padding-bottom: 10px; }
.ivode-sec-main-body { padding-top: 10px; padding-bottom: 30px; }
.ivode-sec-title { padding-top: 10px; }
.ivode-sec-users {
	background: linear-gradient(to bottom, #fcfcfc 2%, #f9f9f9 100%);
	border-bottom: 1px solid #e4e4e4;
	padding-top: 40px;
	padding-bottom: 30px;
}

.ivode-sec-user .ivode-page-title { margin-top: 30px !important; }
.entry-content .ivode-sec:first-child.ivode-sec-main-body { padding-top: 10px; }

/* ======================================================================
   Top bar, header, menu
   ====================================================================== */
.ivode-topbar {
	background: #2f3338;
	color: #4ac7d2;
	font-size: 13px;
	line-height: 42px;
	height: 42px;
	padding: 0 20px;
}
.ivode-topbar p { margin: 0; }
.ivode-header {
	background: linear-gradient(to bottom, #fcfcfc 2%, #f9f9f9 100%);
	border-bottom: 1px solid #e4e4e4;
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.04);
	padding: 0 20px;
}
.ivode-header > .wp-block-group { min-height: 80px; }
.ivode-header .wp-block-site-logo { margin: 0; }
.ivode-header .wp-block-site-logo img {
	width: 62px;
	height: 62px;
	border-radius: 50%;
}
.ivode-header .wp-block-navigation {
	font-size: 14px;
	--navigation-layout-justify: flex-start;
}
.ivode-header .wp-block-navigation__container { gap: 0 !important; }
.ivode-header .wp-block-navigation__container > .wp-block-navigation-item { margin: 0; }
.ivode-header .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation-item__content { padding-right: 4px; }
.ivode-header .wp-block-navigation__container > .wp-block-navigation-item > .wp-block-navigation-item__content,
.ivode-header .wp-block-navigation__container > .wp-block-navigation-submenu > .wp-block-navigation-item__content {
	display: inline-block;
	line-height: 80px;
	padding: 0 15px;
	color: #484c4f;
	border-bottom: 2px solid transparent;
	transition: color 0.2s;
}
.ivode-header .wp-block-navigation .wp-block-navigation-submenu > .wp-block-navigation__submenu-icon { margin-left: -8px; color: #999; }
.ivode-header .wp-block-navigation .wp-block-navigation-item:hover > .wp-block-navigation-item__content,
.ivode-header .wp-block-navigation .current-menu-item > .wp-block-navigation-item__content,
.ivode-header .wp-block-navigation .current-menu-ancestor > .wp-block-navigation-item__content,
.ivode-header .wp-block-navigation .current-menu-parent > .wp-block-navigation-item__content {
	color: #2eafbb;
	border-bottom-color: #2eafbb;
}
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container {
	background: #2f3338 !important;
	border: 0 !important;
	border-radius: 0 0 2px 2px;
	min-width: 200px !important;
	padding: 0 !important;
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
	margin-top: 0 !important;
}
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item {
	border-top: 1px solid #393c42;
	border-bottom: 1px solid #26292c;
}
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:first-child { border-top: 0; }
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:last-child { border-bottom: 0; }
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item__content {
	display: block;
	padding: 10px !important;
	font-size: 13px;
	line-height: 20px;
	color: #999 !important;
	border: 0;
}
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover {
	background: #2eafbb;
}
.ivode-header .wp-block-navigation .wp-block-navigation__submenu-container .wp-block-navigation-item:hover > .wp-block-navigation-item__content { color: #fff !important; }
.ivode-header .wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation-item__content { line-height: 2; border: 0; }

/* Breadcrumb bar on sub pages */
.ivode-crumb {
	background: #f9f9f9;
	border-bottom: 1px solid #e4e4e4;
	padding: 0 20px;
}
.ivode-crumb > .wp-block-group { min-height: 42px; max-width: 1010px; margin-left: auto; margin-right: auto; }
.ivode-crumb__title {
	font-size: 16px;
	font-weight: 400;
	color: #313538;
	margin: 0 !important;
}
.ivode-breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	display: flex;
	gap: 6px;
	font-size: 11px;
	color: #9b9fa2;
}
.ivode-breadcrumb a { color: #9b9fa2; }
.ivode-breadcrumb a:hover { color: #2eafbb; }
.ivode-breadcrumb .ivode-breadcrumb__sep { color: #c5c5c5; }

/* ======================================================================
   Bottom section + footer
   ====================================================================== */
.ivode-bottom {
	background: linear-gradient(to bottom, #f9f9f9 2%, #f5f5f5 100%);
	border-top: 1px solid #e2e2e2;
	padding: 40px 20px 30px;
	margin-top: 40px;
}
.ivode-bottom h3 {
	font-size: 12px;
	font-weight: 700;
	text-transform: uppercase;
	color: #343434;
	margin-block: 0 10px !important;
}
.ivode-bottom ul { list-style: none; margin: 0; padding: 0; }
.ivode-bottom ul li { line-height: 24px; margin-bottom: 2px; }
.ivode-bottom ul li a { color: #4a4c4c; }
.ivode-bottom ul li a:hover { color: #2eafbb; }
.ivode-bottom p { margin: 0 0 6px; color: #4a4c4c; }
.ivode-bottom a { color: #4ac7d2; }
.ivode-bottom .ivode-deznik { margin: 0 !important; }
.ivode-bottom .ivode-deznik img { width: 100px; }
.ivode-footer {
	background: #2f3338;
	color: #9b9fa2;
	font-size: 12px;
	padding: 20px;
}
.ivode-footer p { margin: 0; }
.ivode-footer a { color: #9b9fa2; }
.ivode-footer a:hover { color: #fff; }

/* responsive */
@media (max-width: 782px) {
	.ivode-topbar { display: none; }
	.ivode-tw { padding-left: 0; }
	.ivode-tw::before { position: static; display: block; margin-bottom: 10px; }
	.ivode-promo { flex-direction: column; align-items: flex-start; }
	h2.ivode-header::after { display: none; }
}