/* Forever layout. */
.forever-azeroth{--ink:#e7e8e3;--gold:#ebd9ad;--teal:#3e8884;--color-primary:var(--ink);--color-secondary:var(--gold);--font-family-primary:Arial,sans-serif;--font-family-secondary:Georgia,serif;--transition-primary:all .2s ease;--field-color-primary:#edf1f1;--field-background-color:#14282d;--field-padding-y:14px;--field-padding-x:16px;--field-font-size:16px;--field-font-weight:400;--field-border-radius:0px;--field-box-shadow:none;--field-text-shadow:none;--field-background-image:none;--button-color-primary:#fff7dd;--button-background-color:#296f70;--button-border-radius:0px;--glassmorphism-outline-color:#477477;--link-secondary-active:#fff4d3;--brighten:brightness(1.1);background:#101f25;color:var(--ink);font:16px/1.65 Arial,sans-serif;margin:0;min-height:100vh}
.forever-azeroth *{box-sizing:border-box}
.forever-azeroth p{font-size:inherit}
.forever-azeroth a{color:var(--gold);text-decoration:none;transition:color .2s,background .2s,transform .2s}
.forever-azeroth a:hover{color:#fff6dc}
.forever-azeroth img{max-width:100%;height:auto}
.forever-azeroth :focus-visible{outline:3px solid #88dedb;outline-offset:5px}
.forever-azeroth h1,.forever-azeroth h2,.forever-azeroth h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;line-height:1.12;color:var(--gold)}
.fa-width{width:min(1280px,calc(100% - 96px));margin-inline:auto}
.fa-header{position:absolute;z-index:100;top:20px;left:24px;right:24px;min-height:82px;display:flex;align-items:center;gap:32px;padding:0 24px;background:#152d35f2;border:1px solid #71918a66;border-radius:5px;box-shadow:0 8px 30px #05131d40}
.fa-brand{flex:0 0 110px;align-self:stretch;display:flex;align-items:center;border-right:1px solid #8bac9c35;padding-right:22px}
.fa-brand img{width:100px;max-height:88px;object-fit:contain}
.fa-desktop-nav{display:flex;gap:26px;align-items:center}
.fa-desktop-nav a,.fa-account a{color:#eee9d9;font-size:14px;font-weight:600;white-space:nowrap}
.fa-desktop-nav a:hover,.fa-account a:hover{color:#9dd6d2}
.fa-account{margin-left:auto;display:flex;align-items:center;gap:24px}
.fa-mobile-menu{display:none}
.forever-azeroth .fa-button,.forever-azeroth .nice_button,.forever-azeroth button[type=submit],.forever-azeroth input[type=submit]{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:13px 28px;border:1px solid #7cb6a4;border-radius:0;background:linear-gradient(135deg,#397f7b,#185963);box-shadow:inset 0 0 0 1px #0c363e80;color:#fff1d3;font:600 16px/1.3 Georgia,serif;text-decoration:none;cursor:pointer;transition:background .2s,box-shadow .2s}
.forever-azeroth .fa-button:hover,.forever-azeroth .nice_button:hover,.forever-azeroth button[type=submit]:hover{background:#438f89;box-shadow:0 0 20px #52a8a52b;color:white}
.forever-azeroth .fa-small{min-height:44px;padding:10px 20px;font:600 14px Arial,sans-serif}
.forever-azeroth .fa-outline{border-color:#adbda699;background:#15364485}
.fa-hero{position:relative;min-height:900px;height:min(1000px,100svh);background:#243d65 url('../art/hero.jpg') center top/cover no-repeat;display:flex;align-items:center;justify-content:flex-end;padding:135px 6% 95px;isolation:isolate}
.fa-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,transparent 15%,#132e4d12 35%,#162c4a5c 100%),linear-gradient(0deg,#101f25 0%,transparent 18%)}
.fa-hero-content{width:58%;max-width:780px;text-align:center;text-shadow:0 2px 12px #101b3877}
.fa-hero-logo{width:310px;max-height:260px;object-fit:contain;margin-bottom:25px;filter:drop-shadow(0 8px 10px #14213e55)}
.forever-azeroth .fa-eyebrow{font-size:12px;letter-spacing:2.4px;line-height:1.5;font-weight:700;color:#b5cec9;margin:0 0 18px}
.fa-hero .fa-eyebrow{color:#f0e9d6;letter-spacing:1.5px;font-size:13px}
.fa-hero h1{font-size:clamp(44px,4.2vw,66px);margin:0 0 24px;color:#f5e5bf;letter-spacing:-1.8px}
.forever-azeroth .fa-lead{font-size:18px;line-height:1.65;color:#e0e5ed;max-width:620px;margin:0 auto 30px}
.fa-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap}
.fa-hero-note{display:block;color:#bdcbd7;font-size:12px;letter-spacing:.5px;margin-top:20px}
.fa-explore{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font-size:10px;letter-spacing:2px;text-align:center}
.fa-explore span{display:block;font-size:25px;line-height:1.2}
.fa-intro{padding:90px 0 100px;border-top:1px solid #afae9066}
.fa-section-heading{text-align:center;max-width:720px;padding:0 24px;margin:0 auto 48px}
.fa-section-heading h2{font-size:52px;color:#304a4d;margin:0 0 25px;letter-spacing:-1.5px}
.fa-section-heading p:not(.fa-eyebrow){font-size:18px;line-height:1.7;margin-bottom:24px}
.fa-paper .fa-eyebrow{color:#50736b}
.fa-ornament{display:block;color:#9c925e;font-size:13px;position:relative;width:170px;margin:auto}
.fa-ornament:before,.fa-ornament:after{content:'';height:1px;position:absolute;top:50%;width:65px;background:#9c925e77}
.fa-ornament:before{left:0}.fa-ornament:after{right:0}
.fa-story-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px}
.fa-story{display:block;position:relative;background:#183b40;border:1px solid #8d987e;overflow:hidden;box-shadow:0 8px 20px #17382c25}
.fa-story img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .5s}
.fa-story:hover img{transform:scale(1.025)}
.fa-story>div{padding:28px 32px 32px;background:linear-gradient(#183b40,#132b34)}
.fa-story .fa-eyebrow{color:#a2bcb0;margin-bottom:10px;font-size:10px}
.fa-story h3{font-size:28px;margin-bottom:14px}
.fa-story p:not(.fa-eyebrow){color:#bdc9c6;font-size:15px;margin-bottom:20px}
.fa-story span{color:#e5d1a1;font-size:13px;font-weight:600}
.fa-story b{margin-left:15px}
.fa-updates{padding-block:85px}
.fa-section-line{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:38px}
.fa-section-line h2{font-size:42px;margin:0}.fa-section-line .fa-eyebrow{margin-bottom:12px}
.fa-section-line>a{font-size:13px;padding-bottom:5px}
.fa-content-grid{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:40px;align-items:start}
.fa-main,.fa-sidebar{min-width:0}
.forever-azeroth .box{background:transparent;box-shadow:none;border:0;margin:0 0 30px;color:inherit}
.forever-azeroth .box-head{background:none;white-space:normal;font:28px/1.2 Georgia,serif;color:var(--gold);padding:0 0 20px;overflow:visible}
.forever-azeroth .box-body{padding:0;overflow-wrap:anywhere}
.fa-sidebar .box,.fa-server-menu{padding:22px;background:#1b3036;border:1px solid #6f817c66;margin:0 0 22px}
.fa-sidebar .box-head{font:20px Georgia,serif;padding-bottom:16px;border-bottom:1px solid #8d9c7833;margin-bottom:18px}
.fa-sidebar .box-body{font-size:14px}
.fa-sidebar .realmlist,.fa-sidebar .realm-list{font-size:12px;color:#b1c8c9}
.fa-sidebar .realm-name{font-family:Georgia,serif;color:#eddfb9}
.fa-sidebar .realm-status{color:#b0dbba}
.forever-azeroth .realm_bar{background:#142328}.forever-azeroth .realm_bar_fill{background:#5d9e86}
.fa-join h2{font-size:52px;margin:0 0 24px}.fa-join p:not(.fa-eyebrow){color:#cfdbd5;margin-bottom:30px}
.fa-footer{padding:60px 30px 35px;text-align:center;background:#0b191e;color:#849b9e}
.fa-footer-brand{display:block;font:32px Georgia,serif;letter-spacing:5px;color:#c9bb8e!important;margin-bottom:30px}
.fa-footer-brand span{display:block;font:9px Arial,sans-serif;letter-spacing:2.5px;margin-top:8px}
.fa-footer nav{display:flex;flex-wrap:wrap;justify-content:center;gap:28px;margin-bottom:32px;font-size:13px}
.forever-azeroth .fa-footer p{font-size:11px;margin:8px auto;max-width:750px}.fa-powered{opacity:.75}
.fa-inner{background:#10262f url('../art/hero.jpg') center top/100% auto no-repeat}
.fa-inner:before{content:'';position:fixed;inset:0;z-index:-1;background:linear-gradient(#10262f88,#10262f 720px)}
.fa-inner-main{padding:155px 0 70px;min-height:85vh}
.fa-inner-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:28px}.fa-inner-heading .fa-eyebrow{margin:0}.fa-inner-heading a{font-size:12px}
.fa-inner .fa-main{background:#10242deF;border:1px solid #77938a66;padding:38px;min-height:450px}
.fa-server-menu summary{color:var(--gold);font-family:Georgia,serif;cursor:pointer}
.fa-server-menu ul{list-style:none;margin:18px 0 0;padding:0}.fa-server-menu .nav-link{padding:8px 0;font-size:14px;color:#bfceca}
.fa-server-menu .active{color:#f1dfb0}.fa-server-menu .dropdown-menu{position:static;background:transparent}
.forever-azeroth input:not([type=checkbox]):not([type=radio]):not([type=submit]),.forever-azeroth select,.forever-azeroth textarea{background:#162f38!important;color:#f0f1e9!important;border:1px solid #7a9c91!important;min-height:48px;padding:12px 14px!important;border-radius:0!important;font:16px Arial,sans-serif!important;max-width:100%}
.forever-azeroth input::placeholder{color:#b3c5c5;opacity:1}.forever-azeroth label{color:#dde4dc;font-size:14px}
.forever-azeroth .input-group{flex-wrap:nowrap}.forever-azeroth .input-group .form-control{min-width:0}
.forever-azeroth .input-group-text{background:#213f46;color:#cfdbd2;border:1px solid #7a9c91;display:flex;align-items:center;justify-content:center}
.forever-azeroth .form-check{padding-left:0}.forever-azeroth .form-check-input{appearance:auto!important;position:static;float:none!important;margin-left:0!important;margin-right:8px}.forever-azeroth .form-check-label{font-size:13px}
.forever-azeroth .card,.forever-azeroth .card-body,.forever-azeroth .card-footer{background:transparent;border:0;color:inherit}
.forever-azeroth .card-body.p-5{padding:20px 0!important}.fa-main .page-subbody>[class*='col-']{width:100%;max-width:500px}.fa-main .card{margin-inline:auto;max-width:500px}.fa-main .card h2{font-size:34px;margin-bottom:16px}.fa-main .input-group{margin-top:18px}
.forever-azeroth .card-footer.nice_button{background:#226a6b;border:1px solid #7cb6a4;color:#ffefd0;min-height:48px;margin-top:18px}
.forever-azeroth .table{--bs-table-color:#e7e8e3;--bs-table-bg:transparent;--bs-table-border-color:#5e7d7766;color:inherit}.forever-azeroth .table-responsive{overflow-x:auto}
.forever-azeroth .text-muted{color:#a7b9b8!important}.forever-azeroth .alert{color:#293e3e}
.forever-azeroth iframe{max-width:100%}.forever-azeroth .dropdown-menu{background:#1b333c;border:1px solid #799e8d}.forever-azeroth .dropdown-item{color:#e6dcc1}.forever-azeroth .dropdown-item:hover{background:#345c60}
.fa-main .news-thumbnail{margin:0 0 24px}.fa-main .thumbnail-item{min-height:230px;background-position:center;background-size:cover}.fa-main .news-content,.fa-main .news-content p{font-size:16px!important;line-height:1.75;color:inherit}.fa-main .news-metadata{display:flex;flex-wrap:wrap;gap:15px;font-size:11px;color:#adbfbd;margin:22px 0;border-top:1px solid #75938444;padding-top:15px}.fa-main .news-buttons{margin-top:24px}.fa-main .news-header{display:none}
.forever-azeroth #top10_types_menu{display:flex!important;gap:8px;flex-wrap:wrap;margin:25px 0 15px}.forever-azeroth #top10_types_menu .nice_button{font-size:13px;padding:10px 16px;min-height:42px}.forever-azeroth #top10_realms_menu{margin-bottom:20px}.forever-azeroth #top_ranked_wrapper{margin-top:30px;padding-top:25px;border-top:1px solid #75938444}
.forever-azeroth .popup-box{position:fixed;z-index:10000;top:50%;left:50%;transform:translate(-50%,-50%);width:min(90vw,520px);padding:30px;background:#1b333c;color:#e9dfc0;border:1px solid #90a58b}.forever-azeroth #popup_bg{position:fixed;inset:0;background:#000b;z-index:9999;display:none}.forever-azeroth .popup-buttons{display:flex;gap:15px;margin-top:20px}
.fa-skip{position:fixed;top:-100px;left:15px;background:#173c42;padding:15px;z-index:101}.fa-skip:focus{top:10px}
.forever-azeroth .fa-main .news-content{font-weight:400;line-height:1.75}
.forever-azeroth .fa-main .news-title{color:var(--gold);line-height:1.25}
.forever-azeroth .fa-main .news-metadata{font-weight:400;text-shadow:none;background:none}
@media(min-width:1600px){.fa-hero{min-height:980px}.fa-hero-logo{width:360px;max-height:290px}}
@media(max-width:1100px){.fa-header{gap:20px;padding-inline:18px}.fa-desktop-nav{gap:18px}.fa-desktop-nav a{font-size:12px}.fa-account{gap:14px}.fa-brand{flex-basis:95px;padding-right:12px}.fa-width{width:calc(100% - 64px)}.fa-hero{padding-inline:4%;min-height:850px}.fa-hero-content{width:63%}.fa-hero h1{font-size:52px}.fa-content-grid{grid-template-columns:minmax(0,1fr) 250px;gap:28px}}
@media(max-width:850px){.fa-desktop-nav{display:none}.fa-mobile-menu{display:block}.fa-mobile-menu summary{list-style:none;color:#ecdfbf;cursor:pointer;font-size:13px}.fa-mobile-menu summary span{margin-left:10px}.fa-mobile-menu nav{position:absolute;top:100%;left:0;right:0;background:#152d35;border:1px solid #71918a66;padding:18px 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.fa-content-grid{grid-template-columns:1fr}.fa-sidebar{display:grid;grid-template-columns:1fr 1fr;gap:22px}.fa-sidebar .box{margin:0}.fa-hero-content{width:70%}.fa-hero h1{font-size:46px}.fa-hero-logo{width:270px;max-height:220px}.fa-story>div{padding:24px}.fa-story h3{font-size:24px}.fa-inner .fa-sidebar{margin-top:10px}}
@media(max-width:600px){.fa-header{top:12px;left:12px;right:12px;min-height:66px;padding:0 12px;gap:12px}.fa-brand{flex-basis:70px;padding-right:10px}.fa-brand img{width:60px;max-height:65px}.fa-account{gap:0}.fa-login{display:none}.forever-azeroth .fa-small{font-size:11px;padding:9px 12px;min-height:36px}.fa-mobile-menu summary{font-size:12px}.fa-hero{height:auto;min-height:850px;padding:115px 22px 90px;align-items:start;background-position:32% top;background-size:auto 850px}.fa-hero:before{background:linear-gradient(0deg,#101f25 0%,#132a48af 42%,#152a4222 100%)}.fa-hero-content{width:100%;max-width:none}.fa-hero-logo{width:230px;max-height:200px;margin-bottom:55px}.fa-hero .fa-eyebrow{font-size:10px;letter-spacing:1.3px}.fa-hero h1{font-size:42px;letter-spacing:-1px;margin-bottom:22px}.forever-azeroth .fa-lead{font-size:16px;line-height:1.65}.fa-actions{gap:12px;flex-direction:column;align-items:stretch;padding:0 10px}.forever-azeroth .fa-button{font-size:15px}.fa-hero-note{font-size:10px}.fa-width{width:calc(100% - 36px)}.fa-intro{padding:60px 0}.fa-section-heading{margin-bottom:32px}.fa-section-heading h2{font-size:37px}.fa-section-heading p:not(.fa-eyebrow){font-size:16px}.fa-story-grid{grid-template-columns:1fr;gap:24px}.fa-story h3{font-size:26px}.fa-updates{padding-block:55px}.fa-section-line{align-items:start;flex-direction:column;gap:16px}.fa-section-line h2{font-size:33px}.fa-content-grid{gap:28px}.fa-sidebar{grid-template-columns:1fr}.fa-join{padding:65px 24px}.fa-join h2{font-size:39px}.fa-footer{padding:45px 22px 30px}.fa-footer nav{gap:18px;font-size:12px}.fa-inner-main{padding-top:115px}.fa-inner-heading{align-items:start;flex-direction:column;gap:12px}.fa-inner .fa-main{padding:24px 18px}.fa-main .box-head{font-size:27px}.fa-main .thumbnail-item{min-height:160px}.fa-main .card h2{font-size:30px}.fa-main .news-metadata{gap:8px}.forever-azeroth .fa-eyebrow{font-size:10px}.fa-main .news-content img{height:auto!important;width:auto!important;max-width:100%!important}}
@media(prefers-reduced-motion:reduce){.forever-azeroth *{transition:none!important;scroll-behavior:auto!important}}