/* Auto-generated by APG Safe Snippets (frontend). */

/* 15b11047fb669887b6f9d975: Home Page */
/* ------------------------------------- */
/* - - - - - 01 - HERO SECTION - - - - - */
/* ------------------------------------- */

section.hero_section .wp-block-cover__inner-container {
	padding: 0;
}
section.hero_section p.wp-block-paragraph {
	font-size: clamp(18px, 1rem + 0.75vw, 25px) !important;
}
/* ===== Hero: height ===== */
.hero_section .wp-block-cover.corner_box {
	/* fallback for old browsers */
	min-height: min(795px, calc(100vh - var(--um-header-h, 80px) - 24px)) !important;
	/* modern: stable visible viewport */
	min-height: min(795px, calc(100svh - var(--um-header-h, 80px) - 24px)) !important;
}
.hero_section .wp-block-button__link {
	min-width: 220px;
	min-height: 52px;
	padding: 14px 32px;
	display: inline-flex;
	align-items: center;
	justify-content: center;
}

/* ===== Mobile ===== */
@media (max-width: 781px) {
	.hero_section .wp-block-cover.corner_box {
		min-height: calc(100svh - var(--um-header-h, 72px) - 24px) !important;
		padding-bottom: 32px;
		padding-top: 48px;
	}

	.hero_section .wp-block-cover__image-background {
		object-position: 60% 50% !important; /* tweak to keep the subject visible */
	}

	.hero_section .wp-block-buttons,
	.hero_section .wp-block-button {
		width: 100%;
	}
	.hero_section .wp-block-button__link {
		width: 100%;
		min-height: 56px;
	}
	
	section.hero_section .wp-block-cover__inner-container {
		padding: 0 20px;
	}
}
/* ------------------------------------- */
/* - - - - - 02 - VALUES SECTION - - - - - */
/* ------------------------------------- */
/*section.section_values */

.deco_bottom_blue {
	 position: absolute;
	bottom: 0;
	right: 0;
    max-width: unset !important;
}

@media (max-width: 850px) {
    section.section_values .wp-block-columns:not(.is-not-stacked-on-mobile) {
        flex-wrap: wrap !important;
    }

    section.section_values .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
        flex-basis: 100% !important;
		 height: auto !important;
		box-sizing: border-box;
    }
}

@media (min-width: 471px) and (max-width: 850px){
	section.section_values .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
       min-height: 265px !important;
    }
}

@media (max-width: 470px) {
	section.section_values .wp-block-columns:not(.is-not-stacked-on-mobile) > .wp-block-column {
       min-height: 292px !important;
    }
}
/* ------------------------------------- */
/* - - - - - 03 - PROJECTS SECTION - - - - - */
/* ------------------------------------- */
@media (min-width: 769px) {
	section.section_donation .ss5-wrapper {
			padding-right: var(--wp--preset--spacing--30);
    		padding-left: var(--wp--preset--spacing--30);
	}
}



/* 1. Let every slide stretch to the tallest one */
.cb-carousel-block .swiper-wrapper {
	align-items: stretch;
}

.cb-carousel-block .cb-slide {
	height: auto;
	display: flex;
}

/* 2. The yellow card fills the whole slide */
.cb-carousel-block .cb-slide > .wp-block-group {
	flex: 1 1 auto;
	display: flex;
	flex-direction: column;
	width: 100%;
}

/* 3. The inner vertical stack fills the card */
.cb-carousel-block .cb-slide > .wp-block-group > .wp-block-group {
	flex: 1 1 auto;
	width: 100%;
}

/* 4. Pin the donation controls to the bottom so they line up across cards */
.cb-carousel-block .apc-donation-slider {
	margin-top: auto;
	width: 100%;
}


/* ------------------------------------- */
/* - - - - - 04 - Mūsu ietekme SECTION - - - - - */
/* ------------------------------------- */
.total_donation {
		width: fit-content !important;
	}

@media (min-with: 461px) {
	.total_donation {
		max-width: fit-content !important;
	}
}

@media (max-with: 460px) {
	.total_donation {
		padding-right: var(--wp--preset--spacing--50) !important;
		padding-left: var(--wp--preset--spacing--50) !important;
	}
}

.total_donation p.total_donation_value {
	font-size: clamp(2rem, 8vw, 4.875rem) !important;
	white-space: nowrap;
}

section.section_power .deco_top_blue.left {
	position: absolute;
	top: 0;
    left: 0;
}

section.section_power .deco_top_blue.right, section.section_power .deco_daisy {
	position: absolute;
	top: 0;
	right: 0;
}

section.section_power .deco_top_blue.right {
	z-index: 1;
}

@media (min-width: 601px) and (max-width: 1080px) {
	section.section_power .deco_daisy img {
		width: 260px !important;
		height: 363px !important;
	}
}

@media (max-width: 600px) {
	section.section_power .deco_daisy img {
		width: 107px !important;
		height: 149px !important;
	}
}

/* ------------------------------------- */
/* - - - - - 05 - SECTION DONATE YOUR DEPOSIT - - - - - */
/* ------------------------------------- */
	section.section_donate_your_deposit .wp-block-columns {
		flex:1;
		justify-content: center;
	}

@media (max-width: 781px) {
	section.section_donate_your_deposit {
		min-height: 400px;
		justify-content: center;
}
	
	section.section_donate_your_deposit .wp-block-columns .wp-block-column {
		justify-content: center;
    	display: flex;
		flex-direction: column;
	}
	section.section_donate_your_deposit .wp-block-columns .wp-block-column p {
		text-align: center;
	}
	 section.section_donate_your_deposit .wp-block-columns .wp-block-column .safe-svg-inside.safe-svg-inline {
		width: auto !important;
    	height: auto !important;
		justify-content: center;
    	display: flex;
	}
	section.section_donate_your_deposit .wp-block-columns .wp-block-column .safe-svg-inside.safe-svg-inline svg {
		width: 60% !important;
	}
}

