/* Outer containers */

html {
  font-size: 16px;
}

body {
  color: #AAAAAA;
  background: url(/imageassets/site/css/bg-main.png) repeat #000000;
  font-family: 'Open Sans', sans-serif;
  background-attachment: fixed;
  padding: 0;
  margin: 0;
  min-width: 640px;
  text-shadow: 2px 2px 2px black;
}

#content-body {
  display: block;
  background-color: #202020;
  background: 
  url(/imageassets/site/css/bg-overlaybar.png) repeat-y scroll 0% 0%, 
  url(/imageassets/site/css/bg-overlaybar.png) repeat-y scroll 100% 0%, 
  linear-gradient(to right, rgba(0,255,0,0.2) 20px, transparent 25px) repeat-y scroll left 0,
  linear-gradient(to right, rgba(0,255,0,0.1) 20px, transparent 35px) repeat-y scroll left 0,
  linear-gradient(to right, rgba(0,255,0,0.05) 20px, transparent 45px) repeat-y scroll left 0, 
  linear-gradient(to left, rgba(0,255,0,0.2) 20px, transparent 25px) repeat-y scroll right 0,
  linear-gradient(to left, rgba(0,255,0,0.1) 20px, transparent 35px) repeat-y scroll right 0,
  linear-gradient(to left, rgba(0,255,0,0.05) 20px, transparent 45px) repeat-y scroll right 0, 
  url(/imageassets/site/css/bg-content.png) repeat fixed 0% 0%;
  padding-top: 22px;
  padding-left: 2.75rem;
  padding-right: 2.75rem;
  min-height: 100vh;
  margin-left: auto;
  margin-right: auto;
  max-width: 1280px;
  position: relative;
  padding-bottom: 190px;
}


/* Text elements */

p {
  padding: 0;
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 0.625rem;
}

h2:not(.card-title) + p,
h3:not(.card-title) + p,
h4:not(.card-title) + p {
margin-top: 0;
}

.news-excerpt p {
  margin: 0;
  margin-bottom: 1em;
}

u.dotted {
text-decoration-style: dotted;
}

.text-color-default {
  color: #AAAAAA;
}

.text-color-public {
  color: #AAFFAA;
}

.text-color-modified {
  color: #fff1ab;
}

.text-color-private {
  color: #ffabb9;
}

.text-color-ae-red {
  color: #FF0000;
}

.text-color-ae-green {
  color: #00FF00;
}

.text-color-ae-blue {
  color: #00C8FF;
}

.text-color-ae-rof {
  color: #af4a00;
}

.text-color-ae-range {
  color: #d5e1e2;
}

.text-color-ore-fortium {
  color: #A89D8B;
}

.text-color-ore-luminum {
  color: #A0C1FD;
}

.text-color-ore-exolite {
  color: #00E4FF;
}

.news-text-lg {
  font-size: 1.2rem;
}

.news-text-hg {
  font-weight: bold;
  font-size: 1.4rem;
}

.news-text-sm {
}

.faq-question:before {
  /*content: "Q: "*/
}

.faq-answer:before {
  /*content: "A: "*/
}

/* Cursor */

.cursor-help {
  cursor: help;
}

/* Table of Contents */

#toc {
  font-weight: bold;
  background: rgba(255, 255, 255, 0.05);
  border: 2px solid rgba(255, 255, 255, 0.15);
  padding: 0.625rem;
}

#toc > p:first-child {
 font-size: 1.2rem;
 margin: 0;
 padding: 0;
 margin-bottom: 0.625rem;
}

/* Titles */

h1,
h2,
h3,
h4 {
  font-weight: bold;
  padding: 0;
  margin: 0;
  margin-top: 1rem;
  margin-bottom: 0.5rem;
}

h1,
h2 {
  font-family: 'Orbitron', sans-serif;
}

h1,
h1.card-title {
  font-size: 2.0rem;
}

h2,
h2.card-title {
  font-size: 1.8rem;
}

h3,
h3.card-title {
  font-size: 1.6rem;
}

h4,
h4.card-title {
  font-size: 1.4rem;
}

