/*
Theme Name:   Bricks Child Theme
Theme URI:    https://bricksbuilder.io/
Description:  Use this child theme to extend Bricks.
Author:       NOVUM DIGITAL® GmbH
Author URI:   https://novum-digital.de/
Template:     bricks
Version:      1.0.2
Text Domain:  bricks
*/

/* Benutzerdefinierte DGGT-ICON-Bibliothek */
@font-face {
	font-family: 'DGGT-Icons';
	src:  url('assets/fonts/dggt-icons/DGGT-Icons.eot?wjmws2');
	src:  url('assets/fonts/dggt-icons/DGGT-Icons.eot?wjmws2#iefix') format('embedded-opentype'),
		url('assets/fonts/dggt-icons/DGGT-Icons.ttf?wjmws2') format('truetype'),
		url('assets/fonts/dggt-icons/DGGT-Icons.woff?wjmws2') format('woff'),
		url('assets/fonts/dggt-icons/DGGT-Icons.svg?wjmws2#DGGT-Icons') format('svg');
	font-weight: normal;
	font-style: normal;
	font-display: block;
}

[class^="dggt-icon-"], [class*=" dggt-icon-"] {
	/* use !important to prevent issues with browser extensions that change fonts */
	font-family: 'DGGT-Icons' !important;
	speak: never;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

html {
	background-image: url('assets/img/hg__beton.gif');
	background-attachment: fixed;
	background-size: auto;
	background-position: top left;
	margin-bottom: var(--space-l) !important;

	@media (max-width: 1170px) {
		margin-bottom: 0 !important;
	}
}

/* HEADER */
header.scrolling {
	& .header--logo-main {
		opacity: 0 !important;
		pointer-events: none !important;
		min-height: 0px !important;
		max-height: 0px !important;
		height: 0px !important;
	}
	& .header--logo-minimized {
		opacity: 1 !important;
		pointer-events: auto !important;
	}
	@media (min-width:768px) {
		& .header--preheader {
			/*display: none !important;*/
			position: absolute;
			top:-9999em;
		}
	}

	& .header--main--container {
		align-items: center !important;
	}	
}

@layer bricks.reset {
  .brx-sub-submenu-overflow-right {
    right: auto !important;
    left: 100% !important;
  }
  .brx-submenu-overflow-right {
    right: initial !important;
    left: initial !important;
  }
}

header {
	&.sticky.sticky {
		inset-block-start:0;
	}
}

body.bricks-is-frontend.admin-bar {
	header {
		&.sticky {			
			inset-block-start:var(--wp-admin--admin-bar--height);
		}
	}
} 



.adm-alert {
	display: inline-block;
	padding: 1ch;
	border-radius: 4px;
	border: 1px solid;

	&.alert-danger {background-color: var(--danger-ultra-light);color: var(--danger-dark);border-color: var(--danger-light);}
	&.alert-warning {background-color: var(--warning-ultra-light);color: var(--warning-dark);border-color: var(--warning-light);}
	&.alert-info {background-color: var(--info-ultra-light);color: var(--info-dark);border-color: var(--info-light);}
	&.alert-success {background-color: var(--success-ultra-light);color: var(--success-dark);border-color: var(--success-light);}
}

.bg--dark {
	background: var(--secondary--gradient) !important;
}

main#brx-content {
	--offset: calc(7rem + var(--section-space-s) + 45px) !important;
}

/* BUTTONS */
.bricks-button {
	font-family: var(--heading-font-family);

	&:not(.clickable-parent) {  
		position: relative;
		left:0;
		transition: .3s !important;

		&:hover {
			left:5px;
		}
	}
	&,
	&:hover {
		svg {
			fill: currentColor !important;
			& * {
				fill: currentColor !important;      
			}
		}
	}
}

.only-print {
	display: none;
}

.print--header,
.print--footer {
	visibility: hidden;
	display: none;
}

