.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_caption.gallery-caption {
  left: 60px !important;
  padding: 3px !important;

}

.wp-block-jetpack-slideshow .wp-block-jetpack-slideshow_pagination.swiper-pagination-custom {
  padding: 6px 5px 5px !important;
}

#menu-item-27748 .sub-menu {
  max-height: 400px;
  overflow-y: auto;
  border: 1px solid #ccc;
  padding: 10px;
}

@media only screen and (min-width: 75em) {
  .navigation-classic .main-navigation li a {
    padding: 21px 10px;
  }
}

h2 {
  font-size: 24px !important;
}

h2 {
  font-size: 24px !important;
}

.rounded-box {
  border-radius: 16px;
  padding: 25px;
  overflow: hidden;
  border: 1px solid #e0e0e0;
  /* optioneel: rand mooier maken */
}

.rounded-box {
  border-radius: 8px;
  border: 1px solid #CCB05B;
  padding: 25px;
  overflow: hidden;
}

/* Correcte typografische hiërarchie herstellen */
.entry-content h1,
.page-content h1 {
  font-size: 2rem;
  /* grootste titel */
  font-weight: 700;
  margin-bottom: 0.8em;
}

.entry-content h2,
.page-content h2 {
  font-size: 1.6rem;
  /* duidelijk kleiner dan H1, groter dan H3 */
  font-weight: 700;
  margin-top: 1.5em;
  margin-bottom: 0.6em;
}

.entry-content h3,
.page-content h3 {
  font-size: 1.3rem;
  /* groter dan tekst, kleiner dan H2 */
  font-weight: 600;
  margin-top: 1.4em;
  margin-bottom: 0.6em;
}

.entry-content h4,
.page-content h4 {
  font-size: 1.15rem;
  /* subtieler dan H3 */
  font-weight: 600;
  margin-top: 1.2em;
  margin-bottom: 0.5em;
}

/* Tweede navigatie – basis */
.praktische-submenu a {
  color: #244E52;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 6px;
}

/* Hover */
.praktische-submenu a:hover {
  background-color: rgba(31, 95, 99, 0.15);
  color: #163F42;
}

/* Actieve link */
.praktische-submenu a.active,
.praktische-submenu a[aria-current="true"] {
  background-color: rgba(31, 95, 99, 0.25);
  color: #163F42;
  font-weight: 600;
}

/* =========================================================
   1) CONTENT-LINKS (alleen in de tekst, niet in menu/knoppen)
   ========================================================= */
.entry-content a,
.page-content a,
.wp-block-post-content a {
  color: #1F5F63;
  /* donker petrol */
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 3px;
}

.entry-content a:hover,
.page-content a:hover,
.wp-block-post-content a:hover,
.entry-content a:focus,
.page-content a:focus,
.wp-block-post-content a:focus {
  color: #163F42;
  /* iets donkerder bij hover */
}

/* Optioneel: visited links ook rustig houden */
.entry-content a:visited,
.page-content a:visited,
.wp-block-post-content a:visited {
  color: #1F5F63;
}


/* =========================================================
   2) TWEEDE MENU / SUBMENU (tabjes: "Praktische vragen" etc.)
   ========================================================= */

/* Probeer eerst deze (als jouw wrapper echt zo heet) */
.praktische-submenu a {
  color: #244E52;
  font-weight: 500;
  padding: 6px 10px;
  border-radius: 6px;
  text-decoration: none;
  /* tabs liever zonder underline */
}

.praktische-submenu a:hover,
.praktische-submenu a:focus {
  background-color: rgba(31, 95, 99, 0.15);
  color: #163F42;
}

.praktische-submenu a.active,
.praktische-submenu a[aria-current="true"] {
  background-color: rgba(31, 95, 99, 0.25);
  color: #163F42;
  font-weight: 600;
}

/* Als het bij jou NIET werkt, gebruik deze bredere fallback (laat 1 van de 2 staan) */
/*
#praktische-submenu a,
#praktische-submenu a:hover,
#praktische-submenu a:focus,
#praktische-submenu a[aria-current="true"] { }
*/