h1.card-title,
h2.card-title,
h3.card-title,
h4.card-title {
  color: #00AA00;
  text-decoration: none;
  font-family: 'Orbitron', sans-serif;
}

h3.mercobject {
  font-size: 1.8rem;
}

h4.mercobject {
  font-size: 1.6rem;
}

/* Links */

a:link {
  color: #00AA00;
  background: transparent none;
  text-decoration: underline;
}

a:visited {
  color: #11DD11;
  background: transparent none;
}

a:visited:after {
  content: "@@@";
}

a:hover {
  color: #88FF88;
  background-color: #008800;
  background: linear-gradient(#00AA00, #002200);
}

a:focus {
  color: #88FF88;
  outline: none;
  background: none;
}

a>img,
a>span>img {
  border: 2px solid #006600;
}

a:hover>img,
a:focus>img,
a:hover>span>img,
a:focus>span>img {
  border: 2px solid #4bc84b;
}

a[href$=png]:hover {
  background: transparent none;
}


/* Anchor link */

a.anchor {
  display: block;
  position: relative;
  top: -0.5rem; /*-3.825rem*/
}

/* Lists */

ul {
  list-style-image: url(/imageassets/site/css/icon-list1.png);
}

ol {}

li ul {
  list-style-image: url(/imageassets/site/css/icon-list2.png);
}

li ul li ul {
  list-style-image: url(/imageassets/site/css/icon-list3.png);
}

ol.solution-list li::marker {
  font-weight: bold;
}

/* Images */

img {
  max-width: 100%;
  height: auto;
}

/* Header */

header {
  border: 2px solid #006600;
  margin-top: calc(5px + 0.625rem);
  margin-bottom: 1.0rem;
  box-shadow: 3px 3px 6px black;
  background: url(/imageassets/site/css/triglav.png) no-repeat 0% 0%, url(/imageassets/site/css/aether.png) no-repeat 100% 0%, linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)), url(/imageassets/site/css/bg-content.png), #121212;
  /*background: url(/imageassets/site/css/rotator-left.php) no-repeat 0% 0%, url(/imageassets/site/css/rotator-right.php) no-repeat 100% 100%, linear-gradient(rgba(255, 255, 255, 0.15), transparent), url(/imageassets/site/css/bg-content.png), #121212;*/
}

header > div {
  display: block;
  width: 100%;
  color: #00D200;
  text-align: center;
  padding-top: 5px;
}

@media screen and (max-width:767.98px) {
  header {
    background: none;
    margin-bottom: 0.625rem;
  }
  header > div {
    background: linear-gradient(rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0.05)), url(/imageassets/site/css/bg-content.png), #121212;
  }
}

header > div > img {
  display: inline-block;
  width: 100%;
  max-width: 524px;
  min-width: 100px;
  height: auto;
}

/* Footer */

footer {
  bottom: 0px;
  position: absolute;
  height: 180px;
  left: 2.75rem;
  right: 2.75rem;
  text-align: center;
}

footer p {
  font-size: 0.8rem;
}


@media (min-width: 641px) and (max-width: 800px) {
footer p {
  font-size: 0.7rem;
}
}

/* Return to top button */

#back-to-top {
  background: linear-gradient(rgba(0, 170, 0, 0.50), rgba(0, 34, 0, 0.50));
  border: 2px solid #006600;
  border-radius: 0;
  cursor: pointer;
  position: fixed;
  bottom: 20px;
  right: 20px;
  padding: .375rem .75rem;
  display: none;
  text-decoration: none;
  font-size: 1.5rem;
  z-index: 10;
}

#back-to-top:focus {
  color: #00AA00;
  box-shadow: none; /*0 0 0 .2rem rgba(0,255,0,.5)*/
}

#back-to-top:hover {
  color: #88FF88;
  background: linear-gradient(#00AA00, #002200);
  border: 2px solid #88FF88;
  text-decoration: none;
}

/* Cards */

