/* DE custom HTML5 header — replaces Elementor header, not an overlay. */
.de-banner,.de-banner *{box-sizing:border-box}
.de-banner{isolation:isolate;position:relative!important;display:block!important;width:100%!important;min-height:136px!important;z-index:2000;background:#100608;color:#fff;border-bottom:3px solid #c70010;font-family:Arial,Helvetica,sans-serif}
.de-banner__art{position:absolute;inset:0;z-index:-1;pointer-events:none;background-color:#120408;background-image:linear-gradient(90deg,rgba(10,4,8,.68),rgba(10,4,8,.2) 54%,rgba(10,4,8,.65)),url('/assets/images/de-tampa-header-desktop.webp');background-repeat:no-repeat!important;background-position:center center!important;background-size:cover!important}
.de-banner__social{height:28px;display:flex;justify-content:flex-end;gap:0;background:#e00012;padding-right:2%;align-items:center}
.de-banner__social a{display:inline-flex;align-items:center;justify-content:center;width:38px;height:26px;color:#fff!important;text-decoration:none!important;font-size:16px;font-weight:700;background:rgba(20,20,20,.7)}
.de-banner__social a:hover,.de-banner__social a:focus-visible{background:#111}
.de-banner__inner{width:100%;max-width:1600px;margin:auto;min-height:105px;padding:10px 22px;display:flex;align-items:center;gap:18px}
.de-banner__brand{display:flex;align-items:center;flex:0 0 auto;gap:9px;min-width:0}
.de-banner__brand>a{display:flex!important;align-items:center}
.de-banner__brand img{width:66px!important;height:66px!important;max-width:66px!important;max-height:66px!important;object-fit:contain!important;display:block!important}
.de-banner__brand h2,.de-banner__brand h2.elementor-heading-title{margin:0!important;padding:0!important;font-size:14px!important;line-height:1.2!important;font-weight:800!important;letter-spacing:-.1px;text-transform:uppercase;white-space:nowrap}
.de-banner__brand h2 a{color:white!important;text-decoration:none!important}
.de-banner__desktop-nav{min-width:0;flex:1 1 auto;align-self:stretch;display:flex;align-items:center;justify-content:center}
.de-banner__desktop-nav ul,.de-banner__mobile-menu ul{list-style:none!important;margin:0!important;padding:0!important}
.de-banner__desktop-nav>ul{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;gap:0!important;width:100%!important}
.de-banner__desktop-nav li{position:relative!important;display:block!important;white-space:nowrap}
.de-banner__desktop-nav li>a{font:600 12px/1.3 Arial,Helvetica,sans-serif!important;text-transform:none!important;color:#fff!important;background:transparent!important;border:0!important;text-decoration:none!important;display:flex!important;align-items:center!important;padding:10px 7px!important}
.de-banner__desktop-nav li>a:hover,.de-banner__desktop-nav li>a:focus-visible{color:#fff!important;background:rgba(198,0,15,.82)!important}
.de-banner__desktop-nav li>a .sub-arrow,.de-banner__desktop-nav li>a .dropdown-menu-toggle{display:none!important}
.de-banner__desktop-nav li>ul{display:none!important;position:absolute!important;top:100%;left:0;z-index:9999!important;min-width:240px!important;max-width:min(340px,90vw);background:#0d0d10!important;border:1px solid #a30014!important;max-height:75vh;overflow-y:auto;box-shadow:0 12px 28px #0009}
.de-banner__desktop-nav li:hover>ul,.de-banner__desktop-nav li:focus-within>ul{display:block!important}
.de-banner__desktop-nav li>ul li>a{white-space:normal!important;padding:10px 12px!important}
.de-banner__desktop-nav li>ul li>ul{top:0!important;left:100%!important}
.de-banner__extras{position:relative;flex:none}
.de-banner__extras>summary{color:#fff!important;cursor:pointer;font:600 12px Arial;padding:10px 8px;list-style:none}
.de-banner__extras-panel{position:absolute;right:0;top:100%;background:#101014;min-width:190px;max-height:70vh;overflow:auto;border:1px solid #ae0010;padding:8px;display:grid;z-index:9999;box-shadow:0 12px 24px #000a}
.de-banner__extras-panel a{font:500 13px/1.4 Arial!important;color:#fff!important;padding:7px!important;text-decoration:none!important}
.de-banner__extras-panel a:hover{background:#c40012!important}
.de-banner__brand--mobile,.de-banner__mobile-menu{display:none!important}
@media(min-width:768px) and (max-width:1120px){.de-banner__inner{gap:8px;padding:8px 10px}.de-banner__brand h2{font-size:12px!important}.de-banner__brand img{width:48px!important;height:48px!important}.de-banner__desktop-nav li>a{font-size:11px!important;padding:8px 4px!important}}
@media(max-width:767px){
 .de-banner{min-height:82px!important}
 .de-banner__art{background-image:linear-gradient(90deg,rgba(5,2,5,.65),rgba(5,2,5,.3)),url('/assets/images/de-tampa-header-mobile.webp')!important;background-size:cover!important;background-position:center!important}
 .de-banner__social{display:none!important}
 .de-banner__inner{min-height:82px;padding:8px 12px;gap:8px;justify-content:space-between}
 .de-banner__brand--desktop,.de-banner__desktop-nav,.de-banner__extras{display:none!important}
 .de-banner__brand--mobile{display:flex!important;gap:7px}
 .de-banner__brand--mobile img{width:52px!important;height:52px!important;max-height:52px!important;max-width:52px!important}
 .de-banner__brand--mobile h2{font-size:12px!important;white-space:normal;max-width:172px}
 .de-banner__mobile-menu{display:block!important;position:relative;flex:none}
 .de-banner__mobile-menu>summary{cursor:pointer;list-style:none;padding:10px 12px;background:#bb0014;color:#fff;font:700 13px Arial;border:1px solid #ff4757;border-radius:5px}
 .de-banner__mobile-menu[open]>nav{position:absolute;right:-4px;top:calc(100% + 9px);z-index:99999;width:min(330px,calc(100vw - 24px));max-height:75vh;overflow-y:auto;background:#090a0d;border:1px solid #aa0015;border-radius:5px;box-shadow:0 20px 35px #000b;padding:8px 6px}
 .de-banner__mobile-menu li{display:block!important;position:relative!important}
 .de-banner__mobile-menu li>a{display:block!important;color:#fff!important;text-decoration:none!important;font:600 13px/1.4 Arial!important;padding:10px!important;background:transparent!important;border:0!important;white-space:normal!important}
 .de-banner__mobile-menu li>a:hover,.de-banner__mobile-menu li>a:focus-visible{background:#b40014!important}
 .de-banner__mobile-menu ul ul{display:block!important;position:static!important;padding-left:14px!important;margin-left:8px!important;border-left:2px solid #6d0a12!important;background:transparent!important}
 .de-banner__mobile-menu .de-banner__mobile-utilities{border-top:1px solid #7b0b18;padding-top:8px;margin-top:10px}
 .de-banner__mobile-menu .de-banner__mobile-utilities a{display:block!important;padding:10px!important;font:600 13px Arial!important;color:#fff!important;text-decoration:none!important}
 .de-banner__mobile-menu li>a .dropdown-menu-toggle,.de-banner__mobile-menu li>a .sub-arrow{display:none!important}
}

/* DE VISIBLE TAMPA HEADER - APPROVED ARTWORK */

header.de-banner {
    background-color: #100608 !important;
    background-image:
        linear-gradient(90deg,
          rgba(0,0,0,.22),
          rgba(0,0,0,.08) 52%,
          rgba(0,0,0,.20)),
        url('/assets/images/de-tampa-header-desktop.webp') !important;
    background-position: center center !important;
    background-repeat: no-repeat !important;
    background-size: cover !important;
}

header.de-banner > .de-banner__art {
    display: none !important;
}

@media (max-width: 767px) {
    header.de-banner {
        background-image:
            linear-gradient(90deg,
              rgba(0,0,0,.22),
              rgba(0,0,0,.10)),
            url('/assets/images/de-tampa-header-mobile.webp') !important;
        background-position: center center !important;
        background-size: cover !important;
    }
}
