/*
 * Gebruik zoveel mogelijk nested CSS
 * Meer informatie: https://www.w3schools.com/cssref/sel_nesting.php
 */

.home_event_slider .swiper-slide-next {
    opacity: 0.4;
}

.home_event_slider .swiper-slide-active {
    opacity: 1;
}

.aw_post_cat .elementor-icon-list-text span,
.single-review .aw_post_cat .elementor-icon-list-text span {
    margin-right: 8px;
    margin-bottom: 8px;
}

.aw_post_cat .elementor-icon-list-text span {
    background: #ffffffbf;
    padding: 10px 8px;
}

.single-review .aw_post_cat .elementor-icon-list-text span {
    background: rgb(255 255 255 / 30%);
    padding: 4px 8px;
    font-weight: bold;
}

.aw_post_cat span.elementor-icon-list-text,
span.elementor-icon-list-text {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
}

span.aw_post_cat {
    background: #fff !important;
}

.aw_post_auteur .elementor-icon-list-text {
    background: #ffffff;
    padding: 8px;
    margin-right: 8px;
}

.grey,
.grey img {
    filter: grayscale(100%) !important;
}

h4 {
    margin-bottom: 0;
}

time {
    text-transform: capitalize;
}

.facetwp-facet {
    margin-bottom: 10px !important;
}

.fs-label-wrap {
    border: 0 !important;
}

.fs-label-wrap .fs-label {
    padding: 12px 22px 12px 12px !important;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}

.facetwp-type-fselect,
.fs-wrap {
    min-width: 320px;
}

.facetwp-facet input.facetwp-search {
    border: 0;
    width: 500px;
}

.aw_paralax .elementor-widget-image {
    width: 100%;
}

.down {
    --column-height: 850px;
    --image-height: 300px;
    --row-gap: 20px;
    height: var(--column-height);
    overflow: hidden;
    position: relative;
}

.scroll-container {
    display: flex;
    flex-direction: column;
    animation: scrollDown 15s linear infinite;
}

.scroll-container img {
    height: var(--image-height);
    width: 100%;
    margin-bottom: var(--row-gap);
    object-fit: cover;
}

@keyframes scrollDown {
    0% { transform: translateY(0); }
    100% { transform: translateY(var(--scroll-distance)); }
}

.img_slider .swiper-wrapper {
    transition-timing-function: linear;
}

@media only screen and (min-width: 767px) {
    .img_slider img {
        transform: rotate(90deg);
    }
}

@media (max-width: 767px) {
    .no_bg_mobile {
        background-color: transparent !important;
    }

    .facetwp-type-fselect,
    .fs-wrap,
    .facetwp-facet input.facetwp-search,
    .facetwp-facet input.facetwp-location {
        min-width: 100% !important;
        max-width: 100% !important;
    }

    .aw_filter {
        display: flex !important;
        flex-direction: column !important;
        gap: 0 !important;
    }

    .facetwp-input-wrap {
        width: 100%;
    }
}

span.sub-arrow {
    font-size: 40px;
    position: absolute;
    right: unset;
    left: 140px;
    fill: #365a3f;
}

.aw_menu.elementor-widget.elementor-widget-nav-menu {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
}

.aw_menu .elementor-nav-menu--main .elementor-item {
    display: inline-flex;
}

.aw_menu .elementor-item.has-submenu.highlighted .sub-arrow {
    display: block !important;
}

.aw_menu .elementor-item.has-submenu .sub-arrow {
    display: none !important;
}

.aw_menu .sub-menu.elementor-nav-menu--dropdown {
    min-width: 100% !important;
}

.aw_menu .elementor-nav-menu .sub-arrow .e-font-icon-svg {
    margin-top: 30px;
}

.aw_menu .sub-menu .menu-item a:hover {
    font-weight: 700 !important;
}

.facetwp-facet.facetwp-facet-wissen.facetwp-type-reset {
    margin-bottom: 0 !important;
    text-decoration: underline;
}

.facetwp-facet.facetwp-facet-wissen.facetwp-type-reset a {
    color: #999;
}

.facetwp-type-search i.facetwp-icon {
    display: none !important;
}

.e-n-accordion-item .elementor-element {
    background: #fff;
    border: 0;
}

/* Trail-kalender: rustige maandbanen in huisstijl (afgezwakt, 2026-10-08) */
body .aw_event_month:nth-child(even) {
    background: #EBEDEC !important;
}

body .aw_event_month:nth-child(odd) {
    background: #F7FCF7 !important;
}

body .aw_event_month .elementor-heading-title {
    color: #365A3F !important;
}

body .aw_event_month .e-loop-item {
    box-shadow: 0 0 0 1px rgba(54, 90, 63, .12);
}

