/* Styles that used to sit inline in the page markup, moved here so the
   Content-Security-Policy can leave 'unsafe-inline' out of style-src.
   Linked from _header.php, so it loads on every page after style.css.
   !important stands in for the priority the inline style="" attributes had. */

/* Navigation dropdown (was a <style> block in _header.php) */
.dropdown-menu {
    background-color: #004990;
    top: 10px !important;
    left: -11px !important;
    border-radius: 0;
}
.dropdown-item.active, .dropdown-item:active {
   
    background-color: transparent !important;
}
.dropdown-item:focus, .dropdown-item:hover {
   
    background-color: transparent !important;
}
@media (max-width: 1199px) {
    .dropdown-menu{
        background-color: transparent !important;
        top: 0 !important;
        left: 0 !important;
        border-radius: 0;
        border: 0;
    }
    .mobile-nav .nav-item-mob{
        position: relative;
        top: 105px;
    }
    .dropdown-menu.show {
        width: 98%;
        transform: translate3d(0px, 52px, 0px) !important;
    }
    .dropdown-item{
        padding-left: 25px !important;
    }
    .dropdown-menu.show a {
        color: #000 !important;
    }
    .dropdown-menu.show a:hover {
        color: #000 !important;
    }
}

/* Business investments (was a <style> block in _business-sub-page.php) */
@media (min-width: 992px) {
    .port-img-leftt {
        margin-bottom: 125px !important;
    }
}

/* Real estate map (was inline in _realestate-sub-page.php) */
.realestate-holdings-container.is-raised { z-index: 2 !important; position: relative !important; }
.HYPE_document.hype-embed { margin: auto !important; position: relative !important; width: 100% !important; height: auto !important; overflow: hidden !important; }
/* No !important here: the page script shows a pop-up by setting display on the element. */
.speech.is-hidden { display: none; }
@media (max-width: 991px) {
        .speech {
            left: 3%;
            top: 24%;
            width: 95%;
            z-index: 1;
            display: block !important;
            position: relative;
            margin-bottom: 10px;
        }
        .speech .f {
            width: 100%;
            float: none;
            margin-right: 15px;
        }
        .speech .pin-popup-close{
            display: none !important;
        }
    }

/* Fixed widths and spacing that were style="" attributes */
.img-w175 { width: 175px !important; }
.img-w220 { width: 220px !important; }
.img-w250 { width: 250px !important; }
.img-w275 { width: 275px !important; }
.img-w350 { width: 350px !important; }
.img-w590 { width: 590px !important; }
.mt-90 { margin-top: 90px !important; }
.pb-500 { padding-bottom: 500px !important; }