/*
Theme Name: Salient Child Theme - Adler
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
*/

/* latin */
@font-face {
    font-family: "Architects Daughter";
    font-style: normal;
    font-weight: 400;
    font-display: swap;
    src: url(/wp-content/themes/salient-child/fonts/architects_daughter.woff2)
        format("woff2");
    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA,
        U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212,
        U+2215, U+FEFF, U+FFFD;
}
.container-wrap {
    background-image: url("/wp-content/uploads/2022/02/hintergrund-holz-kachel-dunkel-halb.jpg") !important;
    background-size: 100%;
}
#footer-outer {
    background-image: url("/wp-content/uploads/2022/02/hintergrund-holz-kachel-dunkel-halb-dunkel.jpg") !important;
    background-size: 100%;
}
#footer-outer * {
      color:#fcfcfc !important;
}
#adlerLogo {
    position: fixed;
    top: 0;
    left: 3%;
    z-index: 1000001;
    width: 16%;
    min-width: 100px;
    max-width: 200px;
}
#adlerLogo img {
    width: 100%;
}
.teaserLink a {
    font-size: 30px;
    opacity: 1 !important;
    text-transform: uppercase;
}
#footer-outer .widget {
    margin-bottom: 0 !important;
}

.produkte .flickity-slider .wpb_text_column.wpb_content_element {
    background-image: url(/wp-content/uploads/2023/02/zettel-ecke2-compress.png);
    background-size: 100%;
    width: 70%;
    padding-top: 30%;
    height: 0px;
    position: relative;
    margin-left: 42%;
    margin-top: -34%;
    font-weight: bold;
    line-height: 1.1em;
    font-family: "Architects Daughter";
    font-size: 0.9em;
    pointer-events: none;
}
@media screen and (min-width:1600px) {
  .produkte .flickity-slider .wpb_text_column.wpb_content_element {
    line-height: 1.2em;
    font-size:1.1em;
  }
}
.produkte .flickity-slider .wpb_text_column.wpb_content_element > div {
    position: absolute;
    top: 0;
    color: black;
    padding: 10%;
    transform: rotate(3.5deg);
    pointer-events: none;
}
.produkte .flickity-slider .wpb_text_column.wpb_content_element > div p {
  padding:0;
  padding-right:20px;
}
.produkte .flickity-slider .inner-wrap-outer:hover .wpb_text_column.wpb_content_element > div {
  color:rgb(30, 133, 30) !important;
}
/* kleines Bild unter Produktbeschreibung */
.productImageSmall {
  top: -5em;
  left: 2em;
  z-index: 10;
  width: 270px !important;
  transform: rotate(5deg) !important;
  margin: 0 0 0 auto;
}

.zitate .flickity-slider .wpb_text_column {
  border:5px solid white;
}

.zitate .flickity-slider .wpb_text_column p {
  text-shadow: 0px 0px 2px #000000, 0px 0px 3px #000000, 0px 0px 4px #000000;
}


@media screen and (min-width:1000px) {
  body {
    font-size:18px;
    font-weight:200;
  }
  .zitate .flickity-slider .cell img {
    transform: scale(1.2) !important;
    z-index:1;
  }
  .zitate .flickity-slider .wpb_text_column .wpb_wrapper {
    z-index:2;
    position:relative;
    left:-3em;
    padding:1.5em 0;
  }  
  .zitate .flickity-slider .wpb_content_element p {
    margin-right:-25px !important;
    font-size:90%;
  }
}
h1.vc_custom_heading {
  font-size:3.5em !important;
}
@media screen and (max-width:479.999px) {
  h1.vc_custom_heading {
    font-size:2.1em !important;
    line-height:1.1em;
  }
}
@media screen and (max-width:999.999px) {
  .zitate .flickity-slider .wpb_text_column {
    border-top:0;
    position:relative;
    top:-1em;
  }
}
.drehMich {
    transform: rotate(1deg);
}
.drehMich h1 {
  font-size: 1.5rem;
  line-height: 100%;
}
.bottom_controls {
    display:none;
}

/* everest timeline */
.et-content-outer-wrap {
    display:none !important;
}
.et-timeline-date span {
    background-color:#dd0000 !important;
    color:white !important;
    border-color:#dd0000 !important;
}
.et-timeline-line {
    border-color:#dd0000 !important;
}
.et-image a {
    cursor:default;
    pointer-events:none;
}

/* geschichte */

