/*
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
*/
/* RL250828 */

@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;
}

/* TEMPORAER !!!*/
.progress-animation { margin: 0 calc(0px - var(--pv-space-m) - 5px) !important; }

.hero-logo-image, .lng-switch-container {
	padding-top: var(--pv-space-s);
	padding-right: var(--pv-space-s);
}
.h1-boxed {
	background-color: var(--contrast-3);
	color: var(--base);
	font-style: italic;
	padding-left: 0.15em;
	padding-right: 0.3em;
	border-radius: var(--pv-radius-s);
}
h1, h1.gb-text, .h1, h2, h2.gb-text, .h2 {
	font-style: italic;
	font-weight: bold;
	line-height: 1.1;
	hyphens: none;
}
h2, h3, h4, h5, h6, .h2, .h3, .h4, .h5, .h6 {
	color: var(--contrast);
}
.cp-progress-box h2 { color: var(--base); }

.main-content { background-color: transparent; }

/* Social Media Buttons*/
.top-bar, .inside-navigation {
	/* Social Media */
	.wp-block-social-links {
		filter: grayscale(1) opacity(0.6);
		transition: all var(--transition-time);
		margin-right: var(--pv-space-xs);
		line-height: 1;
		white-space: nowrap;
	}
	.wp-block-social-links .wp-block-social-link.wp-social-link { margin-right: 0.2rem; }
	.wp-block-social-links .wp-block-social-link.wp-social-link a,
	.wp-block-social-links .wp-social-link svg {
		height: 1.5rem;
		width: 1.5rem;
		padding: 0 !important;
	}
	.wp-block-social-links .wp-social-link svg { margin: 0.1rem; }
	.wp-block-social-links:hover {
		filter: grayscale(0) opacity(1);
		transform: scale(1.05) !important;
	}
}
.inside-navigation {
	.wp-block-social-links { filter: grayscale(0) opacity(1); }
}
#footer, .footer {
	padding: var(--pv-space-xl) var(--pv-space-l);
	.wp-block-social-links a { font-size: 26px; }
}
:root :where(.wp-block-social-links .wp-social-link a) { padding: 4px; }

ul#menu-main { a { font-weight: 500; } }

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

/* 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.05rem;
}

:root {
	/* Typography */
	/* Layout */
	--btn-radius: 0.4rem; /*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: 80%;
	--lead__content--width: 74.4%;
}

:target, .target { scroll-margin-top: 0; }

.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); }
}

/* Slider */
.wdb-a11y-container {
	.dashicons, .dashicons-before:before {
		width: 1em;
		height: 1em;
		font-size: 3rem;
		transition: color var(--transition-time);
		position: relative;
		left: 0.1rem;
	}
	.dashicons.dashicons-arrow-left-alt2 { left: -0.1rem; }
	& > button {
		left: 2%;
		transition: all var(--transition-time);
		.dashicons-arrow-left-alt2:before, .dashicons-arrow-right-alt2:before { background: transparent !important; }
	}
	& > button.wdb-a11y-next { right: 2%; }
	button:focus {
		background-color: transparent;
		color: var(--base);
		box-shadow: none;
	}
	&:hover > button { opacity: 1; }
	button:hover {
		color: var(--base-2);
		background-color: transparent;
		box-shadow: none;
		opacity: 1;
	}
	.wdb-a11y-sr-only, .wdb-a11y-status { display: none; }
	.wdb-a11y-slider {
		box-shadow: none;
		max-height: 80vh;
		/*padding: 20px 0;*/
	}
	/*.wdb-a11y-slide {
		scale: 1;
		transition: scale var(--transition-time);
	}
	.wdb-a11y-slide.wdb-a11y-active {
		scale: 1.15;
		z-index: 8;
	}

	.wdb-a11y-slide img { translate: 30% 0; }
	.wdb-a11y-slide.wdb-a11y-active img { translate: 0 0; }
	.wdb-a11y-slide.wdb-a11y-active ~ .wdb-a11y-slide img { translate: -30% 0; }
	/*.wdb-a11y-slide:has(+ .wdb-a11y-active) img { translate: 30% 0; }*/

}

.wdb-a11y-slide img {
	height: 100%;
	width: 100%;
	object-fit: contain;
}

#footer, .inverse {
	.gbp-button--primary, button {
		background-color: #ab2b2b;
		color: var(--contrast-3);
		max-width: 16em;
	}
	&.campaign-form button {
		color: #ab2b2b;
		background-color: var(--contrast-3);
		&:hover { color: var(--contrast-3); }
	}
	.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; }*/

	/* for Safari*/
	.wp-block-social-link { background-color: var(--pv-secondary); }
	.wp-block-social-link.wp-social-link-facebook:hover { background-color: #0866ff; }
	.wp-block-social-link.wp-social-link-instagram:hover { background-color: #f00075; }
	.wp-block-social-link.wp-social-link-linkedin:hover { background-color: #0d66c2; }
	.wp-block-social-link.wp-social-link-bluesky:hover { background-color: #0a7aff; }
}

@media (max-width: 1024px) {    /* Tablet */
}
@media (max-width: 767px) { /* 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; }*/
	}
}