/**
 * Theme Name:   Pace 4 Child Theme
 * Template:     pace4
 * Description:  Child Theme for Pace 4
 * Version:      1.0.0
 * Author:       Wordliner GmbH
 * Author URI:   https://wordliner.com
 * Text Domain:  pace4-child-theme
 * Requires PHP: 8.2
 */

/* Fix for variable font in Safari */
body {
    font-synthesis: none;
	overflow-x: hidden;
}
/*---*/

a.wp-block-button__link {
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

a.wp-block-button__link:hover {
	background: var(--wp--preset--color--main-color);
    border-color: var(--wp--preset--color--main-color);
    color: var(--wp--preset--color--white);
	transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.has-secondary-color-color {
	background: none;
}

.button-dark-bg *:hover,
.is-style-outline *:hover {
	color: var(--wp--preset--color--white) !important;
}

mark {
  background-color: transparent;
}

/* Greenshift resets */

.block-editor-block-list__layout.is-root-container > * {
  max-width: none !important;
}

:root :where(.is-layout-flow) > *,
:where(.wp-site-blocks) > * {
    margin-block-start: 0 !important;
}

/* CORE BLOCK RESETS */

:where(figure) {
	  margin: 0;
}

/* Own Classes: replace with tailwind (?) */

.object-top {
	object-position: top;
}

.auto-top {
	margin-top: auto;
}

.m-auto {
	margin: auto;
}

.self-center {
	align-Self: center;
}

.p-0 {
	padding: 0;
}

.m-0 {
	margin: 0;	
}

.min-w-full {
	min-width: 100%;	
}

.min-h-full,
.min-h-full * {
	min-height: 100%;
}

.w-full,
.w-full * {
	width: 100%;
}

.object-cover * {
	object-fit: cover;
}


.h-auto,
.h-auto * {
	height: auto;
}

/* Gutemberg Core Blocks */

.gb-bild-min-w-full > * {
	min-width: 100%;	
}


/* MEGAMENU */

@media (max-width: 768px) {
	.logo img {
		width: 100px;
	}
}

.show {
    margin-top:0 !important;
}

/* Algemein */

.one-line-title {
	max-width: 100%;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

/* Google2Web (TODO: need some improvement to adapt to PACE4 regarding title and link to all reviews) */

.wl-bewertung-output-main h2 {
	display: none !important;
}

.wl-bewertung-output-main .full-width.align-center {
	display: none !important;
}

/* Blogbeiträge */


.wl-post-banner-ratgeber-text-content .wl-post-banner-standard-text,
.single.single-post .entry-content p,
.single.single-post .entry-content h2,
.single.single-post .entry-content .wl-post-banner-standard-text {
	color: var(--wp--preset--color--main-color) !important;
}

.single.single-post .entry-content p {
	font-size: var(--wp--preset--font-size--medium) !important;
	font-weight: regular;
	padding: 20px 0;
}

.single.single-post .entry-content h2 {
	font-size: clamp(23.043px, 1.44rem + ((1vw - 3.2px) * 1.466), 38px);
	line-height: 1.4;
	text-align: left;
}

.single.single-post p:empty,
.single.single-post p:empty:before,
.single.single-post p:empty:after {
	display: none;
}

.single.single-post .entry-content b, .single.single-post .entry-content strong {
	font-weight: bold;
}

.single.single-post .entry-content .wl-post-banner-ratgeber-text-content h2 {
	color: var(--wp--preset--color--secondary-color) !important;
}

.wl-post-banner-ratgeber-main-grid {
	border: 1px solid var(--wp--preset--color--main-color) !important;
}

.wl-post-banner-ratgeber-main-grid .wl-post-banner-ratgeber-text-content {
	display: flex;
	flex-direction: column;
	gap: 20px;
}

/* WLAC-RADAR */

.searchfilter-marketing-type,
.radar-marktDaten-intro .radar-onlyMarketData-results,
div.results-based-on-marketing-type {
	background-color: var(--wp--preset--color--main-color);
}

.searchfilter-marketing-type-active {
	background-color: var(--wp--preset--color--secondary-color);
}

#radar-top-block-grid .radar-filters-grid {
    top: -190px;
}

.radar-contact-block .rd-ladenhuter-block-col-3 div {
    display: grid;
	grid-gap: 10px;
}

.radar-contact-block .rd-ladenhuter-block-col-3 a {
    width: fit-content;
}

#wlac-radar #radar-umkreis-input, .radar-filters-section-row-1 select, #wlac-radar .radar-filters-section-row-2 select {
    min-height: 37px;
}

#suchauftragBox .wlradar-suchauftrag-modal-btn {
    text-decoration: none;
}

#finde-immobilien-portalubergreifend-und-regional {
	margin-bottom: 160px;
}

@media(max-width: 852px) {
	#radar-top-block-grid .radar-filters-grid {
		top: -485px;
	}
	
	.wlac-main #wlac-radar {
        margin-top: 400px;
    }
	
	#finde-immobilien-portalubergreifend-und-regional {
		margin-bottom: 50px;
	}
}

@media(max-width: 768px) {
	.wlac-main #wlac-radar {
        margin-top: 420px;
    }
	
	#finde-immobilien-portalubergreifend-und-regional {
		margin-bottom: 20px;
	}
}

@media(max-width: 500px) {
	#finde-immobilien-portalubergreifend-und-regional {
		margin-bottom: 30px;
	}
}


/* WLAC Button overwrite (contact Form) */

/* .p-button.p-component {
	border-style: solid !important;
	border-width: 2px !important;
	border-color: var(--wp--preset--color--secondary-color,#ff9a00) !important;
	background-color: var(--wp--preset--color--secondary-color,#ff9a00) !important;
	font-size: var(--wp--preset--font-size--medium);
	font-style: normal;
}

.p-button.p-component:hover {
	background-color: #FFF !important;
	color: var(--wp--preset--color--secondary-color,#ff9a00) !important;
}
 */