/* ------------------------------------- */
/* - - - - - 06 - SECTION WHY IT IS IMPORTANT - - - - - */
/* ------------------------------------- */
section.section_why_it_is_important .deco_top_blue{
	 position: absolute;
	top: 0;
    left: 0;
}

/* Two cards per row, with a controlled maximum card width */
@media (min-width: 451px) and (max-width: 769px) {
	section.section_why_it_is_important .cards_grid {
		grid-template-columns: repeat(2, minmax(0, 320px)) !important;
		justify-content: center;
	}

	section.section_why_it_is_important .card_sized {
		width: 100%;
		max-width: 320px;
		min-height: 320px !important;
	}
}

/* One centred card per row on small screens */
@media (max-width: 450px) {
	section.section_why_it_is_important .cards_grid {
		grid-template-columns: minmax(0, 320px) !important;
		justify-content: center;
	}

	section.section_why_it_is_important .card_sized {
		width: 100%;
		max-width: 320px;
		min-height: 330px !important;
	}
}

section.section_why_it_is_important .card_sized img {
	    filter: brightness(100) grayscale(1);
}

section.section_why_it_is_important .card_sized .card_hero_block {
	    width: 80%;
}

/* ------------------------------------- */
/* - - - - - 07 - SECTION PARTNERS - - - - - */
/* ------------------------------------- */
section.section_partners .deco_top_grey {
	 position: absolute;
	top: 0;
   right: 0;
}

/* GOV PARTNERS */
.gov_partners_grid {
	display: grid !important;
	grid-template-columns: repeat(3, minmax(0, 1fr));
	justify-content: center;
	gap: 1.5rem;
}

.gov_partners_grid > .card {
	aspect-ratio: 1 / 1;
	box-sizing: border-box;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 1rem !important;
	width: min(100%, 250px);
	max-width: 250px;
	max-height: none;
	justify-self: center;
}

.gov_partners_grid > .card > .wp-block-group {
	width: 100%;
	height: 100%;
	display: flex !important;
	align-items: center;
	justify-content: center;
}

.gov_partners_grid .wp-block-image {
	width: 100%;
	height: 100%;
	margin: 0 !important;
	display: flex;
	align-items: center;
	justify-content: center;
}

.gov_partners_grid .wp-block-image img {
	display: block;
	max-width: 100%;
	max-height: 100%;
	width: auto;
	height: auto;
	object-fit: contain !important;
}
/* All six cards in one row on very wide screens */
@media (min-width: 1440px) {
	.gov_partners_grid {
		grid-template-columns: repeat(6, minmax(0, 250px));
	}
} 

@media (max-width: 600px) {
	.gov_partners_grid {
		grid-template-columns: repeat(2, minmax(0, 250px));
		justify-content: center;
		gap: 1rem;
	}

}
/* UA PARTNERS */

.ua_gov_coorp_logo_slider_wrapper {
  --ua-logo-height: clamp(96px, 14vw, 140px);
  --ua-slide-height: calc(var(--ua-logo-height) + 2rem);
}

.ua_gov_coorp_logo_slider_wrapper .cb-slide {
  display: flex;
  height: auto;
}

.ua_gov_coorp_logo_slider_wrapper .cb-slide > .wp-block-group {
  display: flex !important;
  align-items: center;
  justify-content: center;
  width: 100%;
  min-height: var(--ua-slide-height) !important;
  padding: 1rem;
}

.ua_gov_coorp_logo_slider_wrapper .wp-block-image {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  margin: 0 !important;
}

.ua_gov_coorp_logo_slider_wrapper .wp-block-image img {
  display: block;
  width: auto !important;
  height: var(--ua-logo-height) !important;
  max-width: 100%;
  max-height: var(--ua-logo-height);
  aspect-ratio: auto !important;
  object-fit: contain !important;
}

/* Mobile: single slide per view (Swiper switches to 4 at >= 768px) */
@media (max-width: 767px) {
  .ua_gov_coorp_logo_slider_wrapper {
    --ua-logo-height: clamp(140px, 40vw, 200px);
  }

  .ua_gov_coorp_logo_slider_wrapper .cb-slide > .wp-block-group {
    padding: 0.5rem;
  }
}
/* ------------------------------------- */
/* - - - - - 08 - SECTION WHY SUPPORT - - - - - */
/* ------------------------------------- */
section.section_why_support .corner_box {
	min-height: 150px;
}

section.section_why_support .wp-block-group,
section.section_why_support .wp-block-buttons {
	z-index: 1;
	position: relative;
}
/* ------------------------------------- */
/* - - - - - 09 - SECTION PARTNERS LOGO - - - - - */
/* ------------------------------------- */

section.section_partners_logo .wp-block-cb-slide-v2.cb-slide.swiper-slide {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 80%;
}

/* ------------------------------------- */
/* - - - - - 10 - SECTION PRO BONO - - - - - */
/* ------------------------------------- */
@media (min-width: 600px) and (max-width: 900px) {
	section.section_pro_bono .pro_bono_grid {
		grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
		gap: 2rem !important;
	}
}
@media (max-width: 599px) {
	section.section_pro_bono .pro_bono_grid {
		grid-template-columns: 1fr !important;
		justify-content: center;
	}
}


