/*
Theme Name: Salient Child Theme
Description: Customized by Alexander Koch
Theme URI:   #
Author: ThemeNectar
Author URI:  #
Template: salient
Version: 1.0
*/

.su-tooltip {
	left: 5% !Important;
}

/* signika-300 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika Light';
  font-style: normal;
  font-weight: 300;
  src: url('https://www.forschungsstiftung.at/wp-content/themes/salient-child/fonts/signika-v25-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-regular - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika';
  font-style: normal;
  font-weight: 400;
  src: url('https://www.forschungsstiftung.at/wp-content/themes/salient-child/fonts/signika-v25-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-500 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika SemiBold';
  font-style: normal;
  font-weight: 500;
  src: url('https://www.forschungsstiftung.at/wp-content/themes/salient-child/fonts/signika-v25-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}
/* signika-700 - latin */
@font-face {
  font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
  font-family: 'Signika Bold';
  font-style: normal;
  font-weight: 700;
  src: url('https://www.forschungsstiftung.at/wp-content/themes/salient-child/fonts/signika-v25-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
}

.nectar-inherit-border-radius, body[data-button-style*="slightly_rounded"] .nectar-cta:not([data-style="material"]) .link_wrap, body[data-button-style*="slightly_rounded"] .nectar-button.see-through, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-2, body[data-button-style*="slightly_rounded"] .nectar-button.see-through-3, body[data-button-style*="slightly_rounded"] .portfolio-filters-inline .container ul li a, body[data-button-style*="slightly_rounded"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before, body[data-button-style*="slightly_rounded"] #infscr-loading, body[data-button-style*="slightly_rounded"] .flex-direction-nav a, body[data-button-style*="slightly_rounded"] #pagination span, body[data-button-style*="slightly_rounded"] #pagination a, body[data-button-style*="slightly_rounded"] #pagination .next.inactive, body[data-button-style*="slightly_rounded"] #pagination .prev.inactive, body[data-button-style*="slightly_rounded"].woocommerce nav.woocommerce-pagination ul li a, body[data-button-style*="slightly_rounded"].woocommerce .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"] .container-wrap nav.woocommerce-pagination ul li span, body[data-button-style*="slightly_rounded"].woocommerce-cart .wc-proceed-to-checkout a.checkout-button, body[data-button-style*="slightly_rounded"] input[type=submit], body[data-button-style*="slightly_rounded"] button[type=submit], body[data-button-style*="slightly_rounded"] input[type="button"], body[data-button-style*="slightly_rounded"] button, body[data-button-style*="slightly_rounded"] .nectar-button, body[data-button-style*="slightly_rounded"] .swiper-slide .button a, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_solid_color"] > a:before, body[data-button-style*="slightly_rounded"] #top nav > ul > li[class*="button_bordered"] > a:before, body[data-button-style*="slightly_rounded"] #header-outer .widget_shopping_cart a.button, body[data-button-style*="slightly_rounded"] .comment-list .reply a, body[data-button-style*="slightly_rounded"].material #page-header-bg.fullscreen-header .inner-wrap >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-social-inner >a, body[data-button-style*="slightly_rounded"] .sharing-default-minimal .nectar-love, body[data-button-style*="slightly_rounded"].single .heading-title[data-header-style="default_minimal"] .meta-category a, body[data-button-style*="slightly_rounded"] #page-header-bg[data-post-hs="default_minimal"] .inner-wrap > a, body[data-button-style*="slightly_rounded"] .masonry.classic_enhanced .posts-container article .meta-category a, body[data-button-style*="slightly_rounded"] .blog-recent[data-style*="classic_enhanced"] .meta-category a, body[data-button-style*="slightly_rounded"] .woocommerce-cart .wc-proceed-to-checkout a.checkout-button, .nectar-slide-in-cart.style_slide_in_click .widget_shopping_cart a.button, li[class*="menu-item-btn-style"] > a:before, li[class*="menu-item-btn-style"] > a:after {
	-webkit-border-radius: 50px !important;
	border-radius: 50px;
}

#header-outer ul.sf-menu>li>a>.nectar-menu-icon-img {
	order: 2;
}

#menu-item-11 span {
	padding-right: 80px;
}

#header-secondary-outer ul {
	float: left;
}

#header-secondary-outer ul#social {
	float: right !Important;
}

#header-secondary-outer #social li {
	color: white;
	padding: 0 10px;
}