.card, 
footer {
  background: linear-gradient(to bottom, rgba(36, 36, 36, 1.00) 0px, transparent 100px), rgba(18, 18, 18, 1.0);
  padding: 0.625rem;
  margin-bottom: 0.625rem;
  border-top: 2px solid #006600;
  border-left: 2px solid #006600;
  border-bottom: 2px solid #006600;
  border-right: 2px solid #006600;
  border-radius: 0px;
  box-shadow: 3px 3px 6px black;
}

.card-title {
  margin-top: 0em;
  margin-bottom: 0.625rem;
  text-decoration: none;
}

.card.news .card-title,
.card.object .card-title {
  margin-bottom: 0em;
}

.card-body,
.card-footer {
  margin: 0;
  padding: 0;
  padding-top: 0.625rem;
}

.card.object {
  padding-bottom: 0;
}

.card-subtitle {
  font-weight: bold;
  color: #00AA00;
  margin: 0;
  padding: 0;
}

.card.twitter {
  min-height: 100px;
  padding: 0;
  margin-bottom: 0;
}

.card.twitter > .card-title{
  margin-top: 0.625rem;
  margin-left: 0.625rem;
}

/* Grid system */

.container.no-padding,
.container-fluid.no-padding {
  padding-right: 0;
  padding-left: 0;
}

.row.vertical-space-10px {
 margin-bottom: -0.625rem;
}

.row.vertical-space-10px > div[class^="col-"] {
  margin-bottom: 0.625rem;
}

/* Flex */

.d-flex > *.flex-basis-25 {
  flex-basis: 25%;
}

.d-flex > *.flex-basis-50 {
  flex-basis: 50%;
}

.d-flex > *.flex-basis-75 {
  flex-basis: 75%;
}

.d-flex > *.flex-basis-100 {
  flex-basis: 100%;
}

.d-flex.gutter-half {
  margin-left: -0.15625rem;
  margin-right: -0.15625rem;
}

.d-flex.gutter-half > * {
  padding-left: 0.15625rem;
  padding-right: 0.15625rem;
}

.d-flex.gutter {
  margin-left: -0.3125rem;
  margin-right: -0.3125rem;
}

.d-flex.gutter > * {
  padding-left: 0.3125rem;
  padding-right: 0.3125rem;
}

.d-flex.gutter-double {
  margin-left: -0.625rem;
  margin-right: -0.625rem;
}

.d-flex.gutter-double > * {
  padding-left: 0.625rem;
  padding-right: 0.625rem;
}

.d-flex.vertical-space {
  margin-bottom: -0.625rem;
}

.d-flex.vertical-space > * {
  margin-bottom: 0.625rem;
}

.d-flex.flex-mobilewrap {
  flex-wrap: nowrap;
}

/* Images */

.center-block {
  margin-top: 1.0rem;
  margin-bottom: 0.5rem;
}

.factionimage {
  margin-top: 0.5rem;
  margin-bottom: 1.0rem;
}

/* Navigation bar */

.navbar {
  padding: 0;
  flex-wrap: wrap;
  margin-bottom: calc(1.0rem - 2px);
}

@media screen and (max-width:767.98px) {
  .fixed-top {
    max-height: 100vh;
    overflow: auto;
  }
  .navbar {
    background: linear-gradient(rgba(50, 50, 50, 1.0) 0px, rgba(18, 18, 18, 1.0) 53.6px), #121212;
    border: 2px solid #006600;
    outline: none;
    margin-bottom: 0.625rem;
  }
  .navbar-collapse .nav-item.no-collapse {
    display: none;
  }
}

.navbar-nav {
  display: block;
}

.navbar-nav:first-child {
  display: flex;
  flex-direction: row;
}

@media screen and (min-width: 767.99px) {
  .navbar-nav:not(:first-child) {
    display: flex;
    margin: 0;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    align-items: center;
  }
  .navbar-nav:not(.navbar-collapse) .nav-item.no-collapse {
    display: none;
  }
}

.navbar a:link {
  text-decoration: none;
}

.navbar .navbar-nav .nav-link {
  padding: 0.5rem 0.75rem;
}

.dropdown-item {
  padding: .25rem 1.25rem;
}

@media screen and (min-width: 767.99px) {
  .navbar .navbar-nav .nav-link  {
    padding: 0.25rem 1.0rem;
  }
  .dropdown-item {
    padding: .25rem 1.5rem;
  }
}

