@import url("https://fonts.googleapis.com/css2?family=Nunito:wght@400;600;700&display=swap");

/*
Theme Name: Botiga André & Alfred (Local)
Template: botiga
Version: 1.0.0
Description: Local styling for the André & Alfred homepage using Botiga.
*/

/* A little breathing room around the episode player and shop sections. */
.home .entry-header,
.home .page-header {
  display: none;
}
.home .entry-content {
  margin-top: 0;
  margin-bottom: 0;
}
.aa-botiga-home {
  color: #183126;
}
.aa-home-section {
  padding: clamp(30px, 5vw, 64px) 20px;
}
.aa-series-section {
  background: #afd1b8;
}
/* Match the School page's pale-green edge-to-edge canvas behind the Serie section. */
.home .site-main,
.home .content-wrapper,
.home .entry-content {
  background-color: #afd1b8 !important;
}
.aa-home-inner {
  width: min(1120px, 100%);
  margin-inline: auto;
}
.aa-series-title {
  display: block;
  width: min(100%, 1247px);
  height: auto;
  margin: 0 auto 24px;
}
.aa-section-intro {
  max-width: 740px;
  margin: 0 auto 26px;
  text-align: center;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.55;
}
.aa-player-frame {
  max-width: 1000px;
  margin: 0 auto;
  padding: clamp(8px, 1.5vw, 16px);
  overflow: hidden;
  border-radius: 18px;
  background: #173126 !important;
  box-shadow: 0 12px 30px rgba(16, 42, 29, 0.2);
}
.aa-player-frame > div {
  max-width: 100%;
  margin-inline: auto;
}
.aa-player-frame video,
.aa-player-frame iframe {
  max-width: 100%;
}
.aa-shop-section {
  background: #fffaf4;
}
.aa-shop-title {
  display: block;
  width: min(400px, 88%);
  height: auto;
  margin: 0 auto 20px;
}
.aa-shop-intro {
  max-width: 720px;
  margin: 0 auto 32px;
  text-align: center;
  line-height: 1.6;
}
.aa-shop-products {
  max-width: 1180px;
  margin-inline: auto;
}
.aa-shop-link {
  margin: 36px auto 0;
  text-align: center;
}
.aa-shop-link a {
  display: inline-block;
  padding: 13px 24px;
  border-radius: 999px;
  background: #f36c21;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
}
.aa-shop-link a:hover,
.aa-shop-link a:focus {
  background: #d65316;
  color: #fff;
}
@media (max-width: 640px) {
  .aa-home-section {
    padding: 28px 12px 36px;
  }
  .aa-player-frame {
    padding: 6px;
    border-radius: 12px;
  }
}

/* Use the supplied artwork as the persistent site identity in Botiga's header. */
.site-branding .site-title,
.site-branding .site-description {
  display: none;
}
.site-branding .custom-logo-link img {
  width: clamp(180px, 22vw, 300px);
  max-width: 100%;
  height: auto;
}

/* Give the site logo at least one third of the desktop viewport width. */
@media (min-width: 768px) {
  #masthead .site-header-inner > .row.valign > .col-md-5:first-child {
    flex: 0 0 37.5%;
    max-width: 37.5%;
  }
  #masthead .site-header-inner > .row.valign > .col-md-2 {
    flex: 0 0 40%;
    max-width: 40%;
  }
  #masthead .site-header-inner > .row.valign > .header-elements {
    flex: 0 0 22.5%;
    max-width: 22.5%;
  }
  #masthead .site-branding {
    width: 100%;
    max-width: 100%;
  }
  #masthead .site-branding .custom-logo-link img {
    width: min(34vw, 520px);
    max-width: 100%;
  }
}

@media (max-width: 767px) {
  .site-branding .custom-logo-link img {
    width: min(62vw, 220px);
  }
}

/* Make the desktop site logo occupy about half the available screen width. */
@media (min-width: 768px) {
  #masthead .site-header-inner > .row.valign > .col-md-5:first-child {
    flex: 0 0 30%;
    max-width: 30%;
  }
  #masthead .site-header-inner > .row.valign > .col-md-2 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  #masthead .site-header-inner > .row.valign > .header-elements {
    flex: 0 0 20%;
    max-width: 20%;
  }
  #masthead .site-branding .custom-logo-link img {
    width: min(50vw, 700px);
  }
}

@media (min-width: 992px) {
  #masthead .site-branding .custom-logo-link img {
    max-width: none;
    width: min(50vw, 700px);
  }
}

/* Purple pill buttons for every primary navigation item. */
#masthead .main-navigation .botiga-dropdown-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  margin: 3px 3px 3px 0;
  padding: 7px 10px;
  border: 1px solid #563377;
  border-radius: 11px;
  background: #704894;
  box-shadow: 0 2px 5px rgba(48, 29, 72, 0.16);
  color: #fff !important;
  font-weight: 600;
  line-height: 1.2;
  text-decoration: none;
  transition: background-color 150ms ease, box-shadow 150ms ease, transform 150ms ease;
}
#masthead .main-navigation .botiga-dropdown-link:hover {
  background: #875eae;
  box-shadow: 0 4px 9px rgba(48, 29, 72, 0.22);
  color: #fff !important;
  transform: translateY(-1px);
}
#masthead .main-navigation .botiga-dropdown-link:focus-visible {
  outline: 3px solid #f6b94b;
  outline-offset: 2px;
}
#masthead .main-navigation .current-menu-item > .botiga-dropdown-link,
#masthead .main-navigation .current_page_item > .botiga-dropdown-link {
  background: #543574;
}

#masthead .main-navigation > div > .botiga-dropdown-ul:not(.sub-menu) {
  display: flex !important;
  flex-wrap: wrap;
  align-items: center;
  gap: 5px;
}
#masthead .main-navigation > div > .botiga-dropdown-ul:not(.sub-menu) > .botiga-dropdown-li {
  flex: 0 0 auto;
  width: auto;
  margin: 0;
}
#masthead .main-navigation .botiga-dropdown-link {
  margin: 0;
}

/* Set the menu order: Alles, Serie, School, Extra’s, Alfred S*cks, Contact, Fanshop. */
#masthead #menu-item-448 { order: 0; }
#masthead #menu-item-740 { order: 1; }
#masthead #menu-item-741 { order: 2; }
#masthead #menu-item-1383 { order: 3; }
#masthead #menu-item-1368 { order: 4; }
#masthead #menu-item-1199 { order: 5; }
#masthead #menu-item-106 { order: 6; }

/* Stack episode labels in the playlist; set the episode name in American Typewriter. */
.thumbsHolder .padding > img {
  float: left;
  margin: 0 8px 0 0 !important;
}
.thumbsHolder .padding > .title,
.thumbsHolder .padding > .reg {
  display: block !important;
  margin-left: 72px !important;
  width: auto !important;
  white-space: normal !important;
}
.thumbsHolder .padding > .reg {
  margin-top: 3px !important;
  font-family: "American Typewriter", "Courier New", serif !important;
  font-size: 10px !important;
  line-height: 1.25 !important;
}

/* Muted, gray-green header to echo the player frame. */
.site-header {
  background-color: #293a34 !important;
}
.site-header .header-elements,
.site-header .header-elements a {
  color: #fff !important;
}
.site-header .header-elements svg path {
  fill: #fff !important;
}

/* Keep the homepage canvas and webshop in the same muted gray-green as the header. */
body.home {
  background-color: #293a34 !important;
}
.home .content-wrapper {
  margin-top: 0 !important;
  background-color: #293a34 !important;
}
.home .aa-shop-section {
  background-color: #293a34 !important;
  color: #f4f1e9;
}
.home .aa-shop-section .aa-shop-intro,
.home .aa-shop-section .woocommerce-loop-product__title,
.home .aa-shop-section .price {
  color: #f4f1e9 !important;
}
.home .aa-shop-section .woocommerce ul.products li.product,
.home .aa-shop-section ul.products li.product {
  background: transparent !important;
}

/* White type on the gray-green homepage and webshop backgrounds. */
.home .aa-shop-section,
.home .aa-shop-section p,
.home .aa-shop-section h1,
.home .aa-shop-section h2,
.home .aa-shop-section h3,
.home .aa-shop-section h4,
.home .aa-shop-section h5,
.home .aa-shop-section h6,
.home .aa-shop-section .woocommerce-loop-product__title,
.home .aa-shop-section .price,
.home .aa-shop-section .woocommerce-Price-amount,
.home .aa-shop-section .woocommerce-Price-currencySymbol {
  color: #fff !important;
}

/* Force webshop product names and their links to match the white menu text. */
.home .aa-shop-section ul.products li.product .woocommerce-loop-product__title,
.home .aa-shop-section ul.products li.product .woocommerce-loop-product__title a,
.home .aa-shop-section ul.products li.product h2,
.home .aa-shop-section ul.products li.product h2 a {
  color: #fff !important;
}