body.material #header-secondary-outer nav>ul>li>a {
	font-size: 14px;
	line-height: 24px;
}

.mb-0, h1.mb-0, h2.mb-0, h3.mb-0, .mb-0 h2 {
	margin-bottom: 0px !Important;
}

.mb-0 h2 {
	margin-bottom: 0px !Important;
}

.mb-1, h1.mb-1, h2.mb-1, h3.mb-1 {
	margin-bottom: 1.5em !Important;
}

.home .nectar-post-grid-item-bg-wrap {
	display: none;
}

#ajax-content-wrap .nectar-post-grid .flickity-page-dots {
	bottom: -50px;
}

.flickity-page-dots {
	text-align: left;
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot:before {
	box-shadow: none !Important;
	background-image: url("https://www.forschungsstiftung.at/wp-content/uploads/2024/08/white_pagination.svg");
	background-repeat: no-repeat !Important;;
    border-radius: 0px !Important;
	width: 15px;
	height: 15px;
	transform: scale(2);
}

#ajax-content-wrap .flickity-page-dots .dot.is-selected:before {
	background-image: url("https://www.forschungsstiftung.at/wp-content/uploads/2024/08/Pfad-1300.svg");
	box-shadow: none !Important;
	background-repeat: no-repeat !Important;;
    border-radius: 0px !Important;
	width: 15px;
	height: 15px;
}

.nectar-flickity[data-control-style=material_pagination] .flickity-page-dots .dot {
	opacity: 1;
	margin-right: 10px;
}

.icon-button-arrow:before {
	content: url("https://www.forschungsstiftung.at/wp-content/uploads/2024/08/button-arrow-custom.svg");
}

a.custom-button-footer .icon-button-arrow:before {
	content: url("https://www.forschungsstiftung.at/wp-content/uploads/2024/08/custom-arrow-blue.svg");
}


body.material .nectar-button.has-icon span {
	padding-right: 80px;
}

div.accent-color a {
	color: var(--nectar-extra-color-1) !Important;
}

.nectar-scrolling-text-inner__text-chunk img {
	padding: 0 20px;	
}

.nectar-post-grid-wrap:not([data-style=content_overlaid]) .nectar-post-grid .nectar-post-grid-item .content {
	padding: 0px 0px;
}

body[data-button-style*="slightly_rounded"] .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
	-webkit-border-radius: 0px !Important;
	border-radius: 0px !Important;
}

#header-outer #top .slide-out-widget-area-toggle[data-custom-color="true"] a:before {
	height: 70px;
}

.nectar-lottie {
    cursor: pointer;
}

/****** MA CSS *****/

/* Flexbox Grid */
.mitarbeiter-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 16px;
    width: 100%;
    /*max-width: 1200px;*/
    margin-bottom: 32px;
}

/* Flexbox Grid für mobile Ansicht */
@media screen and (max-width: 768px) {
    .mitarbeiter-grid {
        flex-direction: column;
    }
	
	.mitarbeiter-thumbnail {
    	width: 100%;
    	height: 400px;
	}
	
	.mitarbeiter-grid .mitarbeiter-item {
		width: 100%;
	}
}

/* Each Mitarbeiter Item */
.mitarbeiter-item {
    /*flex: 1 1 calc(33.3333% - 16px); Set to exactly a third of the container */
    box-sizing: border-box;
    position: relative;
	width: 400px;
}

/* Mitarbeiter Thumbnail */
.mitarbeiter-thumbnail {
    width: 100%;
    height: 450px;
    background-size: cover;
    background-position: center;
    position: relative;
    overflow: hidden;
    transition: background-color 0.3s ease;
}

@media screen and (min-width: 769px) and (max-width: 1200px) {
    .mitarbeiter-item {
        flex: 1 1 calc(50% - 16px); /* Items take up half the width with a gap */
		max-width: calc(50% - 16px); /* Ensure items in new rows do not stretch to full width */
    }
}

@media screen and (min-width: 1700px) {
	/*.mitarbeiter-item {
		width: 600px;
	}*/
	
	.mitarbeiter-thumbnail {
    	width: 100%;
    	height: 500px;
	}
}




/* Hover effect for Mitarbeiter Thumbnail */
.mitarbeiter-thumbnail:hover {
    background-color: #0064da;
    transition: background-color 0.3s ease;
}

