/*!
Theme Name: daxgax child
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Template: daxgax
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: daxgaxchild
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready
*/

/*--------------------------------------------------------------
## DAX_Test sept 2021
--------------------------------------------------------------*/

body {
	color: black;
    font-family: 'Roboto Condensed', sans-serif;
    font-size: 18px;
}

.page {
	margin: 0;
}

body.page .post-thumbnail {
   /*  margin: 1.5em 0 -1.5em; bildraender  STITCH */
}

.site-branding {
    text-align: center;
    float: left;
	margin: 30px 0 0 0;
}

p.site-title {
    margin: 0 !important;
}

.menu-top_gux-container {
    text-align: center;
}

header#masthead {
	letter-spacing: 0.5px;
    margin: 0 auto;
    padding: 0 20px;
    font-weight: bold;
}

@media screen and (min-width: 500px) {
header#masthead {
    padding: 0 20px;
    background: yellowgreen;
    background: white;

}
}

@media screen and (min-width: 700px) {
header#masthead {
    padding: 0 30px;
    background: green;
    background: white;
}
}

@media screen and (min-width: 960px) {
header#masthead {
	margin: 0 auto;
    max-width: 1140px;
    width: 90%;
    padding: 0;
}
}

/* content  M - first */
#content {
  margin: 0 auto;
    padding: 0 30px;
	background: green;
  	background: white;
}


#content {
  margin: 0 auto;
    padding: 0 20px;
	background: blue;
  background: white; /*     ----------------    !!!! YEAH */
}


@media screen and (min-width: 501px) {
#content {
    padding: 0 20px;
	background: yellow;
    background: white;
}
}

@media screen and (min-width: 700px) {
#content {
    padding: 0 30px;
	background: blue;
    background: white;
}
}

/* single-werke content  M - first */

@media screen and (min-width: 501px) {
body.single-werke #content {
    padding: 0 20px;
	background: red;
    background: white;
}
}


@media screen and (min-width: 700px) {
body.single-werke #content {
    padding: 0 30px;
	background: orange;
    background: white;
}
}

@media screen and (min-width: 960px) {
#content, body.single-werke #content {
    max-width: 1140px;
    width: 90%;
  	background: yellow;
  	background: white;
  	padding: 0;
}
}

@media screen and (min-width: 501px) {
.post-thumbnail {
    padding: 0 0px;
    /* background: red; */
}
}



@media screen and (min-width: 700px) {
.post-thumbnail {
    padding: 0 0px;
}
}


@media screen and (min-width: 960px) {
.post-thumbnail {
    padding: 0;
}
}

article {
	padding: 0;
}

p {
    margin-bottom: 0;
}

p:last-child {
    margin-bottom: 1.5em;
}

ul {
    margin: 0;
}

h1, h2 {
    display: none;
}

h1.entry-title {
	display: none;
}

h2 {
    font-size: 20px;
    letter-spacing: 1px;
    font-weight: normal;
}

.entrymeta {
    display: none;
}

.entry-content {
    padding: 0;
    max-width: 700px;
    text-align: left;
}

/* L I N K S */

a, a:visited {
	color: #7f7f7f;
    text-decoration: none;
    border-bottom: 1px solid;
    padding-bottom: 2px;
}

a:hover {
	color: black;
	border-bottom: 2px solid;
}

.site-title a {
	color: black !important;
	border-bottom: none;
	text-decoration: none;
}

.site-title a:hover {
    text-decoration: none;
}


/* N A V */

.main-navigation {
    clear: none;
    display: block;
    float: right;
    width: auto;
	margin-top: 30px;
}

.main-navigation li {
	float: none;
	position: relative;
    padding: 10px 0 10px 15px;
    display: inline;
}

/* N A V - L I N K S */
.main-navigation a {
    display: inline-block;
    border-bottom: none;
    text-decoration: none;
    line-height: 17px;
    color: #7f7f7f; /* grau */
}

.main-navigation a:hover {
    color: black; /* #aa03c6; violet */
    border-bottom: 2px solid;
    padding: 0 0 3px;
    text-decoration: none;
}

.current-menu-item a {
    color: black;
    border-bottom: 2px solid;
    padding: 0 0 3px;
}

@media screen and (max-width: 37.5em) {
.current-menu-item a {
    /* color: #e4021c; */
}
}

/*  RESPONSIVE - Menu */


@media screen and (min-width: 31.25em) {/* 37.5em 600px */
.menu-toggle {
    display: none;
}
}

@media screen and (max-width: 31.25em) { /*  500px   37.5em  ---   677px */
.main-navigation.toggled li {
	background: white; /* neu juni 20 */
    padding: 20px 12px;
    border-bottom: 	1px dashed white;
    float: none;
    display: block;
}

 /* neu juni 20
.main-navigation.toggled li a {
    color: white !important;
} */
}