/* 2dd7602297a94546ac11d324: Header */
/* ------------------------------------- */
/* - - - - - LAYOUT - - - - - */
/* ------------------------------------- */
@media (max-width: 600px) {
	header .nav_block > .wp-block-buttons {
		display: none;
	}
}

/* ------------------------------------- */
/* - - - - - BURGER BUTTON - - - - - */
/* ------------------------------------- */

/* ============ Burger button: size + stacking ============ */
.wp-block-navigation__responsive-container-open {
	position: relative;
	z-index: 100001; /* overlay is 100000, so the burger stays visible above it */
	display: flex;
	align-items: center;
	justify-content: center;
	/*padding: 6px;*/
	background: transparent;
	border: 0;
	border-radius: 8px;
	color: var(--wp--preset--color--custom-um-yellow);
	cursor: pointer;
	transition: color .3s ease, background-color .2s ease;
}

.wp-block-navigation__responsive-container-open:hover {
	background-color: rgba(255, 255, 255, .08);
}

.wp-block-navigation__responsive-container-open:focus-visible {
	outline: 0.05rem solid currentColor;
	outline-offset: 0.05rem;
}

.wp-block-navigation__responsive-container-open svg {
	width: 44px;  
	height: 44px;
	overflow: visible;
	fill: currentColor;
}

/* ============ Burger → X animation ============ */
.wp-block-navigation__responsive-container-open svg path {
	transform-box: view-box;
	transform-origin: 12px 12px; /* centre of the 24x24 viewBox */
	transition:
		transform .4s cubic-bezier(.68, -0.4, .27, 1.4),
		opacity .2s ease;
}

/* Top line: move to the centre, then rotate */
html.has-modal-open .wp-block-navigation__responsive-container-open svg path:nth-child(1) {
	transform: rotate(45deg) translateY(6.25px);
}

/* Middle line: disappear */
html.has-modal-open .wp-block-navigation__responsive-container-open svg path:nth-child(2) {
	opacity: 0;
	transform: scaleX(0);
}

/* Bottom line: move to the centre, then rotate the other way */
html.has-modal-open .wp-block-navigation__responsive-container-open svg path:nth-child(3) {
	transform: rotate(-45deg) translateY(-6.25px);
}

/* The overlay has the base background, so switch the X to the contrast colour */
html.has-modal-open .wp-block-navigation__responsive-container-open {
	color: var(--wp--preset--color--custom-um-yellow);
}

/* Hide core's own close button; the burger does the closing now */
.wp-block-navigation__responsive-container-close {
	display: none;
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-navigation__responsive-container-open svg path {
		transition: none;
		animation: none !important;
	}
}

/* =========================================================
   Navigation overlay – variables
   ========================================================= */
.wp-block-navigation__overlay-container {
	--um-brush-img: url("/wp-content/uploads/2026/10/nav-deco.png");
	--um-brush-color: #3d52c1;        /* or var(--wp--preset--color--custom-um-yellow) */
	--um-brush-text: #fff;            /* text colour on top of the brush */
}

/* =========================================================
   1. Equal-width buttons: "Ziedo" / "Pievienojies uzņēmējiem"
   ========================================================= */
.wp-block-navigation__overlay-container .wp-block-buttons {
	display: grid;
	grid-template-columns: repeat(2, minmax(0, 1fr));
	gap: 1rem;
	width: 100%;
	margin-inline: auto;
}

.wp-block-navigation__overlay-container .wp-block-buttons > .wp-block-button {
	width: 100%;
	margin: 0;
}

.wp-block-navigation__overlay-container .wp-block-button__link {
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;               /* equal height when one label wraps */
	text-align: center;
	text-transform: uppercase;  /* both buttons consistent */
	box-sizing: border-box;
}

@media (max-width: 480px) {
	.wp-block-navigation__overlay-container .wp-block-buttons {
		grid-template-columns: 1fr;
	}
}

/* =========================================================
   2. Brush-stroke menu items: hover + current-menu-item
   ========================================================= */
.wp-block-navigation__overlay-container .wp-block-navigation-item__content {
	position: relative;
	isolation: isolate;          /* keeps ::before behind the text only */
	display: inline-block;
	padding: 0.15em 0.65em;
	text-decoration: none !important;
	-webkit-tap-highlight-color: transparent;  /* no grey flash on tap */
	transition: color 0.3s ease;
}

.wp-block-navigation__overlay-container .wp-block-navigation-item__content::before {
	content: "";
	position: absolute;
	inset: -0.1em -0.25em;
	z-index: -1;
	background-color: var(--um-brush-color);
	-webkit-mask: var(--um-brush-img) center / 100% 100% no-repeat;
	        mask: var(--um-brush-img) center / 100% 100% no-repeat;
	transform: rotate(-1.5deg);  /* hand-painted feel */
	clip-path: inset(0 100% 0 0);
	transition: clip-path 0.45s cubic-bezier(0.65, 0, 0.35, 1);
}

/* Keyboard focus: full brush (not triggered by finger taps) */
.wp-block-navigation__overlay-container .wp-block-navigation-item__content:focus-visible {
	color: var(--um-brush-text);
}

.wp-block-navigation__overlay-container .wp-block-navigation-item__content:focus-visible::before {
	clip-path: inset(0 0 0 0);
}

/* Hover: only on devices with a real pointer (mouse / trackpad) */
@media (hover: hover) and (pointer: fine) {
	.wp-block-navigation__overlay-container .wp-block-navigation-item__content:hover {
		color: var(--um-brush-text);
	}

	.wp-block-navigation__overlay-container .wp-block-navigation-item__content:hover::before {
		clip-path: inset(0 0 0 0);
	}
}

