iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: 100%;
}

@media screen and (max-width: 500px) {
.dxpr-theme-header--side {
  height: 5vw !important;
}
.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-container .navbar-header .logo {
  height: 15vw !important;
}
.logo navbar-btn {
    height: 15vw !important;

}
}

.menu--main .menu-item--expanded:hover > .menu,
.menu--main .menu-item--expanded.is-active > .menu {
  display: block !important;
}

/* if you’re using Bootstrap’s markup */
.navbar-nav .dropdown:hover > .dropdown-menu {
  display: block !important;
}

.dropdown-menu {
  width: 300px;
}

/* hero front */
.hero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 100vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("https://anemo.aero/sites/default/files/images/aerospace.webp");
  background-size: cover;
  background-position: center;
  color: white;
  text-align: center;
  padding: 0 1rem;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 2rem;
}
.hero h1 {
  font-size: 3rem;
  margin-bottom: 1rem;
  color: white;
}
.hero p {
  font-size: 1.2rem;
  max-width: 600px;
  margin-bottom: 2rem;
}
.hero a {
  text-decoration: none;
  padding: 0.75rem 2rem;
  background: #4d89d7;
  color: white;
  border-radius: 5px;
  font-weight: bold;
  transition: background 0.3s ease;
}
.hero a:hover {
  background: #ff6333;
}
@media (max-width: 768px) {
  .hero h1 {
    font-size: 2.2rem;
  }
  .hero p {
    font-size: 1rem;
  }
}

#logo {
  max-height: 100% !important;
  height: auto !important;
}
.overview-logo {
  display: flex;
  justify-content: flex-end;
}
.overview-img {
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-logoside {
  max-width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
}
.overview-logoside img {
  max-width: 50%;
  height: auto;
}
.dxpr-theme-header--top {
  border-bottom: 1px solid #4d89d7 !important;
}

/* footer */

.dxpr-theme-footer h1,
.dxpr-theme-footer h2,
.dxpr-theme-footer h3,
.dxpr-theme-footer h4,
.dxpr-theme-footer h5,
.dxpr-theme-footer h6 {
  color: white !important;
}

.region-footer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}
.dxpr-theme-footer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 15%),
    url("/anemo.aero/sites/default/files/images/aerospace.webp") top center
      no-repeat;
  background-size: cover;
}

.dxpr-theme-footer {
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000 15%),
    url("https://anemo.aero/sites/default/files/images/aerospace.webp") top
      center no-repeat;
  background-size: cover;
}
/* Templating */

/* Quick Release Fasteners */

.quick-releasehero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 80vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("https://anemo.aero/sites/default/files/images/plane-sky.webp");
  background-size: cover;
  background-position: center;
  color: white;
  padding: 0 1rem;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 2rem;
}

.quick-release-productlist img {
  width: auto !important;
}

.quick-releasehero h1 {
  color: white;
}

.quick-releasehero h4 {
  color: white;
}

.quick-fasteners {
  display: flex;
  flex-direction: column;
}

.quick-release-plate-bottom {
  width: 20vw;
  height: auto;
  z-index: 2;
}
.quick-release-plate-top {
  width: 20vw;
  height: auto;
  z-index: 2;
  animation: upDownPlate 4s infinite;
}

.quick-release-fasteners {
  width: 20vw;
  height: auto;
  top: 0;
  animation: upDown 4s infinite;
}

.downwards-arrow-container {
  display: flex;
  align-items: center;
  position: absolute !important;
  bottom: 0;
  left: 0;
}

.downwards-arrow {
  max-width: 2.5vw;
  margin: auto;
}

.quick-release-productlist {
  align-items: center;
}

.quick-release-productlist img {
  max-height: 12vw;
  margin: auto;
}

.quick-release-productlist p {
  text-align: center;
}

.quick-release-video-container {
  background-image: url("https://anemo.aero/sites/default/files/images/anemo-banner-anemo3.webp");
  background-size: cover;
  background-position: left;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 2rem;
  margin-top: 2rem;
}

  .body--dxpr-theme-nav-desktop .dxpr-theme-header--top #block-dxpr-theme-main-menu .dropdown-menu {
    margin-left: -50%;
  }

