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


/*

Farben:

Grün dunkler: #487a56
var(--theme-palette-color-1);

Grün heller: #6fbc84
var(--theme-palette-color-2);

Textgrau: #383838
var(--theme-palette-color-3);

Braun: #513229
var(--theme-palette-color-4);
rgba(81, 50, 41, 1);



*/



/* Blocksy Allgemein
__________________________________________________________________________________*/
	
.entry-content { overflow: hidden;  }







/* kann nach nächsten Update wieder weg
__________________________________________________________________________________*/

	footer [class*="ct-container"],
	footer [class*=ct-container]>article {
		width: 100%;
		max-width: 100% !important;
		margin:0;
		}





/* Header 
__________________________________________________________________________________*/

        .ct-container-fluid  { }



	@media (min-width: 1000px) {
		
        div[data-row="middle"] { 
            margin-top: -60px;
        }

        div[data-row="middle"] div[data-items="primary"] { 
                   justify-content: center !important; 
            }

		
		}




        .ct-container-fluid .entry-content {
            border-bottom: solid 1px rgba(0,0,0,0.2);
            width: auto;
			overflow: hidden;
        }
            .ct-container-fluid div[data-column="start"] .entry-content {
				position: relative;
                left: -42px;
                padding: 1em 30px 0.3em 0px;
                }
             .ct-container-fluid div[data-column="end"] .entry-content {
				position: relative;
                right: -40px;
                padding: 1em 30px 0.3em 0;
                }



        .ct-container-fluid a {
            text-decoration: none;
            margin-left: 2em;
        }








/* Menü 
__________________________________________________________________________________*/

  

        #offcanvas > section,
		#search-modal {
            -webkit-backdrop-filter: blur(8px);
            backdrop-filter: blur(8px);
        }










/* lose und freie Klassen 
__________________________________________________________________________________*/

    
    .bilderrahmen img {
        border: 10px solid #fff;
        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);
    }

    .textrahmen {
        max-width: 700px !important; 
        margin: auto;
    }
    .textrahmen p {
        text-shadow: 0 0 5px #fff,
        0 0 10px #fff,
        0 0 20px #fff;
        }


.blur .ugb-inner-block {backdrop-filter: blur(6px);}




/*     Standard-Listen
    -------------------------------------*/
      #main ul {
          padding-left: 0;
          margin-left: -0.5em
      }

      #main ul li {
        list-style: none;
        border-bottom: 1px solid rgb(0 0 0 / 29%);
        padding: 1em 0.5em;
        max-width: 500px
       }
          #main ul li:last-child { border-bottom: none; }

    
    .drehung1 {transform: rotate(-3deg);}
    .drehung2 {transform: rotate(-6deg);}
    .drehung3 {transform: rotate(-12deg);}
    .drehung4 {transform: rotate(-20deg);}
    .drehung-1 {transform: rotate(3deg);}
    .drehung-2 {transform: rotate(6deg);}
    .drehung-3 {transform: rotate(12deg);}
    .drehung-4 {transform: rotate(20deg);}

     .breite150 {max-width: 150px !important; margin: auto; }
     .breite300 {max-width: 300px !important; margin: auto;}
     .breite600 {max-width: 600px !important; margin: auto;}
     .breite800 {max-width: 800px !important; margin: auto;}

    .hintergrund-overlay { mix-blend-mode: multiply; }
        .hintergrund-overlay .qubely-container-fluid {
            background: none;
        }

    .wp-block-separator:not(.is-style-dots) {
        height: 1px;
    }


     
    .kolumnen  .ugb-container__content-wrapper {
        column-count:  3;
        column-width: 300px;
        column-gap: 8em;
        column-rule: 1px solid rgba(0,0,0,0.25);
        margin-bottom: 0rem;
        margin-top: 0rem;	

        display: block;
        hyphens: auto;
        text-align: justify !important;
        }


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

	.full-height,
    .full-height .ugb-inner-block { height: 100% !important; }



    .hoverbox { 
        border-radius: 10px;   
        background: rgba(255,255,255,0.0);
        }
    .hoverbox:hover {
        box-shadow: 0 0 64px rgba(0,0,0,0.15);
        transition: all 1s ease !important;
        background: rgba(255,255,255,0.91);
        }

    .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,
	.tpgb-sf-feed	{
      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);
        }

    .border-top {
        border-top: 5px solid #fff;
    }