/* Nunito for the child-friendly episode player introduction. */
.home .aa-section-intro {
  font-family: "Nunito", sans-serif !important;
}

/* Match the homepage shop button to the purple primary navigation buttons. */
.home .aa-shop-link a {
  background: #704894 !important;
  border: 1px solid #563377;
  color: #fff !important;
}
.home .aa-shop-link a:hover,
.home .aa-shop-link a:focus {
  background: #875eae !important;
  color: #fff !important;
}

/* Show only the site copyright in the footer, replacing the theme credit. */
.home .site-info .botiga-credits {
  font-size: 0 !important;
}
.home .site-info .botiga-credits::before {
  content: "© 2026 André & Alfred";
  font-size: 14px;
}
.home .site-info .botiga-credits a {
  display: none !important;
}

/* Preserve the episode thumbnails' original widescreen 16:9 shape. */
.thumbsHolder .padding > img {
  float: left;
  display: block;
  width: 80px !important;
  height: 45px !important;
  aspect-ratio: 16 / 9;
  object-fit: cover;
  margin: 0 8px 0 0 !important;
}
.thumbsHolder .padding > .title,
.thumbsHolder .padding > .reg {
  margin-left: 90px !important;
}

/* Remove account and search controls from the local site's header. */
.site-header .header-search,
.site-header .header-search-btn,
.site-header .header-item-search,
.site-header .header-login-register,
.site-header .header-account,
.site-header .header-item-account,
.site-header .header-account-link {
  display: none !important;
}

/* Hide the account link by its destination; retain the cart control. */
#masthead a[href*="mijn-account"] {
  display: none !important;
}

/* Site-wide typography and palette for all local pages. */
body,
button,
input,
select,
textarea,
.entry-content,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-title,
.page-title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
#masthead .main-navigation a {
  font-family: "Nunito", sans-serif;
}
body:not(.home) {
  background-color: #293a34 !important;
}
body:not(.home) .content-wrapper,
body:not(.home) .site-main,
body:not(.home) .entry-content,
body:not(.home) .site-content {
  background-color: #afd1b8;
}
body:not(.home) .content-wrapper {
  margin-top: 0 !important;
}
body:not(.home) .entry-header,
body:not(.home) .page-header {
  background-color: #afd1b8 !important;
  color: #183126;
  padding: clamp(22px, 4vw, 46px) 20px;
  margin: 0;
}
body:not(.home) .entry-header .entry-title,
body:not(.home) .page-header .page-title {
  margin: 0;
  color: #f36c21;
  font-family: "Nunito", sans-serif;
  font-size: clamp(2rem, 4.5vw, 3.2rem);
  font-weight: 800;
  line-height: 1.15;
  text-align: center;
  text-shadow: 0 2px 0 rgba(255,255,255,.28);
}
body:not(.home) .entry-content {
  color: #183126;
  font-family: "Nunito", sans-serif;
  line-height: 1.65;
}
body:not(.home) .entry-content img,
body:not(.home) .entry-content video,
body:not(.home) .entry-content iframe {
  max-width: 100%;
}
body:not(.home) .entry-content img {
  height: auto;
}
/* Most legacy pages already contain a designed image heading; avoid a duplicate title bar. */
body.page-id-182 .entry-header,
body.page-id-186 .entry-header,
body.page-id-190 .entry-header,
body.page-id-257 .entry-header,
body.page-id-1103 .entry-header,
body.page-id-1192 .entry-header,
body.page-id-1275 .entry-header,
body.page-id-1317 .entry-header,
body.page-id-1349 .entry-header,
body.page-id-1512 .entry-header,
body.page-id-1954 .entry-header {
  display: none !important;
}
/* Give every legacy playlist layout the same dark-green frame as the Serie player. */
body .vp2_html5_bottomPlaylistBorder,
body .vp2_html5_rightSidePlaylistBorder {
  box-sizing: border-box;
  max-width: calc(100% - 30px);
  margin: 18px auto 30px;
  padding: clamp(4px, 0.75vw, 8px);
  border: 8px solid #173126 !important;
  overflow: hidden;
  border-radius: 18px;
  background: #173126 !important;
  box-shadow: 0 12px 30px rgba(16, 42, 29, 0.2);
}
/* Use the same purple call-to-action treatment on local pages and WooCommerce. */
body:not(.home) .entry-content .button,
body:not(.home) .entry-content button,
body:not(.home) .entry-content input[type="submit"],
body:not(.home) .entry-content .woocommerce a.button,
body:not(.home) .entry-content .woocommerce button.button,
body:not(.home) .entry-content .woocommerce input.button {
  border-color: #563377 !important;
  border-radius: 11px !important;
  background-color: #704894 !important;
  color: #fff !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 700;
}
body:not(.home) .entry-content .button:hover,
body:not(.home) .entry-content button:hover,
body:not(.home) .entry-content input[type="submit"]:hover,
body:not(.home) .entry-content .woocommerce a.button:hover,
body:not(.home) .entry-content .woocommerce button.button:hover,
body:not(.home) .entry-content .woocommerce input.button:hover {
  background-color: #875eae !important;
  color: #fff !important;
}

/* Match WooCommerce purchase controls outside the page-content wrapper too. */
body:not(.home) .woocommerce .button,
body:not(.home) .woocommerce button.button,
body:not(.home) .woocommerce a.button,
body:not(.home) .woocommerce input.button,
body:not(.home) .woocommerce button.single_add_to_cart_button,
body:not(.home) .woocommerce .single_add_to_cart_button,
body:not(.home) .woocommerce .checkout-button,
body:not(.home) .woocommerce #place_order {
  border: 1px solid #563377 !important;
  border-radius: 11px !important;
  background: #704894 !important;
  color: #fff !important;
  font-family: "Nunito", sans-serif !important;
  font-weight: 700;
}
body:not(.home) .woocommerce .button:hover,
body:not(.home) .woocommerce button.button:hover,
body:not(.home) .woocommerce a.button:hover,
body:not(.home) .woocommerce input.button:hover,
body:not(.home) .woocommerce button.single_add_to_cart_button:hover,
body:not(.home) .woocommerce .single_add_to_cart_button:hover,
body:not(.home) .woocommerce .checkout-button:hover,
body:not(.home) .woocommerce #place_order:hover {
  background: #875eae !important;
  color: #fff !important;
}
/* Remove the theme promo visually and accessibly, retaining a clean copyright line. */
.site-info .botiga-credits,
.site-info .botiga-credits::before {
  display: none !important;
  content: none !important;
}
.site-info .row::after {
  content: "© 2026 André & Alfred";
  display: block;
  width: 100%;
  color: inherit;
  font-family: "Nunito", sans-serif;
  font-size: 14px;
  text-align: center;
}

/* Product-page add-to-cart button uses Botiga's single-product markup. */
body.single-product #primary .single_add_to_cart_button,
body.single-product #primary button.single_add_to_cart_button,
body.single-product #primary form.cart button[type="submit"] {
  background: #704894 !important;
  background-color: #704894 !important;
  border: 1px solid #563377 !important;
  border-radius: 11px !important;
  color: #fff !important;
  font-family: "Nunito", sans-serif !important;
}
body.single-product #primary .single_add_to_cart_button:hover,
body.single-product #primary form.cart button[type="submit"]:hover {
  background: #875eae !important;
  background-color: #875eae !important;
  color: #fff !important;
}

/* Keep both mini-cart actions readable, including the view-cart link. */
body .widget_shopping_cart_content .buttons a.wc-forward:not(.checkout),
body .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout),
body .header-cart .widget_shopping_cart a.wc-forward:not(.checkout) {
  background: #704894 !important;
  background-color: #704894 !important;
  border: 1px solid #563377 !important;
  border-radius: 11px !important;
  color: #222 !important;
  text-decoration: none !important;
}
body .widget_shopping_cart_content .buttons a.wc-forward:not(.checkout):hover,
body .woocommerce-mini-cart__buttons a.wc-forward:not(.checkout):hover,
body .header-cart .widget_shopping_cart a.wc-forward:not(.checkout):hover {
  background: #875eae !important;
  background-color: #875eae !important;
  color: #222 !important;
}