button:focus {
	outline:0;
	}

button.menu-toggle {
    background: none;
    border: 0;
    cursor: pointer;
    position: fixed;
    top: 29px;
    right: 20px;
    /* line-height: 0; */
    font-size: 0px;
    z-index: 1;
}

button#toggleButton {
border: 0;
    border-radius: 0px;
    background: white;
    padding: 9px;
    margin: -10px;
    font-size: 0;
}

#site-navigation button img {
    transform: rotate(0deg);
    transition: transform 0.2s;
}

#site-navigation.toggled button img {
	transform: rotate(90deg);
	transition: transform 0.2s;
}

.main-navigation.toggled {
    clear: both;
    display: block;
    float: left;
    width: 100%;
    position: fixed;
    top: 44px;
    left: 0;
}

/* kann evtl verbessert werden dax*/
@media screen and (min-width: 500px) {
.main-navigation.toggled {
	position: inherit;
    background: none;
    clear: none;
    float: right;
    width: auto;
}
}

.main-navigation ul {
	display: none;
}

@media screen and (min-width: 500px) {
/*	.menu-toggle {
		display: none;
	} */
	.main-navigation ul {
		display: block;
	}
}

/* menu logo toggl STUFF NEW -------------- 2021 sept*/

.main-navigation #logo_mobile {
    display: none;
}

#logo_mobile a {
    color: black;
}

.main-navigation.toggled #logo_mobile {
    display: block;
    background: white;
    position: fixed;
    left: 0;
    padding: 30px 20px 20px;
    top: 0;
    width: 100%;
}

@media screen and (min-width: 31.25em) {
.main-navigation #logo_mobile, .main-navigation.toggled #logo_mobile {
    display: none;
}
}

/*----------------------------------------------------   END NAV ---------------------------------*/

/* POST - NAV - footer - innerhalb WERKE */

nav.navigation.post-navigation {
    /* background: whitesmoke;
    margin-top: 1px; */
    text-align: -moz-center; /* STITCH */
    text-align: -webkit-center;
}

.nav-links {
    /* 
    border-top: black dashed 1px;
    max-width: 700px;
    */
}

.post-navigation .nav-previous {
    float: right;
    width: unset;
    display: inline-block;
}

.post-navigation .nav-next {
    float: left;
    text-align: right;
    width: unset;
        display: inline-block;
    display: inline-block;
}

/* POST - NAV - footer - allgemein - older-newer */
.nav-previous, .nav-next {
    padding: 10px;
}

/* FOOTER */

footer#colophon {
    /* background: #f1f1f1; */
    margin-top: 69px;
    background-image: linear-gradient(#ffffff 0%, #e3e3e3 100%);
}

.site-info {
    display: none;
    margin: 100px auto;
    max-width: 700px;
}

/* achive WERKE grid */

.portfolio_grid {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 45px;
}

/* mobile first */
.portfolio_grid a {
    margin-top: 0;
    width: 100%;
}

/* war 680 */
@media screen and (min-width: 501px) {
.portfolio_grid a {
    width: 47.5%;
}
}

@media screen and (min-width: 740px) {
.portfolio_grid a {
    width: 31.4%;
}
}

.featured_img {
    /* background: greenyellow; */
    text-align: left;
    padding-bottom: 10px;
}

/* GALLERY WERKE-SINGLE */

/* get rid of the dots */
.gallery-icon a {
    outline: none;
}

/* get rid of the border */
.gallery-icon a, .portfolio_grid a {
	border: none;
	margin-bottom: 30px;
}

.wp-caption-text {
    text-align: left;
    font-size: 14px;
}

img {
    height: auto;
    width: 100%; /* neuer versuch.... */
}

.gallery {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start; /* space-between */
}

.gallery-columns-2 .gallery-item {
    max-width: 33.333333333333333%; /* 284px;  neu hard pixels */
    margin: 1em 0 1px;
}

figure.gallery-item {
    padding: 0 14px;
   /* background: #ffa800; */
}


/* FANCYBOX */
.fancybox-caption {
    background: none;
    color: black;
}
.fancybox-caption__body {
    background: white;
    display: inline;
    padding: 2px 0px;
    /*   text-shadow: 2px 2px 1px white, 2px -2px 1px white, -2px 2px 1px white, -2px -2px 1px white; */
}

.fancybox-caption__body .plus {
    display: inline;
}

.gallery-caption, .fancybox-caption__body {
    white-space: pre-line;
    margin-top: -20px;
}

.fancybox-bg {
    background: white;
}
.fancybox-is-open .fancybox-bg {
    opacity: 1;
    transition-timing-function: cubic-bezier(.22, .61, .36, 1);
}

.fancybox-button {
    background: none; /*rgba(154, 180, 29, .6);*/
}
/* NEU */
.fancybox-navigation .fancybox-button {
    background-clip: content-box;
    height: calc(100% - 22px); /* 133 */
    opacity: 0;
    position: absolute;
    top: 66px;
    width: 36%;
   /* background: #ffff0017; */
    outline: none;
}