@media screen and (min-width:1000px) {
  .colRight * {
    text-align:right !important;
  }
}
.colRight p, .colLeft p {
  max-width:400px;
  display:inline-block;
}
.colRight, .colLeft {
  padding-bottom:1em;
}
.colRight p, .colLeft p {
  padding-bottom:5em !important;
}
.colRight strong, .colLeft strong {
  font-size:3em;
}
.colRight em, .colLeft em {
  font-size:2em;
  font-style:normal;
  font-weight:bold;
}
#jobs_bonndorf .colRight em, #jobs_bonndorf .colLeft em, 
#jobs_achern .colRight em, #jobs_achern .colLeft em {
  font-size:1.5em;
  font-style:normal;
  font-weight:normal;
}
#jobs_bonndorf p:after, #jobs_achern p:after {
  content:"..";
}
.colRight a em, .colLeft a em,
.colRight em a, .colLeft em a {
  color:white;
}
.colRight a:hover em, .colLeft a:hover em, 
.colRight em a:hover, .colLeft em a:hover {
  color:#fd7e00;
}
.colRight img, .colLeft img{
  width:180px !important;
}
.colRight img.wider, .colLeft img.wider{
  width:300px !important;
}
@media screen and (min-width:1000px) {
  .colRight {
    padding-right:73px !important;
    background-repeat:repeat-y;
    background-position:right;
    background-size:75px;
    background-image:url(/wp-content/uploads/2022/11/bg-left.png);
  }
  .colLeft {
    padding-left:70px !important;
    background-repeat:repeat-y;
    background-position:left;
    background-size:75px;
    background-image:url(/wp-content/uploads/2022/11/bg-right.png);
  }
}
@media screen and (max-width:999.999px) {
  .colRight, .colLeft {
    padding-left:100px !important;
    background-repeat:repeat-y;
    background-position:left;
    background-size:75px;
    background-image:url(/wp-content/uploads/2022/12/bg-both.png);
  }
  .marginZero {
    position:relative;
    left:-35px;
  }
  #historyFooter img {
    width:75px;
    position:relative;
    left:-5px;
  }
}
.colLeft, .colRight, .marginZero {
  margin:0 !important;
}




/* sprachwechsler */
.wpml-ls-legacy-dropdown a, .wpml-ls-legacy-dropdown a:hover {
    background-color:black !important;
}
.wpml-ls-flag {
    padding:10px 10px 0 10px;
}

/* Rezepte */
@media screen and (min-width:1000px) {
    .rezept {
        position:absolute;
        top:300px;
        left:-250px;
    }
}
.rezept {
    padding:2em;
    width:300px;
    font-weight: bold;
    line-height: 1.3em;
    font-family: "Architects Daughter";
    font-size: 120%;
    background-repeat:repeat-y;
    background-size:contain;
    background-image:url(/wp-content/uploads/2022/03/lochpapier-hintergrund-rezepte.png);
    transform:rotate(-3deg);
}
.rezept p {
    padding-bottom:1em;
}
.rezept a {
    color:rgb(30, 133, 30);
}


/* responsive table (sortiment) */
:root {
    --bg-table-stripe: #333 !important;
    --b-table: #000 !important;
    --caption: #999;
}

table {
    background-color: transparent;
    border-collapse:collapse;
  	font-family: Arial, Helvetica, sans-serif
}

th {
    text-align:left
}

.dcf-txt-center {
      text-align: center!important
    }

    .dcf-txt-left {
      text-align: left!important
    }

    .dcf-txt-right {
      text-align: right!important
    }
    