.mitarbeiter-thumbnail:hover .mitarbeiter-contact {
    opacity: 1;
    max-height: 100px; /* Ensure enough space for phone and email */
    transition: opacity 0.3s ease, max-height 0.3s ease;
}

.mitarbeiter-thumbnail:hover .mitarbeiter-info {
    transition: transform 0.3s ease;
	background-color: #0064da;
}

/* Mitarbeiter Info */
.mitarbeiter-info {
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    color: #fff;
    padding: 25px;
    box-sizing: border-box;
    transition: transform 0.3s ease;
}

/* Mitarbeiter Contact */
.mitarbeiter-contact {
    opacity: 0;
    max-height: 0;
    overflow: hidden;
    transition: opacity 0.3s ease, max-height 0.3s ease;
}

/* Mitarbeiter Title */
.mitarbeiter-title {
    margin: 0;
    font-size: 24px;
    margin-bottom: 0px;
	color: white;
}

/* Mitarbeiter Position */
.mitarbeiter-position {
    margin: 0;
    font-size: 1em;
	padding-bottom: 0px;
}

/* Mitarbeiter Phone */
.mitarbeiter-phone {
    margin: 0;
    font-size: 1em;
	padding-bottom: 0px;
	margin-top: 15px;
}

/* Mitarbeiter Email */
.mitarbeiter-email {
    margin: 0;
    font-size: 1em;
}

.mitarbeiter-email a {
    color: #fff;
    text-decoration: none;
}

.mitarbeiter-email a:hover {
    text-decoration: underline;
}

/* Tags */
.mitarbeiter-tag {
    position: absolute;
    top: 10px;
    left: 0;
    color: #fff;
    border: 2px solid #fff;
    border-radius: 50px;
    padding: 5px 10px;
    font-size: 0.9em;
    white-space: nowrap;
    margin: 10px;
}

.mitarbeiter-toggle {
	display: none;
}

@media screen and (max-width: 999px) {
		/* Mitarbeiter Toggle */
	.mitarbeiter-toggle {
		position: absolute;
		top: 10px;
		right: 10px;
		display: flex;
		flex-direction: column;
		align-items: center;
		z-index: 10;
		display: block;
	}

	/* Plus Symbol */
	.mitarbeiter-plus, .mitarbeiter-close {
		background: #fff;
		color: #0064da;
		border: 2px solid #0064da;
		border-radius: 50%;
		width: 30px;
		height: 30px;
		display: flex;
		align-items: center;
		justify-content: center;
		font-size: 20px;
		cursor: pointer;
		transition: background 0.3s, color 0.3s;
		position: absolute;
		top: 10px;
		right: 10px;
	}

	/* Hide the close button initially */
	.mitarbeiter-close {
		display: none;
	}

	/* Show close button when active */
	.mitarbeiter-thumbnail.active .mitarbeiter-close {
		display: flex;
	}

	/* Hide the plus button when active */
	.mitarbeiter-thumbnail.active .mitarbeiter-plus {
		display: none;
	}

	/* Show the plus button on hover */
	.mitarbeiter-thumbnail:hover .mitarbeiter-plus {
		display: flex;
	}

	.mitarbeiter-thumbnail.active .mitarbeiter-contact {
		opacity: 1;
		max-height: 100px; /* Ensure enough space for phone and email */
	}
	
	.mitarbeiter-grid {
		gap: 32px;
	}

}

/***** END ********/

img.outline {
    width: 800px !important;
    animation: fade-in-up 2s ease-in-out, rotate 60s linear infinite;
    animation-fill-mode: forwards; /* Hält den Endzustand der Fade-In-Animation */
    opacity: 0; /* Startet das Bild unsichtbar */
}

@keyframes rotate {
    from {
        transform: rotate(0deg);
    }
    to {
        transform: rotate(-360deg);
    }
}

@keyframes fade-in-up {
    from {
        opacity: 0;
        transform: translateY(20px) rotate(0deg); /* Startet leicht unterhalb der normalen Position */
    }
    to {
        opacity: 1;
        transform: translateY(0) rotate(0deg); /* Endet in der normalen Position */
    }
}


.single-absolute-div {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-44%);
    /* Optional: Größe des Divs anpassen */
    width: 800px; /* oder andere gewünschte Breite */
    height: auto; /* oder feste Höhe */
}

.home span.submit-call {
	color: white !Important;
}

span.submit-call {
	color: #707070 !Important;
}

