#immersion_content_header {
  min-height: 900px !important;
  background-image: url('https://globalinsightpress.com/public/journals/1/homepageImage_en.png');
  background-position: center;
  background-repeat: no-repeat;
  background-size: 100%; /* start smaller so it can zoom */
  animation: zoomHeader 10s ease-in-out infinite alternate;
}

@keyframes zoomHeader {
  from { background-size: 100%; }
  to   { background-size: 105%; }
}


/* Optional: style nav links so they look good on the background */
.main-header__nav .nav-link {
    color: #000000 !important;   /* white text for contrast */
    font-weight: 500;
    font-color: #000000 !important;
    text-align: left !important;

}

.main-header__nav .nav-link:hover {
    color: #fff !important; /* highlight color on hover */
    font-color: #000000 !important;
    text-align: left !important;
}

.main-header__title {
    display: none !important;
}

/* Dropdown menu background color */
.dropdown-menu.show {
    background-color: #fff !important;
    padding: 12px 0 !important;   /* Adds space between items */
    text-align: left !important;
    right: 0;           /* align to right edge of parent */
    left: auto;         /* prevent overflow to the left */
    max-height: 300px;  /* optional: limit height */
    overflow-y: auto;   /* scroll if too tall */
}

/* Dropdown item background color and alignment */
.dropdown-item {
    background-color: #002858 !important;
    color: #000000 !important;   /* White text */
    padding: 3px 10px !important; /* Adds padding to the items */
    text-align: left !important;   /* Left-align the items */
}

/* Hover effect */
.dropdown-menu.show .dropdown-item:hover {
    background-color: #D28439 !important;   /* Accent color on hover */
    color: #000000 !important;                 /* Keep text white */
}

/* Optional: Remove blue outline on focus */
.dropdown-item:focus {
    outline: none !important;
}


/* Style individual nav links */
.main-header__nav .nav-link {
    color: #000000 !important;          /* White text */
    font-weight: 500;
    padding: 8px 14px;
    text-align: left !important;
    transition: all 0.3s ease;       /* Smooth transition */
}

/* Hover effect for nav items */
.main-header__nav .nav-link:hover {
    background: rgba(255, 255, 255, 0.15) !important; /* Hover highlight */
    color: #D28439 !important;                        /* Hover accent color */
}

.dropdown-menu.dropdown-menu-right.show {
  background-color: #ffffff !important;
text-align: left !important;
}

.dropdown-item {background-color: #ffffff !important;
text-align: left !important;

}

.dropdown-menu show {background-color: #ffffff !important;
text-align: left !important;

}