/* =========================================================
   3) ALGEMENE LINKS (fallback, indien thema toch rood forceert)
   ========================================================= */
a:hover,
a:focus {
  color: #163F42;
}

/* Licht contentvlak op levendige achtergrond */
.entry-content,
.page-content,
.wp-block-post-content {
  background-color: rgba(255, 255, 255, 0.18);
  padding: 2.5rem 2rem;
  border-radius: 12px;
}

/* Kolommen en inner blocks transparant maken */
.wp-block-column,
.wp-block-group,
.wp-block-cover__inner-container {
  background-color: transparent !important;
}

/* =====================================
   PRIJZEN – uniforme kaartstijl
   ===================================== */

/* 1) Alle bestaande achtergrondkleuren in prijzen verwijderen */
#prijzen .has-background,
#prijzen .wp-block-column,
#prijzen .wp-block-group {
  background: transparent !important;
}

/* Rounded box – zonder achtergrondkleur */
.rounded-box {
  border: 1px solid rgba(31, 95, 99, 0.22);
  border-radius: 12px;
  padding: 24px;
  background: transparent;
}

/* Submenu als leesbare ovale "pills" */
.subnav-pills a {
  display: inline-block;
  padding: 8px 14px;
  margin: 6px 6px;
  border-radius: 999px;
  background: rgba(196, 160, 74, 0.92);
  /* goud (semi) */
  color: #1f1f1f !important;
  text-decoration: none !important;
  line-height: 1.1;
  font-weight: 600;
  border: 1px solid rgba(0, 0, 0, 0.18);
}

