/*
Site specific CSS for: Main Site
Author: Webdesign Burgdorf, Ralf Longwitz
Description: This CSS is loaded in addition to all other CSS files only for this specific child site
*/
/* RL250716 */

:root {
	--logo-height: var(--logo-base-height);
	--top-bar--height: calc(2.5rem + 1.3rem + 1rem); /* height + padding */
	--navigation--height: calc(var(--nav-text-size) + 1rem + 2rem); /* line-height + padding */
	--header--height: calc(var(--top-bar--height) + var(--navigation--height));
	/* Background setting for title wrapper in hero section */
	--bg-title-wrapper: hsl(from var(--contrast-3) h s l / 80%);
}
.home header.hero { min-height: calc(100svh - var(--header--height) - 3px); }

.site-logo, .mobile-header-navigation .site-logo { margin-top: calc(0px - var(--top-bar--height)); }
.mobile-header-navigation .site-logo { margin-left: var(--pv-space-s) !important; }

.gb-mobile-logo {
	position: relative;
	object-fit: cover;
	width: 100%;
	height: auto;
	z-index: 1;
}

a:has(.gb-mobile-logo) {
	display: none;
	height: calc(1em + var(--pv-space-l) * 2);
	width: 10rem;
	position: sticky;
	margin-top: calc(0px - 1em - var(--pv-space-l) * 2);
	top: 1.5rem;
	left: 1.5rem;
	z-index: 2;
}
#gb-header .gb-menu-container .top-bar, #gb-header  .gb-menu-container .buttons-cta {
	display: none;
	flex-direction: row; /* change for column */
}
#gb-header .gb-menu-container.gb-menu-container--mobile {
	a:has(.gb-mobile-logo) { display: block; }
	.buttons-cta {
		display: flex;
		column-gap: var(--pv-space-3xs);
		margin: 1.5rem 1rem 0 0;
		flex-wrap: wrap;
		justify-content: end;
		/*&::before { /* own line for newsletter
			width: 5rem;
			content: ' ';
			display: inline-block;
			height: 20px;
		} */
		a {
			padding: 0.15rem var(--pv-space-2xs);
			line-height: 1.5 ! important;
			font-size: var(--pv-text-xs);
		}
	}
	.top-bar {
		display: inline-flex;
		/*row-gap: 1.5rem;
		padding-top: 10rem;  /* change for column */
		margin-bottom: 1.5rem;
		/*position: absolute;
		bottom: 0;*/ /* Intersection function win wdb-custom.js deactivated */
		z-index: 0;
		&.intersected { position: relative; }
		.wp-block-social-links {
			filter: grayscale(0) opacity(1);
			transform: scale(1) !important;
		}
		.search-group .wp-block-search { width: 14rem; }
		._search-group {  /* change for column */
			.search-toggle { display: none; }
			justify-content: center;
			.wp-block-search {
				opacity: 1;
				width: 15rem;
				height: 3rem;
				position: relative;
				padding: 0 0.75em;
			}
		}
	}
}

/* Anchor Navigation with hiding header */
.wdb-anchor-navigation.stuck { border-radius: var(--btn-radius) !important; }
body.scrolling-down .wdb-anchor-navigation { top: 0 !important; }
.scrolling-up .wdb-sticky-sentinel-before { transform: translateY(calc(0px - var(--header--height))); }
@media (min-width: 640px) {
	.wdb-anchor-navigation.stuck {
		border-top-right-radius: 0 !important;
		border-top-left-radius: 0 !important; ;
	}
}

@media (max-width: 640px) {
	:root {
		--navigation--height: calc(var(--logo-height) + 1rem);
		--buttons--height: calc(var(--pv-text-s) * 1.5 + 1rem + 4px);
		--header--height: calc(var(--top-bar--height) + var(--navigation--height) + var(--buttons--height));
	}
}


/**
Site specific CSS for: action.provelo.ch
Author: Webdesign Burgdorf, Ralf Longwitz
Description: This CSS is loaded in addition to all other CSS files only for this specific child site
*/
/* RL250627 */

/* Only page "Kampagne" */
.page-id-1387, body.page-id-2391 {
	&, .with_frm_style .frm_primary_label, #mc_embed_signup label { font-size: calc(var(--pv-text-m) * 1.1); }
}