/* Shared fanshop footer, styled like the homepage shop section. */
.aa-global-shop-footer {
  background-color: #293a34 !important;
  color: #fff;
  padding: clamp(7px, 1.25vw, 16px) 20px clamp(30px, 5vw, 64px);
}
/* Botiga leaves 120px after the page content; reduce that gap before the shared shop. */
.content-wrapper {
  margin-bottom: 50px !important;
}
.aa-global-shop-footer .aa-shop-intro,
.aa-global-shop-footer .woocommerce-loop-product__title,
.aa-global-shop-footer .woocommerce-loop-product__title a,
.aa-global-shop-footer ul.products li.product h2,
.aa-global-shop-footer ul.products li.product h2 a,
.aa-global-shop-footer ul.products li.product .price,
.aa-global-shop-footer ul.products li.product .price * {
  color: #fff !important;
}
.aa-global-shop-footer ul.products li.product {
  background: transparent !important;
}
.aa-global-shop-footer .aa-shop-link a {
  background-color: #704894 !important;
  border: 1px solid #563377;
  color: #fff !important;
}
.aa-global-shop-footer .aa-shop-link a:hover,
.aa-global-shop-footer .aa-shop-link a:focus {
  background-color: #875eae !important;
  color: #fff !important;
}

/* Keep the copyright strip continuous with the gray-green fanshop footer. */
.site-footer,
.site-footer .site-info {
  background-color: #293a34 !important;
  color: #fff !important;
}
.site-footer .site-info a,
.site-footer .site-info .row::after {
  color: #fff !important;
}

/* The Serie playlist thumbnails use a slightly taller 16:10 crop. */
#serie .thumbsHolder .padding > img {
  width: 80px !important;
  height: 50px !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}

/* The Serie already has its own outer frame; let its playlist use the full inner width. */
#serie .vp2_html5_rightSidePlaylistBorder {
  box-sizing: border-box;
  max-width: none !important;
  margin: 0 auto !important;
  padding: 0 !important;
  border: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
}

/* Highlight the selected episode in the Serie playlist with the menu's soft purple. */
#serie .vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .title {
  color: #fed636 !important;
}

/* Make Nunito text bold throughout the local site, including the Serie intro. */
body button,
body input,
body select,
body textarea,
.entry-content p,
.entry-content li,
.entry-content blockquote,
.entry-content h1,
.entry-content h2,
.entry-content h3,
.entry-content h4,
.entry-content h5,
.entry-content h6,
.entry-title,
.page-title,
.woocommerce-loop-product__title,
.woocommerce div.product .product_title,
.woocommerce .price,
.woocommerce .price *,
.woocommerce table,
.woocommerce th,
.woocommerce td,
.woocommerce label,
#masthead .main-navigation a,
.home .aa-section-intro,
.aa-shop-intro,
.aa-global-shop-footer .woocommerce-loop-product__title,
.site-info .row::after {
  font-weight: 700 !important;
}

/* Center every legacy video player and playlist within its dark-green frame. */
body:not(.home) [class*="html5_vp2_my_center_"] {
  box-sizing: border-box;
  width: calc(100% - 15px) !important;
  max-width: none !important;
  margin: 0 auto !important;
}
body:not(.home) .vp2_html5_rightSidePlaylistBorder,
body:not(.home) .vp2_html5_bottomPlaylistBorder {
  max-width: none !important;
  margin: 18px auto 30px !important;
  position: relative !important;
  left: auto !important;
  transform: none !important;
}

/* Use 16:10 thumbnails and the Serie's logo-yellow active episode title sitewide. */
.thumbsHolder .padding > img {
  width: 80px !important;
  height: 50px !important;
  aspect-ratio: 16 / 10;
  object-fit: cover;
}
.vp2_html5_rightSidePlaylist.universalBlack .thumbsHolder_ThumbON .title,
.vp2_html5_bottomPlaylist .thumbsHolder_ThumbON .title {
  color: #fed636 !important;
}

/* Match the Serie playlist introduction on the School page. */
body.page-id-1275 .aa-section-intro {
  max-width: 740px;
  margin: 0 auto 26px;
  color: #183126;
  font-family: "Nunito", sans-serif !important;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  line-height: 1.55;
  text-align: center;
}

/* Give the Leuke extra's intro the same scale and treatment as the Serie intro. */
body.page-id-1317 .entry-content h2:first-of-type {
  max-width: 740px;
  margin: 0 auto 26px !important;
  color: #183126 !important;
  font-family: "Nunito", sans-serif !important;
  font-size: clamp(1rem, 1.5vw, 1.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

/* Match the Alfred S*cks introduction to the Leuke extra's intro size. */
body.page-id-1349 .entry-content h2:first-of-type {
  max-width: 740px;
  margin: 0 auto 26px !important;
  color: #183126 !important;
  font-family: "Nunito", sans-serif !important;
  font-size: clamp(1rem, 1.5vw, 1.2rem) !important;
  font-weight: 700 !important;
  line-height: 1.55 !important;
  text-align: center !important;
}

/* Keep the heading-image and intro background the same width as the video section. */
body.page-id-1317 .entry-content > .vc_row.vc_custom_1569367326797 {
  box-sizing: border-box;
  position: relative;
  left: 50% !important;
  width: min(1140px, calc(100vw - 30px)) !important;
  margin: 0 !important;
  transform: translateX(-50%);
}

/* Halve the combined top spacing above the Extra's heading image. */
body.page-id-1317 .vc_custom_1569367326797 > .vc_column_container > .vc_column-inner {
  padding-top: 17.5px !important;
}
body.page-id-1317 .vc_custom_1569367326797 .wpb_single_image.vc_custom_1613132692712 {
  margin-top: 25px !important;
  padding-top: 2.5px !important;
}

/* Halve the vertical gap between the Extra's intro and its video player. */
body.page-id-1317 .entry-content h2:first-of-type {
  margin-bottom: 13px !important;
}
body.page-id-1317 .entry-content > .vc_row.vc_custom_1506413117412 {
  padding-top: 0 !important;
}
body.page-id-1317 .vp2_html5_rightSidePlaylistBorder,
body.page-id-1317 .vp2_html5_bottomPlaylistBorder {
  margin-top: 0 !important;
}

/* Align the small bottom spacer with the same pale-green section width. */
body.page-id-1317 .entry-content .vc_row.vc_custom_1506413100494 {
  box-sizing: border-box;
  position: relative;
  left: 50% !important;
  width: min(1140px, calc(100vw - 30px)) !important;
  margin: 0 !important;
  transform: translateX(-50%);
}

/* Match Alfred S*cks' top and bottom green bands to its player-section width. */
body.page-id-1349 .entry-content > .vc_row.vc_custom_1569367326797,
body.page-id-1349 .entry-content .vc_row.vc_custom_1506413100494 {
  box-sizing: border-box;
  position: relative;
  left: 50% !important;
  width: min(1140px, calc(100vw - 30px)) !important;
  margin: 0 !important;
  transform: translateX(-50%);
}

/* Keep the Alfred S*cks logo about one text-line below the introduction. */
body.page-id-1349 .entry-content h2:first-of-type {
  margin-bottom: 10px !important;
}
body.page-id-1349 .entry-content > .vc_row.vc_custom_1506413117412 {
  padding-top: 0 !important;
}

/* Show dark-green side gutters around each filled section on Contact. */
body.page-id-1192 .content-wrapper,
body.page-id-1192 .site-main,
body.page-id-1192 .entry-content,
body.page-id-1192 .site-content {
  background-color: transparent !important;
}
body.page-id-1192 .entry-content > .vc_row.vc_row-has-fill {
  box-sizing: border-box;
  position: relative;
  left: 50% !important;
  width: min(1140px, calc(100vw - 30px)) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%);
}

/* Give the Alles page the same dark-green side gutters as Contact. */
body.page-id-34 .content-wrapper,
body.page-id-34 .site-main,
body.page-id-34 .entry-content,
body.page-id-34 .site-content {
  background-color: transparent !important;
}
body.page-id-34 .entry-header,
body.page-id-34 .page-header {
  display: none !important;
}
body.page-id-34 .entry-content > .vc_custom_1507277517189 {
  display: none !important;
}
body.page-id-34 .entry-content > .vc_row.vc_row-has-fill {
  box-sizing: border-box;
  position: relative;
  left: 50% !important;
  width: min(1140px, calc(100vw - 30px)) !important;
  margin-left: 0 !important;
  margin-right: 0 !important;
  transform: translateX(-50%);
}
body.page-id-34 .entry-content a.vc_btn3,
body.page-id-34 .aa-global-shop-footer .aa-shop-link a {
  background: #704894 !important;
  background-image: none !important;
  border-color: #563377 !important;
  color: #fff !important;
}
body.page-id-34 .entry-content a.vc_btn3 .vc_btn3-icon {
  color: #fff !important;
}
body.page-id-34 .entry-content a.vc_btn3:hover,
body.page-id-34 .entry-content a.vc_btn3:focus,
body.page-id-34 .aa-global-shop-footer .aa-shop-link a:hover,
body.page-id-34 .aa-global-shop-footer .aa-shop-link a:focus {
  background: #875eae !important;
  background-image: none !important;
  color: #fff !important;
}
body.page-id-34 .entry-content .vc_custom_1611949376973 h2,
body.page-id-34 .entry-content .vc_custom_1611948013796 h2,
body.page-id-34 .entry-content .vc_custom_1591086230038 h2,
body.page-id-34 .entry-content .vc_custom_1585670741449 h2,
body.page-id-34 .entry-content .vc_custom_1585671168585 h2 {
  font-size: clamp(1.4rem, 3vw, 2rem) !important;
  line-height: 1.25 !important;
}
body.page-id-34 .vc_custom_1611949376973 a.vc_btn3 {
  display: none !important;
}

/* Home: maak de poster van De Kartonnen Tijdmachine een kwart zo breed. */
body.page-id-34 .vc_custom_1585668538868 .vc_figure {
  width: 30.6%;
  max-width: 30.6%;
}

body.page-id-34 .vc_custom_1585668538868 .vc_single_image-img {
  display: block;
  width: 100%;
  height: auto;
}

/* Home: laat de Kartonnen Tijdmachine-poster even dicht onder de kop staan als de School-afbeelding. */
body.page-id-34 .vc_custom_1611949376973 h2 {
  margin-bottom: 0;
}

body.page-id-34 .vc_custom_1611949291517 {
  padding-top: 0 !important;
  margin-top: -13px;
}

body.page-id-34 .vc_custom_1585666722951 {
  padding-top: 0 !important;
}
body.page-id-34 .vc_custom_1585668538868 {
  position: relative;
  top: -7px;
}

/* Home: maak de afbeelding Doe Wat de Meester Zegt even groot als het School-plaatje (480 × 285). */
body.page-id-34 .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure {
  width: 480px !important;
  max-width: 100%;
}

body.page-id-34 img[src*="DWDMZ-HD-zonder-AA"] {
  display: block;
  width: 100% !important;
  height: auto;
}

/* Home: verberg alleen de extra Kartonnen Tijdmachine-kop en de knop eronder. */
body.page-id-34 .vc_custom_1615221627064,
body.page-id-34 .vc_custom_1615221370895 {
  display: none !important;
}

/* Home: verberg de kop over het maken van een eigen video. */
body.page-id-34 .vc_custom_1615221595826 {
  display: none !important;
}

/* Home: verwijder de app-afbeelding met link en de twee bijbehorende CTA-knoppen. */
body.page-id-34 .wpb_single_image:has(img[src*="App-voorbeeld-tbv-website-1024x556-opnieuw-480x285"]),
body.page-id-34 .vc_custom_1585686443628,
body.page-id-34 .vc_custom_1615221817114 {
  display: none !important;
}

/* Home: match the gap between the Extra's heading and image to the School section. */
body.page-id-34 .vc_custom_1585668178630 {
  padding-top: 0 !important;
}

/* Home: match the gap between the popsocks heading and image to the School section. */
body.page-id-34 .vc_custom_1569261342781 > .vc_column_container > .vc_column-inner {
  padding-top: 0 !important;
}

/* Home: continue the pale-green background through the spacer above the Kartonnen section. */
body.page-id-34 .vc_custom_1611949513909 {
  background-color: #afd1b8 !important;
}
body.page-id-34 .vc_custom_1611949513909 {
  height: 75px !important;
}
body.page-id-34 .vc_custom_1611949513909 {
  margin-bottom: -75px !important;
}
body.page-id-34 .vc_custom_1611949513909 {
  margin-bottom: 0 !important;
}
body.page-id-34 .vc_custom_1611949376973 {
  margin-top: -75px !important;
}

/* Home: keep the shortened School-to-Kartonnen transition pale green and continuous. */
body.page-id-34 .vc_custom_1611949513909 {
  height: 75px !important;
  margin-bottom: 0 !important;
}
body.page-id-34 .vc_custom_1611949376973 {
  margin-top: 0 !important;
  position: relative;
  top: -75px;
}
body.page-id-34 .vc_custom_1611949291517:has(img[src*="Poster-Kartonnen-Tijdmachine"]),
body.page-id-34 .vc_custom_1585670660456:has(a.vc_btn3[href*="andre-en-alfred-de-kartonnen-tiidmasine"]) {
  position: relative;
  top: -75px;
}
body.page-id-34 .vc_custom_1585670660456:has(a.vc_btn3[href*="andre-en-alfred-de-kartonnen-tiidmasine"]) {
  margin-bottom: -75px !important;
}

/* Keep the full site header pinned while page content scrolls beneath it. */
#masthead.site-header {
  position: sticky;
  top: 0;
  z-index: 9999;
}
body.admin-bar #masthead.site-header {
  top: 32px;
}
@media (max-width: 782px) {
  body.admin-bar #masthead.site-header {
    top: 46px;
  }
}