/* Submenu pills – Landinfo / Landinformatie */
a[href*="#landinfo"],
a[href*="#landinformatie"] {
  display: inline-block;
  padding: 8px 14px;
  margin: 4px 6px;
  border-radius: 999px;
  background: rgba(196, 160, 74, 0.95);
  /* goud */
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.1;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

/* Hover */
a[href*="#landinfo"]:hover,
a[href*="#landinformatie"]:hover {
  background: rgba(196, 160, 74, 1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* Actieve sectie (wanneer aangeklikt) */
a[href*="#landinfo"][aria-current="true"],
a[href*="#landinformatie"][aria-current="true"] {
  background: rgba(196, 160, 74, 1);
  font-weight: 700;
}

/* Verwijder ongewenste scheidingslijn onder submenu / boven content */
.entry-content>.wp-block-group:first-child {
  border-bottom: none !important;
}

/* Extra zekerheid: ook bij alignfull containers */
.wp-block-group.alignfull {
  border-bottom: none !important;
}

/* Sommige thema’s gebruiken section of main */
.entry-content section {
  border-bottom: none !important;
}

/* === Inschrijvingsformulier – FIX breedte (pagina-specifiek) === */
.inschrijving-smal {
  max-width: 960px;
  /* totale zone fijner */
  margin-left: auto;
  margin-right: auto;
}

/* Beperk de volledige inschrijving-zone */
.inschrijving-wrapper {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* WPForms container corrigeren */
.inschrijving-wrapper .wpforms-container {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* Formulier zelf */
.inschrijving-wrapper .wpforms-form {
  max-width: 900px !important;
  margin: 0 auto !important;
}

/* Velden NIET schermbreed laten worden */
.inschrijving-wrapper .wpforms-field input,
.inschrijving-wrapper .wpforms-field select,
.inschrijving-wrapper .wpforms-field textarea {
  max-width: 100% !important;
  box-sizing: border-box;
}

/* 2e menu (anker-menu) – pills stijl */
.praktische-submenu {
  display: flex;
  flex-wrap: wrap;
  gap: 10px;
  justify-content: center;
  align-items: center;
  padding: 10px 0 6px;
}


/* Links in het 2e menu */
.praktische-submenu a {
  display: inline-flex;
  align-items: center;
  justify-content: center;

  padding: 8px 14px;
  border-radius: 999px;

  background: rgba(201, 178, 106, 0.95);
  /* goud */
  border: 1px solid rgba(0, 0, 0, 0.12);

  color: #1b1b1b;
  text-decoration: none;

  font-size: 14px;
  /* kleiner & eleganter */
  font-weight: 600;
  letter-spacing: 0.4px;
  text-transform: uppercase;

  line-height: 1;
  transition: transform .15s ease, background-color .15s ease, box-shadow .15s ease;
}

/* Hover */
.praktische-submenu a:hover {
  background: rgba(201, 178, 106, 1);
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.10);
  transform: translateY(-1px);
}

/* Actief (huidige sectie) */
.praktische-submenu a.active,
.praktische-submenu a[aria-current="true"] {
  background: #1F5F63;
  /* jouw turquoise accent */
  color: #ffffff;
  border-color: rgba(0, 0, 0, 0.10);
  box-shadow: 0 6px 14px rgba(0, 0, 0, 0.12);
}

/* Pills enkel voor de subnav-links (ankers met #...) */
a[href*="#vlucht"],
a[href*="#reisroute"],
a[href*="#prijzen"],
a[href*="#praktisch"],
a[href*="#reisverhalen"],
a[href*="#ervaringen"],
a[href*="#inschrijving"] {
  display: inline-block;
  padding: 8px 14px;
  margin: 4px 6px;
  border-radius: 999px;
  background: rgba(196, 160, 74, 0.95);
  /* goud */
  color: #1a1a1a !important;
  text-decoration: none !important;
  font-weight: 600;
  line-height: 1.1;
  border: 1px solid rgba(0, 0, 0, 0.15);
}

a[href*="#vlucht"]:hover,
a[href*="#reisroute"]:hover,
a[href*="#prijzen"]:hover,
a[href*="#praktisch"]:hover,
a[href*="#reisverhalen"]:hover,
a[href*="#ervaringen"]:hover,
a[href*="#inschrijving"]:hover {
  background: rgba(196, 160, 74, 1);
  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.12);
}

/* =========================
   1) PILL-STIJL: ALLEEN 2e MENU (SimpleTOC)
   ========================= */
.simpletoc-container a {
  display: inline-block !important;
  padding: 6px 14px !important;
  border-radius: 999px !important;
  background: #c9ab5a !important;
  /* jouw goud */
  color: #111 !important;
  text-decoration: none !important;
  line-height: 1.2 !important;
  font-size: 14px !important;
  /* eleganter/kleiner */
  font-weight: 600 !important;
}

.simpletoc-container a:hover {
  filter: brightness(0.95);
}

/* optioneel: bullets weg in TOC-lijst als je wil */
.simpletoc-container ul {
  list-style: none !important;
  padding-left: 0 !important;
}


/* =========================
   2) HOOFDMENU: HARD RESET (zodat het NOOIT pill/outline wordt)
   ========================= */
#site-navigation a,
#site-navigation a:hover,
#site-navigation li.current-menu-item>a,
#site-navigation li.current-menu-parent>a,
#site-navigation li.current-menu-ancestor>a,
.main-navigation a,
.main-navigation a:hover,
.main-navigation li.current-menu-item>a,
.main-navigation li.current-menu-parent>a,
.main-navigation li.current-menu-ancestor>a {
  background: transparent !important;
  border: 0 !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  outline: none !important;
}

/* als je thema met een pseudo-element een omlijning tekent */
#site-navigation a::before,
#site-navigation a::after,
.main-navigation a::before,
.main-navigation a::after {
  content: none !important;
}

/* Hoofdmenu: ALLE items altijd wit */
.main-navigation a,
.main-navigation .menu-item>a,
.main-navigation .current-menu-item>a,
.main-navigation .current-menu-parent>a,
.main-navigation .current-menu-ancestor>a {
  color: #ffffff !important;
}

/* Hover blijft wit (geen zwart terug) */
.main-navigation a:hover {
  color: #ffffff !important;
}

/* Links op Cover/Omslag: beter leesbaar */
.wp-block-cover a,
.wp-block-cover__inner-container a,
.wp-block-media-text a {
  color: #ffffff !important;
  font-weight: 600;
  text-decoration: none !important;
  text-shadow: 0 2px 10px rgba(0, 0, 0, .55);
  padding: 6px 12px;
  border-radius: 999px;
  /* mooie ovaal */
  background: rgba(0, 0, 0, .35);
  /* zachte “badge” */
  display: inline-block;
}

/* Hover (optioneel) */
.wp-block-cover a:hover,
.wp-block-cover__inner-container a:hover,
.wp-block-media-text a:hover {
  background: rgba(0, 0, 0, .50);
}

/* PROMOTION HEADLINE (1 + 2) – forceer juiste uitsnede op pc & mobiel */

/* 1) Zorg dat we nooit onbedoeld "groter" worden door padding/spacing */
.home .promotion-section,
.home .promotion-section .wrap,
.home .promotion-section .section-content-wrap {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}

/* 2) Desktop: vaste, elegante hoogte */
@media (min-width: 769px) {

  .home article.promotion-headline-image.type-image .thumb-wrapper,
  .home article.promotion-headline-image.type-image .post-thumbnail,
  .home article.promotion-headline-image.type-image .featured-image {
    height: 420px !important;
    /* pas gerust aan: 380–480 */
    overflow: hidden !important;
  }

  /* als het een IMG is */
  .home article.promotion-headline-image.type-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 55% !important;
    /* horizon iets hoger op pc */
    display: block !important;
  }

  /* als het een BACKGROUND is */
  .home article.promotion-headline-image.type-image,
  .home article.promotion-headline-image.type-image .thumb-wrapper {
    background-size: cover !important;
    background-position: 50% 55% !important;
  }
}

/* 3) Mobiel: lagere hoogte + andere uitsnede */
@media (max-width: 768px) {

  .home article.promotion-headline-image.type-image .thumb-wrapper,
  .home article.promotion-headline-image.type-image .post-thumbnail,
  .home article.promotion-headline-image.type-image .featured-image {
    height: 260px !important;
    /* pas aan: 220–320 */
    overflow: hidden !important;
  }

  /* IMG */
  .home article.promotion-headline-image.type-image img {
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: 50% 75% !important;
    /* 👈 meer bloemen op gsm */
    display: block !important;
  }

  /* BACKGROUND */
  .home article.promotion-headline-image.type-image,
  .home article.promotion-headline-image.type-image .thumb-wrapper {
    background-size: cover !important;
    background-position: 50% 75% !important;
    /* 👈 meer bloemen op gsm */
  }
}

/* ===== WEN Travel Pro Fallback CSS ===== */

/* ---------- WEN Travel Pro Hero / Featured Blocks ---------- */
body .wp-block-wen-travel-pro-hero,
body .wp-block-wen-travel-pro-featured,
body .wp-block-wen-travel-pro-about,
body .wp-block-wen-travel-pro-testimonials,
body .wp-block-wen-travel-pro-trips {
  font-family: inherit !important;
  color: inherit !important;
  text-align: center !important;
}

/* ---------- Center all headings ---------- */
body .has-text-align-center {
  text-align: center !important;
}

/* ---------- Buttons in WEN Travel Pro ---------- */

:where(.wp-block-columns.is-layout-flex) {
  gap: 2em;
}

/**
 * 011526
 */
.trip-template-default.no-sidebar .content-area .entry-content :is(.alignwide, .alignfull) {
	margin-left: 0;
	margin-right: 0;
	max-width: 100%;
}

.trip-template-default .comments-area {
	background: rgba(255, 255, 255, 0.18);
	border-radius: 15px;
	padding: 2rem 1.5rem;
}

.trip-template-default .comments-area .comment-container {
	padding: 24px;
}

.trip-template-default .comment-meta {
	margin-bottom: 16px;
}

.trip-template-default .comment-meta .author-name {
	opacity: 1;
}

.trip-template-default .comment-meta .entry-meta {
	margin: 0;
}

.trip-template-default .reply .comment-reply-link {
	background-image: linear-gradient(to left, #cca83f, #16dde0);
	padding: 14px 35px;
	border-radius: 35px;
	margin-top: 16px;
}

.trip-template-default .reply .comment-reply-link:hover {
	background-image: linear-gradient(to left, #968122, #b99470);
	box-shadow: 0px 15px 30px -17px rgba(0, 0, 0, 0.75);
	transform: translateY(-5px);
}

.trip-template-default .comment .children .comment-body {
	padding-top: 24px;
}

@media (max-width: 575px) {
	.trip-template-default .comments-area {
		padding: 1.5rem 1rem;
	}

	.trip-template-default .comments-area .comment-container {
		padding: 16px;
	}

	.trip-template-default .comment-content {
		font-size: 1rem;
	}
}

/**
 * Post Pagination
 */
.trip-template-default .post-navigation{
	margin-bottom: 60px;
}

.trip-template-default .post-navigation .nav-links{
	border-inline: none;
	gap: 16px;
	padding: 24px;
}

.trip-template-default #main .post-navigation .nav-links :is(.nav-next, .nav-previous){
	padding: 0;
	border: none;
	margin: 0;
}

.trip-template-default #main .post-navigation .nav-links .nav-next{
	margin-left: auto;
}

.trip-template-default .post-navigation .nav-links :is(.nav-next, .nav-previous) a :is(.nav-subtitle, .nav-title){
	transition: color .3s;	
}

.trip-template-default .post-navigation .nav-links :is(.nav-next, .nav-previous) a:hover :is(.nav-subtitle, .nav-title){
	color: #fff;
	opacity: 1;
}

@media (max-width: 575px){
	.trip-template-default .post-navigation .nav-links{
		padding: 24px 16px;
	}
}

ul,ol{
	margin-left: 1.1em;
}

.wp-block-jetpack-contact-form{
	padding: 16px;
}

.wp-block-jetpack-label {
	color: #333;
}

.wp-block-jetpack-contact-form-container  .wp-block-jetpack-contact-form{
		padding: 0;
	}

@media (max-width: 767px) {
	.trip-template-default .site-main .entry-content{
		padding: 2.5rem 1.3rem;
	}
}
@media only screen and (min-width: 1023px) {
	.single-trip .entry-image{
		text-align: center;
	}
    .single-trip .entry-image img {
        max-width: 70%;
    }
}

/* Simple TOC Menu Style */
.site .site-header.sticky{
	top: 0; 
}

.site-header.sticky :is(#header-top, #header-content){
	display:none;
}
.site-header.sticky .site-header-main > .wrapper{
	padding-top: 0;
}

.site-header.sticky #site-header-menu{
	margin-top: 0;
}

.site-header.sticky #site-header-menu .main-navigation li a{
	padding: 15px 20px;
}

