/*
Theme Name:     GeneratePress Child
Theme URI:      https://www.7einhalb.de
Description:    Generatepress child theme.
Author:         7einhalb - Maik Bernstein
Author URI:     https://www.7einhalb.de
Template:       generatepress
Version:        0.1.0
*/



/* ### eigene Klassen ### */

/* no-margin (for text in boxes) */
body .no-margin p,
body p.no-margin,
body .nomargin p,
body p.nomargin {
    margin: 0;
}

/* Z-Index -1 */
.layer-back {
    z-index: -1;
}

/* Hide Content */
.hideme {
    display: none !important;
}
@media screen and (max-width: 768px) {
    .mobile-hideme {
        display: none !important;
    }
}
@media screen and (min-width: 769px) {
    .desktop-hideme {
        display: none !important;
    }
}



/* Contact Form 7 - Column Grid */
.dwp-form {
    width: 100%;
    margin: 0 auto;
}
.dwp-form-row {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.dwp-form-row .wpcf7-form-control,
.wpcf7-form label {
    width: 100%;
}
.dwp-form-column {
    flex: 1;
    padding: 0.5rem 0;
    width: 100%;
}
.dwp-form-column:first-of-type {
    padding-left: 0;
}
.dwp-form-column:last-of-type {
    padding-right: 0;
}
 
/* CF7 Grid - Desktop Ansicht */
@media only screen and ( min-width: 48em ) { 
    .dwp-form-row {
        flex-direction: row;
    }
    .dwp-form-column {
        padding: 0.5rem 1rem;
    }
}
/* CF7 - Custom Styles */
.wpcf7-form-control.wpcf7-textarea {
  max-height: 100px;
}
.wpcf7 li p {
  margin-bottom: 0;
}




/* ### Header-Stylings */

/* ## Mobile Header */
@media screen and (max-width: 1080px) {
	#masthead,
	#mobile-header {
	  background: #fff;
	}
	#mobile-header .menu-bar-items {
	  display: none;
	}
}

/* Sticky-Header */
#sticky-navigation {
	background-color: var(--base-2);
}

/* ## Desktop-Header */
@media screen and (min-width: 1081px) {
	.home .inside-header.grid-container {
		height: 50px;
		margin-top: 60px;
		padding: 0;
		border-radius: 3px;
		background-color: rgba(255, 255, 255, 0.75);
		transition: height .1s ease-in-out, margin-top .1s ease-in-out;
	}
	.home .inside-header.grid-container:hover {
		height: 88px;
		margin-top: 41px;
	}

	.home .site-logo {
		padding: 15px 15px 15px 15px;
		background-color: #ffffff;
		margin-left: -70px;
		border-radius: 3px 0 0 3px;
	}

	.home .inside-header.grid-container::before {
		content: "";
		left: 329.3px;
		top: 0;
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 88px 70px 0 0;
		border-color: #fff transparent transparent;
		position: relative;
	}
}

/* Menü - Mobile Fix */
	#mobile-menu ul {
		box-shadow: 0px 5px 20px 5px rgba(110,110,110,0.2);
}

/* Menü - Home Desktop */
body.home .main-navigation, .main-navigation ul {
  background-color: unset;
}
body.home .main-navigation .main-nav ul li[class*="current-menu-"] > a {
	background-color: unset;
}