/* Give the restored Serie intro the same Nunito size, weight, and spacing as School. */
body.page-id-1103 .aa-serie-intro {
  max-width: 740px;
  margin: 0 auto 26px;
  color: #183126;
  font-family: "Nunito", sans-serif !important;
  font-size: clamp(1rem, 1.5vw, 1.2rem);
  font-weight: 700;
  line-height: 1.55;
  text-align: center;
}

/* Keep the lower pale-green spacer within the same edges as the Serie content row. */
body.page-id-1103 .entry-content .vc_row.vc_custom_1506413100494 {
  box-sizing: border-box;
  position: relative;
  left: 50% !important;
  width: min(1140px, calc(100vw - 30px)) !important;
  margin: 0 !important;
  transform: translateX(-50%);
}

/* Keep the Alles homepage stacked and fluid on wide browser windows too. */
body.page-id-34 .entry-content .vc_row.vc_row-flex {
  display: block !important;
}
body.page-id-34 .entry-content .vc_row > .wpb_column {
  box-sizing: border-box;
  display: block !important;
  float: none !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  max-width: 100% !important;
}
body.page-id-34 .entry-content .wpb_text_column,
body.page-id-34 .entry-content .wpb_text_column h2 {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}
body.page-id-34 .entry-content .wpb_single_image img {
  display: block;
  max-width: 100% !important;
  height: auto !important;
  object-fit: contain;
}
body.page-id-34 .entry-content a.vc_btn3 {
  box-sizing: border-box;
  max-width: 100%;
  white-space: normal;
  word-break: normal;
  overflow-wrap: normal;
}