/* 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 
__________________________________________________________________________________*/
   
	footer { }

	footer a { color: #fff; }
	footer a:hover { color: var(--theme-palette-color-1); }

		   ul#menu-footer {
				padding-left: 0 !important;
			}

		   ul#menu-footer li {
				font-size: 0.75em !important;
				border-right: none !important;
	}


	#menu-footer-menue { 
		list-style: none;
		padding: 0;
	}


	.rueckrufservice {
		cursor: pointer;
		}
	.rueckrufservice:hover {
		transform: scale(1.05) ;
		}






/* Stackable & Gutenberg
__________________________________________________________________________________*/


   /* Container und Columns
    -------------------------------------*/
       







	/* Gutenberg Standard Galerie */

	ul.blocks-gallery-grid li {
		border-bottom: none !important;
		padding: 1px 1px !important;
		max-width: 500px;
	}

	.blocks-gallery-item {
		margin-right: 1px !important;
	}

	.blocks-gallery-grid .blocks-gallery-image, 
	.blocks-gallery-grid .blocks-gallery-item, 
	.wp-block-gallery .blocks-gallery-image, 
	.wp-block-gallery .blocks-gallery-item {
		margin: 0 1px 1px 0 !important;
	}




	audio {
		filter: sepia(20%) saturate(70%) grayscale(1) contrast(99%) invert(12%);
		height: 30px;
	}












/* Plugins 
__________________________________________________________________________________*/




		/* Social Feed - Instagram */

		.tpgb-sf-feed {
			background-color: #FFFFFF;
			border: none ;

		}
		.tpgb-soc-img-cls {
			padding: 0px !important;
		}

		.social-feed-style-4 .tpgb-sf-contant-img:before {
			background: rgb(121 85 72 / 90%);
			backdrop-filter: blur(6px);
		}

		.moreText,
		.tpgb-hashtag,
		.tpgb-sf-profile,
		.tpgb-sf-username,
		.tpgb-sf-logo {
					display: none !important;
				}

		.tpgb-sf-usercontact {
			left: 0 !important;
		}




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

        .featherlight:last-of-type {
            background-color: var(--theme-palette-color-4) !important;
                }

        /* if backdrop support: very transparent and blurred */
                @supports ((-webkit-backdrop-filter: blur(2em)) or (backdrop-filter: blur(2em))) {
                  .featherlight:last-of-type {
                    background-color: rgba(40, 20, 20, 0.9) !important;
                    backdrop-filter: blur(15px);
                        }
                }

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






		/* QuickPop
        -------------------------------------*/
		.qp-popup {
			font-family: inherit;
		}

		.qp-popup .qp-popup__btn-close {
			transform: scale(1.5);
			top: 30px !important;
			right: 30px !important;
		}


		.qp-popup .qp-popup__body {
			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);
			}







		/* Kali Forms
        -------------------------------------*/

		.kaliforms-form-container div.col-12 { 
			margin-bottom: 6px !important;
			}


		@media (min-width: 768px) {
			
			.kaliforms-form-container .col-md-3:first-child,
			.kaliforms-form-container .col-md-4:first-child,
			.kaliforms-form-container .col-md-5:first-child,
			.kaliforms-form-container .col-md-6:first-child,
			.kaliforms-form-container .col-md-7:first-child { 
				padding-left: 15px !important;
				}

			.kaliforms-form-container .col-md-3,
			.kaliforms-form-container .col-md-4,
			.kaliforms-form-container .col-md-5,
			.kaliforms-form-container .col-md-6,
			.kaliforms-form-container .col-md-7 { 
			   padding-right: 3px !important;
			   padding-left: 3px !important;
			   }

				.kaliforms-form-container .col-md-3:not(:first-child) label,
				.kaliforms-form-container .col-md-4:not(:first-child) label,
				.kaliforms-form-container .col-md-5:not(:first-child) label,
				.kaliforms-form-container .col-md-6:not(:first-child) label,
				.kaliforms-form-container .col-md-7:not(:first-child) label { 
					   margin-left: -10px !important;
					   }

			.kaliforms-form-container .col-md-3:last-child,
			.kaliforms-form-container .col-md-4:last-child,
			.kaliforms-form-container .col-md-5:last-child,
			.kaliforms-form-container .col-md-6:last-child,
			.kaliforms-form-container .col-md-7:last-child { 
				padding-right: 15px !important;
				}
			
		}


		.kaliforms-form-container .row div[class^="col-"], 
		.kaliforms-form-container .row div[class*=" col-"] {
			margin-bottom: 0px;
		}
			
		.kaliforms-form-container hr {	
			height: 5px;
			background-color: transparent;
			}

		.kaliforms-form-container label {
			position: absolute;
			z-index: 2;
			font-size: 14px !important;
			top: 4px;
			left: 25px;
			color: rgb(0 0 0 / 0.7);
			}

		.kaliforms-form-container .col-12:focus-within label {
			transform: translateY(-4px) translateX(-2px);
			transform-origin: top left;
			color: rgb(0 0 0 / 0.4) !important;
		}

		.kaliforms-form-container textarea:focus {
			position: relative;
			z-index: 99;
				}

		.kaliforms-form-container [type='text'], 
		.kaliforms-form-container [type='password'], 
		.kaliforms-form-container [type='date'], 
		.kaliforms-form-container [type='datetime'], 
		.kaliforms-form-container [type='datetime-local'], 
		.kaliforms-form-container [type='month'], 
		.kaliforms-form-container [type='week'], 
		.kaliforms-form-container [type='email'], 
		.kaliforms-form-container [type='number'], 
		.kaliforms-form-container [type='search'], 
		.kaliforms-form-container [type='tel'], 
		.kaliforms-form-container [type='time'], 
		.kaliforms-form-container [type='url'], 
		.kaliforms-form-container [type='color'], 
		.kaliforms-form-container textarea, 
		.kaliforms-form-container #kali-stripe-iban-element, 
		.kaliforms-form-container #kali-stripe-card-element {
			margin-bottom: 0 !important;
			padding-top: 35px !important;
			padding-bottom: 15px !important;
			padding-left: 9px !important;	
			border-radius: 1px !important;
			border: 1px solid #ccc !important;
			background-color: #f7fbf7 !important;
   		 }

		   .kaliforms-form-container input[required],
			.kaliforms-form-container textarea[required],
			.kaliforms-form-container select[required] {
					border: 1px solid var(--theme-palette-color-1) !important;
				}  

				.kaliforms-form-container input:focus,
				.kaliforms-form-container textarea:focus{ 
					background-color: #fff !important;
				   	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) !important;
					transform: scale(1.02);
					}

		.kaliforms-form-container #submit {
			float: right;
			margin-top: 10px;
		}






 /* Events Manager 
    -------------------------------------*/
	.events-table { 
		width: auto !important; 
		border-spacing: 5px; 
}

    .events-table .datum { font-size: 0.875em; font-weight: 700; }
    
    .events-table .uhrzeit,
    .events-table .location,
    .events-table .eventnotes { font-size: 0.875em; }

    .events-table .event { font-weight: 700; }
    .events-table .eventnotes { margin-top: 1em; }