body.page-id-1387, body.page-id-2391, body.page-id-1539, body.page-id-2567 {
		/* Typography */
		/* Layout */
		--btn-radius: 0.4em; /*changed*/
		--button--padding-bottom: var(--pv-space-xs);
		--button--padding-top: var(--button--padding-bottom);
		--button--padding-h: var(--pv-space-m);
		--button--padding: var(--button--padding-top) var(--button--padding-h) var(--button--padding-bottom);
		--footer--gap: var(--pv-space-l);
		--footer__logo--margin: var(--pv-space-s);
		--footer__btn--padding: var(--pv-space-xs);
		--footer__btn--margin: var(--pv-space-3xs);
		/* Forms */
		/* Campaigns*/
		--content__campaign--width: 1170px; /* Amnesty */
		--text__main-campaign--width: 62%;
		--lead__content--width: 74.4%;

	@font-face {
		font-family: 'Source Sans 3';
		src: url('../assets/fonts/source-sans-3.woff2') format('woff2');
		font-weight: normal;
		font-style: normal;
		font-display: swap;
	}

	/* Back to top */
	.generate-back-to-top {
		border-radius: min(50%, var(--btn-radius));
		line-height: 1;
		top: auto;
		bottom: 1rem;
		right: 1.0rem;
		width: 2.5rem;
		height: 2.5rem;
	}
	.generate-back-to-top .gp-icon {
		position: relative;
		bottom: 0.1rem;
	}
	/* Accessibility */
	.accessibility-buttons .btn-round {
		border: none !important;
	}

	.buttons, .gbp-button--primary, .gbp-button--secondary {
		margin: 0 0 .5em;
		padding: .6em 1.2em;
		text-decoration: none !important;
	}
	.top-content-logo.inverse {
		background: var(--base);
		padding: var(--pv-space-3xs) var(--pv-space-2xs) var(--pv-space-3xs) var(--pv-space-xs);
		margin: 1rem 0 0;
	}
	.cp-progress-box.inverse {
		background-color: var(--base);
		h2.frmcp-campaign-label { color: var(--contrast-3); }
		#frmcp-progress { background: var(--contrast-3); }
		#frmcp-countdown-wrap { background-color: var(--pv-darkgrey); }
		#frmcp-progress:after, .frmcp-content-wrapper:after {
			content: "";
			background-color: var(--contrast);
			bottom: var(--btn-radius-2);
			top: calc(var(--pv-text-l) * -1.19);
			right: -1px;
		}
		.frmcp-content-wrapper:after { top: calc(var(--pv-text-l) * -2.28); }
		.signed-just-now .entry { border: 2px solid var(--contrast-3); }
	}
	#footer, .inverse {
		.gbp-button--primary, button {
			background-color: #ab2b2b;
			color: var(--contrast-3);
			max-width: 16em;
		}
		.gbp-button--primary:hover, button:hover { background-color: #9b2727; }
		a, a:not(.gb-text) { color: var(--contrast-3); }
		a:hover, a:not(.gb-text):hover {
			color: var(--contrast-3);
			text-decoration: underline;
		}
	}
	#footer {
		background-color: var(--base);
		h1, h2, h3, h4, h5, h6, p, li, a { color: var(--contrast-3); }
		.wp-block-navigation .wp-block-navigation-item { text-align: left; }
		.gbp-button--primary {
			margin-left: auto;
			margin-right: auto;
		}
		a:hover, a:not(.gb-text):hover {
			color: var(--contrast-3);
			text-decoration: underline;
		}
		.footer__buttons a { display: none; }
		.footer__buttons a.button__membership { display: block; }
		.wp-block-social-link:hover { box-shadow: 0 0 6px var(--pv-light); }
	}
	#footer, .main-content-campaign {
		.wp-block-social-link:hover { transform: none; }
		:where(.wp-block-social-links:not(.is-style-logos-only)) > * { background-color: var(--pv-secondary); }
		:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-facebook:hover { background-color: #0866ff; }
		:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-instagram:hover { background-color: #f00075; }
		:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-linkedin:hover { background-color: #0d66c2; }
		:where(.wp-block-social-links:not(.is-style-logos-only)) .wp-social-link-bluesky:hover { background-color: #0a7aff; }
	}

	@media (max-width: 1024px) {	/* Tablet */
	}
	@media (max-width: 940px) {		/* Mobile */
		.lng-switch-container {
/*			.wpml-language-switcher-block { order: 2; }
			& > a { order: 1; }*/
		}
		#footer {
			.wp-block-navigation .wp-block-navigation-item { text-align: center; }
		}
	}
	@media (max-width: 360px) {
		/* Mini-Mobile */
		.lng-switch-container {
			/*& > a { display: none; }*/
		}
	}
}