@media screen and (max-width: 992px) {
  .quick-release-plate-bottom {
    width: 50vw;
    height: auto;
    z-index: 2;
  }
  .quick-release-plate-top {
    width: 50vw;
    height: auto;
    z-index: 2;
  }
  .quick-releaseherocontainer {
    height: 100vh !important;
  }
  
  .page-title-full-width-container {
    display: none;
  }
  .dxpr-theme-main-menu {
    background-color: white !important;
  }
  .dxpr-theme-header--side .menu__level {
    background-color: white !important;
  }
    .body--dxpr-theme-nav-desktop .dxpr-theme-header--top #block-dxpr-theme-main-menu .dropdown-menu {
    margin-left: 0%;
  }

  .quick-release-fasteners {
    width: 50vw;
    height: auto;
    top: 0;
    animation: upDownSmall 4s infinite;
  }
  .quick-fasteners {
    padding-top: 5vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .quick-release-productlist img {
    max-height: 20vw;
    margin: auto;
  }
  .quick-release-videotext {
    margin-top: 2rem;
  }
}

@media screen and (max-width: 420px) {
  .quick-releasehero {
    height: 100vh;
  }  
  .latcheshero {
    height: 100vh;
  }
}

@keyframes upDown {
  0% {
    transform: translate(0%, 15px);
  }
  10% {
    transform: translate(0%, 45px);
  }
  50% {
    transform: translate(0%, 45px);
  }
  100% {
    transform: translate(0%, 15px);
  }
}

@keyframes upDownSmall {
  0% {
    transform: translate(0%, 0px);
  }
  10% {
    transform: translate(0%, 30px);
  }
  50% {
    transform: translate(0%, 30px);
  }
  100% {
    transform: translate(0%, 0px);
  }
}

@keyframes upDownPlate {
  0% {
    transform: translate(0%, -30px);
  }
  10% {
    transform: translate(0%, 0px);
  }
  50% {
    transform: translate(0%, 0px);
  }
  100% {
    transform: translate(0%, -30px);
  }
}

/* Tools */
.turbine-wrapper {
  height: 35vw;
  width: auto;
  position: absolute;
  left: -6vw;
  top: 3.5vw;
  overflow: hidden;
  transform: scaleX(0.3) skewY(-10deg); /* side view + angled look */
  transform-origin: left center;
}

.turbine {
  width: 100%;
  height: 100%;
  animation: spin 25s linear infinite;
  transform-origin: center center;
}

.turbine img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}

@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

.toolsherobackground {
  background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("https://anemo.aero/sites/default/files/images/tools-background.webp");
  position: relative;
  width: 100vw;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
}

.toolsherobackground::before {
  opacity: 0.4;
  z-index: -1;
}

.toolinghero {
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  height: 34vw;
}