/* Trail-kalender: 3 tegels naast elkaar op kleinere desktops (1025-1439px) */
@media (min-width: 1025px) and (max-width: 1439px) {
    body .aw_event_month .elementor-widget-loop-grid .elementor-loop-container {
        grid-template-columns: repeat(3, 1fr) !important;
    }
}

/* Blogs-overzicht: paginering (2026-10-08) */
.elementor-pagination {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 8px;
    margin-top: 40px;
}

.elementor-pagination .page-numbers {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 40px;
    height: 40px;
    padding: 0 12px;
    border: 1px solid #365A3F;
    border-radius: 4px;
    color: #365A3F;
    font-weight: 700;
    text-decoration: none;
}

.elementor-pagination .page-numbers.current,
.elementor-pagination a.page-numbers:hover {
    background: #365A3F;
    color: #fff;
}

.elementor-pagination .page-numbers.dots {
    border: 0;
}


div#elementor-popup-modal-119  .dialog-widget-content {
    right: 0;
	box-shadow: none !important;
	top: 0;
}

div#elementor-popup-modal-119 {
    right: 0px;
    background: none;
    align-items: flex-end;
    float: right !important;
    margin-left: auto !important;
}


.boom {
  background-repeat: no-repeat;
}


 .elementor-icon-list-items .elementor-icon-list-item .elementor-icon-list-text span {
    display: block;
    float: left;
}

a#aw_popup {
    width: 60px;
    height: 60px;
}

.Wit {
	color: #fff !important;
}

.custom_btn:hover {
opacity: 0.7;	
}


@media only screen and (max-width: 768px) {
	a#aw_popup {
		width: 45px;
		height: 45px;
	}
}


/* WRAPPER blijft stabiel */
.logo-badge-wrap {
    display: inline-block;
    position: relative;
}

/* basis: geen animatie standaard */
.logo-badge {
    display: block;
    transform-origin: 50% -20px;
    will-change: transform;
    transform: rotate(0deg);
}

/* home intro */
.home .logo-badge.animate-in {
    animation: logoDrop 1s cubic-bezier(.22,1,.36,1) forwards;
}

/* scroll trigger animatie */
.logo-badge.swing {
    animation: logoNudge 500ms ease-out;
}

/* drop */
@keyframes logoDrop {
    0% {
        transform: translateY(-120px) rotate(-6deg);
        opacity: 0;
    }

    70% {
        transform: translateY(4px) rotate(2deg);
        opacity: 1;
    }

    100% {
        transform: translateY(0) rotate(0deg);
        opacity: 1;
    }
}

/* korte “tik” bij scroll */
@keyframes logoNudge {
    0%   { transform: rotate(0deg); }
    30%  { transform: rotate(-3deg); }
    60%  { transform: rotate(2.5deg); }
    100% { transform: rotate(0deg); }
}
/* ============================================================
   Menu-popup 119 — submenu (Trail Events) als schone rechterkolom.
   Voorheen stond het submenu 'position: static' in de flow, waardoor
   het bij openklappen de linkerkolom (Trail Travel/Shop/...) omlaag duwde
   en met de 200px link-padding uit beeld overliep (h-scrollbalk).
   Nu: submenu absoluut naast het item -> linkerkolom blijft staan.
   Herzien 2026-09-18 */

/* Paneelbreedte komt uit de popup-instellingen in Elementor (desktop 660px, mobiel 100vw);
   hier alleen voorkomen dat hij breder wordt dan het scherm */
#elementor-popup-modal-119 .dialog-widget-content {
    max-width: 100vw !important;
}

/* Binnen-containers niet laten afkappen zodat de rechterkolom zichtbaar blijft */
#elementor-popup-modal-119 .elementor-element-b4845f3,
#elementor-popup-modal-119 .aw-popup-menu,
#elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--main,
#elementor-popup-modal-119 .aw-popup-menu ul.elementor-nav-menu {
    overflow: visible !important;
}

/* Wat meer witruimte tussen "Zoeken" (bovenaan) en de nav (Trail Events) */
#elementor-popup-modal-119 .elementor-element-b4845f3 {
    margin-top: 22px !important;
}

/* Submenu uit de flow -> als rechterkolom naast het ouder-item */
#elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children {
    position: relative;
}
/* Item + submenu boven de eronder liggende hoofditems tillen, zodat het submenu
   de muis vangt (anders 'valt' de muis in de overlap op Trail Travel/Shop en
   sluit het submenu zodra je naar een 2e/3e item gaat) */
#elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children:hover {
    z-index: 30 !important;
}
#elementor-popup-modal-119 .aw-popup-menu .sub-menu.elementor-nav-menu--dropdown {
    position: absolute !important;
    top: 0 !important;
    left: 340px !important;      /* rechts van het langste hoofditem incl. pijl */
    width: max-content !important;
    min-width: 0 !important;
    margin: 0 !important;
    padding: 0 !important;
    box-shadow: none !important;
    z-index: 30 !important;
}
/* Submenu van het laatste hoofditem (Wie zijn wij) onderaan uitlijnen, anders loopt het
   onder het paneel uit en krijgt de popup een scrollbalk */
#elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children:last-child > .sub-menu.elementor-nav-menu--dropdown {
    top: auto !important;
    bottom: 0 !important;
}
/* Submenu-links: normale bloklinks zonder de 200px padding-hack */
#elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--dropdown a {
    display: block !important;
    width: 100% !important;
    padding: 10px 0 !important;       /* 44px per regel, zoals in het ontwerp */
    line-height: 24px !important;
    white-space: nowrap !important;   /* submenu-items op 1 regel */
}

/* Twee menu-widgets in de popup (Hoofdmenu + Menu onder) hebben de CSS-class aw-popup-menu;
   kleur/grootte van het onderste menu staan in de widget-instellingen in Elementor. */
/* Pijl achter Trail Events / Wie zijn wij op afstand van de tekst, zoals in het ontwerp */
#elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--main > ul > li > a .sub-arrow {
    margin-left: 35px !important;
}
/* Ontwerp: groen pijltje achter het submenu-item onder de muis */
#elementor-popup-modal-119 .aw-popup-menu .sub-menu a:hover::after,
#elementor-popup-modal-119 .aw-popup-menu .sub-menu a.elementor-item-active::after {
    content: "\2190";
    color: #8EBC3C;
    margin-left: 14px;
}

/* "Zoeken"-link linksboven zetten, boven Trail Events (links uitgelijnd met de nav) */
#elementor-popup-modal-119 .elementor-element-dbb94da {
    position: absolute !important;
    top: -8px !important;
    left: 36px !important;
    right: auto !important;
    width: auto !important;
    height: auto !important;
    z-index: 5 !important;
}

/* Zoekveld: tekst links in het witte veld, zoals in het ontwerp */
#elementor-popup-modal-119 .elementor-element-02df633 .elementor-button-content-wrapper {
    justify-content: flex-start !important;
}

/* Sluitknop (X) exact over de menu-toggle (#aw_popup, 60x60) plaatsen en even
   groot maken, zodat de X het menu-icoon visueel 'vervangt'. right:40px = de
   afstand van de toggle tot de content-rand (schaalt mee, scrollbar-onafhankelijk);
   top verschilt met/zonder WP-adminbar. */
#elementor-popup-modal-119 .elementor-element-ab15d2b {
    position: fixed !important;
    top: 20px !important;
    right: 40px !important;
    width: 60px !important;
    height: 60px !important;
    margin: 0 !important;
    padding: 0 !important;
    text-align: center !important;
    z-index: 100000 !important;
}
body.admin-bar #elementor-popup-modal-119 .elementor-element-ab15d2b {
    top: 52px !important;
}
#elementor-popup-modal-119 .elementor-element-ab15d2b .elementor-button,
#elementor-popup-modal-119 .elementor-element-ab15d2b .elementor-button-content-wrapper,
#elementor-popup-modal-119 .elementor-element-ab15d2b .elementor-button-icon,
#elementor-popup-modal-119 .elementor-element-ab15d2b .elementor-button-icon svg {
    width: 60px !important;
    height: 60px !important;
    font-size: 60px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
}

/* Submenu tonen bij hover/highlight */
#elementor-popup-modal-119 .elementor-nav-menu li:hover > .sub-menu,
#elementor-popup-modal-119 .elementor-item.has-submenu.highlighted + .sub-menu {
    display: block !important;
}

/* Mobiel (Elementor-breakpoint 767px): submenu klapt onder het hoofditem open i.p.v. als rechterkolom */
@media only screen and (max-width: 767px) {
    #elementor-popup-modal-119 .aw-popup-menu .sub-menu.elementor-nav-menu--dropdown,
    #elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--main > ul.elementor-nav-menu > li.menu-item-has-children:last-child > .sub-menu.elementor-nav-menu--dropdown {
        position: static !important;
        left: auto !important;
        top: auto !important;
        bottom: auto !important;
        width: auto !important;
        margin: 4px 0 10px 0 !important;
    }
    #elementor-popup-modal-119 .aw-popup-menu .elementor-nav-menu--dropdown a {
        white-space: normal !important;
        padding: 7px 0 !important;
    }
    #elementor-popup-modal-119 .elementor-element-dbb94da {
        left: 16px !important;
    }
}


.logo-badge, .elementor-widget-button  {
    pointer-events: all !important;
}

.elementor-sticky  {
	pointer-events: none !important;
}
/* Review-tegels (loop 17150): samenvatting-widget heeft class aw-loop-excerpt. Een handmatige samenvatting
   is kale tekst, de automatische uit de inhoud staat in een <p> met marge -> marge weg, ruimte via de
   widget-marge in Elementor, zodat beide gevallen gelijk uitlijnen. */
.aw-loop-excerpt p {
    margin: 0 !important;
}