/* Keep homepage text, pictures, video and buttons centered as the viewport changes. */
body.page-id-34 .entry-content .wpb_text_column,
body.page-id-34 .entry-content .wpb_text_column h2,
body.page-id-34 .entry-content .wpb_text_column p {
  text-align: center !important;
  margin-left: auto;
  margin-right: auto;
}
body.page-id-34 .entry-content .wpb_single_image {
  text-align: center !important;
}
body.page-id-34 .entry-content .wpb_single_image .vc_figure {
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
}
body.page-id-34 .entry-content a.vc_btn3 {
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
}
body.page-id-34 .entry-content .wpb_video_widget,
body.page-id-34 .entry-content .wpb_video_wrapper {
  margin-left: auto;
  margin-right: auto;
  text-align: center !important;
  max-width: 100%;
}
body.page-id-34 .aa-global-shop-footer .aa-shop-title,
body.page-id-34 .aa-global-shop-footer .aa-shop-intro,
body.page-id-34 .aa-global-shop-footer .aa-shop-link {
  display: block;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
body.page-id-34 .aa-global-shop-footer .aa-shop-link a {
  display: inline-block;
}

/* Center all homepage content within each pale-green panel at every viewport width. */
body.page-id-34 .entry-content > .vc_row.vc_row-has-fill {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
body.page-id-34 .entry-content .vc_row > .wpb_column {
  box-sizing: border-box;
  float: none !important;
  flex: 0 0 100% !important;
  width: 100% !important;
  min-width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
}
body.page-id-34 .entry-content .vc_column-inner,
body.page-id-34 .entry-content .wpb_wrapper {
  box-sizing: border-box;
  max-width: 100%;
}
body.page-id-34 .entry-content .wpb_text_column,
body.page-id-34 .entry-content .wpb_text_column h2,
body.page-id-34 .entry-content .wpb_text_column p {
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}
body.page-id-34 .entry-content .wpb_single_image {
  box-sizing: border-box;
  width: 100% !important;
  max-width: 100% !important;
  text-align: center !important;
}
body.page-id-34 .entry-content .wpb_single_image img {
  height: auto !important;
  max-width: 100% !important;
  object-fit: contain;
}
body.page-id-34 .entry-content a.vc_btn3 {
  box-sizing: border-box;
  display: block !important;
  width: 100% !important;
  max-width: 100% !important;
  margin-left: auto !important;
  margin-right: auto !important;
  text-align: center !important;
  white-space: normal !important;
  word-break: normal !important;
  overflow-wrap: normal !important;
}

/* Keep the poster at its previous size while centering it in the larger panel. */
body.page-id-34 .vc_custom_1585668538868 .vc_figure {
  width: min(316px, 100%) !important;
  max-width: 100% !important;
}

/* Local Trailer above the Corona section, at the DWDMZ image's aspect ratio. */
body.page-id-34 .aa-home-trailer-block {
  box-sizing: border-box;
  display: flex;
  justify-content: center;
  align-items: center;
  width: min(1140px, calc(100vw - 30px));
  margin: 0 auto;
  padding: 28px 15px;
  background: #afd1b8;
}
body.page-id-34 .aa-home-trailer-frame {
  box-sizing: border-box;
  width: min(480px, 100%);
  aspect-ratio: 480 / 285;
  overflow: hidden;
  border: 8px solid #173126;
  border-radius: 18px;
  background: #173126;
  box-shadow: 0 12px 30px rgba(16, 42, 29, 0.2);
}
body.page-id-34 .aa-home-trailer-video {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  background: #000;
}
@media (max-width: 600px) {
  body.page-id-34 .aa-home-trailer-block {
    padding: 18px 12px;
  }
}
body.page-id-34 .aa-home-trailer-block {
  position: relative;
  left: 50%;
  transform: translateX(-50%);
}

body.page-id-34 .aa-home-trailer-heading {
  width: 100%;
  margin: 0 auto 24px;
  color: #212121;
  font-family: "Nunito", sans-serif;
  font-size: clamp(1.4rem, 3vw, 2rem);
  font-weight: 700;
  line-height: 1.25;
  text-align: center;
}
body.page-id-34 .aa-home-trailer-subtitle {
  display: block;
  margin-top: 2px;
  color: inherit;
  font-size: 0.75em;
  line-height: 1.25;
}
body.page-id-34 .aa-home-trailer-block {
  flex-direction: column;
}
body.page-id-34 .aa-home-trailer-button {
  margin-top: clamp(24px, 4vw, 46px) !important;
}
body.page-id-34 .aa-home-trailer-button {
  display: flex !important;
  align-items: center;
  justify-content: center;
  gap: 12px;
  height: 55px;
  border-radius: 30px !important;
  font-family: Montserrat, sans-serif !important;
  font-size: 16px !important;
  line-height: 1.2;
}
body.page-id-34 .aa-home-trailer-button .vc_btn3-icon {
  position: static !important;
  display: inline-block;
  float: none !important;
  margin: 0 !important;
  transform: none !important;
}

/* Camping section second line stays the same size as its heading. */
body.page-id-34 .aa-home-camping-title { font-size: 1em; }

/* Simple, regular-weight caption identifying the Camping video as a trailer. */
body.page-id-34 .aa-home-camping-caption {
  margin: 10px 0 0;
  color: #173126;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.3;
  text-align: center;
}

/* Match the title spacing in the Corona and School sections. */
body.page-id-34 .aa-home-trailer-block {
  padding-top: 85px;
}
@media (max-width: 600px) {
  body.page-id-34 .aa-home-trailer-block {
    padding-top: 55px;
  }
}

/* Remove the old static Kartonnen Tijdmachine content section from Home. */
body.page-id-34 .entry-content > .vc_row.vc_custom_1611949376973,
body.page-id-34 .entry-content > .vc_row:has(img[src*="Poster-Kartonnen-Tijdmachine"]),
body.page-id-34 .entry-content > .vc_row:has(a.vc_btn3[href*="andre-en-alfred-de-kartonnen-tiidmasine"]) {
  display: none !important;
}
body.page-id-34 .entry-content > .vc_custom_1611949513909 {
  display: none !important;
}

/* Leave only the home and Fanshop links in the desktop and mobile main menus. */
#masthead nav.main-navigation li.menu-item-741,
#masthead nav.main-navigation li.menu-item-1383,
#masthead nav.main-navigation li.menu-item-740,
#masthead nav.main-navigation li.menu-item-1368,
#masthead nav.main-navigation li.menu-item-1199 {
  display: none !important;
}

/* Match the embedded Corona YouTube player to the 480 x 285 homepage media. */
body.page-id-34 .vc_custom_1611948187147 {
  box-sizing: border-box;
  width: min(480px, 100%) !important;
  max-width: 100% !important;
  margin-right: auto !important;
  margin-left: auto !important;
}
body.page-id-34 .vc_custom_1611948187147 .wpb_video_wrapper {
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  aspect-ratio: 480 / 285;
  padding: 0 !important;
  position: relative;
  overflow: hidden;
  border: 8px solid #173126;
  border-radius: 18px;
  background: #173126;
}
body.page-id-34 .vc_custom_1611948187147 .wpb_video_wrapper iframe {
  position: absolute;
  inset: 0;
  width: 100% !important;
  height: 100% !important;
  border: 0;
  border-radius: 8px;
}
body.page-id-34 .vc_custom_1611948187147 > .wpb_wrapper {
  width: 100% !important;
}

/* Hide the account icon in Botiga's responsive header and off-canvas menu too. */
#masthead-mobile a[href*="mijn-account"],
.botiga-offcanvas-menu a[href*="mijn-account"] {
  display: none !important;
}

/* Apply the reduced menu to Botiga's off-canvas mobile navigation as well. */
.botiga-offcanvas-menu li.menu-item-741,
.botiga-offcanvas-menu li.menu-item-1383,
.botiga-offcanvas-menu li.menu-item-740,
.botiga-offcanvas-menu li.menu-item-1368,
.botiga-offcanvas-menu li.menu-item-1199 {
  display: none !important;
}
.botiga-offcanvas-menu .header-search,
.botiga-offcanvas-menu a[href*="mijn-account"] {
  display: none !important;
}

/* Hint that the Doe Wat de Meester Zegt playlist continues below the visible episodes. */
body.page-id-1103 .thumbsHolderVisibleWrapper.aa-playlist-has-more::after {
  content: "Scroll omlaag voor meer video's";
  position: absolute;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 46px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px 8px 8px;
  background: linear-gradient(to bottom, rgba(23, 49, 38, 0), rgba(23, 49, 38, .96) 42%);
  color: #fed636;
  font: 800 12px/1.2 "Nunito", sans-serif;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .8);
  pointer-events: none;
}

/* Make the draggable playlist control easy for children to spot and grab. */
body.page-id-1103 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider {
  width: 8px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .4) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
body.page-id-1103 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle {
  left: -16px !important;
  width: 40px !important;
  height: 44px !important;
  margin: 0 0 -22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: grab !important;
}
body.page-id-1103 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle::after {
  content: "▼";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fed636;
  font: 900 32px/1 "Nunito", sans-serif;
  text-shadow: 0 2px 2px #173126, 1px 0 1px #173126, -1px 0 1px #173126;
  transform: translate(-50%, -50%);
}

/* Reuse the child-friendly scroll cue and yellow draggable arrow on the requested pages. */
body.page-id-1275 .thumbsHolderVisibleWrapper.aa-playlist-has-more::after,
body.page-id-1317 .thumbsHolderVisibleWrapper.aa-playlist-has-more::after,
body.page-id-1349 .thumbsHolderVisibleWrapper.aa-playlist-has-more::after {
  content: "Scroll omlaag voor meer video's";
  position: absolute;
  z-index: 20;
  right: 0;
  bottom: 0;
  left: 0;
  min-height: 46px;
  box-sizing: border-box;
  display: flex;
  align-items: flex-end;
  justify-content: center;
  padding: 20px 8px 8px;
  background: linear-gradient(to bottom, rgba(23, 49, 38, 0), rgba(23, 49, 38, .96) 42%);
  color: #fed636;
  font: 800 12px/1.2 "Nunito", sans-serif;
  text-align: center;
  text-shadow: 0 1px 3px rgba(0, 0, 0, .8);
  pointer-events: none;
}
body.page-id-1275 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider,
body.page-id-1317 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider,
body.page-id-1349 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider {
  width: 8px !important;
  border-radius: 8px !important;
  background: rgba(255, 255, 255, .4) !important;
  box-shadow: none !important;
  opacity: 1 !important;
}
body.page-id-1275 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle,
body.page-id-1317 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle,
body.page-id-1349 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle {
  left: -16px !important;
  width: 40px !important;
  height: 44px !important;
  margin: 0 0 -22px !important;
  border: 0 !important;
  border-radius: 0 !important;
  background: transparent !important;
  box-shadow: none !important;
  cursor: grab !important;
}
body.page-id-1275 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle::after,
body.page-id-1317 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle::after,
body.page-id-1349 .vp2_html5_rightSidePlaylist.universalBlack .slider-vertical.ui-slider .ui-slider-handle::after {
  content: "▼";
  position: absolute;
  top: 50%;
  left: 50%;
  color: #fed636;
  font: 900 32px/1 "Nunito", sans-serif;
  text-shadow: 0 2px 2px #173126, 1px 0 1px #173126, -1px 0 1px #173126;
  transform: translate(-50%, -50%);
}

