/*
Theme Name:     Outlog/23
Template: neve
Author:         Lars B. Misch
Version:        23.10.17
Text Domain:    neve
*/


:root, html {
    --fa-primary-color: var(--nv-primary-accent);

    --lbm-element-spacer: 8em;
    --lbm-cover-min-height: 67vh;

    --lbm-outlog-bg-gradient: linear-gradient(0deg,rgba(255,255,255,0.88) 10%,rgba(255,255,255,0) 57%);


}

.abnachhinten {
    align-self: flex-end!important;
}
.outlog-spacer {
    height: var(--lbm-element-spacer)!important;
}

/* BUGFIX für Custom Layout Projekte */
@media (min-width: 960px) {
    body.single-projekt > div.wrapper > div.nv-post-cover .nv-title-meta-wrap {
        align-self: flex-end!important;
        line-height: 1;
    }
}

    body.single-projekt > div.wrapper > div.nv-post-cover .nv-title-meta-wrap {
        align-self: flex-end!important;
        line-height: 1;
    }

.has-outlog-hero-gradient-background,
body.single-projekt > div.wrapper > div.nv-post-cover > div.nv-overlay {
    background: var(--lbm-outlog-bg-gradient);
    mix-blend-mode: normal;
    opacity: 1;
}

.outlog-cover-title-margin {
    margin-left: 3.3em;
    margin-bottom: 2em;
}


.hideme,
a.wp-block-post-excerpt__more-link {
    display: none;
    visibility: hidden;
}

b, strong {
    font-weight: 500!important;
}

/* Neve Hacks labemi */

a {
    cursor: pointer !important;
    text-decoration-style: solid;
    text-decoration-color: #f9f9f9;
}

div.entry-content p:not(.notextdecoration) a {
    text-decoration: underline;
    text-decoration-color: var(--nv-text-color);
    text-underline-offset: 0.2em;
}

article.layout-grid .article-content-col-LBMDISABLED {
    padding-top:  0px;
}

article.layout-grid .nv-post-thumbnail-wrap {
    margin-top: calc(0px - var(--padding));
}

h3.wp-block-post-title {
    margin-top:0.8em;
    margin-bottom:0.8em;
}

figcaption {
    font-size:  0.84em;
    line-height:  1.2;
}
disabled.nv-single-post-wrap>div:first-child {
    margin-top:  0;
}


.nv-tags-list a {
    font-weight: 500;
}


.labemi-featurebox {

}

.labemi-featurebox h3,
.labemi-featurebox h4,
.labemi-featurebox h5,
#hauptdienstleistungen p > a,
#hauptdienstleistungen h3 > a  {
    color:  var(--custom-1) !important;
    text-align: center;
}
svg[prefix="fasl"] {
    fill:  var(--custom-1) !important;
}
.oulog-icon-color a {
    color:  var(--custom-1) !important;
}

.outlog-icon {
    padding-left:1em;
    padding-right:2em;
    padding-top:0.4em;
    /* margin-right:8em; */
}
.hide-on-desktop .outlog-icon {
    padding-left:0;
    padding-right:0;
    padding-top:0;
}

.labemi-featurebox h3,
.labemi-featurebox h4 {
    margin-top: -0.5em;
    font-size: 1.4em;
}

.labemi-featurebox p {
    color:  var(--nv-text-color);
    text-align: center;
    font-size: 0.925em;
}

.outlog-project-coverlabel {
    opacity: 0.8 !important;
    text-shadow: -1px -1px 1px rgba(255,255,255,.1), 1px 1px 1px rgba(0,0,0,.5), 2px 1px 4px rgba(0,0,0,0.61);
   /*  padding: 0.5em !important; */
    margin:  1em !important;
    background-color: rgb(33,32,35);
}

.projectidadminfield .rwmb-text, #lbm-projektnummer.rwmb-text {
    /* font-size: 24px !important; */
}


.wp-block-gallery-outlog {
    --wp--style--unstable-gallery-gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
    gap: var( --wp--style--gallery-gap-default, var( --gallery-block--gutter-size, var( --wp--style--block-gap, 0.5em ) ) );
}
.wp-container-outlog { display: flex;gap: 0.5em;flex-wrap: wrap;align-items: center; }
.wp-container-outlog > * { margin: 0; }

#team-philosophie {
    text-align: justify;
}
#team-philosophie p {
    font-size: 1em;
}

span.outlog-milestone-title {
    font-size:0.9em;
}

div#projektcover.wp-block-cover {
    margin-top:unset;
}



/* MENU */
.nav-ul ul.sub-menu > li.menu-item-noshadow > ul.sub-menu {
    box-shadow: none!important;
}


/* LAYOUT */
div.wp-block-spacer {
    height: var(--lbm-element-spacer);
}
:where(.wp-block-columns.is-layout-flex) {
    gap: var(--lbm-element-spacer);
}
div#leistungen {
    --lbm-element-spacer:4em;

}
div#leistungen :where(.wp-block-columns) {
margin-bottom: 0;
}


/* HERO/COVER */
div#outlog-cover,
body.single-projekt > div.wrapper > div.nv-post-cover {
    min-height: var(--lbm-cover-min-height);
}

/* MEDIA QUERIES */