.events-table tr.tabellenkopf th {
		background-color:  var(--theme-palette-color-1) ;
		color: var(--theme-palette-color-6);
		border-top: 0;
		border-left: 0;
		border-right: 0;	
        border-bottom: 0px solid rgb(255 255 255 / 100%) !important;
		}

        .events-table tr.veranstaltung {
			border-bottom: 5px solid rgb(51 59 67 / 0%)!important;
		} 
        .events-table tr.veranstaltung:hover {
			background:  rgba(255,255,255,0.5);
            z-index: 1;
            box-shadow: 0 0px 1px rgba(0,0,0,0.05), 
                      0 0px 2px rgba(0,0,0,0.06), 
                      0 0px 4px rgba(0,0,0,0.07), 
                      0 0px 8px rgba(0,0,0,0.08),
                      0 0px 16px rgba(0,0,0,0.09),
                      0 0px 32px rgba(0,0,0,0.10),
                      0 2px 0px inset rgba(0,0,0,0.10);
            }


		
        .events-table tr:last-child, 
        .events-table tr:last-child:hover { border-bottom: none; }



		.events-table h5 {
			margin-bottom: 0 !important; 
			color: var(--theme-palette-color-3);
		}

		.events-table .small {
			margin-top: 0;
			font-size: 0.875em;
		}


	        /* Zusatzinhalt in Tabelle nur angedeutet 
			.css-events-list .eventnotes {
				margin-top: 1em;
				max-height: 100px;
				overflow: hidden;
      		  }*/







			/* WP Map Block */ 

			.leaflet-pane { pointer-events: none; user-select: none;}




		/* Opening hours
        -------------------------------------*/

		ul.opening-hours li {
			border-bottom: 1px solid rgb(255 255 255 / 29%) !important;
			padding: 0.5em 0.5em !important;
			max-width: auto !important;
		}








/* Animationen 
__________________________________________________________________________________*/
	
	input,
    textarea,
    input[type=submit],
    select,
	label,
    .linktext,
	.rueckrufservice,
.events-table tr {
		transition: all 0.4s ease !important;
	    }