/* stylesheet for 'Portal', generated on Sat, 14 Jun 2025 14:21:05 +0000 -- DO NOT EDIT */

body {--scrollbarWidth: 17px;--bodyWidth: calc(100vw - var(--scrollbarWidth));}
@media only screen and (min-width: 1001px) {
.content {--contentOuterWidth: calc(min(1600px,max(1000px,var(--bodyWidth) * 0.78)));}
}
@media only screen and (max-width: 1000px) {
.content {--contentOuterWidth: var(--bodyWidth);}
}
@media only screen and (min-width: 801px) {
.content {--contentInnerWidth: calc(var(--contentOuterWidth) - 1px - 76px);}
}
@media only screen and (max-width: 800px) {
.content {--contentInnerWidth: var(--contentOuterWidth);}
}
.content > .boxHeadline:first-of-type {position: fixed;opacity: 0;}
#tpl_cms_page .fireballSlideContainer {padding-bottom: 15px;margin-bottom: 5px;}
#tpl_cms_page .fireballSlideContainer .framed > img {--imageWidth: calc(min(1212px,var(--contentInnerWidth)));width: var(--imageWidth);height: calc(var(--imageWidth) / 6.06);}
#tpl_cms_page .fireballSlideContainer .slideshowButtonList > li > a {padding: 6px 2px;margin: -6px 0;}
.headerNews > header h2 {margin-bottom: -5px;padding: 4px 0;font-variant: small-caps;text-align: center;}
.fireballSlide img {border-radius: 3px;}
@media only screen and (min-width: 801px) {
.messageList {display: table;width: 100%;}
.messageList > li:not(:last-child) {padding-right: 1%;}
.messageList > li {display: table-cell;width: 100%;vertical-align: top;float: left;}
}
.messageList > li .fullScreenPicture {height: 150px !important;transition: all 0.5s ease 0s;}
.messageList > li .fullScreenPicture:hover {padding-right: 0 !important;padding-bottom: 70px;background: none repeat scroll 0 0 rgba(0,0,0,0.2);border-top: 1px solid rgba(255,255,255,0.1);position: absolute;bottom: 0;left: 0;right: 0;transition: all 0.5s ease 0s;color: white;}
.messageList > li .messageHeader > .messageHeadline h1 {font-size: 1.5rem !important;}
.messageList > li .messageHeader > .messageHeadline .username {display: none;}
.messageList > li .messageHeader > .messageHeadline .newMessageBadge {margin-top: 0 !important;}
.messageList > li .messageHeader > .messageHeadline .permalink {text-decoration: none;}
.messageList > li .messageBody > .newsTeaser {max-height: 80px;}
.messageList > li .messageBody .toTopLink {display: none;}
.messageList > li .messageFooter {display: none;}
.online-ratio {max-width: 250px;height: 26px;border-radius: 2em;overflow: hidden;position: relative;display: flex;margin: 0 auto 10px auto;}
.online-ratio img {filter: drop-shadow(0px 0 5px #000000);max-width: 24px;max-height: 24px;}
.online-ratio .asmodians, .online-ratio .elyos {display: flex;align-items: center;justify-content: center;}
.online-ratio .asmodians {background: linear-gradient(to bottom,rgba(0,0,0,0.33),rgba(0,0,0,0) 40%), linear-gradient(to top,rgba(0,0,0,0.33),rgba(0,0,0,0) 40%), #913a26;width: var(--asmo-percent);}
.online-ratio .elyos {background: linear-gradient(to bottom,rgba(0,0,0,0.33),rgba(0,0,0,0) 40%), linear-gradient(to top,rgba(0,0,0,0.33),rgba(0,0,0,0) 40%), #23689b;flex-grow: 1;}
.online-ratio::after {content: '';position: absolute;top: 0;bottom: 0;left: var(--asmo-percent);width: 2px;background-color: rgba(0,0,0,0.4);transform: translateX(-50%);}
.onlineStatus {background-color: #339900;color: #FFFFFF;font-size: 1.1rem;}
.offlineStatus {background-color: #CC3300;color: #FFFFFF;font-size: 1.1rem;}
.serverStatusInner {padding: 4px 0;text-align: center;}
.serverStatusInner span {margin: 10px;}
@media only screen and (max-width: 800px) {
.serverStatusInner {margin-top: 15px;}
}
.discordBadge {background-color: #7289DA;padding: 0px;border-radius: 6px;font-family: "Arial";color: white;}
.discordBadge .discordIcon {width: 19px;height: 15px;padding: 6px;}
.discordBadge .memberCount {vertical-align: middle;margin: 0 8px 0 4px;line-height: 100%;}
.disabled a {opacity: .2 !important;pointer-events: none;}
.vote {display: inline-block;margin: 10px 8px 0;position: relative;}
.vote > a {text-decoration: none !important;opacity: 0.8;transition: 0.4s opacity;}
.vote > a:hover {opacity: 1;}
.vote > a > img {width: 80px;height: 48px;display: block;}
.vote.voted-pending::after {content: '\f10c';font-family: FontAwesome;font-weight: normal;font-style: normal;margin: 0px 0px 0px 10px;text-decoration: none;position: absolute;top: -5px;right: -9px;font-size: 1.5em;}
.vote.voted > a:not(:hover) {opacity: 0.33;}
.vote.voted::after {content: '\f00c';font-family: FontAwesome;font-weight: normal;font-style: normal;margin: 0px 0px 0px 10px;text-decoration: none;position: absolute;top: -5px;right: -9px;color: green;font-size: 1.5em;}
.elastic_video {padding-bottom: 57% !important;padding-top: 13px !important;}
.homeButton {display: block;margin-bottom: 10px;width: 100%;height: calc(var(--imageWidth) / 2.68);border-radius: 3px;box-shadow: 0 1px 0 #666666;opacity: 0.85;transition: 0.4s all;}
@media only screen and (min-width: 801px) {
.homeButton {--imageWidth: calc(var(--contentInnerWidth) * 0.27);}
}
@media only screen and (max-width: 800px) {
.homeButton {--imageWidth: calc(var(--contentInnerWidth) + var(--scrollbarWidth));}
}
.homeButton:hover {opacity: 1;}
.externalLinks {position: relative;bottom: 0;margin: 0 -30px -15px 0;float: right;}
@media screen and (max-width: 800px) {
.externalLinks {margin-right: 0px;}
}
.externalLinks img {max-height: 30px;padding: 3px;opacity: 0.4;transition: 0.4s all;}
.externalLinks img:hover {opacity: 1;}
@media only screen and (max-width: 800px) {
.externalLinks {margin-top: 15px;}
}