/*
 Theme Name:   GeneratePress Child
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme for pfefferberg.de
 Author:       Dennis Reinitz
 Author URI:   https://www.pfefferwerk.de
 Template:     generatepress
 Version:      0.3
*/

:root {
	--box-shadow: 6px 6px 9px rgba(0, 0, 0, 0.2);
}


.content-area,
.main-navigation.grid-container {
	width: 100%;
	background-color: var(--base-3);
	max-width: 100%;
}

/* Hero Section on Front Page */
.custom-hero {
	position: relative;
	height: calc(100vh - 280px);
	/* Adjust as needed */
	display: flex;
	align-items: center;
	justify-content: center;
}

.has-zoom {
	/*   overflow: hidden !important;*/
	/*padding-bottom: 55%;*/
}

.has-zoom img {

	position: fixed;
	bottom: 20%;
	left: 50%;
	max-width: 120vw;
	width: 120vw;
	z-index: -1;
	transform: translateX(-50%);
	/* Thanks  @bastian_fiessinger. Use when activating blur effect: */
	will-change: -webkit-filter, filter, transform;

}

.custom-hero-overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	color: rgba(0, 0, 0, 0.5);
	background: rgba(0, 0, 0, 0);
	/*background: radial-gradient(circle, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 19%, rgba(102,102,102,0.1) 39%, rgba(102,102,102,0.2) 100%);*/
	/*background: linear-gradient(0deg, rgba(0,0,0,0.5) 0%, rgba(0,0,0,0) 41%, rgba(0,0,0,0) 100%);*/
	background: linear-gradient(0deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 50%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.4) 100%);

}

.custom-hero .site-logo,
.custom-hero .custom-logo {
	z-index: 2;
	min-width: 350px;
	max-width: 1200px;
	width: 80vw;

}

.hero-content {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	background-color: var(--base-3);
	padding: 2rem 4rem;
	gap: 1rem;
	opacity: .8;
	/* Full height of the hero section */

	max-width: 1200px;
	width: 80vw;
}

.hero-text {}

#masthead>div.inside-header>div.site-logo {
	padding: 2rem 0 20px;
}

.site-header {
	height: 120px;
	border-bottom: 1px solid #dfdfdf;
}


#primary-menu li.menu-item a {
	font-size: 18px;
	text-transform: uppercase;
	font-weight: 600;
	transition: all .35s ease-in-out;
}

.site-header .header-image {
	width: 350px;
}

/*> a > img.header-image.is-logo-image {} */

.industry-icons>div {
	padding: 1rem 2rem;
	column-gap: 6rem;

}

.home h2 {
	text-transform: uppercase;
	font-size: 24px;
	color: var(--accent);
	border-bottom: 1px solid #dfdfdf;
	line-height: 2.5;

}


.inside-footer-widgets>div {
	display: flex;
	justify-content: center;
	align-items: center;
}

.site-footer #menu-legal-menu {
	font-size: 14px;
	line-height: 1.2;
	text-align: right;
	
	
	
}

/* Timeline */

.cool-vertical-timeline-body .timeline-content .story-details {
    border-radius: 0px;
    box-shadow: 0 2px 50px 7px rgba(0, 0, 0, .1);
  
}


.cool-vertical-timeline-body .timeline-content .story-details figure {margin-bottom: 20px;}
/* Media Queries */

@media screen and (max-width:1200px) {
    .has-zoom img {
        object-fit:cover;
        height:100%;
    }
}

@media screen and (max-width:768px) {
    .home .inside-article { padding:30px 0;}
    .home .wp-block-media-text__content {padding:0}
	.site-footer #menu-legal-menu {
		text-align: center;
	}

}