/* ====================================================== MYDOGNI GLOBAL NEON 3D UI ====================================================== */ :root { --mdni-bg-1:#020912; --mdni-bg-2:#061522; --mdni-bg-3:#0b2438; --mdni-cyan:#37d8ff; --mdni-cyan-bright:#7aeaff; --mdni-blue:#167ed2; --mdni-green:#26e88a; --mdni-text:#f4fbff; --mdni-muted:#9fb9c9; --mdni-panel: linear-gradient( 145deg, rgba(18,55,82,.95), rgba(5,19,31,.97) ); --mdni-border: rgba(64,205,255,.60); --mdni-shadow: 0 25px 55px rgba(0,0,0,.48), 0 0 30px rgba(29,192,255,.12), inset 0 1px 0 rgba(255,255,255,.14), inset 0 -1px 0 rgba(0,0,0,.65); } /* ====================================================== PAGE BACKGROUND ====================================================== */ html, body { background: radial-gradient( circle at 50% -10%, rgba(38,156,230,.18), transparent 38% ), radial-gradient( circle at 15% 45%, rgba(0,190,255,.07), transparent 30% ), linear-gradient( 180deg, #071724 0%, #020a12 48%, #04111c 100% ) !important; color:var(--mdni-text); } #page-container, #main-content { background:transparent !important; } /* subtle technical glow lines */ #main-content { position:relative; } #main-content::before { content:""; position:fixed; inset:0; pointer-events:none; z-index:0; opacity:.42; background: linear-gradient( 90deg, transparent 0, transparent 49.8%, rgba(56,210,255,.035) 50%, transparent 50.2% ), linear-gradient( 180deg, transparent 0, transparent 49.8%, rgba(56,210,255,.025) 50%, transparent 50.2% ); background-size: 160px 160px; } /* ====================================================== COMMON CONTENT ====================================================== */ .mdni-content-shell, .mdni-home-shell, .mdni-about-shell, .mdni-adventures-shell, .mdni-videos-shell { position:relative; z-index:1; } .mdni-content-wrap { position:relative; z-index:2; } h1, h2, h3, h4 { text-shadow: 0 2px 2px rgba(0,0,0,.85), 0 0 18px rgba(55,216,255,.08); } /* ====================================================== HERO SECTIONS ====================================================== */ .mdni-adventures-hero, .mdni-videos-hero, .mdni-about-hero, .mdni-home-hero { position:relative; overflow:hidden; background: radial-gradient( circle at 80% 25%, rgba(50,207,255,.15), transparent 34% ), linear-gradient( 180deg, rgba(9,31,47,.96), rgba(3,13,23,.98) ) !important; border-bottom: 1px solid rgba(55,216,255,.45); box-shadow: inset 0 -1px 0 rgba(93,229,255,.12), 0 18px 45px rgba(0,0,0,.35); } .mdni-adventures-hero::after, .mdni-videos-hero::after, .mdni-about-hero::after, .mdni-home-hero::after { content:""; position:absolute; left:6%; right:6%; bottom:0; height:2px; background: linear-gradient( 90deg, transparent, var(--mdni-cyan), #d3f7ff, var(--mdni-cyan), transparent ); box-shadow: 0 0 12px var(--mdni-cyan), 0 0 28px rgba(55,216,255,.45); } /* ====================================================== PANELS / CARDS ====================================================== */ .mdni-adventure-card-grid article, .mdni-video-card-grid article, .mdni-adventure-mini-grid article, .mdni-adventure-stat, .mdni-vegas-callout, .mdni-adventure-stream-card, .mdni-video-streambox-card, .mdni-about-card, .mdni-about-final-card, .mdni-youtube-player { position:relative; overflow:hidden; border: 1px solid var(--mdni-border) !important; background: radial-gradient( circle at 70% 0%, rgba(78,220,255,.12), transparent 32% ), var(--mdni-panel) !important; box-shadow: var(--mdni-shadow) !important; } .mdni-adventure-card-grid article::before, .mdni-video-card-grid article::before, .mdni-adventure-mini-grid article::before, .mdni-adventure-stat::before, .mdni-vegas-callout::before, .mdni-adventure-stream-card::before, .mdni-video-streambox-card::before, .mdni-about-final-card::before { content:""; position:absolute; left:9%; right:9%; top:0; height:1px; background: linear-gradient( 90deg, transparent, rgba(126,234,255,.95), transparent ); box-shadow: 0 0 9px rgba(55,216,255,.75); } /* ====================================================== 3D BUTTONS ====================================================== */ .mdni-content-btn, .et_pb_button, button, input[type="submit"] { position:relative; overflow:hidden; border-radius:999px !important; border: 1px solid rgba(67,217,255,.82) !important; background: linear-gradient( 180deg, #17618f 0%, #0c3d61 48%, #07243a 52%, #041725 100% ) !important; color:#fff !important; font-weight:900 !important; text-shadow: 0 1px 2px rgba(0,0,0,.85); box-shadow: inset 0 1px 0 rgba(255,255,255,.32), inset 0 -3px 8px rgba(0,0,0,.52), 0 8px 18px rgba(0,0,0,.42), 0 0 13px rgba(42,202,255,.20) !important; transition: transform .18s ease, box-shadow .18s ease, border-color .18s ease; } .mdni-content-btn:hover, .et_pb_button:hover, button:hover, input[type="submit"]:hover { transform: translateY(-2px); border-color: var(--mdni-cyan-bright) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.42), inset 0 -3px 8px rgba(0,0,0,.45), 0 13px 25px rgba(0,0,0,.48), 0 0 22px rgba(55,216,255,.42) !important; } /* ====================================================== CYAN EYEBROWS / LABELS ====================================================== */ .mdni-content-eyebrow { display:inline-block; padding:6px 11px; border-radius:999px; border: 1px solid rgba(68,214,255,.48); background: linear-gradient( 180deg, rgba(31,113,157,.40), rgba(6,48,75,.44) ); color: var(--mdni-cyan-bright) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.10), 0 0 13px rgba(43,201,255,.12); } /* ====================================================== IMAGES ====================================================== */ .mdni-adventures-hero-photo, .mdni-about-photo, .mdni-showcase-image { border: 1px solid rgba(66,215,255,.75) !important; box-shadow: 0 25px 55px rgba(0,0,0,.46), 0 0 25px rgba(52,207,255,.18), inset 0 1px 0 rgba(255,255,255,.16) !important; } /* ====================================================== DIVI GENERIC SECTIONS This helps older pages match without rebuilding them. ====================================================== */ .et_pb_section { background-color:transparent !important; } .et_pb_row { position:relative; } /* ====================================================== FORMS / INPUTS ====================================================== */ input[type="text"], input[type="email"], input[type="password"], input[type="tel"], input[type="url"], input[type="number"], textarea, select { color:#fff !important; border: 1px solid rgba(64,194,236,.50) !important; border-radius:12px !important; background: linear-gradient( 180deg, rgba(9,31,47,.98), rgba(4,17,28,.98) ) !important; box-shadow: inset 0 2px 8px rgba(0,0,0,.55), 0 0 10px rgba(44,190,242,.06); } input:focus, textarea:focus, select:focus { outline:none !important; border-color: var(--mdni-cyan) !important; box-shadow: inset 0 2px 8px rgba(0,0,0,.55), 0 0 15px rgba(55,216,255,.26) !important; } /* ====================================================== LINKS ====================================================== */ #main-content a:not(.mdni-content-btn):not(.et_pb_button) { transition: color .15s ease, text-shadow .15s ease; } #main-content a:not(.mdni-content-btn):not(.et_pb_button):hover { color: var(--mdni-cyan-bright); text-shadow: 0 0 9px rgba(55,216,255,.35); } /* ====================================================== SEPARATORS ====================================================== */ .mdni-content-section { position:relative; } .mdni-content-section + .mdni-content-section::before { content:""; position:absolute; top:0; left:8%; right:8%; height:1px; background: linear-gradient( 90deg, transparent, rgba(55,216,255,.26), transparent ); } /* ====================================================== MOBILE ====================================================== */ @media(max-width:767px) { .mdni-adventure-card-grid article, .mdni-video-card-grid article, .mdni-adventure-mini-grid article, .mdni-adventure-stream-card, .mdni-video-streambox-card, .mdni-vegas-callout { border-radius:18px !important; } .mdni-content-btn, .et_pb_button { box-shadow: inset 0 1px 0 rgba(255,255,255,.25), 0 6px 15px rgba(0,0,0,.38), 0 0 10px rgba(55,216,255,.14) !important; } } /* ====================================================== MYDOGNI 3D POLISH PASS ====================================================== */ /* Kill accidental horizontal scroll */ html, body, #page-container { overflow-x:hidden !important; } /* ====================================================== STRONGER GLASS / BEVELED CARDS ====================================================== */ .mdni-adventure-card-grid article, .mdni-video-card-grid article, .mdni-adventure-mini-grid article, .mdni-adventure-stat, .mdni-vegas-callout, .mdni-adventure-stream-card, .mdni-video-streambox-card, .mdni-about-final-card, .mdni-youtube-player, .mdni-home-shell article { border: 1px solid rgba(73,216,255,.58) !important; background: radial-gradient( circle at 50% -15%, rgba(107,225,255,.18), transparent 38% ), linear-gradient( 180deg, rgba(21,63,92,.96) 0%, rgba(11,38,58,.98) 47%, rgba(4,19,31,.99) 53%, rgba(3,14,24,.99) 100% ) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.12), inset 0 -4px 12px rgba(0,0,0,.55), 0 16px 32px rgba(0,0,0,.34), 0 0 0 1px rgba(0,0,0,.55), 0 0 22px rgba(44,203,255,.08) !important; } /* illuminated top bevel */ .mdni-adventure-card-grid article::after, .mdni-video-card-grid article::after, .mdni-adventure-mini-grid article::after, .mdni-adventure-stat::after, .mdni-vegas-callout::after { content:""; position:absolute; top:1px; left:8%; right:8%; height:1px; pointer-events:none; background: linear-gradient( 90deg, transparent, rgba(139,237,255,.76), #e5fbff, rgba(139,237,255,.76), transparent ); box-shadow: 0 0 8px rgba(57,215,255,.70); } /* ====================================================== CARD HOVER ====================================================== */ .mdni-adventure-card-grid article, .mdni-video-card-grid article, .mdni-adventure-mini-grid article { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; } .mdni-adventure-card-grid article:hover, .mdni-video-card-grid article:hover, .mdni-adventure-mini-grid article:hover { transform: translateY(-4px); border-color: rgba(108,228,255,.85) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.18), inset 0 -4px 12px rgba(0,0,0,.55), 0 22px 38px rgba(0,0,0,.42), 0 0 28px rgba(44,203,255,.18) !important; } /* ====================================================== STRONGER 3D BUTTONS ====================================================== */ .mdni-content-btn, .et_pb_button { min-height:44px; display:inline-flex !important; align-items:center; justify-content:center; padding: 11px 20px !important; border: 1px solid #53dbff !important; background: linear-gradient( 180deg, #2aa8e8 0%, #147dbd 43%, #075187 48%, #042c4c 100% ) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.36), inset 0 -5px 9px rgba(0,0,0,.46), 0 7px 0 rgba(1,16,28,.92), 0 13px 22px rgba(0,0,0,.36), 0 0 18px rgba(48,207,255,.22) !important; } .mdni-content-btn:active, .et_pb_button:active { transform: translateY(3px); box-shadow: inset 0 2px 1px rgba(255,255,255,.24), inset 0 -3px 7px rgba(0,0,0,.38), 0 3px 0 rgba(1,16,28,.92), 0 8px 15px rgba(0,0,0,.34) !important; } /* ====================================================== HERO DASHBOARD IMAGE ====================================================== */ .mdni-home-hero img, .mdni-adventures-hero-photo, .mdni-adventures-hero-photo img { filter: drop-shadow( 0 26px 30px rgba(0,0,0,.46) ); } /* ====================================================== FOOTER — 3D CONSOLE SHELF Brand Lock still owns footer structure/content. Neon UI only adds presentation. ====================================================== */ #main-footer { position:relative; background: linear-gradient( 180deg, #0d2a40 0%, #071a29 16%, #020b13 100% ) !important; border-top: 1px solid #38d5ff !important; box-shadow: inset 0 3px 0 rgba(122,230,255,.08), 0 -12px 30px rgba(0,0,0,.35), 0 -2px 20px rgba(37,200,255,.10); } #main-footer::before { content:""; position:absolute; top:-2px; left:0; right:0; height:3px; pointer-events:none; background: linear-gradient( 90deg, transparent 0%, #28cfff 18%, #e4fbff 50%, #28cfff 82%, transparent 100% ); box-shadow: 0 0 10px #38d5ff, 0 0 22px rgba(56,213,255,.38); } #footer-bottom { position:relative; min-height:100px !important; padding: 22px 0 18px !important; background: linear-gradient( 180deg, rgba(12,36,53,.96), rgba(3,13,22,.99) ) !important; border-top: 1px solid rgba(75,213,255,.26); box-shadow: inset 0 2px 0 rgba(255,255,255,.045), inset 0 -5px 12px rgba(0,0,0,.52); } /* Privacy / Terms become real 3D pills */ #footer-bottom .bottom-nav a, #main-footer .bottom-nav a { display:inline-flex !important; align-items:center; justify-content:center; min-height:38px; padding: 8px 17px !important; margin: 4px 5px !important; border-radius: 999px !important; color: #f1fbff !important; border: 1px solid rgba(64,210,255,.62) !important; background: linear-gradient( 180deg, #174b6d 0%, #0c334e 47%, #061d2f 52%, #041522 100% ) !important; text-shadow: 0 1px 2px #000; box-shadow: inset 0 1px 0 rgba(255,255,255,.22), inset 0 -4px 8px rgba(0,0,0,.42), 0 5px 0 rgba(1,12,20,.85), 0 9px 16px rgba(0,0,0,.28), 0 0 12px rgba(51,205,255,.11); } /* ====================================================== SOCIAL BUTTONS — GLOSSY 3D ====================================================== */ #footer-bottom .et-social-icon a { width:48px !important; height:48px !important; display:flex !important; align-items:center; justify-content:center; border-radius: 13px !important; border: 1px solid rgba(79,217,255,.72) !important; background: linear-gradient( 180deg, #164967, #09283d ) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.19), inset 0 -5px 8px rgba(0,0,0,.45), 0 5px 0 rgba(0,11,20,.85), 0 10px 18px rgba(0,0,0,.33), 0 0 15px rgba(54,210,255,.18) !important; transition: transform .2s ease, box-shadow .2s ease; } #footer-bottom .et-social-icon a:hover { transform: translateY(-3px); box-shadow: inset 0 2px 0 rgba(255,255,255,.25), inset 0 -5px 8px rgba(0,0,0,.42), 0 7px 0 rgba(0,11,20,.85), 0 13px 20px rgba(0,0,0,.36), 0 0 24px rgba(56,214,255,.38) !important; } /* Facebook blue glow */ #footer-bottom .et-social-facebook a { box-shadow: inset 0 2px 0 rgba(255,255,255,.25), inset 0 -5px 8px rgba(0,0,0,.45), 0 5px 0 rgba(0,11,20,.85), 0 10px 18px rgba(0,0,0,.33), 0 0 18px rgba(43,139,255,.30) !important; } /* RSS warmer accent */ #footer-bottom .et-social-rss a { border-color: rgba(255,145,57,.72) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.24), inset 0 -5px 8px rgba(0,0,0,.44), 0 5px 0 rgba(0,11,20,.85), 0 10px 18px rgba(0,0,0,.33), 0 0 18px rgba(255,113,29,.24) !important; } /* Footer credit */ #footer-info { text-shadow: 0 1px 2px #000, 0 0 8px rgba(64,213,255,.14); } /* ====================================================== HOME STORY IMAGE ====================================================== */ .mdni-home-shell img[src*="ural-hero"] { border-radius: 22px; border: 1px solid rgba(69,215,255,.70); box-shadow: inset 0 1px 0 rgba(255,255,255,.15), 0 24px 50px rgba(0,0,0,.42), 0 0 24px rgba(45,205,255,.15); } /* ====================================================== DESKTOP WIDTH / SPACING POLISH ====================================================== */ @media(min-width:1100px) { .mdni-content-wrap { max-width: 1180px !important; } } /* ====================================================== MOBILE FOOTER ====================================================== */ @media(max-width:767px) { #footer-bottom { min-height: 150px !important; padding-bottom: 32px !important; } #footer-bottom .et-social-icon a { width: 44px !important; height: 44px !important; } } /* ====================================================== MYDOGNI FOOTER V2 SHARP NOTCH ====================================================== */ /* Give the footer room for the raised neon rail */ #main-footer { position:relative !important; overflow:visible !important; margin-top:28px; border-top:none !important; background: linear-gradient( 180deg, #102d43 0%, #091d2d 28%, #04121e 65%, #020a11 100% ) !important; box-shadow: inset 0 3px 0 rgba(255,255,255,.035), inset 0 -8px 18px rgba(0,0,0,.45), 0 -18px 42px rgba(0,0,0,.40) !important; } /* ====================================================== SHARP CYAN TOP RAIL WITH CENTER DIP ====================================================== */ #main-footer::before { content:""; position:absolute; z-index:10; top:-19px; left:0; width:100%; height:48px; pointer-events:none; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1000 48' preserveAspectRatio='none'%3E%3Cdefs%3E%3Cfilter id='g' x='-20%25' y='-100%25' width='140%25' height='300%25'%3E%3CfeGaussianBlur stdDeviation='3' result='b'/%3E%3CfeMerge%3E%3CfeMergeNode in='b'/%3E%3CfeMergeNode in='SourceGraphic'/%3E%3C/feMerge%3E%3C/filter%3E%3C/defs%3E%3Cpath d='M0 12 H405 L430 12 L455 29 H545 L570 12 H595 H1000' fill='none' stroke='%2338d8ff' stroke-width='2.2' filter='url(%23g)'/%3E%3Cpath d='M0 17 H400 L427 17 L452 34 H548 L573 17 H600 H1000' fill='none' stroke='%230c6393' stroke-width='2.4'/%3E%3C/svg%3E"); background-repeat:no-repeat; background-position:center; background-size: 100% 48px; filter: drop-shadow( 0 0 5px rgba(52,215,255,.72) ); } /* bright center point at the bottom of the notch */ #main-footer::after { content:""; position:absolute; z-index:11; top:14px; left:50%; width:92px; height:2px; transform: translateX(-50%); pointer-events:none; background: linear-gradient( 90deg, transparent, #43ddff, #ecfdff, #43ddff, transparent ); box-shadow: 0 0 8px #35d7ff, 0 0 18px rgba(53,215,255,.48); } /* ====================================================== PRIVACY / TERMS UPPER FOOTER PANEL Remove the plain-banner appearance ====================================================== */ #et-footer-nav { position:relative; padding: 34px 0 30px !important; border:none !important; background: radial-gradient( circle at 50% 0%, rgba(61,207,255,.10), transparent 40% ), linear-gradient( 180deg, rgba(16,48,70,.97), rgba(7,27,42,.98) ) !important; box-shadow: inset 0 1px 0 rgba(255,255,255,.06), inset 0 -4px 12px rgba(0,0,0,.36) !important; } #et-footer-nav::after { content:""; position:absolute; left:7%; right:7%; bottom:0; height:1px; background: linear-gradient( 90deg, transparent, rgba(54,211,255,.65), transparent ); box-shadow: 0 0 7px rgba(54,211,255,.36); } #et-footer-nav .bottom-nav { text-align:center !important; } /* ====================================================== PRIVACY / TERMS — DEEPER HARDWARE BUTTONS ====================================================== */ #et-footer-nav .bottom-nav li { display:inline-block !important; padding: 0 8px !important; } #et-footer-nav .bottom-nav a { display:inline-flex !important; align-items:center; justify-content:center; min-height:48px; padding: 10px 24px !important; border-radius: 999px !important; border: 1px solid rgba(72,216,255,.70) !important; color: #f4fbff !important; background: linear-gradient( 180deg, #174f73 0%, #0d3855 45%, #06253c 51%, #041725 100% ) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.25), inset 0 -5px 9px rgba(0,0,0,.48), 0 5px 0 rgba(0,10,18,.94), 0 11px 20px rgba(0,0,0,.35), 0 0 15px rgba(49,204,255,.14) !important; } /* ====================================================== LOWER FOOTER ====================================================== */ #footer-bottom { border-top: 1px solid rgba(55,204,245,.11) !important; background: linear-gradient( 180deg, #071a29 0%, #03101a 45%, #010810 100% ) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.025), inset 0 -7px 15px rgba(0,0,0,.54) !important; } /* ====================================================== SOCIAL BUTTONS All housings use the same cyan hardware glow ====================================================== */ #footer-bottom .et-social-icon a { border: 1px solid rgba(68,215,255,.80) !important; background: linear-gradient( 180deg, #174c6e 0%, #0a314c 48%, #041b2c 100% ) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.22), inset 0 -5px 9px rgba(0,0,0,.48), 0 5px 0 rgba(0,10,18,.92), 0 11px 19px rgba(0,0,0,.34), 0 0 16px rgba(50,208,255,.18) !important; } /* Facebook may retain its blue icon */ #footer-bottom .et-social-facebook a::before { text-shadow: 0 0 8px rgba(55,183,255,.55) !important; } /* X stays ice-white/cyan */ #footer-bottom .et-social-twitter a::before { color: #dff8ff !important; text-shadow: 0 0 7px rgba(68,215,255,.30) !important; } /* RSS icon remains orange, but REMOVE the red/orange housing halo */ #footer-bottom .et-social-rss a { border-color: rgba(68,215,255,.80) !important; background: linear-gradient( 180deg, #174c6e 0%, #0a314c 48%, #041b2c 100% ) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.22), inset 0 -5px 9px rgba(0,0,0,.48), 0 5px 0 rgba(0,10,18,.92), 0 11px 19px rgba(0,0,0,.34), 0 0 16px rgba(50,208,255,.18) !important; } #footer-bottom .et-social-rss a::before { color: #ff9b42 !important; text-shadow: 0 0 4px rgba(255,155,66,.28) !important; } /* ====================================================== FOOTER CREDIT ====================================================== */ #footer-info { color: #a8c4d5 !important; font-weight: 700 !important; text-shadow: 0 1px 2px #000, 0 0 7px rgba(53,211,255,.13) !important; } /* ====================================================== MOBILE ====================================================== */ @media(max-width:767px) { #main-footer::before { background-size: 145% 48px; } #et-footer-nav { padding: 30px 10px 27px !important; } #et-footer-nav .bottom-nav li { padding: 5px !important; } #et-footer-nav .bottom-nav a { min-height: 43px; padding: 8px 16px !important; } } /* ====================================================== MYDOGNI FOOTER V3 PURE CSS FULL-WIDTH CENTER NOTCH ====================================================== */ /* Remove broken SVG rail and replace with full-width hardware edge */ #main-footer::before { content:"" !important; position:absolute !important; z-index:20 !important; top:-11px !important; left:0 !important; right:0 !important; width:100% !important; height:32px !important; pointer-events:none !important; background: linear-gradient( 180deg, #b8f5ff 0%, #38d8ff 14%, #129acc 38%, #075279 65%, #03283d 100% ) !important; clip-path:polygon( 0 0, 41% 0, 43% 0, 45% 5%, 47% 35%, 48.5% 72%, 51.5% 72%, 53% 35%, 55% 5%, 57% 0, 100% 0, 100% 16%, 57.5% 16%, 56% 17%, 54% 30%, 52.5% 60%, 51.2% 86%, 48.8% 86%, 47.5% 60%, 46% 30%, 44% 17%, 42.5% 16%, 0 16% ) !important; filter: drop-shadow( 0 0 4px rgba(55,216,255,.95) ) drop-shadow( 0 0 11px rgba(55,216,255,.48) ) !important; } /* bright little center highlight */ #main-footer::after { content:"" !important; position:absolute !important; z-index:21 !important; top:14px !important; left:50% !important; width:90px !important; height:2px !important; transform: translateX(-50%) !important; background: linear-gradient( 90deg, transparent, #35d8ff, #effdff, #35d8ff, transparent ) !important; box-shadow: 0 0 8px #39dcff, 0 0 18px rgba(57,220,255,.46) !important; pointer-events:none !important; } /* Tighten the upper footer slightly */ #et-footer-nav { padding: 30px 0 27px !important; } /* Keep RSS housing cyan. Only the RSS glyph itself stays orange. */ #footer-bottom .et-social-rss a { border-color: rgba(68,215,255,.82) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.22), inset 0 -5px 9px rgba(0,0,0,.48), 0 5px 0 rgba(0,10,18,.92), 0 11px 19px rgba(0,0,0,.34), 0 0 16px rgba(50,208,255,.18) !important; } #footer-bottom .et-social-rss a::before { color:#ff9a3c !important; text-shadow: 0 0 3px rgba(255,154,60,.20) !important; } /* ====================================================== MYDOGNI FOOTER V4 RELIABLE HARDWARE CENTER NOTCH ====================================================== */ /* ------------------------------------------------------ 1. FULL WIDTH CYAN HARDWARE RAIL ------------------------------------------------------ */ #main-footer::before { content:"" !important; position:absolute !important; z-index:20 !important; top:-3px !important; left:0 !important; right:0 !important; width:auto !important; height:3px !important; clip-path:none !important; background: linear-gradient( 90deg, #0878a5 0%, #38d9ff 8%, #8beeff 18%, #3bdcff 36%, #dffcff 50%, #3bdcff 64%, #8beeff 82%, #38d9ff 92%, #0878a5 100% ) !important; box-shadow: 0 0 5px rgba(64,220,255,.95), 0 0 14px rgba(49,209,255,.45), 0 2px 8px rgba(0,0,0,.55) !important; filter:none !important; pointer-events:none !important; } /* ------------------------------------------------------ 2. CENTER CUTOUT This physically hides the straight rail in the center and lets the darker page area dip downward. ------------------------------------------------------ */ #et-footer-nav { position:relative !important; z-index:21 !important; } #et-footer-nav::before { content:"" !important; position:absolute !important; z-index:21 !important; top:-8px !important; left:50% !important; width:260px !important; height:34px !important; transform: translateX(-50%) !important; background: #020a12 !important; clip-path:polygon( 0 0, 100% 0, 100% 18%, 83% 18%, 72% 72%, 28% 72%, 17% 18%, 0 18% ) !important; box-shadow:none !important; pointer-events:none !important; } /* ------------------------------------------------------ 3. CYAN EDGE OF CENTER NOTCH Separate piece so it cannot break the full rail. ------------------------------------------------------ */ #main-footer::after { content:"" !important; position:absolute !important; z-index:24 !important; top:-3px !important; left:50% !important; width:260px !important; height:31px !important; transform: translateX(-50%) !important; background: linear-gradient( 180deg, #e8fdff 0%, #54e3ff 25%, #18bce9 65%, #08729f 100% ) !important; clip-path:polygon( 0 0, 17% 0, 29% 61%, 71% 61%, 83% 0, 100% 0, 100% 11%, 85% 11%, 73% 76%, 27% 76%, 15% 11%, 0 11% ) !important; box-shadow:none !important; filter: drop-shadow( 0 0 4px rgba(56,220,255,.95) ) drop-shadow( 0 0 10px rgba(56,220,255,.42) ) !important; pointer-events:none !important; } /* ------------------------------------------------------ 4. MAKE THE FOOTER PANEL FEEL MORE LIKE HARDWARE ------------------------------------------------------ */ #et-footer-nav { padding: 38px 0 30px !important; background: radial-gradient( ellipse at 50% -10%, rgba(52,207,255,.12), transparent 38% ), linear-gradient( 180deg, #12344c 0%, #0a2437 48%, #061a29 100% ) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.045), inset 0 -6px 14px rgba(0,0,0,.38) !important; } /* ------------------------------------------------------ 5. REMOVE ANY LEFTOVER CENTER GLOW FROM OLD VERSIONS ------------------------------------------------------ */ #main-footer > .mdni-footer-notch-glow { display:none !important; } /* ------------------------------------------------------ 6. KEEP RSS HOUSING CYAN Orange only on the RSS symbol itself. ------------------------------------------------------ */ #footer-bottom .et-social-rss a { border-color: rgba(68,215,255,.82) !important; background: linear-gradient( 180deg, #174c6e 0%, #0a314c 48%, #041b2c 100% ) !important; box-shadow: inset 0 2px 1px rgba(255,255,255,.22), inset 0 -5px 9px rgba(0,0,0,.48), 0 5px 0 rgba(0,10,18,.92), 0 11px 19px rgba(0,0,0,.34), 0 0 16px rgba(50,208,255,.18) !important; } #footer-bottom .et-social-rss a::before { color:#ff9a3c !important; text-shadow: 0 0 3px rgba(255,154,60,.18) !important; } /* ------------------------------------------------------ MOBILE ------------------------------------------------------ */ @media(max-width:767px) { #et-footer-nav::before { width: 180px !important; } #main-footer::after { width: 180px !important; } } /* ====================================================== MYDOGNI FOOTER V5 WIDER CENTER + SYMMETRICAL WHITE GLARE ====================================================== */ /* Full rail with matching bright glare on BOTH sides */ #main-footer::before { height:4px !important; background: linear-gradient( 90deg, #087aa5 0%, #35d7ff 6%, #7ceaff 17%, #39d8ff 31%, #52ddff 37%, #e9fdff 40.5%, #ffffff 41.5%, #8eeeff 42.5%, #32d5ff 44%, #2bd1fa 50%, #32d5ff 56%, #8eeeff 57.5%, #ffffff 58.5%, #e9fdff 59.5%, #52ddff 63%, #39d8ff 69%, #7ceaff 83%, #35d7ff 94%, #087aa5 100% ) !important; box-shadow: 0 0 5px rgba(80,225,255,.95), 0 0 15px rgba(47,210,255,.48), 0 2px 8px rgba(0,0,0,.55) !important; } /* Wider dark center cutout */ #et-footer-nav::before { width:380px !important; height:38px !important; top:-8px !important; clip-path:polygon( 0 0, 100% 0, 100% 16%, 86% 16%, 74% 70%, 26% 70%, 14% 16%, 0 16% ) !important; } /* Wider cyan outline matching the cutout */ #main-footer::after { width:380px !important; height:34px !important; background: linear-gradient( 90deg, #4cddff 0%, #e9fdff 8%, #5ee4ff 15%, #21c8ee 26%, #16b6df 50%, #21c8ee 74%, #5ee4ff 85%, #ffffff 92%, #4cddff 100% ) !important; clip-path:polygon( 0 0, 14% 0, 27% 62%, 73% 62%, 86% 0, 100% 0, 100% 12%, 88% 12%, 75% 78%, 25% 78%, 12% 12%, 0 12% ) !important; filter: drop-shadow( 0 0 4px rgba(76,222,255,.95) ) drop-shadow( 0 0 11px rgba(56,220,255,.48) ) !important; } /* Make the right shoulder glare especially visible */ #et-footer-nav { background: radial-gradient( ellipse at 59% 0%, rgba(230,252,255,.08), transparent 18% ), radial-gradient( ellipse at 41% 0%, rgba(230,252,255,.08), transparent 18% ), linear-gradient( 180deg, #12344c 0%, #0a2437 48%, #061a29 100% ) !important; } @media(max-width:767px) { #et-footer-nav::before, #main-footer::after { width:240px !important; } } /* ====================================================== MYDOGNI FOOTER V6 TRUE FULL-WIDTH HARDWARE RAIL ====================================================== */ /* * Stop using main-footer pseudo element for the long rail. * This is what was getting clipped on the right. */ #main-footer::before { display:none !important; } /* ====================================================== FULL-WIDTH RAIL Drawn directly into the footer-nav background. This MUST span the entire viewport width. ====================================================== */ #et-footer-nav { position:relative !important; overflow:visible !important; border-top:none !important; padding: 38px 0 30px !important; background: /* TOP NEON RAIL */ linear-gradient( 90deg, #21c9f2 0%, #54e3ff 8%, #7ceaff 20%, #f2fdff 21%, #72e9ff 22%, #36d7ff 37%, #36d7ff 63%, #72e9ff 78%, #ffffff 79%, #7ceaff 80%, #54e3ff 92%, #21c9f2 100% ) top center / 100% 3px no-repeat, /* PANEL LIGHT */ radial-gradient( ellipse at 50% -15%, rgba(59,214,255,.13), transparent 40% ), /* PANEL */ linear-gradient( 180deg, #12364f 0%, #092438 48%, #051927 100% ) !important; box-shadow: inset 0 2px 0 rgba(255,255,255,.035), inset 0 -6px 14px rgba(0,0,0,.38), 0 -3px 13px rgba(52,212,255,.16) !important; } /* ====================================================== DARK CENTER CUTOUT Covers the straight rail in the center. ====================================================== */ #et-footer-nav::before { content:"" !important; display:block !important; position:absolute !important; z-index:20 !important; top:-1px !important; left:50% !important; width:430px !important; height:38px !important; transform: translateX(-50%) !important; background: #020a12 !important; clip-path:polygon( 0 0, 15% 0, 27% 72%, 73% 72%, 85% 0, 100% 0, 100% 12%, 87% 12%, 75% 88%, 25% 88%, 13% 12%, 0 12% ) !important; pointer-events:none !important; box-shadow:none !important; } /* ====================================================== CENTER CYAN NOTCH EDGE ====================================================== */ #et-footer-nav::after { content:"" !important; display:block !important; position:absolute !important; z-index:21 !important; top:0 !important; left:50% !important; width:430px !important; height:34px !important; transform: translateX(-50%) !important; background: linear-gradient( 90deg, #42dbff 0%, #effdff 7%, #69e6ff 15%, #23c8ee 28%, #19b9df 50%, #23c8ee 72%, #69e6ff 85%, #ffffff 93%, #42dbff 100% ) !important; clip-path:polygon( 0 0, 14% 0, 27% 67%, 73% 67%, 86% 0, 100% 0, 100% 11%, 88% 11%, 75% 82%, 25% 82%, 12% 11%, 0 11% ) !important; pointer-events:none !important; filter: drop-shadow( 0 0 4px rgba(67,221,255,.96) ) drop-shadow( 0 0 10px rgba(55,216,255,.46) ) !important; } /* ====================================================== MOBILE ====================================================== */ @media(max-width:767px) { #et-footer-nav::before, #et-footer-nav::after { width: 260px !important; } }