/*
Theme Name:  Fluxus Child Theme
Theme URI:   https://themeforest.net/item/fluxus-portfolio-theme-for-photographers/3854385
Author:      inTheme
Version:     1.6.1
Author URI:  https://inthe.me/
Description: Child Theme for Fluxus Wordpress Theme
Template:    fluxus
Text Domain: fluxus
*/

body.home .content-box.content-box--effect-slide.content-box--text-light .content-box__contents {
  text-shadow: 1px -1px 10px #111116;
}

.captioned-media__caption {
  max-height: unset!important; /*stabil?*/
}
header.entry-header {
  margin-top: 40px;
}

.site-navigation a {
  font-size: 16px;
  color: #111116;
}

/*.textwidget grössere font?*/

/*ausnahme damit vertikal bild schön mit active "gallery" aligned - zufall weil dies der erste menupunkt ist */
@media screen and (min-width: 768px) {
  body.page-id-14 .site--has-sidebar .site-content,
  body.single-fluxus_portfolio .site--has-sidebar .site-content {
    padding-left: 22px;
  }
}
@media screen and (max-width: 768px) {
  .sidebar.sidebar-portfolio-single {
    margin-top: 40px;
  }

/*  theme-dev scheint so fan von der sidebar zu sein, dass angenommen wird, es habe garantiert immer ein widget oder sowas drin
  auf desktop passt der graue strich, aber mobil das leere kästli nervt
  deshalb einfach ausbeblendet
  SV: Hallo :) Sicher mal wieder hier in der Zukunft und genervt mit WOO IST DIE SIDEBAR WARUM SEHE ICH DORT NIX? :)*/
  .sidebar.sidebar-general {
    display: none;
  }
}

body,
button,
input,
select,
textarea {
  /*font-family: "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;*/
  font-family: garamond-premier-pro-caption, serif;
  font-weight: 400;
  color: #111116;
  font-size: 16px;
  font-size: 1.6rem;
  line-height: 1.5;
}

.page-title,
.entry-title,
.sidebar .title {
  /*font: 700 24px "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;*/
  font: 700 24px palatino-linotype, sans-serif;
  line-height: 1;
  text-transform: uppercase;
  letter-spacing: 0.04em;
  word-wrap: break-word;
}

.grid-project__preview {
  background-position: center top;
}


/*folgend geht es drum: pp_start ist ein meta-feld, wo im portfolio definiert wird, ab welchem galerie-bild die anzeige "passepartout" aktiviert sein soll
SV wollte das dynamisch mache via php hook oder data attribute - aber erscheint so pragmatischer
*/
body.pp_start--2 #content article.js-portfolio-single figure:nth-of-type(n+2) .aspect__media::before,
body.pp_start--3 #content article.js-portfolio-single figure:nth-of-type(n+3) .aspect__media::before,
body.pp_start--4 #content article.js-portfolio-single figure:nth-of-type(n+4) .aspect__media::before,
body.pp_start--5 #content article.js-portfolio-single figure:nth-of-type(n+5) .aspect__media::before,
body.pp_start--6 #content article.js-portfolio-single figure:nth-of-type(n+6) .aspect__media::before,
body.pp_start--7 #content article.js-portfolio-single figure:nth-of-type(n+7) .aspect__media::before,
body.pp_start--8 #content article.js-portfolio-single figure:nth-of-type(n+8) .aspect__media::before,
body.pp_start--9 #content article.js-portfolio-single figure:nth-of-type(n+9) .aspect__media::before
{
  content: "";
  position: absolute;
  top: 0px;
  left: 0px;
  right: -1px;
  bottom: 0px;
  border: 10px;
  border-right-width: 11px;
  /*border-color: #f80ff86e;*/
  pointer-events: none;
  /*border-style: inset;*/
  border-style: dashed;
  border-color: #FFFFFF;
}

 .js-portfolio-single .horizontal-navigation {
  justify-content: end;
   @media screen and (min-width: 768px) {
     padding-bottom: 40px;
     box-shadow: none;
   }
 }

 /*lightbox gallery auf der seite /sketchbook/ hat spezial abstand aussen*/
.page-id-257 {
  .fluxus-lightbox {
    background-color: #FFF;
  }
  .fluxus-lightbox__content {
    transform: scale(0.85);
  }

  .fluxus-lightbox__media--loaded::after {
    content: attr(data-caption);
    color: #333;
    position: absolute;
    text-align: left;
    left: 15px;
    bottom: 0;
    right: 0;
    font: 300 16px/1.8em "Lato", "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, arial, sans-serif;
  }

}


@media screen and (min-width: 768px) {
  .page-id-257 .fluxus-lightbox__media--loaded::after  {
    text-align: center;
    left: 0;
    bottom: -50px;
  }
}