.toolsherocontent {
  height: 25%;
  width: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.toolsherocontent h1 {
  font-size: 3rem;
  color: white;
}

.toolsherocontent h5 {
  font-size: 1.5rem;
  color: white;
}

.toolsimagecontainer {
  position: relative;
  margin-top: -3vw;
  z-index: 10 !important;
}

.toolsdiv {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  text-align: center;
  align-items: center;
}

.toolsdiv img {
  max-width: 15vw;
}

@media screen and (max-width: 992px) {
  .turbine-wrapper {
    display: none;
  }
  .toolinghero {
    height: 100vw;
  }
  .toolsdiv img {
    max-width: 50vw;
  }
}

/* Quick Release & locking fasteners */

.quick-releaseherocontainer {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("https://anemo.aero/sites/default/files/images/rocket-launch.webp");
  background-size: cover;
  background-position: center;
  color: white;
  padding: 0 1rem;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 2rem;
}
.quick-releaseherocontainer h1 {
  color: white;
}

.quick-releaseherocontainer h4 {
  color: white;
}

/* Threaded parts */

.background-threaded {
  display: flex;
  align-items: center;
  width: 100vw;

  height: 25vw;
}

.threadedhero {
  height: 25vw;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  color: white;
  text-align: center;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  background-image: url("https://anemo.aero/sites/default/files/images/aside.webp");
  background-position: center;
  background-size: cover;
}

.threadedhero h4 {
  text-align: left;
  color: white;
  margin-top: 1rem;
}

.threadedhero h1 {
  text-align: left;
  color: white;
}

.threadedline {
  content: "";
  position: absolute;
  width: 2.5%;
  height: 0.4em;
  background: white;
  margin-bottom: 1%;
}

.threadedhero-inside {
  background-color: rgba(0, 0, 0, 0.3);
  padding: 5%;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.threadedcard {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  text-align: center;
}

.threadedcard img {
  max-width: 50%;
  height: auto;
  margin: auto;
}

.threadedcard h5 {
  color: #4d89d7;
}

.threadedcard p {
  text-align: left;
}

.threadedcard:nth-child(2) {
  margin-top: 3rem;
}

@media screen and (max-width: 1024px) {
  .threadedhero {
    height: 50vw;
  }
}

@media screen and (max-width: 600px) {
  .threadedhero {
    height: 80vw;
  }
  #navbar {
    height: 15vw !important;
  }
}

.airplanetext {
  z-index: 5;
  position: fixed;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 3rem;
  font-weight: bold;
  color: white;
  text-shadow: 0 0 10px rgba(0, 0, 0, 0.8); /* Adds contrast */
  backdrop-filter: blur(4px); /* Background blur */
  padding: 0.2em 0.5em;
  border-radius: 0.3em;
}

.hidden {
  display: none;
}

.airplane {
  position: fixed;
  bottom: -50px;
  left: -100px;
  font-size: 2rem;
  z-index: 9999;
  animation: flyby 15s linear forwards;
  cursor: crosshair;
}

.trail {
  position: fixed;
  font-size: 1rem;
  opacity: 0.7;
  animation: fadeTrail 1s linear forwards;
  pointer-events: none;
}

.launchplane {
  position: fixed;
  left: 0;
  bottom: 0;
  z-index: 50;
}
.launchplanenow {
  background-color: #4d89d7;
  border-radius: 5px;
  border: solid white 1px;
  color: white;
  padding: 10px;
}

@keyframes flyby {
  0% {
    transform: translate(0, 0);
  }
  100% {
    transform: translate(120vw, -120vh);
  }
}

@keyframes fadeTrail {
  0% {
    opacity: 0.7;
  }
  100% {
    opacity: 0;
    transform: translate(-10px, 10px);
  }
}

.dropdown {
  font-size: bold;
}

.page-title-full-width-container::after {
  z-index: -1 !important;
}

.CTA-button {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #4d89d7;
  border-radius: 1rem;
  color: white;
  text-decoration: none;
  font-weight: bold;
}
.CTA-button:hover {
  padding-left: 0.7rem;
  padding-right: 0.7rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: white;
  border-radius: 1rem;
  color: #4d89d7;
  text-decoration: none;
  font-weight: bold;
  border: solid 1px #4d89d7;
}



.news,
.report,
.incident,
.accident,
.crash {
  display: inline-block;
  min-width: 90px; /* Adjust for longest word */
  text-align: center;
  padding: 2px 6px;
  border-radius: 4px;
  font-weight: bold;
}

/*.view-avharold a {
    text-decoration: none !important;
}*/

span.incident { background-color: #ffff00; color: black; }
span.report { background-color: #80a0ff; color: black; }
span.news { background-color: #00ff01; color: black; }
span.accident { background-color: #ff8000; color: black; }
span.crash { background-color: #ff0a00; color: black; }

.news {
  background-color: #00ff01;
  color: black;
}

.report {
  background-color: #80a0ff;
  color: black;
}

.incident {
  background-color: #ffff00;
  color: black;
}

.accident {
  background-color: #ff8000;
  color: black;
}

.crash {
  background-color: #ff0a00;
  color: black;
}

details {
  border: none !important;
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}

.views-row {
  display: flex;
  flex-direction: column;
}

 .views-field-field-image {
  margin-bottom: 1.5rem;
}

 .views-field-title {
  margin-bottom: 0.5rem;
}


.latcheshero {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 50vh;
  background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)),
    url("https://anemo.aero/sites/default/files/images/latchesbackground.webp");
  background-size: cover;
  background-position: top;
  color: white;
  padding: 0 1rem;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  margin-bottom: 2rem;
}

.latcheshero h1 {
  color: white;
}

.latcheshero h4 {
  color: white;
}

.section-images-home {
  
  background-color: #f8f9fa;
  background-size: cover;
  background-position: middle;
  width: 100vw;
  position: relative;
  left: 50%;
  right: 50%;
  margin-left: -50vw;
  margin-right: -50vw;
  padding: 2rem;
  margin-top: 2rem;
  height: 25vw;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 3rem;
}

.section-images-home img {
  width: 80% !important;
  height: auto;
  margin: auto;
}

@media screen and (max-width: 600px) {
  .section-images-home {
    height: 100vw;
    background: #f8f9fa;
  }
  .section-images-home img {
    width: 35% !important;
    height: auto;
    margin: auto;
  }
}