.dcf-table caption {
      color: var(--caption);
      font-size: 1.13em;
      font-weight: 700;
      padding-bottom: .56rem
    }

    .dcf-table thead {
      font-size: .84em
    }

    .dcf-table tbody {
      border-bottom: 1px solid var(--b-table);
      border-top: 1px solid var(--b-table);
      font-size: .84em
    }

    .dcf-table tfoot {
      font-size: .84em
    }

    .dcf-table td, .dcf-table th {
      padding-right: 1.78em
    }

    .dcf-table-bordered, .dcf-table-bordered td, .dcf-table-bordered th {
      border: 1px solid var(--b-table)
    }

    .dcf-table-bordered td, .dcf-table-bordered th, .dcf-table-striped td, .dcf-table-striped th {
      padding-left: 1em;
      padding-right: 1em
    }

    .dcf-table-bordered tr:not(:last-child), .dcf-table-striped tr:not(:last-child) {
      border-bottom: 1px solid var(--b-table)
    }

    .dcf-table-striped tbody tr:nth-of-type(2n) {
      background-color: var(--bg-table-stripe)
    }

    .dcf-table thead td, .dcf-table thead th {
      padding-bottom: .75em;
      vertical-align: bottom
    }

    .dcf-table tbody td, .dcf-table tbody th, .dcf-table tfoot td, .dcf-table tfoot th {
      padding-top: .75em;
      vertical-align: top
    }

    .dcf-table tbody td, .dcf-table tbody th {
      padding-bottom: .75em
    }

    .dcf-table-bordered thead th {
      padding-top: 1.33em
    }

    .dcf-wrapper-table-scroll {
      overflow-x: auto;
      -webkit-overflow-scrolling: touch;
      left: 50%;
      margin-left: -50vw;
      margin-right: -50vw;
      padding-bottom: 1em;
      position: relative;
      right: 50%;
      width: 100vw
    }

    @media only screen and (max-width:42.09em) {
      .dcf-table-responsive thead {
        clip: rect(0 0 0 0);
        -webkit-clip-path: inset(50%);
        clip-path: inset(50%);
        height: 1px;
        overflow: hidden;
        position: absolute;
        width: 1px;
        white-space: nowrap
      }
      .dcf-table-responsive tr {
        display: block
      }
      .dcf-table-responsive td {
        -webkit-column-gap: 3.16vw;
        -moz-column-gap: 3.16vw;
        column-gap: 3.16vw;
        display: grid;
        grid-template-columns: 1fr 2fr;
        text-align: left!important
      }
      .dcf-table-responsive.dcf-table-bordered, .dcf-table-responsive.dcf-table-bordered thead th {
        border-width: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody td {
        border-top-width: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody tr {
        padding-bottom: .75em
      }
      .dcf-table-responsive:not(.dcf-table-bordered) tbody td {
        padding-bottom: 0
      }
      .dcf-table-responsive:not(.dcf-table-bordered):not(.dcf-table-striped) tbody td {
        padding-right: 0
      }
      .dcf-table-responsive.dcf-table-bordered tbody tr:last-child td:last-child {
        border-bottom-width: 0
      }
      .dcf-table-responsive tbody td:before {
        content: attr(data-label);
        float: left;
        font-weight: 700;
        padding-right: 1.78em
      }
    }

.dcf-overflow-x-auto {
      overflow-x: auto!important;
      -webkit-overflow-scrolling: touch
    }
    
.dcf-w-100\% {
  width: 100%!important;
		}
    
        .dcf-table th, .dcf-table td, .dcf-table tr, .dcf-table {
            border-color:black !important;
            background-color:rgba(0,0,0,0.3) !important;
        }

        .dcf-table td[data-label="Produktbereich"],
        .dcf-table td[data-label="Kurzbeschreibung Deutsch"],
        .dcf-table td[data-label="Kurzbeschreibung Englisch"],
        .dcf-table td[data-label="Kurzbeschreibung Französisch"]
        {
            display:none;
        }
        .dcf-table th:nth-of-type(2),
        .dcf-table th:nth-of-type(12),
        .dcf-table th:nth-of-type(13),
        .dcf-table th:nth-of-type(14)
         {
            display:none;
        }


a.mitPfeil {
  display:inline-block;
  padding-top:1em;
  padding-bottom:1em;
  padding-right:75px;
  background-image: url(/wp-content/uploads/2022/02/Adler_Produkte_Pfeil_klein-compress-2.png);
  background-position: center right;
  background-repeat: no-repeat;
}

/* flickity slider next prev buttons */
.flickity-button:after { display:none !important; }
.nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button svg {
  width:initial;
}
@media screen and (min-width:800px) {
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    right:-69px !important;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    left: -69px !important;
  }
}
@media screen and (max-width:799.999px) {
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.next {
    top:-2em !important;
    right:0 !important;
  }
  .nectar-flickity[data-controls*=arrows_overlaid] .flickity-prev-next-button.previous {
    top:-2em !important;
    left: 0 !important;
  }
}

/* mobiles menü */
#slide-out-widget-area {
  background-color:rgba(0,0,0,0.7);
}
#slide-out-widget-area .menu-item a {
  font-weight:200 !important;
}
h1, h2, h3, p {
  overflow-wrap: break-word;
}

@media screen and (max-width:799.999px) {
  #ggalogo {
    position:relative;
    top:0;
  }
  #biologo {
    position:relative;
    top:1em;
    margin-left:-2em;
  }
  #biologo img {
    width:80px !important;
  }
}

#footer-outer h3 {
  font-size:100% !important;
}
li.wpml-ls-item ul.sub-menu {
  width:150px !important;
}
li.wpml-ls-item ul.sub-menu li {
  float:left !important;
  display:block;
  padding:0 !important;
  margin:0 !important;
  width:50px;
}
html #header-outer #top nav > ul > li:not(.megamenu) ul a:hover, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) .sfHover > a, #header-outer #top nav > ul > li:not(.megamenu) .sfHover > a, #header-outer:not([data-format="left-header"]) #top nav > ul > li:not(.megamenu) ul a:hover {
  background-color: transparent !important;
}
.wpml-ls-item * {
  margin:0 !important;
  padding:0 !important;
}
.wpml-ls-item {
  margin-left:1em !important;
}

.page-id-2434 .colRight em, .page-id-2434 .colLeft em {
  font-style:italic;
  font-size:inherit;
  font-weight:normal;
} 