/*
 Theme Name:   hannIT
 Theme URI:    https://generatepress.com
 Description:  GeneratePress child theme für hannIT
 Author:       Mark Colling
 Author URI:   https://mark-colling.de
 Template:     generatepress
 Version:      1.0.2
*/

/**
 *  Overwrites & Fixes 
 */
b, strong {
	font-weight: 600;
}

a, button, input {
	transition: color .1s ease-in-out,background-color .1s ease-in-out, border-color .2s ease-in-out;
}

a.btn-svg:hover svg, 
.util-btns-svg a:hover svg, 
.btn-svg-sngl:hover svg {
	fill: #fff;
}
.util-btns-svg a:hover {
	background-color: var(--hannit-darkgreen);
	border-color: var(--hannit-darkgreen);
	color: var(--base-3);
}
a.btn-svg-drk:hover svg {
	fill: var(--hannit-text);
}
.btn-svg-sngl:hover {
	background-color: var(--hannit-darkgreen);
	border-radius: 50%;
}

.search .page-header {
	display: none;
}

.no-results.not-found {
	margin-left: auto;
	margin-right: auto;
	max-width: var(--gb-container-width);
	padding: 120px 40px;
}

.main-nav-btns > a {
	font-size: 16px;
}

.traeger-grid > div {
	display: flex;
	justify-content: center;
	align-items: center;
}

/* Sticky Nav */
.navigation-branding img, 
.site-logo.mobile-header-logo img {
	height: auto !important;
	width: 150px !important;
}
.sticky-enabled .main-navigation.is_stuck {
	background-color: var(--hannit-darkgreen);
}
#secondary-navigation {
    position: sticky;
    top: 0;
    z-index: 1001;
}
#sticky-navigation {
    top: 40px !important;
}
@media (max-width: 767px) {
	#sticky-navigation .main-nav-btns {
		display: none;
	}
}

@media (min-width: 1025px) {
	.site-header .main-nav-btns {
		margin-left: 5vw;
	}
}

@media (min-width: 1025px) {
	.sub-menu li .sub-menu a {
		font-size: 1rem !important;
	}
	.main-navigation .main-nav ul ul ul {
		top: -20px !important;
		margin-left: 30px;
	}
	.main-navigation ul ul {
		padding: 20px;
		border-radius: 30px;
	}
	.main-navigation .main-nav ul ul li a {
		border-radius: 30px;
	}

	.main-navigation .main-nav ul ul {
		display: block !important;  
		visibility: hidden;
		opacity: 0;
		transition: opacity 0.2s ease, visibility 0s 0.2s;
		left: 100%;
	}

	.main-navigation .main-nav ul li:hover > ul,
	.main-navigation .main-nav ul li.sfHover > ul {
		visibility: visible;
		opacity: 1;
		transition: opacity 0.2s ease, visibility 0s 0s;
	}

	.main-navigation .main-nav ul ul::before {
		content: '';
		position: absolute;
		top: 0;
		left: -45px;        
		width: 50px;
		height: 100%;
		background: transparent;
		pointer-events: auto;
	}
}

/* Keine Zahlen in Timeline auf Über uns Seite */
.page-ueber-uns .timeline.counter > ul.timeline__list > li.timeline__item::after {
	content: "";
}

body.single-post .site-logo:not(.site-logo.alternate), 
body.single-veranstaltungen .site-logo:not(.site-logo.alternate), 
body.search-results .site-logo:not(.site-logo.alternate), 
body.search-no-results .site-logo:not(.site-logo.alternate), 
body.error-404 .site-logo:not(.site-logo.alternate), 
body.page-ueber-uns .site-logo:not(.site-logo.alternate), 
body.page-ausbildung-und-duales-studium .site-logo:not(.site-logo.alternate), 
body.page-berufseinsteigende .site-logo:not(.site-logo.alternate), 
body.page-berufserfahrene .site-logo:not(.site-logo.alternate), 
body.page-impressum .site-logo:not(.site-logo.alternate), 
body.page-datenschutzerklaerung .site-logo:not(.site-logo.alternate) {
	display: none;
}

/**
 *  Blocks 
 */
.main-nav-btns .btn-service-desk, 
.slideout-navigation .btn-service-desk {
	display: flex;
	align-items: center;
	gap: 10px;
}
.main-nav-btns .btn-service-desk .gb-shape > svg, 
.slideout-navigation .btn-service-desk .gb-shape > svg {
	width: 20px;
	height: 20px;
}

.wp-block-latest-posts__list.wp-block-latest-posts {
	margin: 0;
}
.wp-block-latest-posts__list.wp-block-latest-posts li:not(:last-child) {
	margin-bottom: 16px;
}

.aktuelles-list .gspb_filter_ul {
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
}
.aktuelles-list .gspb_filter_panel {
	margin-bottom: 120px;
	box-shadow: none;
}
.aktuelles-list .gspb_filter_panel ul.gspb_filter_ul li span.gspb_filtersort_btn {
	font-size: 16px;
  	font-weight: 600;
	color: var(--hannit-darkgreen);
	padding: 8px 16px;
	border: 2px solid var(--hannit-darkgreen);
	border-radius: 30px;
}

.aktuelles-list .gspb_meta.inline-flex {
	display: inline-flex;
}
.aktuelles-list .gspb_ajax_pagination {
	display: flex;
	justify-content: center;
}

@media (min-width: 1025px) {
	li.type-veranstaltungen .veranstaltungen-query-date .gspb_meta_value {
		width: 170px;
	}
}

/**
 *  Customs 
 */

.hannit-check-list li {
	word-wrap: anywhere; /* wegen Zeugnis_Unternehmen_MiaMustermensch (◔_◔) */
}

.hannit-check-list li span.gb-shape {
	position: relative;
	top: 6px;
}
.hannit-check-list li span.gb-shape svg {
	height: auto;
	width: 24px;
}

.clip-cut {
	clip-path: polygon(28% 0, 100% 0, 100% 100%, 0 100%);
}
@media (max-width: 767px) {
	.clip-cut {
		clip-path: none;
	}
}

body {
  overflow-x: clip;
  width: 100%;
}

.breakout-right {
	width: calc(100% + max(0px, (100vw - var(--gb-container-width)) / 2));
	margin-right: calc(-1 * max(0px, (100vw - var(--gb-container-width)) / 2));
}