/*
Theme Name:     Neve Child
Theme URI:      https://themeisle.com/themes/neve/
Template: neve
Author:         ThemeIsle
Author URI:     https://themeisle.com
Description:    Neve is a super fast, easily customizable, multi-purpose theme. It’s perfect for blogs, small business, startups, agencies, firms, e-commerce shops (WooCommerce storefront) as well as personal portfolio sites and most types of projects. A fully AMP optimized and responsive theme, Neve will load in mere seconds and adapt perfectly on any viewing device. While it is lightweight and has a minimalist design, the theme is highly extendable, it has a highly SEO optimized code, resulting in top rankings in Google search results. Neve works perfectly with Gutenberg and the most popular page builders (Elementor, Brizy, Beaver Builder, Visual Composer, SiteOrigin, Divi). Neve is also WooCommerce ready, responsive, RTL & translation ready. Look no further. Neve is the perfect theme for you!
Version:        1.0.0
License:        GNU General Public License v2 or later
License URI:    http://www.gnu.org/licenses/gpl-2.0.html
Text Domain:    neve
Tags: blog, custom-logo, e-commerce, rtl-language-support, post-formats, grid-layout, one-column, two-columns, custom-background, custom-colors, custom-header, custom-menu, featured-image-header, featured-images, flexible-header, full-width-template, sticky-post, theme-options, threaded-comments, translation-ready, accessibility-ready, wide-blocks, block-styles
*/

/*** Misc & Fixes ***/

body {
    overflow-x: clip;
}

body > .wrapper:not(.et-fb-iframe-ancestor) {
    overflow: clip;
}

ul.sar-toc__list {
  margin: 0!important;
}

.nv-content-wrap .sar-toc__list li {
    
}

/*** top header ***/

.header-top .builder-item {
	margin:0;
	padding-top:0;
	padding-bottom:0;
}

/*** Margin search ***/

.header-main-inner .hfg-slot .builder-item {
	padding-right: 15px;
    padding-left: 0;
}

/*** breadcrumb seperator Formatierung ***/

.rank-math-breadcrumb p {
	line-height:1;
	margin-bottom: 10px;
}

.neve-breadcrumbs-wrapper .rank-math-breadcrumb span.separator, .rank-math-breadcrumb a, .rank-math-breadcrumb span {
	color:#fff;
	font-size:1.0rem;
	text-decoration:none;
}
.rank-math-breadcrumb span.separator {
	font-size:1.8rem;
	display: inline-flex;
    align-items: center;
    vertical-align: bottom;
    position: relative;
    top: 4px; /* Wert anpassen bis es passt */
	padding-left: 8px;
	padding-right: 8px;
}

/*** Sprungmarkenmenü ***/

.wp-block-navigation.sprungmarkenmenue .wp-block-navigation__container {
    gap: 12px;
}

.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 10px;
    padding: 4px 0;
    color: #1a3a5c;
    text-decoration: none;
    transition: color 0.15s ease;
}

.nv-content-wrap .sar-toc__item {
  margin-top: 0;
}

/* Pfeil vor jedem Link — nutzt 1em, skaliert also mit der Schriftgröße */
.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content::before {
    content: "";
    width: 0.85em;
    height: 0.85em;
    flex-shrink: 0;
    background-color: currentColor;
    opacity: 0.6;
    -webkit-mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5l8 7-8 7z'/></svg>") center / contain no-repeat;
            mask: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M8 5l8 7-8 7z'/></svg>") center / contain no-repeat;
    transition: transform 0.2s ease, opacity 0.2s ease;
}

/* Animierter Unterstrich 
.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content::after {
    content: "";
    position: absolute;
    left: calc(0.85em + 10px);
    right: 0;
    bottom: 0;
    height: 2px;
    background: #e87722;
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.2s ease;
}
*/

.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content:hover,
.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content:focus-visible {
    color: #e87722;
}

.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content:hover::before,
.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content:focus-visible::before {
    opacity: 1;
    transform: translateX(2px);
}

.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content:hover::after,
.wp-block-navigation.sprungmarkenmenue .wp-block-navigation-item__content:focus-visible::after {
    transform: scaleX(1);
}

