/*
 Theme Name:   wirbelstube - a 17 child
 Theme URI:    -
 Description:  -
 Author:       phil
 Author URI:   http://philth.de
 Template:     twentyseventeen
 Version:      0.0.1
 License:      -
 License URI:  -
 Tags:         -
 Text Domain:  twenty-seventeen-child
*/


/* THEME ADJUSTMENT  *********************************************************/

/* Fonts */
.has-large-font-size {
    line-height: 2.7rem;
}

.is-style-home {
    /* large quote on homepage */
    font-size: xx-large;
    color: white;
}
.is-style-home.wp-block-quote cite {
    font-size: large;
}


/*  HEADER */
#masthead,
#masthead .custom-header,
#masthead .custom-header-media img,
.wp-custom-header,
.panel-image
{
	min-height: 60vh;
	height: 60vh;
}
body.home .panel-content header {
	display: none;
}

.navigation-top {z-index: 9;}
.site-branding{padding: 1em 0;}

/* front page blocks */
#main article:nth-child(odd) .panel-content {
	background: #98c455;
	color: #175c17;
}
/* text/image element */
.wp-block-media-text.alignwide {
	background: #98c455;
}
.wp-block-media-text.alignwide p {
	color: #175c17;
	margin: 0;
}
.wp-block-media-text.alignwide  p:first-child {
	color: #ffee33;	
}
.wp-block-media-text.alignwide h6 { 
	text-transform: uppercase;
	font-size: .8rem;
	color: #ffffaa;
}

/* front page block 1 */
#panel1 .entry-content {
	display: grid;
	grid: 1fr / 1fr 1fr 1fr;
	column-gap: 1.4rem
}
#panel1 .entry-content::before {
    /* fix for grid layout */
    display: none;
}
#panel1 .entry-content > p {
	background: #98c455;
	padding: 1rem;
	margin-bottom: 1.4rem
}
/* custom grid cover element */
.grid-cover {
	min-height: 30vh;
}
.grid-cover p {
	font-size: 24px;
	word-wrap: normal; 
  line-height: 1.7rem;
}


/* footer */
footer#colophon {
    background: #98c455;
}

#footer-kontakt a
{
    color: white;
    font-size: 3rem;
    padding: 0;
    margin: 0;
}
a.tlink
{
    box-shadow: inset 0 -1px 0 hsl( 109, 50%, 100% );
    font-size: large;
}
a.svglink
{
    box-shadow: none !important;
    position: relative;
    top: -16px;
}

/*
  media ajdust styles
*/

/* mobile - very small screens only */
@media screen and (max-width: 32em) {
	  #panel1 .entry-content {
		    grid: 1fr / 1fr !important;
		    column-gap: 0rem;
	  }
}
/* small screens only */
@media screen and (max-width: 48em) {
    #masthead,
    #masthead .custom-header,
    #masthead .custom-header-media img,
    .wp-custom-header,
    .panel-image
    {
	      min-height: unset;
	      height: unset;
    }
	.wp-block-media-text.alignwide {
		grid: 1fr auto / auto-flow;
	}
	.wp-block-media-text.alignwide figure,
	.wp-block-media-text.alignwide > div
	{
		grid-area: unset; padding: 1rem 0;
	}
	#panel1 .entry-content {
		grid: 1fr / 1fr 1fr;
		column-gap: .6rem;
	}
	#panel1 .entry-content > p, .grid-cover {
		margin-bottom: .6rem;
	}
}

/* large screens only */
@media screen and (min-width: 48em) {
	  .wrap {
	      max-width: 960px !important;
    }
}

/* ELEMENTS *******************************************************************/
/* ACCORDION 161212 */
.entry-content .acc h4, 
.entry-content .acc p{
  padding: 4px 8px;
  transition: 0.4s;
  margin-bottom: 0px;
}

.acc h4{

  background-color: lightgray;
  color: #555;
  cursor: pointer;
}
.acc h4:hover{
  color: black;
}

.acc h4+p{
  display: block;
  max-height: 0;
  pointer-events: none;
  opacity: 0;
  position: relative;
  transition: 0.6s ease-in-out;
}

.acc h4.active{
  text-transform: uppercase;
  margin-bottom: 16px;
  color: white;
  background-color: #98c455;
}
.acc p.show{
  display: block;
  opacity: 1;
  margin-bottom: 16px;
  max-height: 400px;
}


/*.dropdown.*/
.acc p.show:before { 
  content: "";
  position: absolute;
  top: -18px;
  left: 42%;
  width: 0; height: 0; 
  border-left:  16px solid transparent;
  border-right: 16px solid transparent;
  border-top:   16px solid  #98c455;
}