/**
 * Theme Name: Blocksy Child
 * Description: Blocksy Child theme
 * Author: Creative Themes
 * Template: blocksy
 * Text Domain: blocksy
*/


/*


    v--theme-palette-color-
    var(--theme-palette-color-2)
    var(--theme-palette-color-3) 
    var(--theme-palette-color-4) 
    var(--theme-palette-color-5) 
    var(--theme-palette-color-6) 
    var(--theme-palette-color-7) 
    var(--theme-palette-color-8) 

@media (max-width: 999px) {}
@media (max-width: 767px) {}

*/







/* Header 
__________________________________________________________________________________*/



 h1.page-title {
            text-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                      0 4px 2px rgba(0,0,0,0.09), 
                      0 8px 4px rgba(0,0,0,0.09), 
                      0 16px 8px rgba(0,0,0,0.09),
                      0 32px 16px rgba(0,0,0,0.09);
        }



    /* Blocksy Header Hero-Image */
        .ct-image-container img, .ct-image-container picture {
            object-position: center center !important;
            filter: grayscale(100%);
        }
        .hero-section[data-type="type-2"]>figure:after{
		display: block;
		
			background: green;
            mix-blend-mode: multiply;
            backdrop-filter: blur(8px);
        }
   


       




          /* Workaround, damit die Bilder beim Laden nicht springen, wegen der Javascript-berechnung */
            .hero-section[data-parallax][data-type="type-2"] > figure > .ct-image-container {
                height: calc(100% + 125px);
            }
            @media (max-width: 999.98px) {
                .hero-section[data-parallax][data-type="type-2"] > figure > .ct-image-container {
                    height: calc(100% + 125px);
                }
            }

     




/* Menü 
__________________________________________________________________________________*/

    /* Startseiten-Icon */ 
    @media (min-width: 960px) {          

        #menu-item-2796 { visibility: hidden; width: 40px; margin-right: 40px; }
        #menu-item-2796 lord-icon { visibility: visible; }
        #header-menu-1 { margin-right: 2rem !important; }
       
        
    }



    	.ct-mega-menu-content-width > .sub-menu {  		
			-webkit-backdrop-filter: blur(10px);
			backdrop-filter: blur(10px);
			}
		
			.ct-mega-menu .sub-menu li a:hover {
				background-color: rgba(255, 255, 255, 0.8);
			}









/* lose und freie Klassen 
__________________________________________________________________________________*/
       

    .stk-block-content h1:first-child, 
	.stk-block-content h2:first-child, 
    .stk-block-content h3:first-child, 
	.stk-block-content h4:first-child, 
    .stk-block-content h5:first-child, 
	.stk-block-content h6:first-child {
        margin-top: 0 !important;
    }

  body:not(.wp-admin) #main h2 { 
        border-bottom:  2px solid var(--theme-palette-color-1);
        margin-bottom: 2em !important;
    }
  body:not(.wp-admin) #main h3 { 
        border-bottom:  1px solid var(--theme-palette-color2);
        margin-bottom: 1.5em !important;
       xxmargin-top: 2em !important;
    }




    a[href^="tel:"] {
          text-decoration: none;
        }


    figure.size-full img  {   
        max-height: 90vh;
        width: auto !important;
        }



    .entry-content figcaption {
        color: #1A1A1A;
        text-align: left;
    }


    .small {
            font-size: 0.875em;
            line-height: 1.1em;
        }






    .full-width,
    .full-width a { width: 100%; }

    .max-width-800 { 
        max-width: 800px !important; 
        margin-left: auto !important;
        margin-right: auto !important;}


    .hoverbox { 
        padding: 60px !important;
        box-shadow: 0 0 64px rgba(0,0,0,0.15);
        border-radius: 3px;   
        background: rgba(255,255,255,0.0);
    }

		@media (min-width: 1000px) { 
				.hoverbox:hover {
				box-shadow: 0 0 32px rgba(0,0,0,0.30);
				transition: all 1s ease !important;
				background: rgba(255,255,255,0.91);
			}
			.hoverbox.scale:hover {
				transform: scale(1.05);
			}
		}

		@media (max-width: 999px) { 
			.hoverbox { padding: 30px !important; }
		}
		@media (max-width: 767px) {
				.hoverbox { padding: 15px !important; }
		}

    .schatten {
      box-shadow: 0 1px 1px rgba(0,0,0,0.11), 
                  0 2px 2px rgba(0,0,0,0.11), 
                  0 4px 4px rgba(0,0,0,0.11), 
                  0 6px 8px rgba(0,0,0,0.11),
                  0 8px 16px rgba(0,0,0,0.11);
    }

    .schatten-lang {
      box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                  0 4px 2px rgba(0,0,0,0.09), 
                  0 8px 4px rgba(0,0,0,0.09), 
                  0 16px 8px rgba(0,0,0,0.09),
                  0 32px 16px rgba(0,0,0,0.09);
    }


    .margin-0 {
        margin-top: 0 !important ;
        margin-bottom: 0 !important;
    }



 .hoverbox.lordicon lord-icon { 
	 align-self: center;
    }


 .hoverbox h3 {
    margin-top: 0 !important;
}