/* Current page: always visible (no dependency on the animation) */
.wp-block-navigation__overlay-container .current-menu-item > .wp-block-navigation-item__content,
.wp-block-navigation__overlay-container .wp-block-navigation-item__content[aria-current="page"] {
	color: var(--um-brush-text);
}

.wp-block-navigation__overlay-container .current-menu-item > .wp-block-navigation-item__content::before,
.wp-block-navigation__overlay-container .wp-block-navigation-item__content[aria-current="page"]::before {
	clip-path: inset(0 0 0 0);
}

/* Paint-in animation each time the menu opens */
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__overlay-container .current-menu-item > .wp-block-navigation-item__content::before,
.wp-block-navigation__responsive-container.is-menu-open .wp-block-navigation__overlay-container .wp-block-navigation-item__content[aria-current="page"]::before {
	animation: um-brush-in 0.6s 0.25s cubic-bezier(0.65, 0, 0.35, 1) backwards;
}

@keyframes um-brush-in {
	from { clip-path: inset(0 100% 0 0); }
	to   { clip-path: inset(0 0 0 0); }
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-navigation__overlay-container .wp-block-navigation-item__content::before {
		transition: none;
		animation: none !important;
	}
}

/* adc73d282e003be938f01db4: root */
html, body {
	overflow-x: clip;
}

/* ------------------------------------- */
/* - - - - - SECTION - - - - - */
/* ------------------------------------- */
section {
	 overflow: hidden;
}

/* ------------------------------------- */
/* - - - - - FOCUSS OUTLINE - - - - - */
/* ------------------------------------- */

/* Mouse/touch focus: no ring */
.wp-site-blocks :focus:not(:focus-visible) {
	outline: none;
}

/* Keyboard focus: two-tone ring (black inner + yellow outer)
   so it stays visible on both light and dark backgrounds */
.wp-site-blocks :focus-visible {
	outline: 3px solid var(--wp--preset--color--custom-um-yellow, #ffd400);
	outline-offset: 2px;
	box-shadow: 0 0 0 2px #000;
}

.wp-block-navigation__responsive-container-open:focus:not(:focus-visible),
.wp-block-navigation__responsive-container-close:focus:not(:focus-visible) {
	outline: none;
}
/* Nav links: base shape (always applied, so focus causes no layout shift) */
.wp-block-navigation .wp-block-navigation-item__content {
	padding: 0.25em 0.5em;
	border-radius: 6px;
}

/* Mouse/touch focus: no ring */
.wp-block-navigation .wp-block-navigation-item__content:focus:not(:focus-visible) {
	outline: none;
}

/* Keyboard focus: branded ring */
.wp-block-navigation .wp-block-navigation-item__content:focus-visible {
	outline: 3px solid var(--wp--preset--color--custom-um-yellow, #ffd400);
	outline-offset: 2px;
}

/* ------------------------------------- */
/* - - - - - PAGE SCROLL - - - - - */
/* ------------------------------------- */

html {
  scroll-behavior: smooth;
}

/* Respect users who've turned off animations */
@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }
}

/* ------------------------------------- */
/* - - - - - BUTTONS - - - - - */
/* ------------------------------------- */

.wp-block-buttons .wp-block-button__link {
	width: 100%;
}

.wp-block-button__link,
.wp-element-button {
	transition: scale .3s ease, opacity .3s ease;
	scale: 1;
}

@media (hover: hover) {
	.wp-block-button__link:hover,
	.wp-element-button:hover {
		scale: 1.05;
		opacity: .95;
		background-color: var(--wp--preset--color--custom-um-blue);
		border-color: transparent;
		color: var(--wp--preset--color--custom-um-yellow);
	}
}

@media (prefers-reduced-motion: reduce) {
	.wp-block-button__link,
	.wp-element-button {
		transition: none;
	}
}

/* ------------------------------------- */
/* - - - - - CARDS - - - - - */
/* ------------------------------------- */

.card_sized {
	min-width: min(332px, 100%);
	box-sizing: border-box;
}

/* ------------------------------------- */
/* - - - - - CARDS GRID - - - - - */
/* ------------------------------------- */
/* Tablet / small desktop: 2 columns */
@media (max-width: 1430px) {
	.cards_grid.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 1fr));
	}
}

/* Mobile: 1 column */
@media (max-width: 768px) {
	.cards_grid.is-layout-grid {
		grid-template-columns: minmax(0, 1fr);
	}
}
/* ------------------------------------- */
/* - - - - - DECO ELEMENTS - - - - - */
/* ------------------------------------- */
.corner_box {
	--b: 1px;   /* border thickness */
  	--l: 30px; 
	 position: relative;
}

.corner_box.small {
  	--l: 10px !important; 
}

.corner_box.black {
	 --c: #000000;
}

.corner_box.white {
	 --c: #FFFFFF;
}

.corner_box.yellow {
	 --c: #F9CC09;
}

.corner_box::after {
  content: "";
  position: absolute;
  inset: 20px;
  z-index: 2; /* image is z-index 0/1, this needs to sit above it */
  pointer-events: none; /* so it doesn't block clicks on buttons/links */
  background:
    linear-gradient(var(--c), var(--c)) top left / var(--l) var(--b) no-repeat,
    linear-gradient(var(--c), var(--c)) top left / var(--b) var(--l) no-repeat,
    linear-gradient(var(--c), var(--c)) top right / var(--l) var(--b) no-repeat,
    linear-gradient(var(--c), var(--c)) top right / var(--b) var(--l) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / var(--l) var(--b) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom left / var(--b) var(--l) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / var(--l) var(--b) no-repeat,
    linear-gradient(var(--c), var(--c)) bottom right / var(--b) var(--l) no-repeat;
}