/* Match Home's content images to the dark-green rounded frames around its players. */
body.home .entry-content img {
  box-sizing: border-box;
  max-width: 100%;
  height: auto;
  border: 8px solid #173126 !important;
  border-radius: 18px !important;
}
/* Draw a consistent dark-green outline over the Doe Wat de Meester Zegt image. */
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure {
  position: relative;
  box-sizing: border-box;
  width: 480px !important;
  max-width: 100% !important;
  padding: 0 !important;
  overflow: hidden;
  border: 0 !important;
  border-radius: 18px !important;
  background: transparent !important;
}
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure::after {
  content: "";
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  border: 8px solid #173126;
  border-radius: 18px;
  pointer-events: none;
  z-index: 2;
}
/* The source picture has a pale strip along its top edge; cover it so the dark frame looks equally thick there. */
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 16px;
  border-radius: 18px 18px 0 0;
  background: #173126;
  pointer-events: none;
  z-index: 3;
}
body.home .entry-content img[src*="DWDMZ-HD-zonder-AA"] {
  display: block;
  box-sizing: border-box;
  width: 100% !important;
  height: auto !important;
  border: 8px solid #173126 !important;
  border-top-width: 16px !important;
  border-radius: 10px !important;
}


/* Clickable Corona Tips image on Home */
body.page-id-34 .vc_custom_1611948187147 .aa-corona-image-link {
  position: absolute;
  inset: 0;
  display: block;
  overflow: hidden;
  border-radius: 8px;
}
body.page-id-34 .vc_custom_1611948187147 .aa-corona-image-link img {
  display: block;
  width: 100% !important;
  height: 100% !important;
  max-width: none !important;
  object-fit: cover;
  border: 0 !important;
  border-radius: 8px !important;
}

/* Match the centered, regular trailer captions for the Camping page language label. */
body.page-id-2230 .aa-camping-language-caption {
  margin: 10px 0 0;
  color: #173126;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.3;
  text-align: center;
}

/* Match the centered, regular-weight language caption on the Camping page. */
body.page-id-2237 .aa-degeur-language-caption {
  margin: 10px 0 0;
  color: #173126;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.3;
  text-align: center;
}

/* Match the centered, regular-weight language captions on the other series pages. */
body.page-id-2242 .aa-kartonnen-language-caption {
  margin: 10px 0 0;
  color: #173126;
  font-family: Nunito, sans-serif;
  font-size: 16px;
  font-weight: 400 !important;
  line-height: 1.3;
  text-align: center;
}

/* Show the supplied Alfred Socks title artwork above the page introduction. */
body.page-id-1349 .entry-content::before {
  content: "";
  display: block;
  width: min(652px, calc(100% - 30px));
  aspect-ratio: 652 / 113;
  margin: 35px auto 28px;
  background: url("/wp-content/uploads/2026/10/alfred-socks-heading.png") center / contain no-repeat;
}

/* Tighten the Alfred Socks title-to-intro spacing to match Leuke extra's. */
body.page-id-1349 .entry-content::before {
  margin-bottom: 12px;
}

/* Remove the older standalone Alfred S*cks logo from the page content. */
body.page-id-1349 .entry-content .vc_row:has(img[src*="as-logo-1-e1569283221475.png"]) {
  display: none !important;
}

/* Keep the player close to the introduction after removing the old logo row. */
body.page-id-1349 .entry-content > .vc_row.vc_custom_1506413117412 {
  margin-top: 18px !important;
  padding-top: 0 !important;
}

/* Keep the shared video row visible; hide only its old logo image. */
body.page-id-1349 .entry-content .vc_row:has(img[src*="as-logo-1-e1569283221475.png"]) {
  display: block !important;
}
body.page-id-1349 .entry-content .wpb_single_image:has(img[src*="as-logo-1-e1569283221475.png"]) {
  display: none !important;
}

/* Bring the Alfred Socks introduction closer to its title artwork. */
body.page-id-1349 .entry-content::before {
  margin-bottom: -18px;
}

/* Give the framed Home images and video players a soft shadow falling right and down. */
body.home .entry-content img {
  box-shadow: 10px 12px 20px rgba(10, 31, 22, 0.24) !important;
}
body.home .entry-content .aa-player-frame,
body.home .entry-content .wpb_video_wrapper {
  box-shadow: 10px 12px 20px rgba(10, 31, 22, 0.36) !important;
}
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure {
  box-shadow: 10px 12px 20px rgba(10, 31, 22, 0.24) !important;
}

/* Let the Home image shadows extend beyond the Visual Composer layout boxes. */
body.page-id-34 .entry-content > .vc_row,
body.page-id-34 .entry-content > .vc_row > .wpb_column,
body.page-id-34 .entry-content .vc_column-inner,
body.page-id-34 .entry-content .wpb_wrapper,
body.page-id-34 .entry-content .wpb_single_image {
  overflow: visible !important;
}

/* Use silhouette-following shadows so their lower-right corners stay rounded. */
body.home .entry-content img {
  box-shadow: none !important;
  filter: drop-shadow(10px 12px 12px rgba(10, 31, 22, 0.24));
}
body.home .entry-content .aa-player-frame,
body.home .entry-content .wpb_video_wrapper {
  box-shadow: none !important;
  filter: drop-shadow(10px 12px 12px rgba(10, 31, 22, 0.36));
}
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure {
  box-shadow: none !important;
  filter: drop-shadow(10px 12px 12px rgba(10, 31, 22, 0.24));
}
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) img {
  filter: none !important;
}

/* Remove the experimental Home drop shadows while keeping the dark-green frames. */
body.home .entry-content img,
body.home .entry-content .aa-player-frame,
body.home .entry-content .wpb_video_wrapper,
body.home .entry-content .wpb_single_image:has(img[src*="DWDMZ-HD-zonder-AA"]) .vc_figure {
  box-shadow: none !important;
  filter: none !important;
}

/* Keep product detail pages free of the breadcrumb and category label. */
body.single-product .woocommerce-breadcrumb,
body.single-product .product_meta .posted_in {
  display: none !important;
}

/* Add pale-green breathing room above product images and names. */
body.single-product #primary {
  padding-top: clamp(24px, 3vw, 48px) !important;
}

/* Hide related and upsell product suggestions on every product page. */
body.single-product .related.products,
body.single-product .up-sells,
body.single-product .cross-sells {
  display: none !important;
}


