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

/*-------------------Loading fonts from server instead of Google Fonts----------------------*/
/*-----------------------------------------START--------------------------------------------*/
    /* montserrat-regular - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 400;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
    
    /* montserrat-italic - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: italic;
      font-weight: 400;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-italic.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-italic.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
    
    /* montserrat-500 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 500;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
    
    /* montserrat-600 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 600;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-600.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-600.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
    
    /* montserrat-700 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 700;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
    
    /* montserrat-800 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 800;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-800.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-800.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
    
    /* montserrat-900 - latin */
    @font-face {
      font-family: 'Montserrat';
      font-style: normal;
      font-weight: 900;
      src: url('/wp-content/uploads/fonts/montserrat-v26-latin-900.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
           url('/wp-content/uploads/fonts/montserrat-v26-latin-900.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
    }
/*-------------------Loading fonts from server instead of Google Fonts----------------------*/

/*-------DP: Font für FA Icons, da sonst von Montserrat-Regel blockiert---------------------*/
.fa {
    font-family: FontAwesome !important;
}
/*------------------------------------------END---------------------------------------------*/

/*-------JD210824: changing all fonts to Montserrat START-------*/
*{
    font-family: Montserrat !important;
}
/*
h1, h2, h3, h4, h5, h6, p ,.menu-title-text, #footer-outer{
    font-family: Montserrat;
}
*/
/*-------JD210824: changing all fonts to Montserrat END-------*/


/*-------JD 140824: changing color of standard text elements START-------*/
h1 { color:#ffffff; }
h2 { color:#718399; }
h3 { color:#123055; }
p { color:#123055; }
/*menu styling*/
.menu-title-text { font-weight: bold; }
/*fit copyright footer text in one line*/
@media (min-width: 640px) {
    body #footer-outer #copyright div.container p{width: max-content;}
}
/*-------JD 140824: changing color of standard text elements END-------*/


/*-------JD 140824: rounding corners of large buttons (solid color and see-through) START-------*/
.nectar-button.large.regular.regular-button  {
    border-radius: 30px !important;
}
@media (max-width: 690px) {
.nectar-button.large.regular.regular-button  {
	margin-left: 10px !important;
}
}

.nectar-button.large.see-through.accent-color {
    border-radius: 30px !important;
    font-weight: 800;
    border: 4px solid rgba(255,255,255,.75);
    padding-left: 30px;
    padding-right: 30px;
}
/*-------JD 140824: rounding corners of jumbo buttons END-------*/

/*-------JD 140824: rounding corners of jumbo buttons START-------*/
.nectar-button.jumbo.regular.regular-button  {
    border-radius: 40px !important;
    color: red;
}
/*-------JD 140824: rounding corners of jumbo buttons END-------*/

/*-------JD 071024: Pullout Sticky Sidebar centering icons START-------*/
/*Instagram*/
@media screen and (min-width: 800px) {
    .f12-floating-menu li.f12-floating-menu-162 a[href="https://www.instagram.com/eraelektrotechnik/"]{
        margin: 3px 10px -3px 5px;
    }
}
@media screen and (max-width: 800px) {
    .f12-floating-menu {
        display:none;
    }
}
/*Formular*/
@media screen and (min-width: 800px) {
    .f12-floating-menu li.f12-floating-menu-162 a[href*="formular"]{
        margin: 0px 0px -3px 7px;
    }
}
/*-------JD 071024: Pullout Sticky Sidebar centering icons END-------*/

/* Benefits & Co. Hover mit kräftigerem Hintergrund für bessere Lesbarkeit */
.nectar-fancy-box[data-style="hover_desc"][data-color="accent-color"] .box-bg::after{
background:linear-gradient(to bottom,rgba(0,0,0,0),rgba(18,48,85,0.95) 40%)
}
/*------------------------------------------------------------------------*/

/*-------TD 121026: Responsive-Optimierung START-------*/
/* Lange Wörter in Überschriften auf Tablet und Mobil trennen statt abschneiden */
@media screen and (max-width: 999px) {
    h1, h2, h3, h4, h5, h6 {
        overflow-wrap: break-word;
        -webkit-hyphens: auto;
        hyphens: auto;
        hyphenate-limit-chars: 8 4 4;
    }
}

/* Lange URLs im Fließtext (z. B. Datenschutz) umbrechen */
.wpb_text_column a {
    overflow-wrap: anywhere;
}

/* Jobs-Übersicht (/jobs/): pauschalen Salient-Einzug von 95px aufheben */
.post-type-archive-jobs .masonry-blog-item .post-content {
    padding-left: 0;
}
body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item .article-content-wrap {
    padding-left: 30px;
    padding-right: 30px;
}
body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item h3.title {
    overflow-wrap: break-word;
    -webkit-hyphens: auto;
    hyphens: auto;
    hyphenate-limit-chars: 8 4 4;
}
@media screen and (max-width: 690px) {
    body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item h3.title {
        font-size: 22px;
        line-height: 1.25;
    }
}

/* Nebeneinanderliegende Buttons: Einzug entfernen, wenn sie auf Mobil untereinander stehen */
@media screen and (max-width: 690px) {
    /* WPBakery setzt den Abstand als Inline-Style, daher !important */
    .wpb_wrapper > .nectar-button + .nectar-button {
        margin-left: 0 !important;
    }
}
/* Kontaktzeilen mit Icon (Standortseiten, Geschäftsleitung & Vertrieb):
   seitenspezifisches WPBakery-CSS setzt unter 1001px white-space: nowrap,
   dadurch werden Adresse, E-Mail und Funktion rechts abgeschnitten */
@media screen and (max-width: 1000px) {
    .vc_row.hr-contact-icon-text-container {
        white-space: normal;
    }
    /* Textspalte neben dem Icon den verfügbaren Platz nutzen lassen,
       sonst brechen Telefonnummern am Bindestrich um */
    .vc_row.hr-contact-icon-text-container > .row_col_wrap_12_inner {
        width: 100%;
    }
    .vc_row.hr-contact-icon-text-container .wpb_column:last-child {
        flex: 1 1 0;
        width: auto;
        max-width: none;
        min-width: 0;
    }
    .vc_row.hr-contact-icon-text-container .hr-contact-text {
        min-width: 0;
        overflow-wrap: break-word;
    }
}
/* Benefit-Kacheln (2 Spalten): Zwischenüberschriften verkleinern, damit lange Wörter ohne Notumbruch passen */
@media (max-width: 480px) {
  h3.td-tile-h3, h3.td-tile-h3 span { font-size: 20px !important; line-height: 1.2 !important; }
}

/* Jobs-Übersicht 691–1300 px: drei schmale Spalten, Titel kleiner damit lange Wörter ohne Notumbruch passen */
@media (min-width: 691px) and (max-width: 1300px) {
  body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item h3.title { font-size: 19px !important; line-height: 1.25 !important; }
  body.post-type-archive-jobs .masonry-blog-item .article-content-wrap { padding-left: 20px !important; padding-right: 20px !important; }
}
@media (min-width: 691px) and (max-width: 1100px) {
  body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item h3.title { font-size: 18px !important; }
}
@media (min-width: 1301px) and (max-width: 1699px) {
  body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item h3.title { font-size: 22px !important; line-height: 1.25 !important; }
}
@media (min-width: 1700px) {
  body.post-type-archive-jobs .masonry.classic_enhanced .masonry-blog-item h3.title { font-size: 24px !important; line-height: 1.25 !important; }
}


/* Mobil-Feinschliff Startseite (iPhone-Test 14.10.): Zeilenhöhen, Buttons, Standort-Zeilen */
@media (max-width: 690px) {
  /* Fließtext: 1,8 war auf Mobil zu luftig */
  .wpb_text_column p, .wpb_text_column li { line-height: 1.55; }
  /* Split-Überschriften (z. B. WIR SIND ERA): Zeilenhöhe in vw war kleiner als die Schrift, Zeilen überlappten */
  .nectar-split-heading, .nectar-split-heading h1, .nectar-split-heading h2, .nectar-split-heading h3 { line-height: 1.15 !important; }
  /* Eigene Überschriften mit inline line-height:1 */
  p.vc_custom_heading { line-height: 1.2 !important; }
  /* Buttons: gleiche linke Kante, gleichmäßiger Abstand untereinander */
  .wpb_wrapper > .nectar-button { margin-left: 0 !important; margin-right: 12px !important; margin-bottom: 12px !important; }
}

/* Seite Unternehmen: Textblöcke „Unsere Standorte“ und „Referenzen“ hatten 200 px Innenabstand links/rechts (WPBakery, nur Desktop gedacht) → auf Tablet/Mobil auf 5 % begrenzt */
@media (max-width: 999px) {
  .wpb_text_column.vc_custom_1788943610305, .wpb_text_column.vc_custom_1788174579520 { padding-left: 5% !important; padding-right: 5% !important; }
}

/* Standort-Zeilen (Titel links, Pfeil rechts) auch auf Tablet (bis 999 px) nebeneinander statt untereinander */
@media (max-width: 999px) {
  .row_col_wrap_12_inner:has(> .vc_col-sm-8 + .vc_col-sm-4 .nectar_icon_wrap) { flex-wrap: nowrap !important; align-items: center; }
  .row_col_wrap_12_inner:has(> .vc_col-sm-8 + .vc_col-sm-4 .nectar_icon_wrap) > .vc_col-sm-8 { flex: 1 1 0; width: auto !important; min-width: 0; margin-bottom: 0 !important; }
  .row_col_wrap_12_inner:has(> .vc_col-sm-8 + .vc_col-sm-4 .nectar_icon_wrap) > .vc_col-sm-4 { flex: 0 0 auto; width: auto !important; }
}

/* Icons (Bildelemente 100/113 px breit angelegt, werden in 150/113 px Originalgröße ausgegeben) auf Tablet/Smartphone verkleinern */
@media (max-width: 999px) {
  img.img-with-animation[width="100"], img.img-with-animation[width="113"] { width: 60px !important; max-width: 60px !important; height: auto !important; }
}
@media (max-width: 690px) {
  img.img-with-animation[width="100"], img.img-with-animation[width="113"] { width: 60px !important; max-width: 60px !important; }
}

/* TD 271026b: Kontaktblock „Noch Fragen?“ (Zeile mit CSS-Klasse kontakt-hr) – 1000 bis 1199 px wie Tablet (Personen untereinander, zentriert). Gilt nur für .kontakt-hr, nicht global. */
@media (min-width: 1000px) and (max-width: 1199px) {
  .kontakt-hr > .row_col_wrap_12 > .wpb_column { width: 100% !important; }
  .kontakt-hr > .row_col_wrap_12 > .vc_col-sm-1 { display: none !important; }
  .kontakt-hr .wpb_column { transform: none !important; }
  body .kontakt-hr .wpb_column.force-tablet-text-align-center, body .kontakt-hr .wpb_column.force-tablet-text-align-center .col, body .kontakt-hr .wpb_column.force-tablet-text-align-center .vc_custom_heading { text-align: center !important; }
  .kontakt-hr > .row_col_wrap_12 > .bottom_margin_tablet_1em { margin-bottom: 1em !important; }
  .kontakt-hr > .row_col_wrap_12 > .bottom_margin_tablet_5em { margin-bottom: 5em !important; }
  .kontakt-hr .wpb_column .vc_row.inner_row { max-width: 745px; margin-left: auto; margin-right: auto; }
}

/* TD 271026: Lehre Elektrotechniker*in – Icons unter „Dein Lehrlingseinkommen“ von der globalen Icon-Verkleinerung ausnehmen (nur diese Seite, nur diese 4 Icons) */
@media (max-width: 999px) {
  body.page-id-1891 img.img-with-animation[width="100"][src*="Lehrlingseinkommen"] { width: 100px !important; max-width: 100% !important; height: auto !important; }
}

/* TD 191026: Tablet – schmale Textspalten (right_padding_tablet_33vw) auf voller Breite */
@media (min-width: 691px) and (max-width: 999px) {
  .vc_column_container.right_padding_tablet_33vw > .vc_column-inner { padding-right: 0 !important; }
}

/* TD 201026: Ansprechpartner-Akkordeon (Smartphone) – Foto groß über dem Namen, Text in voller Breite */
@media (max-width: 690px) {
  .toggles .row_col_wrap_12_inner:has(> .vc_col-xs-3 .nectar-circle-images) > .wpb_column { width: 100% !important; flex: 0 0 100% !important; }
  .toggles .row_col_wrap_12_inner:has(> .vc_col-xs-3 .nectar-circle-images) > .vc_col-xs-3 { margin-bottom: 8px !important; padding-left: 0 !important; padding-right: 0 !important; }
  .toggles .nectar-circle-images__inner { justify-content: flex-start !important; }
  .toggles .nectar-circle-images .nectar-circle-images__item { width: 166px !important; height: 166px !important; }
}

/*-------TD 121026: Responsive-Optimierung END-------*/

/*-------TD 131026: Intranet START-------*/
/* Bildergalerie in den grauen Meldungskarten (Seite Intranet): Salient gibt den
   Galerie-Kacheln einen weißen Hintergrund, der in der Karte als Rahmen wirkt */
.intranet-meldung .portfolio-items .col.element {
    background-color: transparent !important;
}
/* TD 271026: Steckbrief "Neuer Mitarbeiter" – je Absatz kleine Feldbezeichnung über dem Wert */
.intranet-steckbrief p {
    margin: 0;
    padding: 8px 0;
    border-bottom: 1px solid #d9dee4;
}
.intranet-steckbrief p small {
    display: block;
    font-size: 11px;
    line-height: 1.4;
    text-transform: uppercase;
    letter-spacing: .05em;
    color: #718399;
}
.intranet-steckbrief p strong {
    color: #123055;
}
.intranet-steckbrief p.intranet-willkommen {
    border-bottom: 0;
    padding-top: 16px;
    font-size: 22px;
    font-style: italic;
    color: #123055;
}
/*-------TD 131026: Intranet END-------*/