.corner_box.small::after {
	inset: 0 !important;
}

/* - - - PAINT - - - */
.deco_wrapper {
	position: absolute;
}

.set_width {
	max-width: 300px;
}

.deco_wrapper.top {
	top:0;
}

.deco_wrapper.right {
	right:0;
	
}

.deco_wrapper.bottom {
	bottom: 0;
}

.deco_wrapper.right.bottom {
		max-width: 300px;
	}

.deco_wrapper.left {
	left:0;
}

@media (max-width: 920px) {
	.set_width {
		max-width: 150px;
	}
	
	.deco_wrapper.left.bottom {
		top: 45%;
	}
}

@media (min-width: 551px) and (max-width: 810px) {
	.deco_wrapper.top.right.daisy {
		top: 10%;
	}
}

@media (max-width: 550px) {
	.deco_wrapper.top.right.daisy {
		top: 18%;
		right: -10%;
	}
}

/* ------------------------------------- */
/* - - - - - PAGE SCROLL BAR - - - - - */
/* ------------------------------------- */
/* Firefox only — Chromium would otherwise ignore the webkit rules below */
@supports not selector(::-webkit-scrollbar) {
  html {
    scrollbar-color: #ffce00 #000; /* thumb, track */
    scrollbar-width: auto;
  }
}

/* Chrome, Edge, Safari, Opera */
::-webkit-scrollbar {
  width: 15px;  /* vertical scrollbar */
  height: 15px; /* horizontal scrollbar */
}

::-webkit-scrollbar-track {
  background: #000;
}

::-webkit-scrollbar-thumb {
  background-color: #ffce00;
  border-radius: 0;
}

::-webkit-scrollbar-thumb:hover {
  background-color: #e6b900;
}

::-webkit-scrollbar-corner {
  background: #000;
}


/* 5f4a7028c0ba0af913405446: Footer */
/* ==========================================================
   Footer: keep emails, phone numbers and IBAN unbroken
   ========================================================== */

/* Undo core's word-break on columns (this splits emails/IBAN) */
footer.wp-block-template-part .wp-block-column {
	word-break: normal;
	overflow-wrap: normal;
	hyphens: manual;
}

/* Label + value rows: allow the row to wrap as whole items... */
footer.wp-block-template-part .wp-block-group.is-nowrap {
	flex-wrap: wrap;
	row-gap: 0;
}

/* ...but never split a label or value internally */
footer.wp-block-template-part .wp-block-group.is-nowrap > * {
	white-space: nowrap;
}

/* ==========================================================
   Footer: mobile (core stacks columns below 782px)
   ========================================================== */
@media (max-width: 781px) {

	/* Stack columns in reverse order */
	footer.wp-block-template-part .wp-block-columns {
		flex-direction: column-reverse;
	}

	/* Center the logo */
	footer.wp-block-template-part .wp-block-group:has(> .wp-block-site-logo) {
		align-items: center;
	}

	footer.wp-block-template-part .wp-block-site-logo {
		float: none;
		margin-inline: auto;
		text-align: center;
	}
}

/* ------------------------------------- */
/* - - - - - SOCIAL ICONS - - - - - */
/* ------------------------------------- */
.wp-block-social-links.social_icons li.wp-social-link.wp-block-social-link {
	border-radius: 7px !important;
}

@media (max-width: 782px) {
	footer img.custom-logo {
		width: 180px !important;
	}
	
	footer .soc_icons_block {
		    justify-content: center;
		margin-block-start: 2.5rem !important; 
	}
}

/* ------------------------------------- */
/* - - - - - BUTTON SCROLL TO TOP - - - - - */
/* ------------------------------------- */
.scroll-to-top {
	position: fixed;
	right: 3rem;
	bottom: 1.5rem;
	z-index: 50;
	display: grid;
	place-items: center;
	width: 3rem;
	height: 3rem;
	padding: 0;
	border: 0;
	border-radius: 50%;
	background: var(--wp--preset--color--accent, #f9cc09);
	color: #000;
	box-shadow: 0 8px 20px rgb(0 0 0 / 25%);
	cursor: pointer;
	opacity: 0;
	transform: translateY(1rem);
	pointer-events: none;
	transition: opacity .3s ease, transform .3s ease;
}

.scroll-to-top.is-visible {
	opacity: 1;
	transform: translateY(0);
	pointer-events: auto;
}

.scroll-to-top:hover {
	transform: translateY(0) scale(1.1);
}

.scroll-to-top svg {
	fill: none;
	stroke: currentColor;
	stroke-width: 1.5;
	stroke-linecap: round;
	stroke-linejoin: round;
}

.scroll-to-top:focus-visible {
	outline: 3px solid currentColor;
	outline-offset: 3px;
}

@media (prefers-reduced-motion: reduce) {
	html { scroll-behavior: auto; }
	.scroll-to-top { transition: none; }
}

/* 1ce1e96e95c5e876a36b72af: Stāsti Archive */
.stories_content_wrapper {
	position: relative;
	overflow: hidden;
}

@media (min-width: 571px) and (max-width: 810px) {
    .stories_content_wrapper .deco_wrapper.top.right.daisy {
        top: -2%;
    }
}

@media (min-width: 461px) and (max-width: 570px) {
    .stories_content_wrapper .deco_wrapper.top.right.daisy {
        top: -1%;
        right: -5%;
    }
	.stories_content_wrapper .wp-block-heading {
		margin-right: 30px;
	}
}

@media (max-width: 460px) {
    .stories_content_wrapper .deco_wrapper.top.right.daisy {
        right: -5%;
		top: -1%;
    }
	.stories_content_wrapper .wp-block-heading {
		margin-right: 100px;
	}
}

/* 32344324fed604d87bd509f2: 404 page */
.page_not_found img {
	object-fit: contain;
    max-width: 250px;
}

/* 404 – full viewport height, capped on very tall screens */
body.error404 .wp-site-blocks > .wp-block-group.is-vertical {
	min-height: min(100dvh, 1100px) !important; /* overrides inline 100vh */
}

body.error404 main#wp--skip-link--target {
	flex: 1 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	min-height: 0 !important; /* neutralise inline min-height:100% */
}