/* Tabelle 
___________________________________________________________________________*/

    table { border: none; }

    th,td {}

    tr th { font-weight: 700; }
    tr td:first-child > first:first-of-type { 
        font-weight: 700;
    }



    /* Tabellenkopf */
        tr:first-child th {
            padding: 1.5em;
            }	

    /* Zeilen */
        tr { 
            border-bottom: 1px solid rgb(51 59 67 / 15%);
        }
        tr:last-child { border-bottom: none;}


    /* Zelle */
        table td,
        .css-events-list table.events-table td {
            border: none !important;
            padding: 1em 1em; 
            vertical-align: baseline;
            }


    /* Tabellenfuß */
        tr:last-child td:first-child {
            border-bottom-left-radius: 4px;
            } 
        tr:last-child td:last-child {
            border-bottom-right-radius: 4px;
            } 











/* Footer 
__________________________________________________________________________________*/


[class*="ct-contact-info"] li {
    align-items: start;
}
.ct-contact-info-widget .ct-icon-container { margin-top: 3px; }












/* Plugins 
__________________________________________________________________________________*/


       
    /* Formular - Happy Forms 
    -------------------------------------*/
       
    .happyforms-part[data-happyforms-required] input,
    .happyforms-part[data-happyforms-required] textarea:not(:focus) {
            border: 1px solid #0081c7;
        }        
        .happyforms-part[data-happyforms-required] textarea {
                margin: 1rem 0;
            }
    
    .happyforms-part input:focus,
    .happyforms-part textarea:focus,
    .happyforms-part select { 
            transform: scale(1.02);
            }
        .happyforms-part input[type=checkbox] {
                margin-top: 5px;
                transform: scale(1.4);
            }
        .happyforms-part input:focus,
        .happyforms-part textarea:focus { 
            box-shadow: 0 2px 1px rgba(0,0,0,0.09), 
                      0 4px 2px rgba(0,0,0,0.09), 
                      0 8px 4px rgba(0,0,0,0.09), 
                      0 16px 8px rgba(0,0,0,0.09),
                      0 32px 16px rgba(0,0,0,0.09),
                      0 32px 16px rgba(0,0,0,0.09);
            }

    /* eigene Klassen*/
        .happyforms-form .margin-top,        
        .happyforms-part--submit {
             margin-top: 1.5rem;
        }

        .happyforms-form hr {
            margin: 0.75rem 0 !important;
            visibility: hidden;
        }

        .happyforms-form .postleitzahl {
            width: 6em;
            }


    /* Submit Button rechtsbündig */
        .happyforms-part--submit { justify-content: flex-end; }
        .happyforms-part--submit * { margin-right: 0 !important; }


   
    /* Anpassung für Label inside Input-Element */

        .happyforms-input input, 
        .happyforms-input textarea,
        .happyforms-part__el input, 
        .happyforms-part__el textarea {
            padding-top: 30px !important;
            padding-bottom: 7px !important;
            padding-left: 9px !important;
        }

        .happyforms-part__label-container {
            position: absolute;
            top: 4px;
            left: 10px;
            z-index: 2;
            }
            .fixed-label .happyforms-part__label-container {
                position: relative;
                top: 0px;
                left: 0px;
                z-index: 2;
                }                

        .happyforms-part-wrap label {
                    color: rgb(0 0 0 / 0.6);
                    font-size: 14px
                }
         .happyforms-form__part:not(.happyforms-part--legal) .happyforms-part-wrap:focus-within label {
                    transform:  translateY(-6px);
                    transform-origin: left;
                    color: rgb(0 0 0 / 0.3);
                }
        .fixed-label .happyforms-part__label-container label {
                            color: rgb(0 0 0 / 1.0);
                            font-size: 15px;
                        }


        /* Fehlermeldung */
            .happyforms-message-notice.error h2 {
                color: #f25000;
                font-size: 1.7em;
            }

        /* Tooltip*/
            .happyforms-tooltip__trigger {
                color: rgba(71,82,93,.7) !important;
            }




    /* Events Manager 
    -------------------------------------*/

	
    tr.veranstaltung h5 {
		padding-bottom: 0 !important;
		margin-bottom: 0 !important;
		}  
     

	 tr.veranstaltung {
		 border-bottom: 4px solid rgba(255,255,255,0.00);
            }
		tr.veranstaltung:nth-child(odd) {
	background-color: rgba(50,122,179,0.10)
				}  

       tr.veranstaltung:hover {
		   z-index: 1;
			border-bottom: 4px solid #327ab3;
			 }
       
		tr.veranstaltung > td:first-child { white-space: nowrap; }


    /* YouTube Gallery 
    -------------------------------------*/
        .epyt-gallery-title {
            font-size: 0.875em;
            line-height: 130%;
            color: #000;
            background: #f1f1f1;
            text-align: left;
            min-height: 100px;
        }



     /* WP Featherlight
        -------------------------------------*/

        .featherlight:last-of-type {
            background-color: rgba(74,112,150,0.9) !important;
            backdrop-filter: blur(15px);
                }

        .featherlight .featherlight-content .caption {
            font-size: 13px;
            white-space: nowrap;
        }
        







/* Animationen
---------------------------------------------------------------------------------------------------------------------------*/
	
    tr  {
		transition: all 0.6s ease !important;
	}

	input,
    label,
    textarea,
    input[type=submit],
    select,
    td,
    .hoverbox
    {
		transition: all 0.4s ease !important;
	}