.fancybox-button div {
    height: 45px;
    width: 50px;
}

button.fancybox-button.fancybox-button--arrow_right div {
    float: right;
}

.fancybox-button:hover {
    color: black;
   /* background: white;--------wichtig */
}

.fancybox-button svg:hover {
   background: white;
}
/* --- NEU */
button.fancybox-button.fancybox-button--close {
    height: 66px;
    width: 66px;
}
.fancybox-slide--image {
    overflow: hidden;
    padding: 40px 0; /* was 66 */
}
 /* MIAU */
 
 .workshoptitel {
    display: none;
}


/* coloring-checking */

code {
	color:green;
	background: greenyellow;
}

code { 
display: none; /*    */  
}

/* M - first */
.gallery-columns-2 .gallery-item {
    max-width: 100%;
    padding: 0 0px;
    margin: 1em 0 1px;
}

@media screen and (max-width: 500px) {
    .gallery-columns-2 .gallery-item {
        max-width: 100%;
    }
    figure.gallery-item:nth-child(2n+1), figure.gallery-item:nth-child(2n) {
/*    padding: 0; */
}
}

/* 2 columns --------------   YEAH       */
/*   background: green;*/
@media screen and (min-width: 501px) {
    .gallery-columns-2 .gallery-item {
        padding: 0 15px;
        max-width: 50%;
    }
    figure.gallery-item:nth-child(2n+1) {
padding-left: 0px;
 /*    padding-right: 15px; */   
	background: blue;
	    	background: white;

}

figure.gallery-item:nth-child(2n) {
padding-right: 0;
 /*      padding-left: 15px; */
	background: blueviolet;
	    	background: white;

}
}

/* 3 columns - 700  --- YEAH */
@media screen and (min-width: 700px) {
.gallery-columns-2 .gallery-item {
    max-width: 33.33333333%;
    margin: 1em 0 1px;
    }
    
/* fallback */

figure.gallery-item, figure.gallery-item:nth-child(2n), figure.gallery-item:nth-child(2n+1) {
/* */	padding-right: 6px;
    padding-left: 6px;
    background: yellow;
	    	background: white;

}

figure.gallery-item:nth-child(3n) {
/*   */  padding-right: 0px;
    padding-left: 12px;
    background: red;
	    	background: white;

}

figure.gallery-item:nth-child(3n+1) {
/*   */  padding-right: 12px;
    padding-left: 0px;
    background: lime;
	    	background: white;

}
}

/* 4 columns - 960 */
@media screen and (min-width: 960px) {
.gallery-columns-2 .gallery-item {
    max-width: 25%;
    margin: 1em 0 1px;
}

figure.gallery-item, figure.gallery-item:nth-child(3n+1), figure.gallery-item:nth-child(3n), figure.gallery-item:nth-child(2n+1) { /* woha--- */
    padding-right: 7px;
    padding-left: 15px;
    background: turquoise;
    background: white;
}

figure.gallery-item:nth-child(2n) {
    padding-right: 15px;
    padding-left: 7px;
    background: yellow;
    background: white;
}

figure.gallery-item:nth-child(4n) {
    padding-right: 0;
    padding-left: 23px;
	background: #659865;
	background: white;

}

figure.gallery-item:nth-child(4n+1) {
    padding-right: 23px;
    padding-left: 0px;
	background: darkgreen;
	background: white;
}
}

nav.navigation.post-navigation {
    margin: 0 0 100px;
}

/* 
no fancybox for mobiles/small-screens - css-only solution but yeah!
 */
@media handheld, only screen and (max-width: 540px){
    .gallery-icon a {
        pointer-events: none;
    }
}

/* 
NEWS
 */

/*.the_news_archive {
    margin-top: 45px;
}*/

.news_text {
    padding: 20px 0 0 0;
}

@media screen and (min-width: 740px) {
.the_news {
    display: flex;
    align-items: flex-end;
}
.news_bild {
    width: 70%;
}
.news_text {
    padding: 0 0 0 30px;
}
}

.fancybox-caption {
    padding: 44px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left));
}


#content {
    margin-top: 25px;
}

.portfolio_grid {
margin-top: 0;

}

.page .entry-content {
margin-top: -24px;
}

.the_news_archive {
    margin-top: -27px;    /* line 917 ca */
}


/*

NEU 2021_08_5
*/


.bio {
    margin-top: -24px;
    /* background: #ffff0036; */
    /* max-width: 61%;
    float: none; */
    padding-bottom: 22px;
}

nav.navigation.post-navigation {
    border-top: 1px solid black;
    margin-top: 50px;
}

.nav-previous, .nav-next {
    padding: 4px 0 4px 0;
}