﻿/*Hamburger / Mobile View Fixes*/
/* Ensure the dropdown stays inside the screen */
.dropdown-menu {
    overflow-wrap: break-word;
    text-align: left;
    background-color: #f7f7f7;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    word-wrap: break-word;
    background-color: #002E5D; /*change section background colour on hover*/
    text-align: left;
    max-width: 350px;
    color: #f7f7f7 !important; /*change text colour on hover*/
}

.navbar-nav .nav-link {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-align: left;
}
/* Reduce navbar height on desktop */
.navbar {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-align: left;
}

/*Hamburger / Mobile View Fixes*/
/* Ensure the dropdown stays inside the screen */

/*forces navbar on top of slideshow*/
.navbar {
    position: relative;
    z-index: 9999;
}

.dropdown-menu {
    overflow-wrap: break-word;
    text-align: left;
    background-color: #f7f7f7;
    background-color: #ffffff;
}

.navbar-nav .dropdown-menu .dropdown-item:hover {
    word-wrap: break-word;
    background-color: #f7f7f7;
    text-align: left;
    max-width: 350px; /* Adjust as needed */
}

.navbar-nav .nav-link {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-align: left;
}
/* Reduce navbar height on desktop */
.navbar {
    padding-top: 0.1rem !important;
    padding-bottom: 0.1rem !important;
    text-align: left;
}
/*show the pre-header on mobile devices*/
@media (max-width: 767px) {
    .pre-header {
        display: block !important;
        visibility: visible !important;
        height: auto !important;
        opacity: 1 !important;
    }
}
/*standardise the pre-header font sizes/styling*/
.pre-header .text-button a,
.pre-header .text-buttonl a {
    font-size: 13px;
    color: #ffffff;
    font-weight: 500;
}
.navbar-toggler {
    border-color: #002E5D !important;
}