/*
Theme Name: Salient Child Theme EST
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
*/

/* Fonts */
@font-face {
    font-family: 'loveloblack';
    src: url('fonts/lovelo-black-webfont.woff2') format('woff2'),
         url('fonts/lovelo-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

h1, h2, h3 {font-family: 'loveloblack', "Arial Black", sans-serif; font-weight:normal;}
h1 {line-height:.9em;}
h2 {font-size:3em;}
.light h2 {color:#e2d500;}
.dark h2 {color:#1b273f;}

#kontakt p{color:#FFF!important;}
#kontakt h4, #kontakt a {color:#0f8bcc!important;}
#kontakt .fa {color:#e2d500!important;margin-left:80px;width: 16px;font-size:1.1em;} 

/* Iconlist */
li .fa-regular, li .fa-solid {color:#e2d500!important;margin-right:6px;width: 16px;margin-left:-50px;font-size:1.5em;line-height: 1.4em;} 
#iconlist li {margin-left:55px;font-size:1.3em;line-height:2.6em;}

p {hyphens: auto; hyphenate-limit-chars: auto 5; hyphenate-limit-lines: 2;}

/* Navigation */
/* Grundlegendes Styling für das Menü */
.sf-menu li a {
  position: relative;
  display: inline-block;
  padding: 15px 15px!important;
  text-decoration: none;
  color: inherit;
  transition: color 0.5s ease;
	font-size: 1.8em!important;
	margin-right:20px;	
}

/* Hover-Effekt mit zeichnender Kontur */
.sf-menu li a::before,
.sf-menu li a::after {
  content: "";
  position: absolute;
  background-color: #0f8bcc;
  transition: transform 0.4s ease;
	
  transform: scaleX(0);
  transform-origin: left;
  pointer-events: none;
}

/* Obere Linie */
.sf-menu li a::before {
  height: 4px;
  width: 100%;
  top: 0;
  left: 0;
}

/* Rechte Linie */
.sf-menu li a::after {
  width: 4px;
  height: 100%;
  top: 0;
  right: 0;
  transform: scaleY(0);
  transform-origin: top;
}

/* Hover-Animation: obere Linie direkt */
.sf-menu li a:hover::before {
  transform: scaleX(1);
  transition-delay: 0s;
}

/* Hover-Animation: rechte Linie leicht verzögert */
.sf-menu li a:hover::after {
  transform: scaleY(1);
  transition-delay: 0.2s;
}
.sf-menu li:hover a .menu-title-text{color:#e2d500!important;transition: all 0.3s ease!important;}
.sf-menu li a .menu-title-text {transition: all 0.5s ease!important;}

/* normaler Button */
.nectar-button.see-through-3 span {font-size: 1.2em;color:#0f8bcc;}
.nectar-button.medium.see-through-3 span {color:#0f8bcc;}
.nectar-button.see-through-3:hover span, .nectar-button.medium.see-through-3:hover span {color:#FFF;}

.floating-menu ul li {    list-style: none;}

/* Contact Form */
textarea {
    max-width: 100%;
    height: 80px;
}
.wpcf7-form label {margin-bottom:-10px;}
.material.woocommerce-page[data-form-style=default] input#coupon_code, input[type=date], input[type=email], input[type=number], input[type=password], input[type=search], input[type=tel], input[type=text], input[type=url], select, textarea {
    background-color: rgba(0, 0, 0, .04);
    border-radius: 4px;
    border: 2px solid transparent;
    margin-bottom: -20px;
}

.nectar-button.centerbutt {
  display: block;
  margin: 0 auto;
  width: fit-content;
  float: none; /* wichtig bei manchen Themes */
}
/* Gallery */
.portfolio-items .col .work-item.style-3 .work-info-bg {
    background-color: #FFF;
    opacity: 0.33;
}
.work-item img {
  transform: none !important;
  transition: none !important;
}

.work-item:hover img {
  transform: none !important;
}
/* Quadratischer Container mit flex-zentriertem Inhalt */
.work-item {
  aspect-ratio: 1 / 1; /* Quadrat, bleibt responsiv */
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 10px;
  box-sizing: border-box;
  background-color: #fff; /* optional: Hintergrund */
  border: 1px solid #ccc;
}

/* Bild im Quadrat: zentriert und nicht gestreckt */
.work-item img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Abstand zwischen den Galerie-Spalten & -Zeilen */
.portfolio-items .col {
  padding: 30px; /* ergibt 40px zwischen den Elementen (20+20) */
}

/* Fancy List */
.nectar-fancy-ul ul li .icon-default-style[class^=icon-] {
    font-size: 16px;
    height: 100%;
    line-height: 30px;
    font-weight: bold;
}

/* Mobile Fix */
@media (max-width: 767px) {
	h1 {

    font-size: 52px!important;
	}
}