/* Tablet und Mobile */
@media (max-width: 959px) {

    body:not(.home) div#outlog-cover h1 {
             margin-left:0.5em;
    }
    body.home div#outlog-cover h1 {
        text-align: center!important;
    }

}

@media (max-width: 575px) {
    :root, html {
        --lbm-element-spacer: 3em;
        --lbm-cover-min-height: 40vh;
    }



    div#outlog-cover > div.wp-block-cover__inner-container > div.wp-block-group.is-vertical.is-layout-flex.wp-block-group-is-layout-flex {
        gap:unset;
    }

    div#leistungen {
        --lbm-element-spacer:2em;
    }
    div#leistungen :where(.wp-block-columns) {
        margin-bottom: var(--lbm-element-spacer);
    }
    body.home .nv-content-wrap li.wp-block-post.post.type-post {
        border: none!important;
    }
}

.lbm-float-right {
    position: absolute!important;
right: 10px!important;
}

@media (min-width:960px) {
    /* .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col:not(:last-child) {
    border-right: 1px solid currentColor;
    } */
    .header--row .nv-nav-wrap .primary-menu-ul .neve-mega-menu .neve-mm-col:first-child {
    border-right: none!important;
    }
}


.neve-mm-heading > .wrap > span {
    font-weight: 500;
    font-size: 1.3em;
    display: flex;
    align-items:center;
    padding-left: 0px!important;
}

.neve-mm-col > ul.sub-menu > li:not(.neve-mm-heading) > .wrap > a,
.neve-mm-col > ul.sub-menu > li:not(.neve-mm-heading) > p {
    padding-left: 0.9em;
}

div.wp-block-post-date {
    margin-top:1em;
}


/* WPFORMS */
div.wpforms-container-full {
    margin-top: 0;
}
div.wpforms-container-full .wpforms-confirmation-container-full,
div[submit-success]>.wpforms-confirmation-container-full:not(.wpforms-redirection-message) {
    background: var(--nv-site-bg);
    border: 1px solid var(--nv-primary-accent);
    box-sizing: border-box;
}

/* KONTAKTBOXEN Lars */

#lbm-quicklinks-section {
  font-size:0.9em;
}
#lbm-quicklinks-section h3 {
  margin-bottom: 1.2rem;
}
#lbm-quicklinks-section h5 {
  margin-bottom:0.4em;
}
#lbm-quicklinks-section p {
  margin-bottom:0.2em;
  font-size:0.95em;
}

.lbm-contact-box {
  /* box-shadow: var(--lbm-shadow-e-1); */
  background-color: var(--nv-site-bg)!important;
  transition: all .3s;
  cursor: pointer;
  border:2px solid var(--nv-primary-accent)!important;
  border-radius: unset!important;
  color: var(--nv-text-color)!important;
  /* position: relative; */
}
.lbm-contact-box:hover {
  /* box-shadow: var(--lbm-shadow-e-2); */
  transform: scale(1.05);
}

.lbm-contact-box a.lbm-container-is-link {
  position:absolute;
  width:100%;
  height:100%;
  top:0;
  left: 0;
  z-index: 11;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAQAAAC1HAwCAAAAC0lEQVR42mNkYAAAAAYAAjCB0C8AAAAASUVORK5CYII=);
}
/*
.outlog-contrib-box {
    width: 40%;
} */

body.post-type-archive-projekt div.content img.wp-post-image {
    aspect-ratio: 16/9;
    object-fit: cover;
}

/*  Inhaltsverzeichnisse/Table of contents */
aside#toc {
  font-size:0.9em;
  padding:2em;
  width: fit-content;
  max-width: 94%;
  border:1px solid rgba(0, 0, 0, 0.1);
  margin-bottom:4em;
}
aside#toc  p {
  margin-bottom: 1em;
}
aside#toc ul, aside#toc ol, aside#toc li {
  margin:0;
}
aside#toc ul, aside#toc ol{
  padding-left:0.1rem;
}
aside#toc li {
  list-style-type:none;
  line-height: 1.8;
}
aside#toc ul > li > ul,
aside#toc ol > li > ol,
aside#toc ul > li > ol,
aside#toc ol > li > ul
 {
  font-size:0.9em;
  padding-left:1rem;
}


th {
    font-weight:500;
}
.excerpt-wrap ol,
.excerpt-wrap ul,
.nv-content-wrap ol,
.nv-content-wrap ul {
  margin-left:2rem;
  margin-right:2rem;
}

.nv-content-wrap div.wp-block-query ol,
.nv-content-wrap div.wp-block-query ul {
  margin-left:0.1rem;
  margin-right:0.1rem;
}

article.post.type-post section#pv-projekte div.outlog-related-project h3 > a,
article.post.type-post section#pv-projekte div.outlog-related-project p {
    font-size:0.74em!important;
}
article.post.type-post section#pv-projekte div.outlog-related-project h3 {
    margin-top:0.1em; margin-bottom:0.1em;
}



/* Blog-Artikel: Titel direkt unter Coverbild */
.nv-single-post-wrap > div.nv-thumb-wrap {
    margin-bottom: 0.6rem;
}

/* Blog: Trennzeichen Metadaten halbtransparent */
.nv-meta-list li.meta:not(:last-child):after {
    opacity: 0.2;
}

.top1emmargin {
    margin-top:1em!important;
}