/*
Theme Name:   Wooolfgang (Child)
Theme URI:    https://generatepress.com
Description:  Custom child theme for Wooolfgang
Author:       7einhalb - Maik Bernstein
Author URI:   https://www.7einhalb.de
Template:     generatepress
Version:      0.1
*/



/* ### eigene Klassen */

/* 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;
    }
}

/* Sticky Element */
.stickme {
    position: sticky;
    position: -webkit-sticky;
    top: 5%;
}

/* No Margin */
.nomargin {
    margin: 0;
}

/* No Pointer-Event */
.nopointer {
	pointer-events: none;
}

/* Header-Menu Button-Style (.nav-button) */
@media (min-width:769px) {
    .main-navigation .main-nav ul li.nav-button a {
        background-color: transparent;
		border: 2px solid transparent;
        border-bottom: 2px solid var(--accent);
        color: var(--white);
        line-height: 35px;
		transition: all 0.5s ease;
    }
	.main-navigation .main-nav ul li.nav-button a:hover {
        border: 2px solid var(--accent);
    }
}

/* ## Global Styles */
/* Header Schatten */




/* ## Helper */
/* GP-Custom z-index without transition */
.container--shadow-helper > div:hover,
.container--shadow-helper > a:hover{
  z-index: 10;
}

/* WP-Gallery-Block - Masonry-Grid */
.is-style-masonry.columns-default {
   -webkit-columns: 3; /* Chrome, Safari, Opera */
   -moz-columns: 3; /* Firefox */
   columns: 3; /* Standard syntax */
}
.is-style-masonry{
   display:block !important;
}
.is-style-masonry .wp-block-image{
   width:100% !important;
   margin-bottom:var(--wp--style--unstable-gallery-gap) !important;
}
.is-style-masonry.columns-1 {
   -webkit-columns: 1; /* Chrome, Safari, Opera */
   -moz-columns: 1; /* Firefox */
   columns: 1; /* Standard syntax */
}
.is-style-masonry.columns-2 {
   -webkit-columns: 2; /* Chrome, Safari, Opera */
   -moz-columns: 2; /* Firefox */
   columns: 2; /* Standard syntax */
}
.is-style-masonry.columns-3 {
   -webkit-columns: 3; /* Chrome, Safari, Opera */
   -moz-columns: 3; /* Firefox */
   columns: 3; /* Standard syntax */
}
.is-style-masonry.columns-4 {
   -webkit-columns: 4; /* Chrome, Safari, Opera */
   -moz-columns: 4; /* Firefox */
   columns: 4; /* Standard syntax */
}
.is-style-masonry.columns-5 {
   -webkit-columns: 5; /* Chrome, Safari, Opera */
   -moz-columns: 5; /* Firefox */
   columns: 5; /* Standard syntax */
}
.is-style-masonry.columns-6 {
   -webkit-columns: 6; /* Chrome, Safari, Opera */
   -moz-columns: 6; /* Firefox */
   columns: 6; /* Standard syntax */
}
.is-style-masonry.columns-7 {
   -webkit-columns: 7; /* Chrome, Safari, Opera */
   -moz-columns: 7; /* Firefox */
   columns: 7; /* Standard syntax */
}
.is-style-masonry.columns-8 {
   -webkit-columns: 8; /* Chrome, Safari, Opera */
   -moz-columns: 8; /* Firefox */
   columns: 8; /* Standard syntax */
}




/* # Seite Home */
/* Video & Overlay-Cutout Desktop */
.background-video-100 {
    position: absolute;
    opacity: 1;
}
.background-video-50 {
    position: absolute;
    opacity: 0.5;
}
.background-video-25 {
    position: absolute;
    opacity: 0.25;
}
video[poster] {
    object-fit: cover;
    width: 100%;
    height: 100%;
}






/* ## Contact Form 7 */
/* Contact Form 7 - Inline-Row */
.inline-row label {
    display: flex;
    gap: 30px;
    align-items: center;
}

/* Contact Form 7 - Allgemeines */
.wpcf7 .wpcf7-list-item {
    margin-left: 0;
}

.wpcf7 .input-row label, .label {
    padding: 5px 10px 0 10px;
    display: block;
    margin: 0;
    min-width: 130px;
}

/* .wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 input[type="text"],
.wpcf7 .is-textarea textarea {
    width: 100%;
    border: none;
    background: #fef7e3;
    padding: 5px 10px;
    border-bottom: 1px solid #d2b17f;
} */

.wpcf7 .is-textarea p {
    align-items: flex-start;
    /* border: 1px solid #d2b17f; */
    display: flex;
    flex-direction: column;
    width: 100%;
}

.wpcf7-textarea {
  height: 150px;
}

/* 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;
    }
}

/* Slick Slider (Hero) */
.wp-block-cb-carousel .slick-slide {
	padding-left: 0px;
	padding-right: 0px;
}