#brxe-hjwehk { transition: all 0.5s ease; padding: 13px 12px; border-radius: 20px; } #brxe-hjwehk:hover { background: #fdf0e61a; } #brxe-yylwvt.logged-out { display: inline-flex; } #brxe-yylwvt.logged-in { display: none; } #brxe-jiagif.logged-out { display: none; } #brxe-jiagif.logged-in { display: flex; flex-direction: row; gap: 10px; } @media ( max-width: 877px ) { #brxe-yylwvt.logged-out { display: none !important; } #brxe-yylwvt.logged-in { display: none !important; } #brxe-jiagif.logged-out { display: none !important; } #brxe-jiagif.logged-in { display: none !important; flex-direction: row; gap: 10px; } } #brxe-elcvkd { font-size: 18px; color: #f46c38; } @media (min-width: 1920px) { #brxe-elcvkd { font-size: 18px; color: #f46c38; } } .home #brxe-kjdcsj { background-color: transparent; transition: all .4s ease; } .home #brxe-kjdcsj.scrolled-nav-bg { background-color: #202635; } .home .home-logo-position { position: absolute; z-index: 100; top: 112px; left: 48%; transform: translateX(-48%) scale(2.7); transform-origin: left top; } @keyframes logoToNav { from { top: 112px; left: 46%; transform: translateX(-46%) scale(2.7); } to { top: 8px; left: 13.2%; transform: translateX(0) scale(1); } } @keyframes logoToHero { from { top: 8px; left: 13.2%; transform: translateX(0) scale(1); } to { top: 112px; left: 46%; transform: translateX(-46%) scale(2.7); } } @media ( max-width: 1366px ) { @keyframes logoToNav { from { top: 112px; left: 46%; transform: translateX(-46%) scale(2.7); } to { top: 8px; left: 6.2%; transform: translateX(0) scale(1); } } @keyframes logoToHero { from { top: 8px; left: 6.2%; transform: translateX(0) scale(1); } to { top: 112px; left: 46%; transform: translateX(-46%) scale(2.7); } } } @media ( max-width: 767px ) { .home .home-logo-position { position: fixed; } @keyframes logoToNav { from { top: 195px; left: 48%; transform: translateX(-48%) scale(1.7); } to { top: 45px; left: 3.2%; transform: translateX(0) scale(1); } } @keyframes logoToHero { from { top: 45px; left: 3.2%; transform: translateX(0) scale(1); } to { top: 195px; left: 48%; transform: translateX(-48%) scale(1.7); } } } @media ( max-width: 581px ) { .home #brxe-kjdcsj #brxe-cvouon { display: none; } .home #brxe-kjdcsj.scrolled-nav-bg { transition-duration: .15s; transition-property: all; transition-timing-function: cubic-bezier(.4, 0, .2, 1); background-color: #393e46; } .home #brxe-kjdcsj.scrolled-nav-bg #brxe-cvouon { display: flex; } @keyframes logoToNav { from { top: 165px; left: 43%; transform: translateX(-42%) scale(1.7); } to { top: 11px; left: 3.2%; transform: translateX(0) scale(1); } } @keyframes logoToHero { from { top: 11px; left: 3.2%; transform: translateX(0) scale(1); } to { top: 105px; left: 43%; transform: translateX(-42%) scale(1.7); } } }  .home .home-logo-position.anim-to-nav { animation: logoToNav 0.8s ease forwards;  top: 18px; left: 24px; transform: translateX(0) scale(1); }  .home .home-logo-position.anim-to-hero { animation: logoToHero 0.8s ease forwards; top: 112px; left: 48%; transform: translateX(-48%) scale(2.7); } .hide-desktop { display: none; } @media ( max-width:767px ) { .hide-desktop { display: block; } } .menu-heading > a { color: #ffffff !important; } .divider-gap { border-bottom: 2px solid #707070; margin: 0px 50px 0px; padding: 0px 0 7px; } .close-button { margin-top: 55px; margin-bottom: 15px; } .close-button a { border: 1px solid #E66400; display: inline; border-radius: 25px; padding: 10px 33px; font-size: 20px !important; } @media (max-width: 767px) { #brxe-otrohl .bricks-mobile-menu-wrapper { padding-top: 100px; padding-left: 15px; padding-right: 15px; } .divider-gap { border-bottom: none; margin: 0px; padding: 0px; } .close-button { display: none; } .submenu-wrapper { overflow: hidden; height: 0; transition: height 0.3s ease; } .submenu-wrapper li a { color: #e66400; font-size: 20px !important;; } .submenu-wrapper li:last-child a { margin-bottom: 15px; } .menu-heading > a { display: flex; align-items: center; justify-content: center; position: relative; font-size: 20px !important;; } .menu-heading > a span { position: absolute; right: 25px; } .menu-heading > a span svg { fill: #e76f00; } .border-top-bottom { border-top: 2px solid #707070; border-bottom: 2px solid #707070; } .border-top { border-top: 2px solid #707070; } } #back-to-top-button { position:fixed; right:22px; bottom:200px; cursor:pointer; width:60px; height:60px; background-color:#3498db; text-indent:-9999px; display:none; -webkit-border-radius:60px; -moz-border-radius:60px; border-radius:60px; z-index: 1; } #back-to-top-button span { position:absolute; top:50%; left:50%; margin-left:-8px; margin-top:-12px; height:0; width:0; border:8px solid transparent; border-bottom-color:#ffffff; } #back-to-top-button:hover { background-color:#e74c3c; opacity:1; } @media ( max-width:767px ){ #back-to-top-button { position: absolute; right:0px; bottom:25px; left: 0px; margin: 0 auto; } }  @media (max-width: 1120px) { .brxe-acwiwf { width: 100%; } .brxe-acwiwf .bricks-nav-menu > li > a, .brxe-acwiwf .bricks-nav-menu > .current-menu-item > a { padding: 0; background: #F1F1F1; } .brxe-acwiwf .menu-header { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; background: #e9e9e9; cursor: pointer; font-weight: 600; color: #e66400; border-radius: 6px; } .brxe-acwiwf .menu-arrow { transition: transform 0.3s ease; } .brxe-acwiwf .menu-header.active .menu-arrow { transform: rotate(180deg); } .brxe-acwiwf .bricks-nav-menu { max-height: 0; overflow: hidden; transition: max-height 0.35s ease; background: #f1f1f1; border-radius: 6px; margin-top: 5px; } .brxe-acwiwf .bricks-nav-menu { display: flex; flex-direction: column; } .brxe-acwiwf .bricks-nav-menu.open { max-height: 500px; display: flex; flex-direction: column; } .brxe-acwiwf .bricks-nav-menu li { padding: 12px 16px; border-top: 1px solid #ddd; } } .twitter-icon-community { animation: twitter-61c69e89 6s ease-in-out; animation-iteration-count: infinite; background-size: cover; } @keyframes twitter-61c69e89 { 0% { background-image: url(https://sharparchive.com/wp-content/uploads/2026/04/twitter-bird-old.svg); } 50% { background-image: url(https://sharparchive.com/wp-content/uploads/2026/04/X_logo-new.png); } 100% { background-image: url(https://sharparchive.com/wp-content/uploads/2026/04/twitter-bird-old.svg); } } @media ( max-width: 766px ) { .solar-system { width: 100%; } } .menu-heading.login-on-mobile a { color: #E66400; } .login-on-mobile a span { display: none; } @media (max-width: 767px) { .submenu-wrapper li a { line-height: 36px; } .login-on-mobile { margin-top: 15px; } .login-on-mobile a { background: #FFFFFF; color: #e66400 !important; display: inline-block; padding: 15px 30px; line-height: 1 !important; margin-top: 10px; max-width: 125px; border-radius: 40px; font-size: 16px !important; font-weight: 600; } } body.no-scroll { overflow: auto; } .menu-header { display: none; } @media( max-width: 1120px ){ .menu-header { display: block; } }  button.bricks-mobile-menu-toggle[aria-label="Close mobile menu"] { } button.bricks-mobile-menu-toggle[aria-label="Close mobile menu"]::after { content: ""; position: absolute; inset: 0; background-color: #fdf0e61a; opacity: 0; transition: opacity 0.3s ease; pointer-events: none; width: 36px; height: 36px; padding: 0; top: -9px; left: -8px; border-radius: 32px; } button.bricks-mobile-menu-toggle[aria-label="Close mobile menu"]:hover::after { opacity: 1; } .hydrated { z-index: 999; } .hydrated .lc_text-widget_prompt--prompt-close { background: #fff; padding: 3px 4px 1px 4px; } .hydrated .lc_text-widget--box.active , body .lc_text-widget--box.active { height: 34vh; } .hydrated .lc_text-widget--box { max-height: 340px; } .lc_text-widget--box.active { height: 34vh; }  .page-id-974 .sharp-preloader { position: fixed; inset: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; overflow: hidden; background: #3c3a3a; z-index: 9999999; opacity: 1; visibility: visible; transition: opacity 0.5s ease, visibility 0.5s ease; } .page-id-974 .sharp-preloader.is-hidden { opacity: 0; visibility: hidden; pointer-events: none; } .page-id-974 .sharpArchiveLogo { width: 14rem; height: 20rem; overflow: visible; }  .page-id-974 .guestarchivelogo-1, .page-id-974 .guestarchivelogo-2, .page-id-974 .guestarchivelogo-3, .page-id-974 .guestarchivelogo-4, .page-id-974 .guestarchivelogo-5, .page-id-974 .guestarchivelogo-6, .page-id-974 .guestarchivelogo-7, .page-id-974 .guestarchivelogo-8, .page-id-974 .guestarchivelogo-9, .page-id-974 .guestarchivelogo-10, .page-id-974 .guestarchivelogo-11, .page-id-974 .guestarchivelogo-12 { transform-box: fill-box; transform-origin: center; will-change: transform; backface-visibility: hidden; animation: sharpHeartbeat 1.8s infinite; }  .page-id-974 .guestarchivelogo-1 { fill: #8db230; } .page-id-974 .guestarchivelogo-2 { fill: #6e9b2e; } .page-id-974 .guestarchivelogo-3 { fill: #a1c749; } .page-id-974 .guestarchivelogo-4 { fill: #5f822d; } .page-id-974 .guestarchivelogo-5 { fill: #7d80bd; } .page-id-974 .guestarchivelogo-6 { fill: #5f60a8; } .page-id-974 .guestarchivelogo-7 { fill: #a5a1d0; } .page-id-974 .guestarchivelogo-8 { fill: #5a57a2; } .page-id-974 .guestarchivelogo-9 { fill: #e89922; } .page-id-974 .guestarchivelogo-10 { fill: #e4801d; } .page-id-974 .guestarchivelogo-11 { fill: #eba83b; } .page-id-974 .guestarchivelogo-12 { fill: #b76d1d; } .page-id-974 .guestarchivelogo-13 { fill: #fff; }  @keyframes sharpHeartbeat { 0% { transform: scale(1); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); } 12% { transform: scale(1.22); animation-timing-function: cubic-bezier(0.3, 0.2, 0.1, 1); } 22% { transform: scale(1.02); animation-timing-function: cubic-bezier(0.2, 0.7, 0.3, 1); } 32% { transform: scale(1.12); animation-timing-function: cubic-bezier(0.3, 0.2, 0.1, 1); } 45% { transform: scale(1); } 100% { transform: scale(1); } }  .page-id-974 .guestarchivelogo-1 { animation-delay: 0s; } .page-id-974 .guestarchivelogo-2 { animation-delay: 0.05s; } .page-id-974 .guestarchivelogo-3 { animation-delay: 0.1s; } .page-id-974 .guestarchivelogo-4 { animation-delay: 0.15s; } .page-id-974 .guestarchivelogo-5 { animation-delay: 0.2s; } .page-id-974 .guestarchivelogo-6 { animation-delay: 0.25s; } .page-id-974 .guestarchivelogo-7 { animation-delay: 0.3s; } .page-id-974 .guestarchivelogo-8 { animation-delay: 0.35s; } .page-id-974 .guestarchivelogo-9 { animation-delay: 0.4s; } .page-id-974 .guestarchivelogo-10 { animation-delay: 0.45s; } .page-id-974 .guestarchivelogo-11 { animation-delay: 0.5s; } .page-id-974 .guestarchivelogo-12 { animation-delay: 0.55s; }  @media (max-width: 767px) { .page-id-974 .sharpArchiveLogo { width: 9rem; height: 12rem; } }  @media (prefers-reduced-motion: reduce) { .page-id-974 .guestarchivelogo-1, .page-id-974 .guestarchivelogo-2, .page-id-974 .guestarchivelogo-3, .page-id-974 .guestarchivelogo-4, .page-id-974 .guestarchivelogo-5, .page-id-974 .guestarchivelogo-6, .page-id-974 .guestarchivelogo-7, .page-id-974 .guestarchivelogo-8, .page-id-974 .guestarchivelogo-9, .page-id-974 .guestarchivelogo-10, .page-id-974 .guestarchivelogo-11, .page-id-974 .guestarchivelogo-12 { animation: none; } } #brxe-aczriv.cookie-bar{position:fixed;left:0;bottom:0;width:100%;background:#e66400;z-index:9999;padding:20px;box-sizing:border-box}.cookie-content{margin:auto}.cookie-text h3{color:#fff;margin:0 0 10px;font-size:32px}.cookie-text p{color:#fff;margin:0;line-height:1.6}.cookie-text a{color:#2563eb;text-decoration:underline;font-weight:500}.cookie-text a:focus-visible,.cookie-text a:hover{text-decoration:none;outline:#ffffff solid 2px;outline-offset:2px;border-radius:2px}.cookie-buttons{display:flex;gap:15px;margin-top:20px;flex-wrap:wrap;justify-content:center}@media (max-width:851px){.cookie-buttons{justify-content:start}}.cookie-btn{background:#fff;color:#e66400;padding:14px 30px;border-radius:40px;cursor:pointer;font-size:16px;transition:.3s;border:2px solid #fff}.cookie-btn:hover{transform:translateY(-2px)}.cookie-btn:focus-visible{outline:#1a1a1a solid 3px;outline-offset:2px}.cookie-popup-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);display:none;align-items:center;justify-content:center;z-index:10000;padding:20px;box-sizing:border-box}.cookie-popup{width:100%;max-width:700px;max-height:90vh;overflow:auto;background:#eb6900;padding:40px;position:relative;color:#fff;box-sizing:border-box}.popup-close-btn{position:absolute;top:20px;right:20px;border:none;background:#fff;color:#eb6900;padding:12px 25px;border-radius:40px;cursor:pointer}.cookie-section{margin-top:40px}.cookie-section h2{margin-bottom:30px;font-size:40px}.cookie-item{display:flex;align-items:flex-start;gap:20px;margin-bottom:30px}.cookie-item p{margin:0;line-height:1.6;font-size:20px}.switch{position:relative;display:inline-block;width:42px;height:24px;flex-shrink:0}.slider,.slider:before{position:absolute;transition:.3s}.switch input{opacity:0;width:0;height:0}.slider{inset:0;background:#000;border-radius:50px}.slider:before{content:'';width:18px;height:18px;left:3px;top:3px;background:#fff;border-radius:50%}.switch input:checked+.slider{background:#ddd}.switch input:checked+.slider:before{transform:translateX(18px)}.popup-buttons{display:flex;gap:20px;margin-top:50px;flex-wrap:wrap}@media(max-width:768px){.cookie-text h3{font-size:24px}.cookie-section h2{font-size:28px}.cookie-item p{font-size:16px}.cookie-popup{padding:25px}}