/*
Theme Name: Twenty Twenty-Five child
Theme URI: https://www.butterflythemes.com/
Author: Butterflythemes
Author URI: https://www.butterflythemes.com
Description: A Twenty Twenty Five child theme
Template:     twentytwentyfive
Version: 1.0.0
License: GNU General Public License v2 or later
Text Domain: twentytwentyfive
*/


/* Fix global width issues if parent overrides */
.wp-site-blocks {
  max-width: none;
}

/* Center content properly */
.wp-block-group {
  margin-left: auto;
  margin-right: auto;
}

:root {
  --wp--style--global--content-size: 1200px !important;
  --wp--style--global--wide-size: 1400px !important;
}

.custom-column .wp-block-navigation__responsive-container {
  column-count: 5;
  /* column-gap: 15px;
  width: 100%; */
}

.wp-block-navigation-item__content {
  break-inside: avoid;
  margin-bottom: 0px;
}

.lvd-hero {
  position: relative;
  width: 100%;
  height: 500px; /* adjust as needed */
  overflow: hidden;
}

/* VIDEO */
.lvd-video iframe {
  position: absolute;
  top: 50%;
  left: 50%;

  width: 120%;
  height: 120%;

  transform: translate(-50%, -50%);
  pointer-events: none;
  border: 0;
}

/* OVERLAY */
.lvd-overlay {
  position: absolute;
  inset: 0;

  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;

  text-align: center;
  color: #fff;
}

.lvd-overlay h1 {
  font-size: 48px;
  font-weight: 600;
}

.lvd-btn {
  margin-top: 20px;
  padding: 12px 28px;
  background: #fff;
  color: #000;
  text-decoration: none;
}

.layout {
            display: flex;
            align-items: flex-start;
            gap: 24px;
            max-width: 1280px;
            margin: 0 auto;
            padding: 20px;
        }

        .col-4 {
            width: 320px;
            flex: 0 0 320px;
            position: sticky;
            top: 20px;
            max-height: calc(100vh - 40px);
            overflow-y: auto;
            background: #fff;
        }

        .col-8 {
            flex: 1 1 auto;
            min-width: 0;
        }

        .list-group-item {
            display: block;
            padding: 10px 12px;
            border: 1px solid #ddd;
            margin-bottom: 8px;
            text-decoration: none;
            color: #111;
            border-radius: 6px;
            background: #f8f9fa;
        }

        .list-group-item:hover {
            background: #006699;
            color: #fff;
            border-color: #006699;
        }

        .list-group-item.active {
            background: #006699;
            color: #fff;
            border-color: #006699;
        }

        figure {
            margin: 0 0 24px;
        }

        img {
            width: 100%;
            height: auto;
            display: block;
        }

        @media (max-width: 992px) {
            .layout {
                flex-direction: column;
            }

            .col-4 {
                width: 100%;
                flex: 1 1 auto;
                position: static;
                max-height: none;
            }
        }