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


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

/* WP-Gallery-Block - Gap für Galerien (Klasse gap2) */
.wp-block-gallery.wp-block-gallery-1.gap2 {
  gap: 2rem;
}
.wp-block-gallery.gap2.is-style-masonry .wp-block-image {
  margin-bottom: 2rem !important;
}

/* WP-Gallery-Block - Image-Scale & Schatten */
.hover-shadow figure.wp-block-image {
  transition: transform 0.5s ease 0s;
}
.hover-shadow figure.wp-block-image:hover {
  transform: scale(1.1);
  -webkit-box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.4); 
  box-shadow: 0px 5px 20px 5px rgba(0,0,0,0.4);
}