/* BRICKS LIGHTBOX */

.pswp.brx {
	--pswp-bg: var(--neutral-ultra-dark-trans-60);
	--pswp-icon-color: var(--text-light-muted);

	& .pswp__button {
		opacity: 1 !important;

		& > * {      
			transition: .3s;
		}

		& svg {
			width: var(--icon--small) !important;
			height: var(--icon--small) !important;
		}
		&:hover {
			--pswp-icon-color: var(--white);
		}

		&.pswp__button--arrow .pswp__icn {
			width: var(--icon--largest) !important;
			height:var(--icon--largest) !important;
		}
		&.pswp__button--arrow--next .pswp__icn {
			right: var(--space-m);
		}

		&.pswp__button--arrow--prev .pswp__icn {
			left: var(--space-m);
		}
	}

	& .pswp__bg {
		opacity: 1 !important;
	}

	& .pswp__zoom-wrap {
		& img {
			cursor: zoom-out !important;
		}
		&:active {					
			& img {
				cursor: grab !important;
			}
		}
	}
	& .pswp__dynamic-caption {
		font-size: var(--text-xs);
		color: var(--text-light-muted);
		text-align: left;
	}

	&.pswp--zoom-allowed {
		& .pswp__zoom-wrap {
			& img {
				cursor: zoom-in !important;
			}
		}

		&.pswp--zoomed-in {
			& .pswp__zoom-wrap {
				& img {
					cursor: zoom-out !important;
				}

				&:active {					
					& img {
						cursor: grab !important;
					}
				}
			}
		}
	}
}

/* GUTENBERG */
figure.wp-block-image {
	position: relative;

	&::before {
		display: none !important;
	}

	& figcaption {
		position: absolute;
		top: unset;
		right: unset;
		bottom: 0px;
		left: 0px;
		z-index: 1;
		width: 100%;
		background: linear-gradient(transparent, var(--neutral-ultra-trans-80) 80% ) !important;
		background-blend-mode: multiply;
		text-shadow: unset !important;
		font-size: var(--text-xs) !important;
		color: var(--text-light-muted) !important;
		padding: var(--space-m) var(--space-s) var(--space-s) !important;
		line-height: var(--text-xs-line-height);
		text-align: left !important;
		margin:0 !important;
		scrollbar-color: #0000 #0000;
		scrollbar-gutter: stable both-edges;
		scrollbar-width: thin;
		overflow: auto;
		pointer-events: none;

		& .image--copyright {
			position: relative;
			width: 100%;
			display: inline-flex;
			flex-wrap: wrap;
			gap: 0.375ch 1ch;
			& * {
				font-weight: 400;
			}
			& .beschreibung {
				font-weight: 600;
			}
		}

	}
}

.wp-lightbox-overlay.zoom.active .scrim {
	background-color: var(--neutral-ultra-dark-trans-90) !important;
}
.wp-lightbox-overlay .close-button {
	color: var(--text-light-muted) !important;
	fill: var(--text-light-muted) !important;
	transition: .3s;

	&:hover {		
		color: var(--white) !important;
		fill: var(--white) !important;
	}
}

a.bricks-lightbox {
	cursor: zoom-in !important;
}
ul.wp-block-list {
	list-style:none;
	padding:0 !important;

	& li {
		position: relative;
		padding-left: 3ch;
		&::before {
			content: '\27F6'; /* Eigener Marker */
			position: absolute;
			left: 0;
			top: 0;
			min-width: 3ch;
			font-weight: var(--link-weight);
		}
	}
}

ol.wp-block-list {
	list-style:none;
	padding:0 !important;
	counter-reset: level1;
	& li {
		position: relative;
		padding-left: 3ch;
		counter-increment: level1;

		&::before {
			content: counter(level1) ".";
			position: absolute;
			left: 0;
			min-width: 3ch;
			top: 0;
			font-weight: var(--link-weight);

		}
	}
}