/* De Kartonnen Tijdmachine: zelfde speler en intro als De Geur van Gevaar. */
body.page-id-2242 .entry-content .aa-coronatips-intro { text-align:center!important; width:min(740px,100%)!important; margin:0 auto 26px!important; }
body.page-id-2242 .entry-content .wpb_video_wrapper { box-sizing:border-box; position:relative; aspect-ratio:16/9; padding:0!important; border:8px solid #173126; border-radius:18px; overflow:hidden; }
body.page-id-2242 .entry-content .wpb_video_wrapper iframe { position:absolute; inset:0; width:100%!important; height:100%!important; border:0; }

/* Beperk het lichtgroene vlak tot de inhoud, zoals op De Geur van Gevaar. */
body.page-id-2242 .entry-content .aa-coronatips-page { background-color: transparent !important; }

/* Iets meer lichtgroene ruimte onder de speler op Corona Tips. */
body.page-id-2216 .entry-content { padding-bottom: 20px !important; }

/* Onderkant van de tijdmachinepagina gelijk aan De Geur van Gevaar. */
body.page-id-2242 .entry-content .aa-coronatips-page { padding-bottom: 0 !important; }

/* Bovenruimte tijdmachinepagina gelijk aan De Geur van Gevaar. */
body.page-id-2242 .entry-content .aa-coronatips-page { padding-top: 0 !important; }

/* Keep bounded legacy rows usable when Visual Composer recalculates full-width gutters. */
body.page-id-1317 .entry-content > .vc_row.vc_custom_1569367326797,
body.page-id-1349 .entry-content > .vc_row.vc_custom_1569367326797,
body.page-id-1317 .entry-content .vc_row.vc_custom_1506413100494,
body.page-id-1349 .entry-content .vc_row.vc_custom_1506413100494 {
  padding-left: 0 !important;
  padding-right: 0 !important;
  min-width: 0 !important;
}

/* Editable title image for the Kartonnen Tijdmachine pilot, matching the former title artwork. */
body.page-id-2242 .entry-content .aa-pilot-title {
  width: min(900px, 90%);
  margin: 0 auto 26px !important; line-height: 0;
}
body.page-id-2242 .entry-content .aa-pilot-title img {
  display: block; width: 100%; height: auto; margin: 0 !important;
  border: 0; border-radius: 0; box-shadow: none;
}

/* Keep the pilot player usable and centered on narrow screens. */
@media (max-width: 767px) {
  body.page-id-2242 .entry-content .aa-coronatips-page {
    left: 0 !important; width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2242 .aa-coronatips-page > .vc_column_container > .vc_column-inner {
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2242 .aa-editable-youtube,
  body.page-id-2242 .aa-editable-youtube > .wpb_wrapper {
    width: 100% !important; max-width: 100% !important;
  }
}

/* Editable Camping title art retains its existing width and spacing. */
body.page-id-2230 .entry-content .aa-pilot-title {
  width: min(563px, 90%); margin: 0 auto 26px !important; line-height: 0;
}
body.page-id-2230 .entry-content .aa-pilot-title img {
  display: block; width: 100%; height: auto; margin: 0 !important;
  border: 0; border-radius: 0; box-shadow: none;
}
@media (max-width: 767px) {
  body.page-id-2230 .entry-content .aa-coronatips-page {
    left: 0 !important; width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2230 .aa-coronatips-page > .vc_column_container > .vc_column-inner {
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2230 .aa-editable-youtube,
  body.page-id-2230 .aa-editable-youtube > .wpb_wrapper {
    width: 100% !important; max-width: 100% !important;
  }
}

/* Camping: retain the former shortcode styling independently of editor saves. */
body.page-id-2230 .entry-content .aa-coronatips-page .aa-coronatips-intro{max-width:740px;margin:0 auto 26px!important;color:#183126!important;font-family:"Nunito",sans-serif!important;font-size:clamp(1.4rem,3vw,2rem)!important;font-weight:700!important;line-height:1.35!important;text-align:center!important;}
body.page-id-2230 .entry-content .aa-coronatips-page .wpb_video_wrapper{box-sizing:border-box;width:min(760px,calc(100% - 16px))!important;max-width:100%;aspect-ratio:16/9;height:auto!important;margin:0 auto!important;padding:0!important;overflow:hidden;border:8px solid #173126;border-radius:18px;background:#173126;box-shadow:0 12px 30px rgba(16,42,29,.2);position:relative;}
body.page-id-2230 .entry-content .aa-coronatips-page .wpb_video_wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;}
@media(max-width:600px){body.page-id-2230 .entry-content .aa-coronatips-page{padding-top:28px!important;padding-bottom:36px!important;}body.page-id-2230 .entry-content .aa-coronatips-page .wpb_video_wrapper{border-width:6px;border-radius:12px;}}
body.page-id-2230 .entry-content .aa-coronatips-page { padding-top:0!important; padding-bottom:0!important; background-color:transparent!important; }
/* Match Camping's original intro typography after moving its inherited styles. */
body.page-id-2230 .entry-content .aa-coronatips-page .aa-coronatips-intro {
  font-size:clamp(16px,1.5vw,24px)!important; line-height:1.55!important;
}

/* De Geur: preserve existing appearance while enabling ordinary page editing. */
/* Editable De Geur van Gevaar title art retains its existing width and spacing. */
body.page-id-2237 .entry-content .aa-pilot-title {
  width: min(563px, 90%); margin: 0 auto 26px !important; line-height: 0;
}
body.page-id-2237 .entry-content .aa-pilot-title img {
  display: block; width: 100%; height: auto; margin: 0 !important;
  border: 0; border-radius: 0; box-shadow: none;
}
@media (max-width: 767px) {
  body.page-id-2237 .entry-content .aa-coronatips-page {
    left: 0 !important; width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2237 .aa-coronatips-page > .vc_column_container > .vc_column-inner {
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2237 .aa-editable-youtube,
  body.page-id-2237 .aa-editable-youtube > .wpb_wrapper {
    width: 100% !important; max-width: 100% !important;
  }
}

/* De Geur van Gevaar: retain the former shortcode styling independently of editor saves. */
body.page-id-2237 .entry-content .aa-coronatips-page .aa-coronatips-intro{max-width:740px;margin:0 auto 26px!important;color:#183126!important;font-family:"Nunito",sans-serif!important;font-size:clamp(1.4rem,3vw,2rem)!important;font-weight:700!important;line-height:1.35!important;text-align:center!important;}
body.page-id-2237 .entry-content .aa-coronatips-page .wpb_video_wrapper{box-sizing:border-box;width:min(760px,calc(100% - 16px))!important;max-width:100%;aspect-ratio:16/9;height:auto!important;margin:0 auto!important;padding:0!important;overflow:hidden;border:8px solid #173126;border-radius:18px;background:#173126;box-shadow:0 12px 30px rgba(16,42,29,.2);position:relative;}
body.page-id-2237 .entry-content .aa-coronatips-page .wpb_video_wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;}
@media(max-width:600px){body.page-id-2237 .entry-content .aa-coronatips-page{padding-top:28px!important;padding-bottom:36px!important;}body.page-id-2237 .entry-content .aa-coronatips-page .wpb_video_wrapper{border-width:6px;border-radius:12px;}}
body.page-id-2237 .entry-content .aa-coronatips-page { padding-top:0!important; padding-bottom:0!important; background-color:transparent!important; }
/* Match De Geur van Gevaar's original intro typography after moving its inherited styles. */
body.page-id-2237 .entry-content .aa-coronatips-page .aa-coronatips-intro {
  font-size:clamp(16px,1.5vw,24px)!important; line-height:1.55!important;
}

/* Corona Tips: editable page with the original image slot, typography and player. */
/* Corona Tips: preserve existing appearance while enabling ordinary page editing. */
/* Editable Corona Tips title art retains its existing width and spacing. */
body.page-id-2216 .entry-content .aa-pilot-title {
  width: min(563px, 90%); aspect-ratio:563/90; margin: 0 auto 26px !important; line-height: 0;
}
body.page-id-2216 .entry-content .aa-pilot-title img {
  display: block; width: 100%; height: 100%; object-fit:contain; margin: 0 !important;
  border: 0; border-radius: 0; box-shadow: none;
}
@media (max-width: 767px) {
  body.page-id-2216 .entry-content .aa-coronatips-page {
    left: 0 !important; width: 100% !important;
    margin-left: 0 !important; margin-right: 0 !important;
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2216 .aa-coronatips-page > .vc_column_container > .vc_column-inner {
    padding-left: 0 !important; padding-right: 0 !important;
  }
  body.page-id-2216 .aa-editable-youtube,
  body.page-id-2216 .aa-editable-youtube > .wpb_wrapper {
    width: 100% !important; max-width: 100% !important;
  }
}

/* Corona Tips: retain the former shortcode styling independently of editor saves. */
body.page-id-2216 .entry-content .aa-coronatips-page .aa-coronatips-intro{max-width:740px;margin:0 auto 26px!important;color:#183126!important;font-family:"Nunito",sans-serif!important;font-size:clamp(1.4rem,3vw,2rem)!important;font-weight:700!important;line-height:1.35!important;text-align:center!important;}
body.page-id-2216 .entry-content .aa-coronatips-page .wpb_video_wrapper{box-sizing:border-box;width:min(760px,calc(100% - 16px))!important;max-width:100%;aspect-ratio:16/9;height:auto!important;margin:0 auto!important;padding:0!important;overflow:hidden;border:8px solid #173126;border-radius:18px;background:#173126;box-shadow:0 12px 30px rgba(16,42,29,.2);position:relative;}
body.page-id-2216 .entry-content .aa-coronatips-page .wpb_video_wrapper iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;}
@media(max-width:600px){body.page-id-2216 .entry-content .aa-coronatips-page{padding-top:28px!important;padding-bottom:36px!important;}body.page-id-2216 .entry-content .aa-coronatips-page .wpb_video_wrapper{border-width:6px;border-radius:12px;}}
body.page-id-2216 .entry-content .aa-coronatips-page { padding-top:0!important; padding-bottom:0!important; background-color:transparent!important; }
/* Match Corona Tips's original intro typography after moving its inherited styles. */
body.page-id-2216 .entry-content .aa-coronatips-page .aa-coronatips-intro {
  font-size:clamp(16px,1.5vw,24px)!important; line-height:1.55!important;
}

body.page-id-2216 .aa-corona-language-caption {
  margin:10px 0 0; color:#173126; font-family:Nunito,sans-serif;
  font-size:16px; font-weight:400!important; line-height:1.3; text-align:center;
}
/* Preserve the original hidden WordPress page heading after editor saves. */
body.page-id-2216 .entry-header, body.page-id-2216 .page-header { display:none!important; }

/* Editable Alfred Socks title replaces the former decorative title, at the same size. */
body.page-id-1349 .entry-content::before { content: none; display: none; }
body.page-id-1349 .entry-content > .aa-pilot-title {
  display: block; width: min(652px, calc(100% - 30px)); aspect-ratio:652/113;
  margin:35px auto -18px !important; line-height:0;
}
body.page-id-1349 .entry-content > .aa-pilot-title img {
  display:block; width:100%; height:100%; object-fit:contain; margin:0 !important;
  border:0; border-radius:0; box-shadow:none;
}
/* Flexible homepage media use the same green frame at every position. */
body.page-id-34 .aa-home-switch-frame{box-sizing:border-box;display:block;width:min(480px,100%);aspect-ratio:480/285;margin:0 auto;overflow:hidden;border:8px solid #173126;border-radius:18px;background:#173126;}
body.page-id-34 .aa-home-switch-frame img,body.page-id-34 .aa-home-switch-frame video,body.page-id-34 .aa-home-switch-frame iframe,body.page-id-34 .aa-home-trailer-frame>video,body.page-id-34 .aa-home-trailer-frame>iframe,body.page-id-34 .aa-home-trailer-frame>a,body.page-id-34 .aa-home-trailer-frame>img,body.page-id-34 .wpb_video_wrapper>video,body.page-id-34 .wpb_video_wrapper>iframe{display:block;width:100%!important;height:100%!important;object-fit:contain;border:0!important;border-radius:0;padding:0!important;box-shadow:none!important;filter:none!important;}
body.page-id-34 .aa-home-switch-frame a{display:block;width:100%;height:100%;}
body.page-id-34 .aa-home-added-block .aa-home-trailer-button{width:100%;background:#754795;color:white;border:1px solid #653f7e;}
body.page-id-34 .aa-home-added-block .aa-home-trailer-button:hover{background:#8759a7;}
/* Common page design for both reusable series templates. */
body.aa-series-template .entry-header,body.aa-series-template .entry-footer{display:none!important;}
body.aa-series-template .entry-content{background:transparent!important;}
body.aa-series-template .aa-template-panel{box-sizing:border-box;width:min(1140px,calc(100vw - 30px));position:relative;left:50%;transform:translateX(-50%);padding:50px 15px;background:#afd1b8;text-align:center;}
body.aa-series-template .aa-pilot-title{width:min(563px,90%);margin:0 auto 26px!important;line-height:0;}
body.aa-series-template .aa-pilot-title:empty{display:none;}
body.aa-series-template .aa-pilot-title img{display:block;width:100%;height:auto;border:0;border-radius:0;margin:0;}
body.aa-series-template .aa-coronatips-intro{max-width:740px;margin:0 auto 26px!important;color:#183126!important;font:700 clamp(16px,1.5vw,24px)/1.55 Nunito,sans-serif!important;text-align:center;}
body.aa-series-template .aa-editable-youtube{width:50%;max-width:100%;margin:0 auto!important;}
body.aa-series-template .aa-editable-youtube .wpb_video_wrapper{box-sizing:border-box;width:calc(100% - 16px)!important;aspect-ratio:16/9;height:auto!important;margin:0 auto!important;padding:0!important;border:8px solid #173126;border-radius:18px;background:#173126;overflow:hidden;position:relative;}
body.aa-series-template .aa-editable-youtube iframe{position:absolute;inset:0;width:100%!important;height:100%!important;border:0;}
body.aa-series-template .aa-youtube-caption{margin:10px auto 0;color:#173126;font:400 16px/1.3 Nunito,sans-serif;}
body.aa-series-template .thumbsHolderVisibleWrapper.aa-playlist-has-more::after{content:"Scroll omlaag voor meer video's";position:absolute;z-index:20;right:0;bottom:0;left:0;min-height:46px;box-sizing:border-box;display:flex;align-items:flex-end;justify-content:center;padding:20px 8px 8px;background:linear-gradient(to bottom,rgba(23,49,38,0),rgba(23,49,38,.96) 42%);color:#fed636;font:800 12px/1.2 Nunito,sans-serif;text-align:center;text-shadow:0 1px 3px #000;pointer-events:none;}
body.aa-series-template .slider-vertical.ui-slider{width:8px!important;border-radius:8px!important;background:rgba(255,255,255,.4)!important;opacity:1!important;}
body.aa-series-template .slider-vertical.ui-slider .ui-slider-handle{left:-16px!important;width:40px!important;height:44px!important;margin:0 0 -22px!important;border:0!important;background:transparent!important;box-shadow:none!important;cursor:grab!important;}
body.aa-series-template .slider-vertical.ui-slider .ui-slider-handle::after{content:"▼";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fed636;font:900 32px/1 Nunito,sans-serif;text-shadow:0 2px 2px #173126;}
@media(max-width:767px){body.aa-series-template .aa-template-panel{width:calc(100vw - 30px);padding:28px 8px 36px;}body.aa-series-template .aa-editable-youtube{width:100%;}}
/* Keep the new MP4 template's scaled playlist inside its actual column. */
body.aa-series-template .thumbsHolderVisibleWrapper,
body.aa-series-template .thumbsHolder {width:100%!important;}
@media(max-width:600px){
 body.aa-series-template .thumbsHolder .padding > img{width:30px!important;height:20px!important;margin-right:4px!important;}
 body.aa-series-template .thumbsHolder .title{font-size:10px!important;line-height:1.15!important;}
 body.aa-series-template .thumbsHolder .reg{display:none!important;}
 body.aa-series-template .thumbsHolderVisibleWrapper.aa-playlist-has-more::after{font-size:9px;min-height:40px;padding:12px 3px 3px;}
}
body.aa-series-template .thumbsHolderVisibleWrapper{height:100%!important;}
@media(max-width:600px){
 body.aa-series-template .thumbsHolder .title{margin-left:34px!important;text-align:left!important;}
}

/* Editable text sizes: relative to each existing responsive text style. */
.aa-sized-line[data-aa-font="small"]{font-size:.82em!important;line-height:1.45!important;}
.aa-sized-line[data-aa-font="normal"]{font-size:1em!important;line-height:1.45!important;}
.aa-sized-line[data-aa-font="large"]{font-size:1.2em!important;line-height:1.45!important;}
.aa-sized-line[data-aa-font="xl"]{font-size:1.4em!important;line-height:1.45!important;}

/* Free pages share the site panel, typography, framed media and purple buttons. */
body.aa-series-template .aa-free-panel{padding:50px 24px;}
body.aa-series-template .aa-free-section{width:100%;min-width:0;margin:0 auto 64px;text-align:center;}
body.aa-series-template .aa-free-section:last-child{margin-bottom:0;}
body.aa-series-template .aa-free-text{width:100%;max-width:1000px;margin:0 auto 30px;color:#183126;font:700 clamp(16px,1.5vw,24px)/1.55 Nunito,sans-serif;overflow-wrap:anywhere;}
body.aa-series-template .aa-free-text:last-child{margin-bottom:0;}
body.aa-series-template .aa-free-media{box-sizing:border-box;width:min(560px,100%);margin:0 auto;border:8px solid #173126;border-radius:18px;overflow:hidden;background:#173126;}
body.aa-series-template .aa-free-media a{display:block;}
body.aa-series-template .aa-free-media img{display:block;width:100%;height:auto;margin:0;padding:0;border:0;box-shadow:none;}
body.aa-series-template .aa-free-media:not(.aa-free-media-image){aspect-ratio:16/9;}
body.aa-series-template .aa-free-media iframe,body.aa-series-template .aa-free-media video{display:block;width:100%;height:100%;border:0;margin:0;padding:0;object-fit:contain;}
body.aa-series-template .aa-free-caption{color:#173126;font:400 16px/1.4 Nunito,sans-serif;margin:10px auto 0;}
body.aa-series-template .aa-free-button{display:block;box-sizing:border-box;width:100%;margin:32px auto 0;padding:16px 20px;border:1px solid #653f7e;border-radius:40px;background:#754795;color:#fff;font:400 clamp(14px,1.25vw,20px)/1.4 Nunito,sans-serif;text-decoration:none;overflow-wrap:anywhere;}
body.aa-series-template .aa-free-button:hover{background:#8759a7;color:#fff;}
body.aa-series-template .aa-free-button:first-child{margin-top:0;}
@media(max-width:767px){body.aa-series-template .aa-free-panel{padding:28px 12px 36px;}body.aa-series-template .aa-free-section{margin-bottom:42px;}}

/* Alfred Socks: show the shared Fanshop before the normal footer, as on home. */
body.page-id-1349 #webshop.aa-global-shop-footer { display:block !important; }