@charset "utf-8";
/* CSS Document */

.parallax1 {
      /* Set a specific height */
      min-height: 40vh; 

      /* Create the parallax scrolling effect */
      background-image: url('/aa/assets/img/parallax01.jpg');
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }	
    @media screen and (max-width: 1080px) {
      .parallax1 {
        background-image: none;
        background-color:#106291;
      }
    }
    .parallax2 {
      /* Set a specific height */
      min-height: 40vh; 

      /* Create the parallax scrolling effect */
      background-image: url('/aa/assets/img/parallax02.jpg');
      background-attachment: fixed;
      background-position: center;
      background-repeat: no-repeat;
      background-size: cover;
    }	
    @media screen and (max-width: 1080px) {
      .parallax2 {
        background-image: none;
        background-color:#e1c773;
      }
    }

        .slidead-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.4);
            display: none;
            z-index: 9998;
        }
        .slidead-container {
            position: fixed;
            bottom: 10px;
            right: -350px;
            width: 350px;
            background: #fff;
            color: black;
            padding: 20px 20px 10px 20px;
            box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
            border: solid 2px navy;
            border-radius: 10px;
            transition: right 0.4s ease-in-out;
            z-index: 9999;
            text-align: center;
        }
        .slidead-container.show {
            right: 10px;
        }
        .slidead-close-btn {
            position: absolute;
            top: -12px;
            right: 2px;
            font-size: 2rem;
            cursor: pointer;
            font-weight: bold;
            
        }
        .slidead-container img {
            width: 100%;
            border-radius: 10px;
        }   
    .slidead-close-btn {
        position: absolute;
        top: 0.5rem;
        right: 0.75rem;
        background: transparent;
        border: none;
        font-size: 2rem;
        cursor: pointer;
        color: #000;
        z-index: 10;
        padding: 0.5rem;
        line-height: 1;
        touch-action: manipulation;
    }
    @media (hover: hover) {
        .slidead-close-btn:hover {
            color: #b00;
        }
    }

    .slidead-container {
        outline: none;
        max-height: 90vh;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
    }
    [inert] {
        pointer-events: none;
        user-select: none;
    }
    #slideadCTA:focus {
        outline: none;
    }
    #slideadCTA:focus:not(:focus-visible) {
        outline: none;
    }
    #slideadCTA:focus-visible {
    outline: 1px dotted #ccc;
    outline-offset: 4px;
    border-radius: 4px;
    }
    
/* Video container */
.vid-container {
  position: relative;
  width: 100%;
  overflow: hidden; /* keeps everything contained */
}

.main-video {
  display: block;
  width: 100%;
  height: auto;
  object-fit: cover;
}

/* Overlay ribbon */
.video-overlay {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  min-height: 3rem; /* slim height */
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  padding: 0.5rem 1rem;
  box-sizing: border-box;
  color: navy;
  overflow: hidden; /* clip blurred background */
  background: rgba(255, 255, 255, 0.2); /* whiter, still slightly translucent */
}

/* Blurred background clipped to overlay area */
.overlay-blur {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: inherit;
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  pointer-events: none; /* clicks pass through */
  z-index: 0;
}

/* Content above the blur */
.overlay-content {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  z-index: 1;
}

/* Title */
.overlay-content h2 {
  margin: 0.25rem;
  font-size: 1.2rem;
  font-weight: 600;
}

/* Very lightly tinted blue button */
.overlay-content a {
  display: inline-block;
  margin-left: 1rem;
  padding: 0.35rem 0.75rem;
  background: rgba(102, 179, 255, 0.15);
  border: 1px solid #001f4d; /* very thin navy outline */
  border-radius: 0.25rem;
  color: #001f4d;
  text-decoration: none;
  font-size: 0.95rem;
  font-weight: 600;
  box-shadow: inset 0 1px 2px rgba(255, 255, 255, 0.4);
  transition: background 0.3s;
}

.overlay-content a:hover {
  background: rgba(102, 179, 255, 0.3);
}

/* Mobile adjustments */
@media (max-width: 576px) {
  .video-overlay {
    flex-direction: column;
    padding: 0.4rem 0.5rem;
    min-height: 2.8rem;
  }
  .overlay-content h2 {
    font-size: 0.85rem;
  }
  .overlay-content a {
    margin: 0.25rem 0 0 0;
    font-size: 0.85rem;
  }
}