/* Caesar Guerini navigation and slider fixes. Loaded after all other theme styles. */
#nav-container { position: relative !important; z-index: 2147483000 !important; overflow: visible !important; isolation: isolate; }
#nav-container .navbar,
#nav-container .navbar .container,
#nav-container .navbar-collapse,
#nav-container #menu-main-navigation { position: relative; z-index: 2147483000; overflow: visible !important; }
#nav-container #menu-main-navigation ul.sub-menu,
#nav-container #menu-main-navigation .dropdown-menu { position: absolute !important; z-index: 2147483001 !important; }
#nav-container #menu-main-navigation > li,
#nav-container #menu-main-navigation li.dropdown-submenu { position: relative; }
#nav-container #menu-main-navigation > li:hover,
#nav-container #menu-main-navigation li.dropdown-submenu:hover { z-index: 2147483002 !important; }
#shotgun_slider.flexslider { position: relative; z-index: 0; overflow: visible !important; }
#shotgun_slider.flexslider > .flex-control-thumbs {
    position: relative !important; top: auto !important; right: auto !important; bottom: auto !important; left: auto !important;
    display: flex !important; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 20px;
    width: 100%; max-width: 1200px; margin: 20px auto 0 !important; padding: 0 15px;
    box-sizing: border-box; float: none !important; z-index: 1 !important;
}
#shotgun_slider.flexslider > .flex-control-thumbs li {
    position: relative !important; flex: 0 1 165px; width: 165px !important; height: 58px;
    margin: 0 !important; float: none !important; overflow: hidden; box-sizing: border-box;
}
#shotgun_slider.flexslider > .flex-control-thumbs li img {
    position: static !important; display: block; width: 100% !important; height: 58px !important;
    max-width: 100% !important; object-fit: cover;
}
@media screen and (max-width: 767px) {
    #shotgun_slider.flexslider > .flex-control-thumbs { justify-content: center; gap: 12px; margin-top: 14px !important; }
    #shotgun_slider.flexslider > .flex-control-thumbs li { flex-basis: 125px; width: 125px !important; height: 50px; }
    #shotgun_slider.flexslider > .flex-control-thumbs li img { height: 50px !important; }
}

/* V3 refinements: restore breathing room below the gallery thumbnails. */
#shotgun_slider.flexslider > .flex-control-thumbs {
    margin-bottom: 20px !important;
}

/* Keep long desktop dropdowns opaque even where the legacy background GIF ends. */
@media screen and (min-width: 768px) {
    #nav-container #menu-main-navigation ul.sub-menu,
    #nav-container #menu-main-navigation .dropdown-menu {
        background-color: #303031 !important;
        background-image: url('../images/subnav_bkg.gif');
        background-repeat: repeat-x;
        background-position: center top;
    }
}

@media screen and (max-width: 767px) {
    #shotgun_slider.flexslider > .flex-control-thumbs {
        margin-bottom: 16px !important;
    }
}