/*
Theme Name: Salient Child Theme
Description: This is a custom child theme for Salient
Theme URI:   https://themeforest.net/item/salient-responsive-multipurpose-theme/4363266
Author: ThemeNectar
Author URI:  https://themeforest.net/user/themenectar
Template: salient
Version: 1.0
*/

.hyphens {hyphens: auto;}

body .nectar-social.fixed a i, #ajax-content-wrap .nectar-social.fixed a i {color: #000}

#header-secondary-outer {
  transform: none !important;
  top: 0 !important;
  opacity: 1 !important;
  visibility: visible !important;
}
div#header-outer { transform: translateY(0px) !important; }
div#header-secondary-outer { background: transparent !important; }

#search-outer .close-wrap .close-line, #top .slide-out-widget-area-toggle .close-line, .nectar-close-btn .close-line, 
.slide_out_area_close .close-wrap .close-line, .style_slide_in_click .close-cart .close-line {background-color: #000}

.text-color-yellow h2 {color: #e1ff01}

.bg-no-repeat .column-image-bg {background-repeat: no-repeat}

.portfolio-wrap a {font-family: "Franklin Gothic Heavy"; font-weight: 800}
.portfolio-items .col .work-item {border: 1px solid #efefef}
.nybpg-card--nectar .nybpg-keyfacts-title, .nybpg-card--nectar .nybpg-projektdaten-title { color: #000 !important; }
.nyb-keyfacts ul, .nyb-projektdaten ul, .nybpg-keyfacts ul, .nybpg-projektdaten ul {margin: 0}
.nyb-keyfacts ul li, .nyb-projektdaten ul li, .nybpg-keyfacts ul li, .nybpg-projektdaten ul li {list-style: none}
.nyb-keyfacts .label, .nyb-projektdaten .label, .nybpg-keyfacts .label, .nybpg-projektdaten .label {font-weight: 800}

#header-secondary-outer .sf-menu .fa {font-size: 1rem;}
body #header-secondary-outer[data-lhe=animated_underline] nav>.sf-menu>li:not([class*=button_])>a .menu-title-text:after {border: 0 none}

.fa-competionline:before {
    content: "";
    display: inline-block;
    width: 1em;
    height: 1em;
    background-image: url('/wp-content/uploads/2026/02/Icon-Black.svg');
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    top: 1px;
    position: relative;
}


/* Secondary Menu zentrieren (Salient Override) */
#header-secondary-outer ul {
  float: none !important;
  display: flex;
  justify-content: center;
  width: 100%;
}

/* Optional: Abstand zwischen Icons */
#header-secondary-outer ul > li {
  margin: 0 8px;
}


.swiper-slide .content h1, .swiper-slide .content .ns-heading-el {
    background: #e1ff01;
    display: inline-block;
    padding: .5rem 1rem;
    color: #000 !important;
}

.nectar-flip-box .flip-box-front[data-text-color=dark] {
    font-size: 5vh;
    font-weight: 700;
    color: #000;
}

.nectar-flip-box .flip-box-back[data-text-color=dark] {
    color: #000;
}


.is-my-square {
  position: relative;
}

.is-my-square::before {
  content: "";
  display: block;
  padding-top: 100%;
}

.is-my-square > .vc_column-inner {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
}

.vc_column_container.is-square {
  aspect-ratio: 1 / 1;
}

.vc_column_container.is-square > .vc_column-inner {
  height: 100%;
}

.is-square a, .is-square a:hover, .is-square a:focus, .link-black a, .link-black a:hover, .link-black a:focus {color: #000}
.is-square .link-white a, .is-square .link-white a:hover, .is-square .link-white a:focus {color: #fff}
.is-square .link-yellow a, .is-square .link-yellow a:hover, .is-square .link-yellow a:focus {color: #e1ff01}
.is-square .link-blue a, .is-square .link-blue a:hover, .is-square .link-blue a:focus {color: #a3c1c4}

.vc_column_container.is-square-flipbox {
  aspect-ratio: 1 / 1;
}

.vc_column_container.is-square-flipbox > .vc_column-inner {
  min-height: 100%;
  display: flex;
  flex-direction: column;
}

.vc_column_container.is-square-flipbox .wpb_wrapper {
  flex: 1;
  min-height: 0;
}


/* --- ISA Startseite (Desktop): transparenter Header + weißes Menü + Overlay --- */
@media (min-width: 1000px) {

  /* Header über Slider, transparent */
  body.home #header-outer {
    background: transparent !important;
    box-shadow: none !important;
    position: fixed;
    width: 100%;
    z-index: 10000;
  }

  /* Gradient Overlay direkt auf Slide */
  body.home .nectar-slider-wrap .swiper-slide {
    position: relative;
  }
  body.home .nectar-slider-wrap .swiper-slide::before {
    content: "";
    position: absolute;
    inset: 0;
    background: linear-gradient(
      to bottom,
      rgba(0,0,0,0.60) 0%,
      rgba(0,0,0,0.30) 35%,
      rgba(0,0,0,0.00) 100%
    );
    z-index: 1;
    pointer-events: none;
  }

  /* Slider-Texte weiß + über Overlay */
  body.home .nectar-slider-wrap .swiper-slide .content,
  body.home .nectar-slider-wrap .swiper-slide .ns-heading-el {
    position: relative;
    z-index: 3;
    text-shadow: 0 1px 2px rgba(0,0,0,0.2);
  }

  /* Hintergrundbild bleibt unter Overlay */
  body.home .nectar-slider-wrap .swiper-slide .image-bg {
    position: relative;
    z-index: 0;
    background-position: center center !important;
    background-size: cover !important;
  }
}