/*
 * The site's own rules: lilbitcycling.com's Customizer "Additional CSS" as it
 * stood on 2026-10-14, moved into the theme so it is versioned with it. Once
 * this theme is live, that Customizer field can be emptied — these rules are
 * the same ones. The .page-id-* selectors refer to pages on the live site.
 */

#smobile-menu.show .main-navigation ul li ul.sub-menu {
    display: none !important;
  }
  #smobile-menu.show .main-navigation ul li ul.sub-menu.active {
    display: block !important;
  }
@media print {
     /* 1. Hide chrome: nav, sidebar, footer, comments, share buttons */
     header, footer, nav, aside,
     .site-header, .site-footer, .main-navigation,
     .sidebar, #secondary, .widget-area,
     .comments-area, #comments,
     .post-navigation, .nav-links,
     .wp-block-post-navigation-link,
     .post-navigation-link-previous,
     .social-share, .sharedaddy, .jp-relatedposts,
     .cookie-notice, #wpadminbar,
     #bmc-wbtn,
     .skip-link, .screen-reader-text {
       display: none !important;
     }

     /* 2. Full width, no theme padding */
     body, #page, #content, .site-content,
     .site-main, .content-area,
     article, .entry-content, .post {
       width: 100% !important;
       max-width: 100% !important;
       margin: 0 !important;
       padding: 0 !important;
       float: none !important;
       background: #fff !important;
       color: #000 !important;
     }

     /* 3. Images full-width and never split across pages */
     img, figure, .wp-block-image, .wp-block-gallery {
       max-width: 100% !important;
       height: auto !important;
       page-break-inside: avoid;
       break-inside: avoid;
     }

     /* 4. Keep paragraphs and headings tidy across page breaks */
     p, li, blockquote { page-break-inside: avoid; break-inside: avoid; }
     h1, h2, h3, h4 { page-break-after: avoid; break-after: avoid; }

     /* 5. Show link targets after the link text (optional — useful for printed refs) */
     /* a[href]:after { content: " (" attr(href) ")"; font-size: 0.85em; } */

     /* 6. Typography tuned for paper */
     body { font-size: 11pt; line-height: 1.45; }

     /* 7. Define the printed page itself */
     @page { margin: 1.5cm; }
   }

/* mobile-only line breaks: visible by default, hidden on desktop */
  @media (min-width: 601px) {
    .br-mobile { display: none; }
  }

  @media (max-width: 600px) {
    .entry-content p[style*="57px"] {
      font-size: 11vw !important;
      line-height: 1.15;
      margin: 0.2em 0 0.6em;
    }
    .entry-content p[style*="57px"]:last-of-type {
      margin-bottom: 0.2em;
    }
  }

     /* 7. Define the printed page itself */

/* line height change */
.travel-list { line-height: 2; }

/* link color to blue */

 .entry-content :is(p, li, dd, td, h1, h2, h3, h4, h5, h6):not(.has-link-color) a {
      color: #0b6ed0;
  }
  .entry-content :is(p, li, dd, td, h1, h2, h3, h4, h5, h6):not(.has-link-color) a:hover,
  .entry-content :is(p, li, dd, td, h1, h2, h3, h4, h5, h6):not(.has-link-color) a:focus {
      color: #0944a8;
  }

 /* Image LEFT, text RIGHT (default — no extra class):
     outer edge = right, inner edge = left */
  .wp-block-media-text .wp-block-media-text__content {
      padding-right: 0;     /* remove outside padding */
      padding-left: 16%;     /* keep gap toward the image */
  }

  /* Image RIGHT, text LEFT (has-media-on-the-right):
     outer edge = left, inner edge = right */
  .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
      padding-left: 0;      /* remove outside padding */
      padding-right: 16%;    /* keep gap toward the image */
  }

/* mobile version adjustment */
  @media (max-width: 600px) {
      .wp-block-media-text .wp-block-media-text__content {
          padding-left: 0;
          padding-right: 0;
          margin-top: 20px;   /* the vertical gap you want */
      }
      /* mirror variant uses the same reset, so one rule covers both */
      .wp-block-media-text.has-media-on-the-right .wp-block-media-text__content {
          padding-left: 0;
          padding-right: 0;
          margin-top: 20px;
      }
  }

/* hide titles */
.page-id-2904 .entry-title,
	.page-id-3182 .entry-title,
  	.page-id-3148 .entry-title {
    display: none;
  }

/* thumbnail round */
 .featured-thumbnail,
  .featured-thumbnail img {
      border-radius: 16px;
      overflow: hidden;
  }

/* Gallery mix landscape and portrait */

.wp-block-gallery.mixed-gallery {
    display: flex;
    flex-wrap: nowrap;
    align-items: stretch;
    container-type: inline-size;
    --gap: var(--wp--style--gallery-gap-default, 16px);
    /* Row height. Current gallery height would be: calc((100cqw - 2*var(--gap)) / 3 * 2 / 3)
       Taller = less cropping. */
    --row-h: calc((100cqw - 2 * var(--gap)) / 3);
  }

  .wp-block-gallery.mixed-gallery figure.wp-block-image {
    height: var(--row-h);
    width: auto !important;
    margin: 0;
    min-width: 0;
    /* widths are shared in proportion to each image's ratio (2:3 portrait, 3:2 landscape),
       so cropping is spread evenly instead of squashing the portraits */
    flex: 2 1 0;
  }

  .wp-block-gallery.mixed-gallery figure.wp-block-image.is-landscape {
    flex: 4.5 1 0;
  }

  .wp-block-gallery.mixed-gallery figure.wp-block-image img {
    width: 100% !important;
    height: 100% !important;
    aspect-ratio: auto !important;   /* neutralise Twentig's ratio setting */
    object-fit: cover;
    object-position: center;
  }

  @media (max-width: 600px) {
    .wp-block-gallery.mixed-gallery { flex-wrap: wrap; }
    .wp-block-gallery.mixed-gallery figure.wp-block-image {
      flex: 1 1 100%;
      height: auto;
    }
    .wp-block-gallery.mixed-gallery figure.wp-block-image img { height: auto !important; }
  }

  /* ===== Gallery: captions below the image ===== */

  /* caption sits under the image, outside the image box */
    .wp-block-gallery.has-nested-images figure.wp-block-image figcaption {
    position: absolute;
    top: 100%;
    bottom: auto;
    left: 0;
    right: 0;
    background: none;
    color: inherit;
    text-shadow: none;
    padding: 8px 4px 0;
    text-align: center;
    will-change: auto;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    line-clamp: 2;
    overflow: hidden;
  }

 .wp-block-gallery.has-nested-images:has(figure.wp-block-image figcaption) {
    row-gap: 4.2em;
    padding-bottom: 3em;
  }

  /* remove WordPress's blur + gradient overlay behind captions */
  .wp-block-gallery.has-nested-images figure.wp-block-image:has(figcaption)::before {
    content: none !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }

  /* galleries containing a caption: wider row gap + space below */
  .wp-block-gallery.has-nested-images:has(figure.wp-block-image figcaption) {
    row-gap: 3.2em;
    padding-bottom: 2em;
  }

.page-id-923 .entry-header {
      display: none;
  }

.page-id-1068 .entry-header {
      display: none;
  }