body.error404 .page_not_found {
	width: 100%;
}

/* On screens taller than the cap, the area below the footer
   blends with the footer instead of showing a white gap */
body.error404 {
	background-color: var(--wp--preset--color--custom-um-black, #000);
}

/* 425a3f91cfd42bc5086013d8: Pievienojies Page */
/* ------------------------------------- */
/* - - - - - 02 - SECTION LOGOS - - - - - */
/* ------------------------------------- */
.wp-block-cb-carousel-v2 {
	margin-top: 0!important;
}

.divider_line {
  height: 0.5rem;
  width: 100%;
  background: url("/wp-content/themes/your-theme/assets/line-b.svg") center / cover no-repeat;
}


.step_count {
	display: flex;
	width: 36px;
	height: 36px;
	justify-content: center;
	align-items: center;
}

/* ------------------------------------- */
/* - - - - - 05 - SECTION Kas notiek pēc tam - - - - - */
/* ------------------------------------- */
section.what_next {
	position: relative;
}
section.what_next .deco_top_grey {
	 position: absolute;
	top: 0;
   right: 0;
}
@media (max-width: 900px) {
	section.what_next .wp-block-columns {
		gap: 10px !important;
	}
}

@media (max-width: 782px) {
	section.what_next .wp-block-columns .wp-block-column .top_block {
		padding-top: 15px;
	}
	section.what_next .wp-block-columns .wp-block-column .bottom_block {
		padding-bottom: 15px;
	}
}

@media (min-width: 600px) and (max-width: 782px) {
	section.what_next .wp-block-columns {
		max-width: 70%;
	}
}

/* ------------------------------------- */
/* - - - - - 06 - SECTION CTA - - - - - */
/* ------------------------------------- */
section.section_cta_join_us .corner_box {
	z-index: 1;
}

@media (max-width: 550px) {
	section.section_cta_join_us .wp-block-image.deco_wrapper.right.top.set_width.daisy {
		display: none;
	}
	
	section.section_cta_join_us .wp-block-image.deco_wrapper.left.bottom {
        top: 55%;
		max-width: 90px;
    }
}

/* 71832776f2d0ca99de78dc4a: Par mums Page */
/* ==========================================================================
   Hero section (About us) – slider at 1440px wide, text block overlaid, readable overlay
   Scoped to .hero_section.about_us so other pages' heroes are untouched
   ========================================================================== */

.hero_section.about_us {
	--hero-max: 1440px;
	/* same height logic as the Home hero: max 795px, never taller than the visible viewport */
	--hero-height: min(795px, calc(100svh - var(--um-header-h, 80px) - 24px));
	--hero-overlay: var(--wp--preset--color--custom-um-black, #000);
}

/* fallback for browsers without svh */
@supports not (height: 100svh) {
	.hero_section.about_us {
		--hero-height: min(795px, calc(100vh - var(--um-header-h, 80px) - 24px));
	}
}

/* 1. Cover box: 1440px wide, no inner padding so the slider fills it edge to edge
      (!important only to beat the inline styles; you can also zero them in the block settings) */
.hero_section.about_us > .wp-block-cover.alignwide {
	width: 100%;
	max-width: var(--hero-max);
	margin-inline: auto;
	min-height: var(--hero-height) !important;
	padding: 0 !important;
	align-items: stretch;
}

/* 2. Inner container becomes a one-cell grid: slider and text share the same cell */
.hero_section.about_us .wp-block-cover__inner-container {
	display: grid;
	grid-template: 1fr / 1fr;
	width: 100%;
	max-width: none;
	padding: 0;
}

.hero_section.about_us .wp-block-cover__inner-container > *,
.hero_section.about_us .wp-block-cover__inner-container > .alignwide {
	grid-area: 1 / 1;
	width: 100%;
	max-width: none;
	margin: 0 !important; /* kills constrained-layout auto margins + block gap */
}

/* 3. Slider fills the whole box */
.hero_section.about_us .cb-carousel-block {
	height: var(--hero-height);
	border-radius: inherit;
	overflow: hidden;
}

.hero_section.about_us .cb-carousel-block .swiper {
	height: 100%;
	border-radius: inherit;
	isolation: isolate; /* keeps the rounded clip working in Safari during transitions */
}

.hero_section.about_us .cb-carousel-block .swiper-wrapper,
.hero_section.about_us .cb-carousel-block .cb-slide,
.hero_section.about_us .cb-carousel-block .cb-slide > .wp-block-group {
	height: 100%;
}

.hero_section.about_us .cb-carousel-block .cb-slide > .wp-block-group {
	gap: 0;
}

.hero_section.about_us .cb-carousel-block .wp-block-image {
	width: 100%;
	height: 100%;
	margin: 0;
}

.hero_section.about_us .cb-carousel-block .wp-block-image img {
	display: block;
	width: 100%;
	height: 100%;
	max-width: none;
	object-fit: cover;
	object-position: center;
}

/* Captions stay available to screen readers but don't clutter the hero */
.hero_section.about_us .cb-carousel-block .wp-element-caption {
	position: absolute !important;
	width: 1px;
	height: 1px;
	padding: 0;
	margin: -1px;
	overflow: hidden;
	clip: rect(0 0 0 0);
	white-space: nowrap;
	border: 0;
}

/* 4. Overlay – sits above the slides, below the text */
.hero_section.about_us .cb-carousel-block .swiper::after {
	content: "";
	position: absolute;
	inset: 0;
	z-index: 2;
	pointer-events: none;
	background:
		linear-gradient(
			90deg,
			color-mix(in srgb, var(--hero-overlay) 80%, transparent) 0%,
			color-mix(in srgb, var(--hero-overlay) 50%, transparent) 45%,
			color-mix(in srgb, var(--hero-overlay) 10%, transparent) 80%
		),
		linear-gradient(
			0deg,
			color-mix(in srgb, var(--hero-overlay) 60%, transparent) 0%,
			transparent 55%
		);
}

/* 5. Text block over the slider, anchored bottom-left */
.hero_section.about_us .text_block {
	position: relative;
	z-index: 3;
	align-self: end;
	justify-content: flex-end;
	padding: clamp(24px, 5vw, 80px) !important;
	pointer-events: none; /* lets swipes pass through to the slider */
}

.hero_section.about_us .text_block a,
.hero_section.about_us .text_block .wp-block-buttons {
	pointer-events: auto;
}

.hero_section.about_us .text_block > .wp-block-group {
	max-width: 640px;
	padding-inline: 0;
	margin: 0;
}

.hero_section.about_us .text_block h1 {
	margin-top: 0;
	text-shadow: 0 2px 24px color-mix(in srgb, var(--hero-overlay) 40%, transparent);
}

.hero_section.about_us .text_block p {
	text-shadow: 0 1px 12px color-mix(in srgb, var(--hero-overlay) 50%, transparent);
}

/* 6. Mobile: text spans full width, so darken more evenly */
@media (max-width: 781px) {
	/* match the Home hero: full visible screen on mobile */
	.hero_section.about_us {
		--hero-height: calc(100svh - var(--um-header-h, 72px) - 24px);
	}

	/* same text inset as the Home hero (cover padding + inner container's 20px) */
	.hero_section.about_us .text_block {
		align-self: center;
		justify-content: center;
		padding: 32px calc(var(--wp--preset--spacing--30) + 20px) !important;
	}

	/* two stacked full-width buttons – keep a tidy gap */
	.hero_section.about_us .text_block .wp-block-buttons {
		gap: 12px;
	}

	.hero_section.about_us .cb-carousel-block .swiper::after {
		background: linear-gradient(
			0deg,
			color-mix(in srgb, var(--hero-overlay) 75%, transparent) 0%,
			color-mix(in srgb, var(--hero-overlay) 65%, transparent) 50%,
			color-mix(in srgb, var(--hero-overlay) 45%, transparent) 100%
		);
	}

	.hero_section.about_us .text_block > .wp-block-group {
		max-width: none;
	}
}
/* ------------------------------------- */
/* - - - - - 03 - SECTION MŪSU STĀSTS - - - - - */
/* ------------------------------------- */
p.about_us_year {
	font-size: clamp(2rem, 8vw, 4.875rem) !important;
	white-space: nowrap;
}

/* ------------------------------------- */
/* - - - - - 04 - SECTION KO MĒS DARĀM - - - - - */
/* ------------------------------------- */
section.section_what_we_do .deco_top_blue.left {
	position: absolute;
	top: 0;
    left: 0;
}

section.section_what_we_do .deco_top_blue.right {
	position: absolute;
	top: 0;
	right: 0;
}
/* "Ko mēs darām" – 4 cards: 4×1 above 1440px, 2×2 600–1440px, 1 col below 600px */
.section_what_we_do .wp-block-group.is-layout-grid {
	grid-template-columns: repeat(4, minmax(0, 1fr));
	grid-auto-rows: 1fr; /* all rows share the tallest card's height */
	align-items: stretch;
}

.section_what_we_do .is-layout-grid > .corner_box {
	height: 100%;
	margin-block: 0;
	box-sizing: border-box;
}

/* 2 × 2, cards max 345px, grid centered */
@media (min-width: 600px) and (max-width: 1440px) {
	.section_what_we_do .wp-block-group.is-layout-grid {
		grid-template-columns: repeat(2, minmax(0, 345px));
		justify-content: center;
	}
}

/* Phones: 1 column, full width, side padding */
@media (max-width: 599px) {
	.section_what_we_do .wp-block-group.is-layout-grid {
		grid-template-columns: minmax(0, 1fr);
	}
	.section_what_we_do .wp-block-group.corner_box {
		padding-left: var(--wp--preset--spacing--60)!important;
		padding-right: var(--wp--preset--spacing--60)!important;
	}
}


/* ------------------------------------- */
/* - - - - - 04 - SECTION KĀ MĒS STRĀDĀJAM - - - - - */
/* ------------------------------------- */
section.section_how_we_work {
	figure.deco_line img {
		filter: brightness(100) grayscale(1);
	}
	
}    

section.section_how_we_work .deco_top_grey {
	 position: absolute;
	top: 0;
   right: 0;
}

@media (max-width: 782px) {
	section.section_how_we_work .wp-block-column.content_wrapper {
		padding-left: 100px;
		width: 100% !important;
	}
}

section.section_how_we_work .content_wrapper .wp-block-columns {
     align-self: stretch; 
   }
/* ------------------------------------- */
/* - - - - - 05 - SECTION Palīdzība, ko var saskaitīt - - - - - */
/* ------------------------------------- */

section.section_numbers figure.deco_wrapper.right.top.set_width.daisy {
	max-width: 150px;
}
@media (min-width: 551px) and (max-width: 810px) {
    section.section_numbers .deco_wrapper.top.right.daisy {
        top: 0 !important; 
    }
}

.section_numbers .wp-block-columns {
	align-items: stretch;
}

.section_numbers .stat_block {
	display: flex;
	flex-direction: column;
}

.section_numbers .stat_block > .corner_box {
	flex: 1 1 auto;
	height: 100%;
	box-sizing: border-box;
	justify-content: center;
    align-items: center;
}

@media (max-width: 550px) {
   section.section_numbers .deco_wrapper.top.right.daisy {
        top: 0;
        right: -10%;
    }
}

/* ------------------------------------- */
/* - - - - - 06 - SECTION CTA - - - - - */
/* ------------------------------------- */
/* CTA buttons – equal width (sized to the widest button) */
.section_cta .wp-block-buttons {
	display: inline-grid;
	grid-auto-flow: column;
	grid-auto-columns: 1fr;
	gap: var(--wp--style--block-gap, 1rem);
}

.section_cta .wp-block-buttons .wp-block-button,
.section_cta .wp-block-buttons .wp-block-button__link {
	width: 100%;
}

.section_cta .wp-block-buttons .wp-block-button__link {
	box-sizing: border-box;
	text-align: center;
	justify-content: center;
}

/* Small screens – stack buttons, still equal width */
@media (max-width: 480px) {
	.section_cta .wp-block-buttons {
		display: grid;
		grid-auto-flow: row;
		width: 100%;
	}
}

/* Column image when columns stack (WP breakpoint: below 782px) */
@media (max-width: 781px) {
	.section_cta .wp-block-columns .wp-block-image img {
		max-width: 150px;
		height: auto;
	}
}

section.section_cta.about_us .wp-block-columns {
	z-index: 1;
    position: relative;
}

/* dda95604b613327a96dc00c9: Resursi Page */
.section_chronology.chrono-test {
  overflow: clip;
}

.section_chronology.chrono-test > .wp-block-columns > .wp-block-column:first-child {
  align-self: stretch;
}

/* sticky wrapper holding one image group per year */
.section_chronology.chrono-test .chrono-stack {
  position: sticky;
  top: 15vh;
  display: grid;
  grid-template-columns: 1fr;
  grid-template-areas: "stack";
}
.section_chronology.chrono-test .chrono-stack > * {
  margin: 0;
}

/* one mosaic per year */
.section_chronology.chrono-test .chrono-media {
  grid-area: stack;
  display: grid;
  grid-template-columns: repeat(var(--cols, 3), 1fr);
  grid-template-rows: repeat(var(--rows, 2), 1fr);
  aspect-ratio: var(--ratio, 3 / 2);
  gap: 8px;
  opacity: 0;
  visibility: hidden;
  transition: opacity .6s ease, visibility 0s linear .6s;
}
.section_chronology.chrono-test .chrono-media.is-current {
  opacity: 1;
  visibility: visible;
  transition: opacity .6s ease;
}
.section_chronology.chrono-test .chrono-media figure {
  position: relative;
  z-index: 1;
  margin: 0;
  overflow: hidden;
  border-radius: 8px;
}
.section_chronology.chrono-test .chrono-media figure img {
  display: block;
  width: 100%;
  height: 100% !important;
  aspect-ratio: auto !important;
  object-fit: cover;
}
.section_chronology.chrono-test .chrono-media figure.is-expanded {
  grid-area: 1 / 1 / -1 / -1 !important;
  z-index: 2;
}

/* timeline entries */
.section_chronology.chrono-test .chrono-item {
  opacity: .4;
  transition: opacity .4s ease;
}
.section_chronology.chrono-test .chrono-item.is-active { opacity: 1; }

/* yellow fill traced along the irregular line-b separator */
.section_chronology.chrono-test .deco_line {
  position: relative;
}
.section_chronology.chrono-test .deco_line img {
  display: block;
  width: 100%;
  height: auto;
}
.section_chronology.chrono-test .deco_line::after {
  content: "";
  position: absolute;
  inset: 0;
  background: var(--wp--preset--color--custom-um-yellow);
  -webkit-mask: url("/wp-content/uploads/2026/10/line-b.svg") no-repeat left center / 100% 100%;
          mask: url("/wp-content/uploads/2026/10/line-b.svg") no-repeat left center / 100% 100%;
  clip-path: inset(0 100% 0 0);
  transition: clip-path .8s ease;
  pointer-events: none;
}
.section_chronology.chrono-test .chrono-item.is-active .deco_line::after {
  clip-path: inset(0 0 0 0);
}

/* mobile: groups stack above the timeline, the one in view cycles */
@media (max-width: 781px) {
  .section_chronology.chrono-test .chrono-stack {
    position: static;
    grid-template-areas: none;
    gap: 12px;
  }
  .section_chronology.chrono-test .chrono-media {
    grid-area: auto;
    opacity: 1;
    visibility: visible;
  }
  .section_chronology.chrono-test .chrono-item { opacity: 1; }
}

@media (prefers-reduced-motion: reduce) {
  .section_chronology.chrono-test * { transition: none !important; }
}