/*** "Springen zu" vor den Sprungmarken 

.wp-block-navigation.sprungmarkenmenue .wp-block-navigation__container::before {
    content: "Springen zu:";
    align-self: center;
    margin-right: 4px;
    opacity: 0.6;
    font-size: 0.85em;
    text-transform: uppercase;
    letter-spacing: 0.05em;
}

***/

/*** Slider Padding ***/

.sar-slider.alignfull {
	padding-left:0;
	padding-right:0;
}

.sar-slider {
	margin:0;
}

/*** Getwid Section Padding <> to none ***/

.wp-block-getwid-section.alignfull {
	padding-left:0;
	padding-right:0;
}

/*** manus font h1 & specials ***/

.home h1 {
	 font-size:4rem;
}

h1, h2, h3, .nav-ul li a {
    /* font-family: 'manus', sans-serif; */
	color:#002454;
}

h1.sar-overview-title {
	/* font-size:3.8rem; */
}

h2.section-h2 {
    /* font-family: 'manus', sans-serif!important; */
	font-size: 46px;
}
}

h2.sar-itinerary-title, h2.sar-guides-title, h2.sar-booking-title, h2.sar-contact-title {
	font-size:2.8rem;
}

 h2.sar-contact-title {
	font-size:2.8rem;
	text-align:center;
}

.sar-overview-description h2 {
	font-size:1.9rem;
}

h3.sar-travel-card__title {
	font-size:1.4rem;
}

/*** Reiseleitungs- / Beratungsblöcke  ***/

.two-color-columns :where(.wp-block-columns) {
  margin-bottom: 0rem;
}

.two-color-columns .wp-block-getwid-section__wrapper {
	padding-top:0;
	padding-bottom:0;
}

.sar-contact-label {
	display:none;
}

.sar-contact-detail {
	font-size:.8rem;
}

/*** Reiseliste Block ***/

.sar-travel-card__countries {
	font-size:.9rem;
}

.sar-travel-card__pax {
	font-size:.7rem;
}

/*** Reise Info Block ***/

.sar-country-info {
    margin: 0;
}

/*** Kartenblock ***/

.sar-travel-map {
	margin:0;
}

.sar-travel-map.alignfull {
	padding:0;
}

/*** Buttons ***/

.button.button-primary, .is-style-primary .wp-block-button__link {
  background: var(--nv-secondary-accent);
  color: var(--primarybtncolor);
  padding: var(--primarybtnpadding); ...
}

/*
.sar-contact-btn, .sar-booking-date__btn, .sar-overview-book-btn, .sar-travel-card__arrow, .sar-result-row__arrow, .sar-finder__submit {
	color:#ffffff;
	font-weight:700;
}
*/

.sar-results__toggle-btn:first-child {
	border-radius: 3px 0 0 3px;
}

.sar-results__toggle-btn:last-child {
	border-radius: 0 3px 3px 0;
}

.sar-contact-btn:hover, .sar-booking-date__btn:hover, .sar-overview-book-btn:hover {
	color:#ffffff;
}

.sar-results__toggle-btn.is-active {
	color:#ffffff!important;
}

/*** Footer ***/

.footer-main {
	padding-top:40px;
	padding-bottom:40px;
}

footer a strong {
	text-decoration:none;
	font-weight:300;
}

/*** sticky column ***/

@media (min-width: 960px) {


    /* Column selbst sticky. !important weil Theme/Getwid oft eigene Regeln
       auf .wp-block-column setzen, und align-self muss zwingend start sein,
       sonst streckt flexbox die Column auf volle Hoehe — dann hat sticky
       nichts zu tun. */
    .sar-sticky {
        position: sticky !important;
        top: 160px;
        align-self: flex-start !important;
    }
    /* Neve's Root-Wrapper hat overflow:hidden (verhindert horizontales Scrollen bei
       randueberlaufenden Elementen). Das killt sticky in der gesamten Seite. 
       Nur aufloesen, wenn die Seite tatsaechlich eine sar-sticky-Column enthaelt. */
    body:has(.sar-sticky) .wrapper {
        overflow: visible !important;
    }	
}