#simpletoc-container.fixed-top{
	top: 61px;
}
.simpletoc-list{
	flex-wrap: wrap;
}

@media (max-width: 1300px) {
	.site-header.sticky #site-header-menu .main-navigation li a{
		padding: 15px 12px;
	}
}

@media (max-width: 1199px){
	#simpletoc-container.fixed-top{
		top: 70px;
	}
}

@media (max-width: 767px){
	#simpletoc-container.fixed-top{
		top: 51px;
		background: transparent !important;
		border:  none;
		padding: 0 0 10px;
	}
	
	#simpletoc-container .burger {
    text-align: left;
    margin: 0;
		padding: 10px;
	}

	#simpletoc-container .burger svg.icon {
			padding: 0.2em;
			width: 1.4em;
			height: 1.4em;
			background: #79e0e1;
			box-shadow: 0 0 8px 0 rgba(0,0,0,0.1);
		cursor: pointer;
		font-size: 24px;
	}
	
	#simpletoc-container .simpletoc-list{
		background: #79e0e1;
    padding-top: 55px;
		margin-top: -55px;
		box-shadow: 0 2px 2px 0 rgba(0,0,0,0.1);
	}
	#simpletoc-container .simpletoc-list li a,
	#simpletoc-container .simpletoc-list li a:hover{
		padding: 0 !important;
		background: transparent !important;
		border: none !important;
		border-radius: 0 !important;
		margin: 0 !important;
		box-shadow: none !important;
	}
}