.single span.submit-call {
	color: #00122f !Important;
}

/* Definiere die Keyframes für die Animation */
@keyframes fade_in_from_bottom {
    0% {
        transform: translateY(50px); /* Startposition unterhalb */
        opacity: 0; /* Vollständig transparent */
    }
    100% {
        transform: translateY(0px); /* Endposition */
        opacity: 1; /* Vollständig sichtbar */
    }
}

/* Wende die Animation auf das Element an */
span.submit-call {
    opacity: 0; /* Startzustand: Unsichtbar */
    transform: translateY(50px); /* Startposition: Unterhalb des sichtbaren Bereichs */
    animation-name: fade_in_from_bottom; /* Name der Animation */
    animation-duration: 0.9s; /* Dauer der Animation */
    animation-timing-function: ease-out; /* Timing-Funktion für sanften Effekt */
    animation-delay: 0.3s; /* Verzögerung vor Beginn der Animation */
    animation-fill-mode: forwards; /* Behalte das Endergebnis nach der Animation */
}


.single .row .col h3, .single .row .col h2, .single .row .col h4  {
	margin-bottom: 32px;
}

.single em {
	font-size: 16px;
	color: #707070 !Important;
	font-weight: 400;
	line-height: 1.1em;
}

blockquote {
	margin-bottom: 30px;
	margin-top: 30px;
	letter-spacing: 0px;
}

.single .post-content a {
	color: var(--nectar-extra-color-1);
}

.home .nectar-post-grid[data-grid-spacing="25px"] .nectar-post-grid-item {
	margin: 0 0 25px 0;
}

.single .featured-media-under-header__cat-wrap {
	pointer-events: none;
}

.page-id-269 .nectar-post-grid .meta-category a.aktuelles {
	display: none;
}

.nectar_hook_global_section_footer .nectar-cta .link_wrap .link_text {
	font-family: 'Signika';
}

.page:not(.page-id-483) .wpb_wrapper ul {
    margin-left: 17px;
}

.single-post .gallery a img {
	padding: 5px;
	border: 0px solid !Important;
	width: 100%;
	margin-bottom: 0px;
}

.single-post .gallery-item img {
	padding: 5px;
	border: 0px solid !Important;
	width: 100%;
	margin-bottom: 0px;
}


.single-post .gallery-item {
	margin-top: 0px !Important;
}

.single-post .gallery {
	margin: 32px 0px !Important;
}

.single-post hr {
    margin: 32px 0px;
    color: var(--nectar-accent-color);
}

.grey {
	color: var(--nectar-extra-color-3) !Important;
}

.bold {
	font-weight: 700;
}

.no-selection {
	pointer-events: none !Important;
}

ul#social .country-selector a {
	font-size: 14px !Important;
}

ul#social .country-selector label.wgcurrent>span{
	color: white !Important;
	font-size: 14px !Important;
	font-family: 'Signika' !Important;
}

body[data-form-submit=regular] .container-wrap button[type=submit], body[data-form-submit=regular] .container-wrap input[type=submit] {
    padding: 13px 22px !important;
}

.wpforms-form input[type=submit], 
.wpforms-form button[type=submit] {
    background-color: var(--nectar-extra-color-1) !important;
    color: white !important;
}

body div.wpforms-container-full button[type=submit]:hover {
    background: var(--nectar-accent-color) !important;
    color: white !important;
}

:root {
    --wpforms-button-background-color: var(--nectar-accent-color) !important;
}

.wpforms-container .wpforms-recaptcha-container .g-recaptcha {
	margin-bottom: 32px;
}

div.wpforms-container-full input[type=radio]:checked:after, div.wpforms-container-full input[type=checkbox]:checked:after  {
    display: inline-block;
    width: 38px;
    height: 38px;
    background-image: url('https://www.forschungsstiftung.at/wp-content/uploads/2024/08/fs_favicon.png');
    background-size: contain;
    vertical-align: middle;
	background-repeat: no-repeat;
    border: 0px !Important;
    border-radius: 0;
    background-color: transparent !Important;
	left: -11px;
    top: -13px;
	content: "";
	border-style: none !Important;
	box-shadow: none !Important;
	outline: none !Important;
}

div.wpforms-container-full input[type=checkbox]:focus:before, div.wpforms-container-full input[type=radio]:focus:before, div.wpforms-container-full input[type=radio]:checked:before, div.wpforms-container-full input[type=checkbox]:checked:before {
	border-style: none !Important;
	box-shadow: none !Important;
	outline: none !Important;
}