.navbar-brand {
  padding: 0;
}

a.navbar-brand {
  height: 50px;
  width: 50px;
  margin-right: 0;
  background: url(/imageassets/site/css/button-home.png) no-repeat center;
}

a.navbar-brand:hover,
a.navbar-brand:active,
a.navbar-brand:focus {
  background-color: #008800;
  background: url(/imageassets/site/css/button-home-hov.png) no-repeat center, linear-gradient(#00AA00, #002200);
}

.navbar-toggler {
  border-color: #00AA00;
  border-width: 2px;
  border-radius: 0;
  padding: 0;
  margin-right: 0.625rem;
}

.navbar-toggler:hover,
.navbar-toggler:active,
.navbar-toggler:focus {
  border-color: #88FF88;
}

.navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(0, 145, 0, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

.navbar-toggler:hover > .navbar-toggler-icon,
.navbar-toggler:active > .navbar-toggler-icon,
.navbar-toggler:focus > .navbar-toggler-icon {
  background-image: url("data:image/svg+xml;charset=utf8,%3Csvg viewBox='0 0 30 30' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath stroke='rgba(140, 255, 140, 1.0)' stroke-width='2' stroke-linecap='round' stroke-miterlimit='10' d='M4 7h22M4 15h22M4 23h22'/%3E%3C/svg%3E");
}

a.nav-link {
  color: #00AA00 !important;
  font-family: 'Orbitron', sans-serif;
  font-weight: bold;
  font-size: 1.4rem;
  cursor: pointer;
  background: none;
  border: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

@media screen and (min-width: 767.99px) {
  .nav-item {
    background: linear-gradient(rgba(50, 50, 50, 1.0) 0px, rgba(18, 18, 18, 1.0) 66%), #121212;
    outline: 2px solid #006600;
    margin-bottom: 2px;
  }
  a.nav-link {
    font-size: 1.4rem;
  }
}

a.nav-link:not(.disabled):hover,
a.nav-link:not(.disabled):active, 
a.nav-link:not(.disabled):focus
{
  color: #88FF88 !important;
  background-color: #008800;
  background: linear-gradient(#00AA00, #002200);
}

a.disabled,
a.disabled:hover,
a.disabled:active,
a.disabled:focus {
  background: transparent !important;
  color: #005500 !important;
  pointer-events: auto !important;
  cursor: not-allowed !important;
}

.dropdown-toggle:after {
  margin-left: 0.25rem;
}

.show > .dropdown-toggle:after {
  border-top: 0;
  border-right: .3em solid transparent;
  border-bottom: .3em solid;
  border-left: .3em solid transparent;
}

.dropdown-menu {
  background: linear-gradient(rgba(24, 24, 24, 1.0), rgba(18, 18, 18, 1.0)), #121212;
  border: none;
  border-radius: 0;
  margin: 0;
  font-size: 1.1rem;
}

.dropdown:not(:last-child) > .dropdown-menu {
  border-bottom: 2px solid #006600;
}

@media screen and (min-width: 767.99px) {
  .dropdown-menu {
   left: -2px;
   box-shadow: 3px 3px 6px black;
   border: 2px solid #006600;
  }
}

a.dropdown-item {
  font-weight: bold;
  color: #00AA00;  
}

a.dropdown-item:hover,
a.dropdown-item:active,
a.dropdown-item:focus {
  color: #88FF88;
  background-color: #008800;
  background: linear-gradient(#00AA00, #002200);
}

.dropdown-divider {
  border-top: 2px solid #003300;
}

/* Object descriptions */

.objectpage-nav {
  margin: -0.3125rem;
  max-width: 963px;
}

.objectpage-nav ul {
  padding: 0em;
  margin: 0em;
  list-style: none;
  display: flex;
  flex-wrap: wrap;
}

.objectpage-nav ul>li {
  padding: 0.3125em;
}

.objectpage-nav.list a {
  text-decoration: underline;
}

.objectpage-nav-subtitle:first-of-type {
  margin-top: 0em;
}

.objectpage-nav-subtitle {
  margin-bottom: 0em;
}

.object-content {
  margin-top: 0.625rem;
  display: flex;
  flex-wrap: wrap;
}

.object-icon {
  flex: 0 0 fit-content;
  margin-top: 5px;
  margin-right: 1.25rem;
  margin-bottom: 5px;
}

.object-icon>img {
  border: 2px solid #004400;
}

.objectpage-nav a > img,
.object-icon>img {
  display: inline-block;
  box-sizing: content-box;
  width: 60px;
  height: 48px;
}

.object-lists {
  flex: 1 1 50%;
  display: flex;
  flex-wrap: wrap;
}

.object-lists>ul {
  padding: 0;
  margin: 0;
  margin-right: 1.25rem;
  list-style: none;
}

.object-desc {
  flex: 0 0 100%;
  border-top: 1px solid #004400;
  border-bottom: 1px solid #004400;
  margin-top: 10px;
  margin-bottom: 10px;
}

.object-desc p {
  margin: 0px;
  padding: 0.625rem 0;
}

.object-props {
  flex: 0 0 100%;
  border-bottom: 1px solid #004400;
  margin-bottom: 0.625rem;
}

.object-props>ul {
  padding: 0;
  list-style: none;
}

.object-bottom-container {
  flex: 0 0 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.object-image {
  max-width: 100%;
  flex: 0 0 max-content;
  margin-top: 4px;
  margin-bottom: 0.625rem;
  margin-right: 0.625rem;
}

.object-image > img {
  border: 2px solid #004400;
}

.object-abilities {
  flex: 1 1 50%;
  margin-bottom: 0.625rem;
}

.object-abilities p {
  margin-top: 0;
}

.object-abilities ul,
.object-abilities ol {
  margin-bottom: 0;
}

.object-abilities li {
  margin: 0.3125rem 0;
}

.upgradeicons {
  margin-top: -0.5em;
  margin-bottom: 0.5em;
}

.upgradeicons>img {
  display: inline-block;
  box-sizing: content-box;
  width: 60px;
  height: 48px;
  border: 2px solid #004400;
}

/* Social media button link/images */

.social-buttons {
  margin-top: 2em;
}

.social-buttons ul {
  margin: 0;
  padding: 0;
}

.button-social {
  display: inline-block;
  margin: 0.5em 0.25em;
}

.button-social>a {
  display: inline-block;
  width: 48px;
  height: 48px;
  outline: none;
  background: none;
}

.button-social>a:hover {
  background: #00CC00;
  background-clip: padding-box;
}

.button-social>a>img {
  width: 48px;
  height: 48px;
}

.button-social>a:hover>img {
  opacity: 0.66;
}

/* Collapse / expand buttons */

.collapsebutton {
  margin: 0;
  padding: 0;
  height: 50px;
  width: 50px;
  background: url("/imageassets/site/css/button-collapse.png") transparent;
  border: 2px solid #006600;
  box-shadow: 2px 2px 2px black;
}

.collapsebutton.collapsed {
  background: url("/imageassets/site/css/button-expand.png") transparent;
}

.collapsebutton:hover {
  background: url("/imageassets/site/css/button-collapse-hov.png"), linear-gradient(#00AA00, #002200);
  border: 2px solid #4bc84b;
}

.collapsebutton.collapsed:hover {
  background: url("/imageassets/site/css/button-expand-hov.png"), linear-gradient(#00AA00, #002200);
}

/* Previous / Next page buttons */

.page-navigation {
 font-weight: bold;
 font-size: 1.1rem;
 text-align: center;
 line-height: 50px;
 height: 50px;
}

.page-navigation > a {
   min-width: min(calc(50vw - (50vw - 50%)), 300px);
 }

.page-navigation.page-nav-top {
  margin-top: -0.5em;
 }

.page-navigation > .previous-page {
 position: relative;
 padding-left: 1.5rem;
}

.page-navigation > .previous-page:before {
  position: absolute;
  content: '';
  left: 0;
  top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 10px 6px 0;
  border-color: transparent #00AA00 transparent transparent;
  margin-left: 5px;
}

.page-navigation > .previous-page:hover:before,
.page-navigation > .previous-page:focus:before,
.page-navigation > .previous-page:active:before {
  border-color: transparent #88FF88 transparent transparent;
}

.page-navigation > .next-page {
 position: relative;
 padding-right: 1.5rem;
}

.page-navigation > .next-page:after {
  position: absolute;
  content: '';
  right: 0;
  top: 20px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 0 6px 10px;
  border-color: transparent transparent transparent #00AA00;
  margin-right: 5px;
}

.page-navigation > .next-page:hover:after,
.page-navigation > .next-page:focus:after,
.page-navigation > .next-page:active:after {
  border-color: transparent transparent transparent #88FF88;
}

/* Advertisements */

.ads, .ads > div {
  text-align: center;
  margin: auto;
  max-width: 100%;
}

/* Embedded videos */

.youtube-player-container {
  max-width: 600px;
}

.youtube-player {
  position: relative;
  padding-bottom: 56.23%;
  /* Use 75% for 4:3 videos */
  height: 0;
  overflow: hidden;
  max-width: 100%;
  background: #000;
  margin: 0;
  border: 2px solid #006600;
}

.youtube-player:hover,
.youtube-player:focus {
  border: 2px solid #4bc84b;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 100;
  background: transparent;
}

.youtube-player img {
  bottom: 0;
  display: block;
  left: 0;
  margin: auto;
  max-width: 100%;
  width: 100%;
  position: absolute;
  right: 0;
  top: 0;
  border: none;
  height: auto;
  cursor: pointer;
  -webkit-transition: .4s all;
  -moz-transition: .4s all;
  transition: .4s all;
}

.youtube-player img:hover {
  -webkit-filter: brightness(75%);
}

.youtube-player .play {
  height: 72px;
  width: 72px;
  left: 50%;
  top: 50%;
  margin-left: -36px;
  margin-top: -36px;
  position: absolute;
  background: url("/imageassets/site/css/button-play.png") no-repeat;
  cursor: pointer;
}

/* Twitter feed */

a.twitter-timeline {
  padding-left: 10px;
  font-weight: bold;
}

/* Scrollbar styles */

:root {
  scrollbar-color: #404040 #0a0a0a !important;
}

/* Chrome & Safari shadow override hack */

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) { 
  .selector:not(*:root),
  a:link,
  .ul-dot {
    text-shadow: none;
  }
  .selector:not(*:root),
  .nav a:link {
    text-shadow: 2px 2px 2px black;
  }
}

/* Mobile overrides */

@media screen and (max-width: 767.98px) {

  html {
    font-size: 16px;
  }
  body {
    min-width: 0px;
  }
  #content-body {
    background: url(/imageassets/site/css/bg-content.png) repeat fixed 0% 0%;
    padding: 0;
    margin: 0;
  }
  h1,
  h1.card-title {
    font-size: 1.8rem;
  }
  h2,
  h2.card-title {
    font-size: 1.6rem;
  }
  h3,
  h3.card-title {
    font-size: 1.5rem;
  }
  h4,
  h4.card-title {
    font-size: 1.4rem;
  }
  h3.mercobject {
    font-size: 1.6rem;
  }

  h4.mercobject {
    font-size: 1.5rem;
  }
  .object-image {
    margin-right: 0;
  }
  header {
    margin-top: 0;
    background: linear-gradient(rgba(255, 255, 255, 0.15), transparent), url(/imageassets/site/css/bg-content.png);
  }
  /*
  .navbar .navbar-nav .dropdown-menu {
    border-bottom: 2px solid #006600;
  }*/
  .youtube-player-container {
    max-width: none;
  }
  footer {
    position: relative;
    left: 0;
    right: 0;
    clear: both;
    margin: 0;
    height: auto;
  }
  #rnb__body {
    display: none;
  }
  .d-flex.flex-mobilewrap {
    flex-wrap: wrap;
  }
  .page-navigation {
    font-size: 1.0rem;
   }
   .page-navigation > .previous-page,
   .page-navigation > .next-page {
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
   }
}