/*
Theme Name:   KIBUM
Theme URI:    https://www.kibum.de/
Description:  KIBUM child theme for the Greyd Theme
Author:       KIBUM
Author URI:   https://www.kibum.de/
Template:     greyd-theme
Version:      1.0.0
License:      GPLv2 or later
License URI:  http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:  greyd-child-theme
*/

body {
	--wp--custom--greyd--input--label--color--text: inherit;
}


.has-joybox-font-family {
    text-transform: uppercase !important;
}


/*****************************
*** BUTTON
*****************************/

.button {
	text-transform: uppercase;
}


/*****************************
*** IMAGES & VIDEOS
*****************************/

.wp-block-image.is-style-rounded-corners img {
	border-radius: 18px;
}

.wp-block-video {
	border-radius: 10px;
	overflow: hidden;
}


/*****************************
*** QUERY LOOP / SLIDER
*****************************/

.pgn.arrows > a {
	border-radius: 999px;
	background: rgba(255,255,255,.75) !important;
}
.pgn.arrows > a:hover {
	background: rgba(255,255,255,1) !important;
}



/*****************************
*** HOTSPOT-KARTE
*****************************/

.greyd-hotspot .popover {
	--popover-min-width: 16rem;
	font-size: 1rem;
}
.wp-block-greyd-hotspot-wrapper .greyd-media-wrapper > img {
	border-radius: 20px;
}


/*****************************
*** FAQ Accordions
*****************************/

#rank-math-faq * {
	font: inherit !important;
	padding: 0 !important;
	color: inherit !important;
	background: 0 !important;
	border: 0 !important;
}


#rank-math-faq .rank-math-question {
	font-weight: bold !important;
	padding: 1em 2.75em 1em 1.25em !important;
	background: var(--color13) !important;
	color: white !important;
	border-radius: 10px;
	transition: all .2s ease;
}

#rank-math-faq .rank-math-question:hover,
#rank-math-faq .rank-math-question.faq-q-open {
	background: var(--color12) !important;
}

#rank-math-faq .rank-math-question:after {
	color: white !important;
}

#rank-math-faq .rank-math-answer {
	font-size: inherit !important;
	padding: 0 1.25em !important;
}

#rank-math-faq .rank-math-answer > :first-child {
	margin-top: 0 !important;
	padding-top: 1em !important;
}
#rank-math-faq .rank-math-answer > :last-child {
	margin-bottom: 0 !important;
}


/*****************************
*** FIX FÜR TRENNER-GRAFIKEN
*****************************/

.pull-top,
.wp-block-boldblocks-svg-block.pull-top {
	margin-top: -.75em !important;
}
.push-behind {
	z-index: -1;
	position: relative;
}

.wp-block-boldblocks-svg-block {
	position: relative;
}
.wp-block-boldblocks-svg-block.alignfull .wp-block-boldblocks-svg-block__inner {
	margin: -1px 0;
}

.wp-block-boldblocks-svg-block.alignfull svg {
	min-height: 1.75em !important;
	min-width: 100vw !important;
	width: auto !important;
	height: auto !important;
}


/*****************************
*** HERO SECTION
*****************************/

.hero {
	position: relative;
}
.hero .wp-block-column,
.hero .wp-block-greyd-box {
	position: unset;
}
@media(max-width: 991px) {
	.hero .eintrittfrei {
		position: absolute;
		bottom: 0;
		right: 1em;
		z-index: 2;
		transform: translateY(42%) scale(.9);
	}
}

/*****************************
*** DESKTOP MAIN NAVIGATION
*****************************/

.wp-block-navigation a:hover {
	text-decoration: none;
}

.wp-block-navigation .wp-block-navigation__submenu-icon {
	display: none !important;
}

.wp-block-navigation > li > button {
	transition: all .2s ease;
	padding: 0 !important;
}

.wp-block-navigation > li.current-menu-item > a,
.wp-block-navigation > li > a:hover,
.wp-block-navigation > li.current-menu-item > button,
.wp-block-navigation > li > button:hover,
.wp-block-navigation > li > a.current-menu-ancestor,
.wp-block-navigation > li > button.current-menu-ancestor {
	color: var(--color12) !important;
}

.wp-block-navigation__submenu-container {
	box-shadow: none !important;
	padding: .5em 1em !important;
	left: 0 !important;
    transform: none !important;
}

.wp-block-navigation-submenu > li {
	white-space: nowrap;
}

#rank-math-faq .rank-math-question {
	color: #004587!important;	
}

#rank-math-faq .rank-math-question:after {
	color: #004587!important;
}


@media(max-width: 2000px) {
	.wp-block-navigation .wp-block-navigation-item:last-child .wp-block-navigation__submenu-container {
		left: auto !important;
		right: 0 !important;
	}
}

.wp-block-navigation__submenu-container a {
	font-weight: normal;
	padding: 0 !important;
}
.wp-block-navigation__submenu-container a:hover,
.wp-block-navigation__submenu-container .current-menu-item > .wp-block-navigation-item__content {
	text-decoration: underline !important;
	color: inherit !important;
}

/*****************************
*** OFF CANVAS MOBILE-MENU
*****************************/

.wp-block-greyd-popover.ocnav .popover-close-button {
	position: absolute;
	top: var(--wp--preset--spacing--small);
	right: var(--wp--preset--spacing--small);
}
.wp-block-greyd-popover.ocnav .is-variation-overlay {
	padding: var(--wp--preset--spacing--small) !important;
}
.wp-block-greyd-popover.ocnav .wp-block-navigation__submenu-container {
	padding: 0 !important;
	background: 0 !important;
}
.wp-block-greyd-popover.ocnav .wp-block-navigation * {
	justify-content: end !important;
    text-align: right !important;
	width: 100% !important;
}
.wp-block-greyd-popover.ocnav .wp-block-navigation > li {
	border-bottom: 2px solid;
}


/*****************************
*** FILTER / QUERY
*****************************/

.greyd_multiselect .tag,
.greyd_multiselect .tag:hover,
.greyd_multiselect .dropdown,
.greyd_multiselect .dropdown > *:hover {
	color: var(--color11) !important;
	border: 0 !important;
	outline: 0 !important;
}

.greyd_multiselect .dropdown {
	font-size: var(--wp--preset--font-size--tiny) !important;
}

/*
.float-left picture {
	float: left;
	margin: 0.5em 2em 1em 0;
}
*/