.single .main-content > .row:nth-child(2) {
	padding-bottom: 0;
}

.featured-media-under-header__meta-wrap .meta-date, .featured-media-under-header__meta-wrap .meta-reading-time {
	font-size: 18px;
}

@media screen and (min-width: 1000px) and (max-width: 1450px) {
	.single-absolute-div {
		width: 600px;
		transform: translateY(-37%);
	}
}

@media screen and (min-width: 1000px) and (max-width: 1290px) {
	#header-outer[data-format=centered-menu] #top .span_3 {
		margin-right: 35px;
	}
	
	body div.wpb_column.social_button {
		margin-right: 50px !Important;
	}
	
	.single-absolute-div {
		width: 500px;
		transform: translateY(-37%);
	}
}

@media screen and (min-width: 1000px) and (max-width: 1110px) {
	#header-outer[data-full-width="true"] header > .container {
		padding: 0px 20px 0px 90px;
	}
	
	#menu-item-11 span {
		padding-right: 15px;
	}
}

@media screen and (min-width: 1000px) and (max-width: 1290px) {
	body div.wpb_column.social_button {
		margin-right: 100px !Important;
	}
}


@media screen and (min-width: 999px) {
	#header-secondary-outer[data-full-width=true]>.container {
		padding: 0 90px;
	}
	
	#top .sf-menu > li.nectar-regular-menu-item > a > .nectar-menu-icon {
		order: 2;
		margin-left: 10px;
	}
	
	.single .container {
		padding: 0;
	}

	.single .normal-container{
		padding: 0 90px;
	}
	
	.single .post-content a.custom-button {
		margin-right: 20px;
	}
}

@media screen and (max-width: 999px) {
	#header-outer[data-full-width=true] header>.container {
		padding: 0px 0px 0px 28px;
	}
	
	li.menu-item-8 a>span>i.nectar-menu-icon, li.menu-item-9 a>span>i.nectar-menu-icon, li.menu-item-10 a>span>i.nectar-menu-icon {
		display: none !Important;
	}
	
	#header-outer #mobile-menu .menu-item-11 a>span>img.nectar-menu-icon-img {
		display: inline-block !Important;
		order: 2;
		margin-left: 10px;
	}
	
	#header-outer #mobile-menu .menu-item-11 a>span {
		color: white !Important;
		display: flex;
		justify-content: space-between;
	}
	
	#header-outer .menu-item-11 > a:before {
		-webkit-border-radius: 50px;
	}
	
	#header-outer #mobile-menu .menu-item-11 {
		margin: 15px 0px;
	}
	
	#header-outer #mobile-menu .menu-item-11:before, #header-outer #mobile-menu .menu-item-14:before {
		background-color: transparent !Important;
	}
	
	ul.secondary-header-items {
		display: none;
	}
	
	div.below-menu-items-wrap {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	
	#header-outer #mobile-menu .off-canvas-social-links {
		order: 2;
		margin: 20px 0px;
	}
	
	body #header-outer #mobile-menu .below-menu-items-wrap>:last-child {
		margin-bottom: 0px;
	}
	
	img.outline {
		width: 500px !Important;
	}
	
	.single-absolute-div {
		width: 400px;
		transform: translateY(-37%);
	}
}

@media screen and (max-width: 768px) {
	.single-absolute-div {
		width: 300px;
		transform: translateY(-37%);
		z-index: 100;
	}
	
	blockquote {
		font-size: 20px;
		line-height: 30px;
		padding-left: 1em;
	}
	
	div.wpforms-container-full input[type=radio]:checked:after, div.wpforms-container-full input[type=checkbox]:checked:after {
		top: -12px;
	}
}

@media screen and (max-width: 690px) {
	.nectar-button {
		display: block;
	}
	
	.wpb_row:not(.full-width-content) .wpb_row.inner_row:not([data-column-margin="none"]).reverse_columns_column_phone .row_col_wrap_12_inner > .wpb_column:last-of-type {
		margin-bottom: 5px !Important;
	}
	
	body #header-outer[data-full-width=true] header>.container {
		padding: 0 0 0 18px;	
	}
	
	.single-absolute-div {
		width: 200px;
		transform: translateY(-11%) translateX(10%);
		z-index: 100;
	}
}