/*
Theme Name: Bildschmiede
Theme URI: https://btsa.de/wp_themes/bildschmiede
Author: BTSA
Author URI: http://btsa.de/
Description: Theme for bildschmie.de
Version: 0.7.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl.html
Tags: translation-ready
Text Domain: bildschmiede
*/
/*
@import url('https://fonts.googleapis.com/css2?family=Lexend+Deca:wght@100..900&family=Lexend:wght@100..900&display=swap');
*/

@import url('assets/fonts/Lexend_Deca/stylesheet.css');

html, body {
  font-family: "Lexend Deca", sans-serif;
  font-optical-sizing: auto;
  font-weight: 200;
  font-style: normal;
}
/*
body{
    background-color: #2b2b2b;
    color: #eee;
}
*/
img {
    max-width: 100%;
}
a[rel=bookmark],
a[rel=prev], 
a[rel=next]
{ 
    color: inherit;
}

.navbar-dark, .navbar[data-bs-theme="dark"], [data-bs-theme="dark"] .navbar-toggler-icon {
  --bs-navbar-toggler-icon-bg: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3E%3Cpath stroke='rgba(255, 255, 255, 0.7)' stroke-linecap='butt' stroke-miterlimit='10' stroke-width='2.5' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}
.navbar-toggler:focus {
  box-shadow: none;
}
.navbar .navbar-nav {
    text-align: center;
}
.navbar-brand  { 
    opacity: .5;
}

.navbar-brand .logo { 
    max-height: 2em; 
}
.navbar .page-name,
.offcanvas .page-name
{
    font-size: .7em;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase;
    line-height: 1;
}

.offcanvas .logo{ 
    max-height: 4em; 
}
.offcanvas .nav-link
{
    font-weight: 700;
    text-transform: uppercase;
}


.page-wrapper.bg-fs
{
    min-height: 100vh;
    display: flex;
    flex-flow: column nowrap;
    align-items: center;
    justify-content: space-between;
}    
.admin-bar .page-wrapper.bg-fs {
	min-height: calc(100vh - 32px);    
}

.page-wrapper.bg-img
{
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: center center;
    background-size: cover;
    color: #fff;
    text-transform: uppercase;
}
.page-wrapper.bg-front >* {
    flex-basis: 30vh;
    flex-shrink: 0;
}
.front-header { 
    text-align: center; 
}
.front-header .logo {
    max-width: 12.2em;
    margin-bottom: .5em;
}
.front-header .page-title {
    font-weight: 800;
}
.nav.front-nav {
    margin-top: 10vh;
}
.front-nav .nav-link {
    background-color: rgba(255,255,255,.2);
    color: #fff;
    font-size: 1.4em;
    font-weight: 800;
    letter-spacing: .01em;
    margin: 3px;
    padding: .3em 1em;
}
.page-wrapper.bg-img .navbar-brand *,
.page-wrapper.bg-img .navbar .page-name
{ display: none; }


.archive-header
{
    padding: 1em 0 2em 0;
    text-transform: uppercase;
    text-align: center;
}
.archive-header .page-title {
    font-size: 1.2em;
    font-weight: 700;
    letter-spacing: .6em;
    padding-left: .6em;
    color: #959595;
}

.entry-header {
    margin: 2em 0;
    letter-spacing: .4em;
}
.entry-header .entry-terms { text-transform: uppercase; }
.entry-header .entry-title {
    font-size: 2em;
    font-weight: 200;
    margin: .5em 0 1em 0;
}
.entry-content p
{
    hyphens: auto;
    text-align: justify;
}


.page-footer .post-navigation .nav-links {
    display: flex;
    justify-content: space-between;
    margin: .5em 1em;
}
.page-footer .post-navigation .nav-links .nav-next {
    text-align: right;
}
.page-footer .post-navigation .nav-links >:only-child {
    width: 100%;
}

.grid.masonry .grid-item { display: block; width: 100%; padding: 1px;}
.grid.masonry .grid-item img { width:100%; height: auto;}

.grid-item .entry-title {
    position: absolute;
    top: calc(50% - 1em);
    left: 0;
    right: 0;
    margin: 0 2em;
    text-align: center;
    background-color: rgba(255, 255, 255, .9);
    color: #333;
    padding: .5em 1em;
    font-size: .7em;
    font-weight: 700;
    letter-spacing: .3em;
    text-transform: uppercase;
    
    transition: all 0.5s;
    opacity: 0;
}
.grid-item:hover .entry-title {
    opacity: 1;
    padding-top: 2em;
    padding-bottom: 2em;
    top: calc(50% - 2.5em);
}

@media only screen and (min-width: 768px) {
    .grid.masonry .grid-item { width:50%; }
    .archive-header { padding: 0 0 3.5em 0; }
}
@media only screen and (min-width: 960px) {
    .grid.masonry .grid-item { width:33.3%; }
}
@media only screen and (min-width: 1400px) {
    .grid.masonry .grid-item { width:25%; }
    .nav-links >* {
        position: fixed;
        top: 50%;
        margin: -2em 2em 0 2em;
        left: 0;
        max-width: calc((100vw - 800px)/2);
    }
    .nav-links >.nav-next {
        left: auto;
        right: 0;
    }
    .nav-links a {
        display: flex;
        flex-flow: row nowrap;
        align-items: center;
        opacity: 50%;
    }
    .nav-links a:hover {
         opacity: 100%;
    }
    .nav-links >.nav-next a {
        justify-content: end;
    }
    .nav-links .fa {
        font-size: 3em;
    }
    .nav-links .lbl {
        display: none;
    }
}