@charset "UTF-8";

/********* public:lightslider.less ********/
/*! lightslider - v1.1.6 - 2016-10-25
* https://github.com/sachinchoolur/lightslider
* Copyright (c) 2016 Sachin N; Licensed MIT */
/** /!!! core css Should not edit !!!/**/
.lSSlideOuter {
  overflow: hidden;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lightSlider:before,
.lightSlider:after {
  content: " ";
  display: table;
}
.lightSlider {
  overflow: hidden;
  margin: 0;
}
.lSSlideWrapper {
  max-width: 100%;
  overflow: hidden;
  position: relative;
}
.lSSlideWrapper > .lightSlider:after {
  clear: both;
}
.lSSlideWrapper .lSSlide {
  -webkit-transform: translate(0px, 0px);
  -ms-transform: translate(0px, 0px);
  transform: translate(0px, 0px);
  -webkit-transition: all 1s;
  -webkit-transition-property: -webkit-transform,height;
  -moz-transition-property: -moz-transform,height;
  transition-property: transform,height;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade {
  position: relative;
}
.lSSlideWrapper .lSFade > * {
  position: absolute !important;
  top: 0;
  left: 0;
  z-index: 9;
  margin-right: 0;
  width: 100%;
}
.lSSlideWrapper.usingCss .lSFade > * {
  opacity: 0;
  -webkit-transition-delay: 0s;
  transition-delay: 0s;
  -webkit-transition-duration: inherit !important;
  transition-duration: inherit !important;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -webkit-transition-timing-function: inherit !important;
  transition-timing-function: inherit !important;
}
.lSSlideWrapper .lSFade > *.active {
  z-index: 10;
}
.lSSlideWrapper.usingCss .lSFade > *.active {
  opacity: 1;
}
/** /!!! End of core css Should not edit !!!/**/
/* Pager */
.lSSlideOuter .lSPager.lSpg {
  margin: 10px 0 0;
  padding: 0;
  text-align: center;
}
.lSSlideOuter .lSPager.lSpg > li {
  cursor: pointer;
  display: inline-block;
  padding: 0 5px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  background-color: #222222;
  border-radius: 30px;
  display: inline-block;
  height: 8px;
  overflow: hidden;
  text-indent: -999em;
  width: 8px;
  position: relative;
  z-index: 99;
  -webkit-transition: all 0.5s linear 0s;
  transition: all 0.5s linear 0s;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #428bca;
}
.lSSlideOuter .media {
  opacity: 0.8;
}
.lSSlideOuter .media.active {
  opacity: 1;
}
/* End of pager */
/** Gallery */
.lSSlideOuter .lSPager.lSGallery {
  list-style: none outside none;
  padding-left: 0;
  margin: 0;
  overflow: hidden;
  transform: translate3d(0px, 0px, 0px);
  -moz-transform: translate3d(0px, 0px, 0px);
  -ms-transform: translate3d(0px, 0px, 0px);
  -webkit-transform: translate3d(0px, 0px, 0px);
  -o-transform: translate3d(0px, 0px, 0px);
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.lSSlideOuter .lSPager.lSGallery li {
  overflow: hidden;
  -webkit-transition: border-radius 0.12s linear 0s 0.35s linear 0s;
  transition: border-radius 0.12s linear 0s 0.35s linear 0s;
}
.lSSlideOuter .lSPager.lSGallery li.active,
.lSSlideOuter .lSPager.lSGallery li:hover {
  border-radius: 5px;
}
.lSSlideOuter .lSPager.lSGallery img {
  display: block;
  height: auto;
  max-width: 100%;
}
.lSSlideOuter .lSPager.lSGallery:before,
.lSSlideOuter .lSPager.lSGallery:after {
  content: " ";
  display: table;
}
.lSSlideOuter .lSPager.lSGallery:after {
  clear: both;
}
/* End of Gallery*/
/* slider actions */
.lSAction > a {
  width: 32px;
  display: block;
  top: 50%;
  height: 32px;
  background-image: url('https://thesims.cc/img/controls.png');
  cursor: pointer;
  position: absolute;
  z-index: 99;
  margin-top: -16px;
  opacity: 0.5;
  -webkit-transition: opacity 0.35s linear 0s;
  transition: opacity 0.35s linear 0s;
}
.lSAction > a:hover {
  opacity: 1;
}
.lSAction > .lSPrev {
  background-position: 0 0;
  left: 10px;
}
.lSAction > .lSNext {
  background-position: -32px 0;
  right: 10px;
}
.lSAction > a.disabled {
  pointer-events: none;
}
.cS-hidden {
  height: 1px;
  opacity: 0;
  filter: alpha(opacity=0);
  overflow: hidden;
}
/* vertical */
.lSSlideOuter.vertical {
  position: relative;
}
.lSSlideOuter.vertical.noPager {
  padding-right: 0px !important;
}
.lSSlideOuter.vertical .lSGallery {
  position: absolute !important;
  right: 0;
  top: 0;
}
.lSSlideOuter.vertical .lightSlider > * {
  width: 100% !important;
  max-width: none !important;
}
/* vertical controlls */
.lSSlideOuter.vertical .lSAction > a {
  left: 50%;
  margin-left: -14px;
  margin-top: 0;
}
.lSSlideOuter.vertical .lSAction > .lSNext {
  background-position: 31px -31px;
  bottom: 10px;
  top: auto;
}
.lSSlideOuter.vertical .lSAction > .lSPrev {
  background-position: 0 -31px;
  bottom: auto;
  top: 10px;
}
/* vertical */
/* Rtl */
.lSSlideOuter.lSrtl {
  direction: rtl;
}
.lSSlideOuter .lightSlider,
.lSSlideOuter .lSPager {
  padding-left: 0;
  list-style: none outside none;
}
.lSSlideOuter.lSrtl .lightSlider,
.lSSlideOuter.lSrtl .lSPager {
  padding-right: 0;
}
.lSSlideOuter .lightSlider > *,
.lSSlideOuter .lSGallery li {
  float: left;
}
.lSSlideOuter.lSrtl .lightSlider > *,
.lSSlideOuter.lSrtl .lSGallery li {
  float: right !important;
}
/* Rtl */
@-webkit-keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@keyframes rightEnd {
  0% {
    left: 0;
  }
  50% {
    left: -15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@keyframes topEnd {
  0% {
    top: 0;
  }
  50% {
    top: -15px;
  }
  100% {
    top: 0;
  }
}
@-webkit-keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@keyframes leftEnd {
  0% {
    left: 0;
  }
  50% {
    left: 15px;
  }
  100% {
    left: 0;
  }
}
@-webkit-keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
@keyframes bottomEnd {
  0% {
    bottom: 0;
  }
  50% {
    bottom: -15px;
  }
  100% {
    bottom: 0;
  }
}
.lSSlideOuter .rightEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
.lSSlideOuter .leftEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .rightEnd {
  -webkit-animation: topEnd 0.3s;
  animation: topEnd 0.3s;
  position: relative;
}
.lSSlideOuter.vertical .leftEnd {
  -webkit-animation: bottomEnd 0.3s;
  animation: bottomEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .rightEnd {
  -webkit-animation: leftEnd 0.3s;
  animation: leftEnd 0.3s;
  position: relative;
}
.lSSlideOuter.lSrtl .leftEnd {
  -webkit-animation: rightEnd 0.3s;
  animation: rightEnd 0.3s;
  position: relative;
}
/*/  GRab cursor */
.lightSlider.lsGrab > * {
  cursor: -webkit-grab;
  cursor: -moz-grab;
  cursor: -o-grab;
  cursor: -ms-grab;
  cursor: grab;
}
.lightSlider.lsGrabbing > * {
  cursor: move;
  cursor: -webkit-grabbing;
  cursor: -moz-grabbing;
  cursor: -o-grabbing;
  cursor: -ms-grabbing;
  cursor: grabbing;
}
.lSSlideOuter .lSPager.lSpg {
  line-height: 1;
}
.lSSlideOuter .lSPager.lSpg > li {
  height: 20px;
  line-height: 20px;
}
.lSSlideOuter .lSPager.lSpg > li a {
  position: relative;
  top: -2px;
  background-color: #090a0a;
  opacity: .3;
}
.lSSlideOuter .lSPager.lSpg > li:hover a,
.lSSlideOuter .lSPager.lSpg > li.active a {
  background-color: #4a5054;
  opacity: 1;
}
.lSAction > a {
  background-image: none;
  text-decoration: none;
  line-height: 32px;
  font-size: 2em;
  color: #ffffff;
  opacity: 0.6;
}
.lSAction > a.lSNext {
  text-align: right;
}
.lSAction > a.lSPrev {
  text-align: left;
}
.lSAction > a:after {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f054";
  width: 0.63em;
  display: inline-block;
  text-align: center;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #000000;
  -webkit-text-stroke-width: 1px;
}
.lSAction > a.lSNext:after {
  content: "\f054";
  width: 0.63em;
  display: inline-block;
  text-align: center;
}
.lSAction > a.lSPrev:after {
  content: "\f053";
  width: 0.63em;
  display: inline-block;
  text-align: center;
}

/********* public:node_list.less ********/
.node + .node {
  border-top: 1px solid #e8e8e8;
}
.node-body {
  display: table;
  table-layout: fixed;
  width: 100%;
}
.node-icon {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 46px;
  padding: 12px 0 12px 12px;
}
.node-icon i {
  display: block;
  line-height: 1.125;
  font-size: 32px;
}
.node-icon i:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  color: #e5e7e8;
}
.node--unread .node-icon i:before {
  opacity: 1;
  color: #b5b8bd;
}
.node--category .node-icon i:before {
  content: "\f086";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.node--search .node-icon i::before {
  content: "\f002";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.node--page .node-icon i:before {
  content: "\f15c";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.node--link .node-icon i:before {
  content: "\f0c1";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.node-main {
  display: table-cell;
  vertical-align: middle;
  padding: 12px;
}
.node-stats {
  display: table-cell;
  width: 140px;
  vertical-align: middle;
  text-align: center;
  padding: 12px 0;
}
.node-stats > dl.pairs.pairs--rows {
  width: 50%;
  float: left;
  margin: 0;
  padding: 0 3px;
}
.node-stats > dl.pairs.pairs--rows:first-child {
  padding-left: 0;
}
.node-stats > dl.pairs.pairs--rows:last-child {
  padding-right: 0;
}
.node-stats.node-stats--single {
  width: 100px;
}
.node-stats.node-stats--single > dl.pairs.pairs--rows {
  width: 100%;
  float: none;
}
.node-stats.node-stats--triple {
  width: 240px;
}
.node-stats.node-stats--triple > dl.pairs.pairs--rows {
  width: 33.333%;
}
@media (max-width: 1000px) {
  .node-stats {
    display: none;
  }
}
.node-extra {
  display: table-cell;
  vertical-align: middle;
  width: 280px;
  padding: 12px;
  font-size: 12px;
}
.node-extra-row {
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
  color: #79808a;
}
.node-extra-icon {
  padding-right: 12px;
  float: left;
}
.node-extra-icon .avatar {
  width: 36px;
  height: 36px;
  font-size: 22px;
}
.node-title {
  margin: 0;
  padding: 0;
  font-size: 14px;
  font-weight: 400;
}
.node--unread .node-title {
  font-weight: 700;
}
.node-description {
  font-size: 12px;
  color: #41454a;
}
.has-js:not(.has-touchevents) .node-description.node-description--tooltip {
  display: none;
}
.node-meta {
  font-size: 12px;
}
.node-statsMeta {
  display: none;
}
@media (max-width: 1000px) {
  .node-statsMeta {
    display: inline;
  }
}
.node-bonus {
  font-size: 12px;
  color: #79808a;
  text-align: right;
}
.node-subNodesFlat {
  font-size: 12px;
  margin-top: .3em;
}
.node-subNodesFlat .node-subNodesLabel {
  display: none;
}
.node-subNodeMenu {
  display: inline;
}
.node-subNodeMenu .menuTrigger {
  color: #79808a;
}
@media (max-width: 650px) {
  .node-main {
    display: block;
    width: auto;
  }
  .node--link .node-main,
  .node--page .node-main {
    display: table-cell;
  }
  .node-extra {
    display: block;
    width: auto;
    margin-top: -6px;
    padding-top: 0;
  }
  .node-extra-row {
    display: inline-block;
    vertical-align: top;
    max-width: 100%;
  }
  .node-extra-icon {
    display: none;
  }
  .node-description,
  .node-stats,
  .node-subNodesFlat {
    display: none;
  }
}
@media (max-width: 480px) {
  .node-subNodeMenu {
    display: none;
  }
}
.subNodeLink:before,
.subNodeLink .subNodeLink-icon {
  display: inline-block;
  width: 1.28571429em;
  margin-right: .3em;
  text-decoration: none;
  text-align: center;
  color: #e5e7e8;
}
.subNodeLink:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.subNodeLink:hover:before:before,
.subNodeLink:hover:before .subNodeLink-icon {
  text-decoration: none;
}
.subNodeLink.subNodeLink--unread {
  font-weight: 700;
}
.subNodeLink.subNodeLink--unread:before,
.subNodeLink.subNodeLink--unread .subNodeLink-icon {
  color: #b5b8bd;
}
.subNodeLink.subNodeLink--category:before {
  content: "\f086";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.subNodeLink.subNodeLink--page:before {
  content: "\f15c";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.subNodeLink.subNodeLink--link:before {
  content: "\f0c1";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.subNodeLink.subNodeLink--search::before {
  content: "\f002";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.node-subNodeFlatList {
  list-style: none;
  margin: 0;
  padding: 0;
}
.node-subNodeFlatList:before,
.node-subNodeFlatList:after {
  content: " ";
  display: table;
}
.node-subNodeFlatList:after {
  clear: both;
}
.node-subNodeFlatList > li {
  display: inline-block;
  margin-right: 1em;
}
.node-subNodeFlatList > li:last-child {
  margin-right: 0;
}
.node-subNodeFlatList ol,
.node-subNodeFlatList ul,
.node-subNodeFlatList .node-subNodes {
  display: none;
}
.subNodeMenu {
  list-style: none;
  margin: 0;
  padding: 0;
}
.subNodeMenu ol,
.subNodeMenu ul {
  list-style: none;
  margin: 0;
  padding: 0;
}
.subNodeMenu .subNodeLink {
  display: block;
  padding: 12px 12px;
  text-decoration: none;
  cursor: pointer;
}
.subNodeMenu .subNodeLink:hover {
  text-decoration: none;
  background: #f4f5f5;
}
.subNodeMenu li li .subNodeLink {
  padding-left: 1.5em;
}
.subNodeMenu li li li .subNodeLink {
  padding-left: 3em;
}
.subNodeMenu li li li li .subNodeLink {
  padding-left: 4.5em;
}
.subNodeMenu li li li li li .subNodeLink {
  padding-left: 6em;
}
.subNodeMenu li li li li li li .subNodeLink {
  padding-left: 7.5em;
}

/********* public:notices.less ********/
.notices {
  list-style: none;
  margin: 0;
  padding: 0;
}
.notices.notices--block .notice {
  margin-bottom: 10px;
}
.notices.notices--floating {
  margin: 0 20px 0 auto;
  width: 300px;
  max-width: 100%;
  z-index: 800;
}
@media (max-width: 340px) {
  .notices.notices--floating {
    margin-right: 10px;
  }
}
.notices.notices--floating .notice {
  margin-bottom: 20px;
}
.notices.notices--scrolling {
  display: flex;
  align-items: stretch;
  overflow: hidden;
  border: 1px solid #d9d9d9;
  margin-bottom: 10px;
}
.notices.notices--scrolling.notices--isMulti {
  margin-bottom: 30px;
}
.notices.notices--scrolling .notice {
  width: 100%;
  flex-grow: 0;
  flex-shrink: 0;
  border: none;
}
.noticeScrollContainer {
  margin-bottom: 10px;
}
.noticeScrollContainer .lSSlideWrapper {
  border: 1px solid #d9d9d9;
}
.noticeScrollContainer .notices.notices--scrolling {
  border: none;
  margin-bottom: 0;
}
.notice {
  position: relative;
  border: 1px solid #d9d9d9;
}
.notice:before,
.notice:after {
  content: " ";
  display: table;
}
.notice:after {
  clear: both;
}
.notice.notice--primary {
  color: #090a0a;
  background: #f4f5f5;
}
.notice.notice--accent {
  color: #54585e;
  background: #f1f2f3;
}
.notice.notice--accent a:not(.button--notice) {
  color: #787e86;
}
.notice.notice--dark {
  color: #fefefe;
  border: none;
  background: #141414;
}
.notice.notice--dark a:not(.button--notice) {
  color: #b4b4b4;
}
.notice.notice--light {
  color: #141414;
  background: #fefefe;
}
.notice.notice--light a:not(.button--notice) {
  color: #828282;
}
.notice.notice--enablePush {
  display: none;
}
@media (max-width: 900px) {
  .notice.notice--enablePush {
    padding: 3px 3px 12px;
    font-size: 12px;
  }
}
@media (max-width: 900px) {
  .notice.notice--cookie .notice-content {
    padding: 3px 3px 12px;
    font-size: 12px;
  }
  .notice.notice--cookie .notice-content .button--notice {
    font-size: 12px;
    padding: 3px 6px;
  }
  .notice.notice--cookie .notice-content .button--notice .button-text {
    font-size: 12px;
  }
}
.notices--block .notice {
  font-size: 13px;
  border-radius: 0px;
}
.notices--floating .notice {
  font-size: 11px;
  border-radius: 0px;
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
}
.notices--floating .notice.notice--primary {
  background-color: rgba(244, 245, 245, 0.8);
}
.notices--floating .notice.notice--accent {
  background-color: rgba(241, 242, 243, 0.8);
}
.notices--floating .notice.notice--dark {
  background-color: rgba(20, 20, 20, 0.8);
}
.notices--floating .notice.notice--light {
  background-color: rgba(254, 254, 254, 0.8);
}
.has-js .notices--floating .notice {
  display: none;
}
.notice.notice--hasImage .notice-content {
  margin-left: 72px;
  min-height: 72px;
}
@media (max-width: 900px) {
  .notice.notice--hidewide:not(.is-vis-processed) {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 650px) {
  .notice.notice--hidemedium:not(.is-vis-processed) {
    display: none;
    visibility: hidden;
  }
}
@media (max-width: 480px) {
  .notice.notice--hidenarrow:not(.is-vis-processed) {
    display: none;
    visibility: hidden;
  }
}
.notice-image {
  float: left;
  padding: 12px 0 12px 12px;
}
.notice-image img {
  max-width: 48px;
  max-height: 48px;
}
.notice-content {
  padding: 12px;
}
.notice-content a.notice-dismiss {
  float: right;
  color: inherit;
  font-size: 16px;
  line-height: 1;
  height: 1em;
  box-sizing: content-box;
  padding: 0 0 5px 5px;
  opacity: .5;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
  cursor: pointer;
}
.notice-content a.notice-dismiss:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00d";
  width: 0.75em;
  display: inline-block;
  text-align: center;
}
.notice-content a.notice-dismiss:hover {
  text-decoration: none;
  opacity: 1;
}
.notices--floating .notice-content a.notice-dismiss {
  font-size: 14px;
}

/********* public:share_controls.less ********/
.shareButtons:before,
.shareButtons:after {
  content: " ";
  display: table;
}
.shareButtons:after {
  clear: both;
}
.shareButtons--iconic .shareButtons-buttons {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(35px, 1fr));
}
.shareButtons-label {
  float: left;
  margin-right: 3px;
  color: #79808a;
  min-height: 35px;
  line-height: 35px;
}
.shareButtons-button {
  float: left;
  margin-right: 3px;
  padding: 6px;
  color: #79808a;
  font-size: 20px;
  line-height: 20px;
  white-space: nowrap;
  min-width: 35px;
  border-radius: 0px;
  background-color: transparent;
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
}
.shareButtons-button:last-of-type {
  margin-right: 0;
}
.shareButtons-button:hover {
  text-decoration: none;
  color: white;
}
.shareButtons-button > i {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shareButtons-button.shareButtons-button--brand > i {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shareButtons-button > span {
  font-weight: 400;
  font-size: 13px;
}
.shareButtons--iconic .shareButtons-button {
  text-align: center;
}
.shareButtons--iconic .shareButtons-button > i {
  min-width: 20px;
}
.shareButtons--iconic .shareButtons-button > span {
  position: absolute;
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  clip: rect(0 0 0 0);
  overflow: hidden;
}
.shareButtons-button.shareButtons-button--facebook:hover {
  background-color: #3B5998;
}
.shareButtons-button.shareButtons-button--facebook > i:before {
  content: "\f39e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--twitter:hover {
  background-color: #1DA1F3;
}
.shareButtons-button.shareButtons-button--twitter > i:before {
  content: "\f099";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--pinterest:hover {
  background-color: #bd081c;
}
.shareButtons-button.shareButtons-button--pinterest > i:before {
  content: "\f231";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--tumblr:hover {
  background-color: #35465c;
}
.shareButtons-button.shareButtons-button--tumblr > i:before {
  content: "\f173";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--reddit:hover {
  background-color: #FF4500;
}
.shareButtons-button.shareButtons-button--reddit > i:before {
  content: "\f281";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--whatsApp:hover {
  background-color: #25D366;
}
.shareButtons-button.shareButtons-button--whatsApp > i:before {
  content: "\f232";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--email:hover {
  background-color: #1289ff;
}
.shareButtons-button.shareButtons-button--email > i:before {
  content: "\f0e0";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--share {
  cursor: pointer;
}
.shareButtons-button.shareButtons-button--share:hover {
  background-color: #787878;
}
.shareButtons-button.shareButtons-button--share > i:before {
  content: "\f1e0";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.shareButtons-button--link {
  cursor: pointer;
}
.shareButtons-button.shareButtons-button--link:hover {
  background-color: #787878;
}
.shareButtons-button.shareButtons-button--link > i:before {
  content: "\f0c1";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareButtons-button.is-hidden {
  display: none;
}
.shareInput {
  margin-bottom: 5px;
}
.shareInput:last-child {
  margin-bottom: 0;
}
.shareInput-label {
  font-size: 12px;
}
.shareInput-label:after {
  content: ":";
}
.shareInput-label.is-sentence:after {
  content: "";
}
.shareInput-button {
  color: #4a5054;
  cursor: pointer;
}
.shareInput-button > i {
  display: inline-block;
  vertical-align: middle;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.shareInput-button > i:before {
  content: "\f0c5";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.shareInput-button.is-hidden {
  display: none;
}
.shareInput-input {
  font-size: 12px;
}
@media (max-width: 568px) {
  .shareInput-input {
    font-size: 16px;
  }
}
.shareInput-button.is-hidden + .shareInput-input {
  border-radius: 0px;
}

/********* public:xfmg_media_list.less ********/
.itemList-itemTypeIcon.itemList-itemTypeIcon--image {
  display: none;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--image::after {
  content: "\f03e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed::after {
  content: "\f167";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--video::after {
  content: "\f03d";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--audio::after {
  content: "\f001";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--applemusic {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--applemusic::after {
  content: "\f179";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--facebook {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--facebook::after {
  content: "\f09a";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--flickr {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--flickr::after {
  content: "\f16e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--instagram {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--instagram::after {
  content: "\f16d";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--pinterest {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--pinterest::after {
  content: "\f0d3";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--reddit {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--reddit::after {
  content: "\f281";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--soundcloud {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--soundcloud::after {
  content: "\f1be";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--spotify {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--spotify::after {
  content: "\f1bc";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--tumblr {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--tumblr::after {
  content: "\f174";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--twitch {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--twitch::after {
  content: "\f1e8";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--twitter {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--twitter::after {
  content: "\f099";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--vimeo {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--vimeo::after {
  content: "\f40a";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--youtube {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.itemList-itemTypeIcon.itemList-itemTypeIcon--embed--youtube::after {
  content: "\f167";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.itemList {
  display: flex;
  flex-flow: row wrap;
  margin: 3px;
}
.itemList.itemList--strip {
  justify-content: center;
  min-height: 56px;
}
@media (max-width: 480px) {
  .itemList.itemList--strip {
    min-height: 44.46153846px;
  }
}
@media (max-width: 360px) {
  .itemList.itemList--strip {
    min-height: 32.31578947px;
  }
}
.itemList.itemList--slider {
  display: block;
  margin: 0;
}
.itemList.itemList--slider .itemList-item--slider {
  margin: 0;
  display: none;
}
.lightSlider--loaded .itemList.itemList--slider .itemList-item--slider {
  display: block;
}
.itemList.itemList--slider .itemList-item--slider .itemList-itemTypeIcon {
  display: none;
}
.itemList-item {
  flex: auto;
  width: 187.5px;
  max-width: 300px;
  margin: 3px;
  position: relative;
  overflow: hidden;
}
.itemList--strip .itemList-item {
  justify-items: center;
  width: 31.25px;
  max-width: 50px;
  margin-top: auto;
  margin-bottom: auto;
  opacity: 1;
  -webkit-transition:  opacity 0.25s ease;
  transition:  opacity 0.25s ease;
}
.itemList--strip .itemList-item.itemList-item--fading {
  opacity: 0 !important;
}
@media (max-width: 480px) {
  .itemList-item {
    width: 150px;
  }
  .itemList--strip .itemList-item.itemList-item {
    max-width: 38.46153846px;
  }
}
@media (max-width: 360px) {
  .itemList--strip .itemList-item.itemList-item {
    max-width: 26.31578947px;
  }
}
.itemList-item.itemList-item--placeholder {
  margin-top: 0;
  margin-bottom: 0;
  height: 0;
}
.itemList--strip .itemList-item.itemList-item--placeholder {
  color: #090a0a;
  background: #ebebeb;
  border: 1px solid #d9d9d9;
  margin-top: inherit;
  margin-bottom: inherit;
  height: initial;
  opacity: 0.7;
}
.itemList-button {
  color: #090a0a;
  background: #ebebeb;
  border: 1px solid #d9d9d9;
  width: 25px;
  border-radius: 0px;
  color: #4a5054;
  display: block;
  position: relative;
  margin: 3px;
  cursor: pointer;
}
.itemList-button.is-disabled {
  display: none;
}
.itemList-button.is-loading {
  color: #79808a;
  background: #e3e3e3;
  pointer-events: none;
  cursor: default;
}
.itemList-button-icon {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 1.2em;
}
.itemList-button--next .itemList-button-icon:before {
  content: "\f054";
  width: 0.63em;
  display: inline-block;
  text-align: center;
}
.itemList-button--prev .itemList-button-icon:before {
  content: "\f053";
  width: 0.63em;
  display: inline-block;
  text-align: center;
}
.itemList-itemTypeIcon {
  position: absolute;
  top: 6px;
  right: 6px;
  z-index: 100;
  width: 20px;
  height: 20px;
  display: flex;
  align-items: center;
  justify-content: center;
  -webkit-text-fill-color: #ffffff;
  -webkit-text-stroke-color: #000000;
  -webkit-text-stroke-width: thin;
  color: #fff;
  opacity: 0.6;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.has-touchevents .itemList-itemTypeIcon,
.itemList-item:hover .itemList-itemTypeIcon,
.itemList-item.is-mod-selected .itemList-itemTypeIcon {
  opacity: 1;
}
.itemList-itemTypeIcon::after {
  font-size: 22px;
}
.itemList-itemOverlay {
  width: 100%;
  height: 52px;
  bottom: -52px;
  position: absolute;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition:  all 0.25s ease;
  transition:  all 0.25s ease;
  padding: 4px;
  overflow: hidden;
}
.itemList-itemOverlay a {
  color: inherit;
  text-decoration: none;
}
.itemList-itemOverlay a:hover {
  text-decoration: underline;
}
.has-touchevents .itemList-itemOverlay,
.itemList-item:hover .itemList-itemOverlay {
  bottom: 0;
}
.itemList-item.is-mod-selected .itemList-itemOverlay {
  bottom: 0;
  background: #f2f3f3;
}
.itemList-itemOverlay a:hover {
  text-decoration: none;
}
.itemList-itemOverlayTop {
  cursor: pointer;
  top: 3px;
  left: 3px;
  z-index: 205;
  width: 25px;
  height: 25px;
  border-radius: 0px;
  background: rgba(0, 0, 0, 0.4);
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
}
.has-touchevents .itemList-itemOverlayTop,
.itemList-item:hover .itemList-itemOverlayTop {
  opacity: 1;
}
.itemList-item.is-mod-selected .itemList-itemOverlayTop {
  opacity: 1;
  background: #f2f3f3;
}
.itemList-item.is-mod-selected .itemList-itemOverlayTop.iconic > input + i:before {
  color: #41454a;
}
.itemList-item.is-mod-selected .itemList-itemOverlayTop.iconic > input:hover + i:before {
  color: #41454a;
}
.itemList-itemOverlayTop.itemList-itemOverlayTop.iconic {
  display: flex;
  position: absolute;
}
.itemList-itemOverlayTop.itemList-itemOverlayTop.iconic > input + i {
  position: absolute;
  top: 2px;
  left: 6px;
}
.itemList-itemOverlayTop.itemList-itemOverlayTop.iconic > input + i:before {
  color: #fff;
}
.itemList-itemOverlayTop.itemList-itemOverlayTop.iconic > input:hover + i:before {
  color: #d9d9d9;
}
.itemInfoRow {
  display: flex;
  align-items: center;
}
.itemInfoRow-avatar {
  white-space: nowrap;
  word-wrap: normal;
  text-align: center;
}
.itemInfoRow-main {
  flex: 1;
  min-width: 0;
  vertical-align: top;
  text-shadow: 0 0 2px rgba(0, 0, 0, 0.6);
  color: #fff;
}
.itemList-item.is-mod-selected .itemInfoRow-main {
  text-shadow: none;
  color: #41454a;
}
.itemInfoRow-main:before {
  content: '';
  display: block;
  margin-top: -.18em;
}
.itemInfoRow-title {
  margin: 0;
  padding: 0 0 0 3px;
  font-size: 12px;
  font-weight: 400;
  overflow: hidden;
  white-space: nowrap;
  word-wrap: normal;
  text-overflow: ellipsis;
}
.itemInfoRow-status {
  margin: 0;
  padding: 0 0 0 3px;
  font-size: 11px;
  overflow: hidden;
  white-space: nowrap;
}

/********* public:extra.less ********/
/*
	----------------
	
	xenfocus styles
	
	----------------
*/
/*

	Global
	Flexbox
	Header
	Logo
	Navigation
	User links
	Search bar
	xenfocus Editor
	Breadcrumbs
	Social icons
	Background picker
	Content wrapper
	Nodes
	Node icons
	Node NEW badge
	Guest message
	Footer
	Mega footer
	Grid layout for nodes
	Blocks
	Topic List
	Topic View
	Editor
	Profiles
	Sidebar
	Sticky Sidebar
	Animated snow
	Holidays
	Animated blocks onload
	Pagination
	Mobile footer bar
	Post thread pop up
	Other
	Bug fixes

*/
/*
	----------------
	- Translate
	----------------
*/
[data-focus-text]::after {
  content: attr(data-focus-text);
}
.node--unread .node-title::before {
  content: "NEW";
}
.focus-editor-wrap {
  content: "Theme Editor";
}
.focus-guest .focus-guest-header::before {
  content: "Welcome to ";
}
.structItemContainer-group--sticky::before {
  content: "Sticky threads";
}
.structItemContainer-group--sticky::after {
  content: "Regular threads";
}
.node--unread .node-title::before {
  content: "НОВЫЙ";
}
.focus-editor-wrap {
  content: "Настройки темы";
}
.focus-guest .focus-guest-header::before {
  content: "Добро пожаловать в ";
}
.structItemContainer-group--sticky::before {
  content: "Закрепленные темы";
}
.structItemContainer-group--sticky::after {
  content: "Обычные темы";
}
[data-focus-text="Background Picker"]::after {
  content: "Выбор фона";
}
[data-focus-text="Customize layout"]::after {
  content: "Настройки макета";
}
[data-focus-text="Save"]::after {
  content: "Сохранить";
}
[data-focus-text="Choose color"]::after {
  content: "Выберите цвет";
}
[data-setting="focus-mobile-navigation-bar"] .focus-editor-text::before {
  content: "Включить панель навигации?";
}
[data-setting="focus-mobile-navigation-bar"] .focus-editor-text::after {
  content: "Отображение панели навигации внизу сайта при использовании мобильного устройства.";
}
[data-setting="focus-fluid"] .focus-editor-text::before {
  content: "Расширить отображение?";
}
[data-setting="focus-fluid"] .focus-editor-text::after {
  content: "Включение увеличит ширину сайта, чтобы он занимал всю ширину вашего браузера. Полезно для больших экранов.";
}
[data-setting="focus-grid"] .focus-editor-text::before {
  content: "Отображать в виде плиток?";
}
[data-setting="focus-grid"] .focus-editor-text::after {
  content: "При включении форум будет отображаться в виде плиток, а не таблицы.";
}
[data-setting="focus-sidebar-sticky"] .focus-editor-text::before {
  content: "Прикрепить боковую панель?";
}
[data-setting="focus-sidebar-sticky"] .focus-editor-text::after {
  content: "При включении боковая панель будет прикреплена к верхней части экрана для быстрого доступа.";
}
[data-setting="focus-sidebar-flip"] .focus-editor-text::before {
  content: "Переместить боковую панель?";
}
[data-setting="focus-sidebar-flip"] .focus-editor-text::after {
  content: "Перемещение боковой панели между левой и правой сторонами.";
}
[data-setting="focus-snow"] .focus-editor-text::before {
  content: "Включить эффект снега?";
}
[data-setting="focus-snow"] .focus-editor-text::after {
  content: "При включении анимированный снег будет кружиться сквозь страницы вашего браузера.";
}
[data-setting="focus-confetti"] .focus-editor-text::before {
  content: "Включить эффект конфетти?";
}
[data-setting="focus-confetti"] .focus-editor-text::after {
  content: "При включении анимированные конфетти будут кружиться сквозь страницы вашего браузера.";
}
[data-setting="focus-countdown"] .focus-editor-text::before {
  content: "Отображать обратный отсчет?";
}
[data-setting="focus-countdown"] .focus-editor-text::after {
  content: "При включении обратный отсчет будет виден в верхней части вашей страницы.";
}
[data-setting="focus-dimension-parallax"] .focus-editor-text::before {
  content: "Включить эффект параллакса?";
}
[data-setting="focus-dimension-parallax"] .focus-editor-text::after {
  content: "При включении к шапке-заголовку будет применён эффект параллакса.";
}
[data-setting="focus-aperture-background"] .focus-editor-text::before {
  content: "Включить эффект параллакса для фона?";
}
[data-setting="focus-aperture-background"] .focus-editor-text::after {
  content: "При включении и прокрутке страницы обои будут анимированы и размыты.";
}
.focus-timer [data-countdown-text="week,"]::before {
  content: "неделя,";
}
.focus-timer [data-countdown-text="weeks,"]::before {
  content: "недель,";
}
.focus-timer [data-countdown-text="days and"]::before {
  content: "дней и";
}
.focus-timer [data-countdown-text="day and"]::before {
  content: "день и";
}
/*
	----------------
	- Global
	----------------
*/
:root {
  --node-grid-padding: 15px;
  --grid-node-width: 380px;
  --mobile-sticky-top: 0px;
}
.p-pageWrapper {
  z-index: 1;
  background: none;
}
@media (min-width: 651px) {
  .p-pageWrapper {
    padding-top: 0px;
    padding-bottom: 0px;
  }
}
@media (min-width: 651px) {
  .focus-width {
    margin: 0 auto;
    width: calc(100vw - (10px * 2));
    max-width: 1200px;
  }
}
@media (min-width: 1301px) {
  .focus-fluid .focus-width,
  .focus-fluid .p-header-inner,
  .focus-fluid .p-nav-inner,
  .focus-fluid .p-sectionLinks-inner,
  .focus-fluid .p-body-inner,
  .focus-fluid .p-footer-inner {
    max-width: calc(100vw - 100px);
  }
}
@media (min-width: 651px) {
  .focus-width .focus-width,
  .focus-width .p-header-inner,
  .focus-width .p-staffBar-inner,
  .focus-width .p-nav-inner,
  .focus-width .p-sectionLinks-inner,
  .focus-width .p-body-inner,
  .focus-width .p-footer-inner {
    max-width: none;
    width: 100%;
  }
}
.focus-editor-open .focus-width,
.focus-editor-open .p-staffBar-inner,
.focus-editor-open .p-header-inner,
.focus-editor-open .p-nav-inner,
.focus-editor-open .p-sectionLinks-inner,
.focus-editor-open .p-body-inner,
.focus-editor-open .p-footer-inner {
  transition: max-width 0.3s linear;
}
.input::placeholder {
  color: inherit;
  opacity: 0.4;
}
.input:focus::placeholder,
.input.is-focused::placeholder {
  color: inherit;
  opacity: 0.5;
}
input[type="search"] {
  color: inherit;
}
/*
	----------------
	- Header
	----------------
*/
#header {
  display: block;
}
#header .focus-ad:empty,
#header .focus-ad:not(:empty) + .focus-wrap-search {
  display: none;
}
.p-header-inner {
  padding: 0;
}
.p-header-content {
  padding: 0;
  flex-wrap: nowrap;
  max-width: calc(100vw - 30px);
  margin: 0 auto;
}
/*
	----------------
	- Logo
	----------------
*/
.p-header-logo {
  margin: 0;
  max-width: none;
  flex: 0 1 auto;
}
.p-header-logo a {
  height: 200px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: top;
  color: #f4f4f4;
  font-family: inherit;
  font-size: 24px;
}
@media (max-width: 650px) {
  .p-header-logo a {
    font-size: 18px;
  }
}
@media (max-width: 650px) {
  .p-header-logo a {
    height: 90px;
  }
}
.p-header-logo .focus-logo > * + * {
  margin-left: 20px;
}
.p-header-logo.p-header-logo--image img {
  font-size: 1px;
  max-height: 200px;
}
@media (max-width: 650px) {
  .p-header-logo.p-header-logo--image img {
    max-height: 90px;
  }
}
@media (max-width: 650px) {
  .p-header-logo {
    width: 100%;
    text-align: center;
  }
  .p-header-logo * ~ .focus-logo--text {
    text-align: left;
  }
}
.focus-mobile-navigation {
  flex: 1 1 auto;
  display: flex;
  align-self: stretch;
}
@media (min-width: 651px) {
  .focus-mobile-navigation {
    display: none;
  }
}
.focus-mobile-logo {
  display: none;
}
/*
	----------------
	- Navigation
	----------------
*/
.focus-wrap-nav {
  flex: 0 2 auto;
  overflow: hidden;
}
@media (max-width: 650px) {
  .p-header .focus-wrap-nav,
  .p-header .focus-wrap-search,
  .p-header .focus-wrap-user {
    display: none;
  }
  .p-nav .focus-wrap-nav,
  .p-nav .focus-wrap-search {
    display: none;
  }
}
.p-header .focus-wrap-nav {
  margin-left: 10px;
}
.p-nav {
  z-index: 2;
  position: relative;
}
.p-nav .focus-wrap-nav {
  overflow: hidden;
}
@media (min-width: 651px) {
  .p-nav {
    z-index: 2;
    position: relative;
  }
  .p-nav .focus-wrap-nav {
    overflow: hidden;
  }
}
@media (max-width: 650px) {
  .p-nav {
    background: #ffffff;
    color: #5e5e5e;
    position: -webkit-sticky;
    position: sticky;
    top: 0px;
    top: var(--mobile-sticky-top, 0px);
    z-index: 400;
  }
  .p-navSticky .p-nav {
    position: relative;
    top: auto;
  }
}
.p-sectionLinks-list .p-navEl {
  position: relative;
  border-radius: 4px;
}
#XF .p-sectionLinks-list .p-navEl-link.p-navEl-link--splitMenu {
  padding-right: 22px;
}
.p-sectionLinks-list .p-navEl-splitTrigger {
  position: absolute;
  right: 0;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.p-navSticky.is-sticky {
  box-shadow: none;
}
.p-nav-inner {
  align-items: center;
  justify-content: space-between;
}
.p-nav-inner::before,
.p-nav-inner::after {
  display: none;
}
@media (max-width: 650px) {
  .has-js .p-nav-inner {
    min-height: 44px;
  }
}
.p-nav-scroller {
  margin: 0;
}
.p-nav-list {
  line-height: 50px;
}
.p-nav-list .p-navEl-link,
.p-nav-list .p-navEl-splitTrigger {
  padding-top: 0;
  padding-bottom: 0;
}
.p-nav-list a {
  color: inherit;
}
.p-nav-list::before,
.p-nav-list::after {
  width: 0;
}
.p-nav-list > li {
  font-size: 13px;
}
.p-nav-list > li:first-child .p-navEl {
  margin-left: 0;
}
.p-nav-list > li:last-child .p-navEl {
  margin-right: 0;
}
.p-navEl {
  display: flex;
}
.p-navEl::before,
.p-navEl::after {
  display: none;
}
.p-navEl-link {
  flex: 1 1 auto;
}
.focus-content .p-navSticky:not(.is-sticky),
.focus-content .p-nav {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.p-navSticky.is-sticky .p-nav .p-nav-list .p-navEl.is-selected,
.p-navSticky.is-sticky .p-nav .p-account,
.p-navEl,
.p-navEl-link,
.p-navEl-splitTrigger,
.p-nav-list .p-navEl.is-menuOpen {
  border-radius: inherit;
}
.p-navEl-splitTrigger {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.p-nav-list .p-navEl,
.p-navEl-link,
.p-navEl-splitTrigger {
  transition: none;
}
.p-navEl-splitTrigger {
  position: relative;
}
.p-navEl-splitTrigger::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: currentcolor;
  border-radius: inherit;
  opacity: 0;
}
.p-navEl-splitTrigger.is-menuOpen:before,
.p-navEl-splitTrigger:hover:before {
  opacity: 0.07;
}
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover,
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
  background: none;
}
.p-navSticky--primary.is-sticky .p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger::before {
  display: none;
}
.p-navEl-splitTrigger {
  margin-left: -10px;
}
.p-nav-list .p-navEl.is-selected .p-navEl-splitTrigger {
  display: block;
}
#XF .p-navEl-link.p-navEl-link--splitMenu {
  padding-right: 15px;
}
.p-sectionLinks {
  display: none;
}
.focus-wrap-nav .p-navEl-link::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id]::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  content: "\f02b";
  width: 1.28571429em;
  text-align: center;
  font-size: 14px;
  display: inline-block;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  margin-right: 6px;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="home"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="home"]::before {
  content: "\f015";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="xenfocus_styles"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="xenfocus_styles"]::before {
  content: "\f00a";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="forums"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="forums"]::before,
.focus-wrap-nav .p-navEl-link[data-nav-id="siropuChat"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="siropuChat"]::before {
  content: "\f086";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="whatsNew"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="whatsNew"]::before {
  content: "\f005";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="members"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="members"]::before {
  content: "\f007";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="xfmg"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="xfmg"]::before {
  content: "\f03e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="xfrm"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="xfrm"]::before {
  content: "\f019";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="help"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="help"]::before {
  content: "\f128";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.focus-wrap-nav .p-navEl-link[data-nav-id="news"]::before,
.offCanvasMenu-linkHolder .offCanvasMenu-link[data-nav-id][data-nav-id="news"]::before {
  content: "\f1ea";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
[data-nav-id="siropuChat"] > i {
  display: none;
}
.p-nav-scroller .hScroller-action {
  color: rgba(94, 94, 94, 0.7);
  padding: 0;
}
html[dir='ltr'] .p-nav-scroller .hScroller-action.hScroller-action--start,
html[dir='rtl'] .p-nav-scroller .hScroller-action.hScroller-action--end {
  background-image: linear-gradient(to left, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
}
html[dir='ltr'] .p-nav-scroller .hScroller-action.hScroller-action--end,
html[dir='rtl'] .p-nav-scroller .hScroller-action.hScroller-action--start {
  background-image: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, #ffffff 60%);
}
.p-nav-scroller .hScroller-action:hover {
  color: rgba(145, 145, 145, 0.7);
}
.p-nav-scroller .hScroller-action::after {
  font-size: 10px;
  border-radius: 4px;
  background: rgba(94, 94, 94, 0.25);
  width: 20px;
  line-height: 20px;
  text-align: center;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.p-nav-scroller .hScroller-action:hover:after {
  background: rgba(94, 94, 94, 0.4);
}
html[dir='ltr'] .p-header .p-nav-scroller .hScroller-action.hScroller-action--start,
html[dir='rtl'] .p-header .p-nav-scroller .hScroller-action.hScroller-action--end {
  background-image: linear-gradient(to left, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.85) 60%);
}
html[dir='ltr'] .p-header .p-nav-scroller .hScroller-action.hScroller-action--end,
html[dir='rtl'] .p-header .p-nav-scroller .hScroller-action.hScroller-action--start {
  background-image: linear-gradient(to right, rgba(38, 38, 38, 0) 0%, rgba(38, 38, 38, 0.85) 60%);
}
.focus-nav-arrows .p-nav-scroller {
  display: flex;
  align-items: center;
}
.focus-nav-arrows .hScroller-scroll {
  order: 2;
  flex: 1 1 auto;
}
.focus-nav-arrows .hScroller-action {
  position: relative;
  display: block;
  flex: 0 0 auto;
}
.focus-nav-arrows .hScroller-action:not(.is-active) {
  opacity: 0.5;
  pointer-events: none;
}
.focus-nav-arrows .hScroller-action--start {
  order: 1;
}
.focus-nav-arrows .hScroller-action--end {
  order: 3;
}
/*
	----------------
	- User links
	----------------
*/
.focus-wrap-user {
  flex: 0 0 auto;
}
@media (min-width: 651px) {
  .focus-wrap-user {
    color: #ffffff;
    font-weight: 700;
    background: rgba(37, 168, 224, 0.7);
    border-radius: 3px;
  }
}
@media (max-width: 650px) {
  .p-nav-inner .focus-wrap-user {
    border-radius: 3px;
    color: #5e5e5e;
  }
}
@media (min-width: 651px) {
  .p-nav-opposite {
    margin: 0;
  }
}
.p-navgroup {
  display: flex;
  background: transparent;
}
.p-navgroup > * {
  flex: 0 0 auto;
}
.p-navgroup-link {
  align-items: center;
  background-clip: padding-box !important;
  color: inherit;
  display: flex;
  height: 42px;
  justify-content: center;
  padding-top: 0;
  padding-bottom: 0;
}
.p-navgroup-link.p-navgroup-link--iconic i::after {
  width: auto;
  min-width: 0px;
}
@media (min-width: 651px) {
  .p-navgroup-link {
    min-width: 42px;
  }
  #XF .p-navgroup-link {
    border-radius: 3px;
    border-left: 1px solid rgba(255, 255, 255, 0.15);
  }
  #XF .p-account .p-navgroup-link:first-of-type {
    border-left-width: 0px;
  }
  .p-navgroup-link.is-menuOpen,
  .p-navgroup-link:hover {
    color: #ffffff;
    background-color: rgba(13, 70, 95, 0.15);
  }
}
@media (max-width: 650px) {
  .p-navgroup-link {
    height: 40px;
  }
  #XF .p-navgroup-link {
    border-radius: 4px;
  }
  .p-navgroup-link.is-menuOpen,
  .p-navgroup-link:hover {
    color: #5e5e5e;
    background-color: rgba(94, 94, 94, 0.15);
  }
}
.p-navgroup.p-discovery {
  margin: 0;
}
.p-navgroup-link--user {
  /*
	.avatar::after{
		border-color: fade(rgb(255, 255, 255), 15%);
	}
	*/
}
.p-navgroup-link--user.p-navgroup-link {
  display: flex;
}
.p-navgroup-link--user > * {
  flex: 0 0 auto;
}
@media (min-width: 901px) {
  #XF .p-navgroup-link--user .avatar {
    height: 28px;
    width: 28px;
    margin-left: -3px;
    margin-right: 12px;
  }
  .p-navgroup-link--user .avatar.avatar--default--dynamic {
    font-size: inherit;
    display: inline-flex;
    justify-content: center;
    align-items: center;
  }
}
.p-navgroup-link--user.p-navgroup-link {
  max-width: none;
}
.p-navgroup-link--conversations.badgeContainer::after,
.p-navgroup-link--alerts.badgeContainer::after {
  left: auto;
  right: 4px;
}
@media (min-width: 651px) {
  .p-navgroup-link--whatsnew {
    display: none;
  }
}
.p-navgroup-link--logIn .p-navgroup-linkText::before,
.p-navgroup-link--register .p-navgroup-linkText::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f090";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
  margin-right: 8px;
}
.p-navgroup-link--register .p-navgroup-linkText::before {
  content: "\f0fe";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.p-navgroup--guest .p-navgroup-link--register {
  position: relative;
  background-color: transparent !important;
  color: #ffffff;
  text-shadow: none;
  font-weight: bold;
}
.p-navgroup--guest .p-navgroup-link--register::before {
  content: '';
  position: absolute;
  top: 3px;
  left: 3px;
  right: 3px;
  bottom: 3px;
  background: #67af51;
  border-radius: 3px;
}
@media (max-width: 650px) {
  .p-navgroup--guest .p-navgroup-link--register::before {
    top: 3px;
    bottom: 3px;
  }
}
.p-navgroup--guest .p-navgroup-link--register:hover::before {
  background: #76b762;
}
.p-navgroup--guest .p-navgroup-link--register .p-navgroup-linkText {
  position: relative;
}
.p-navgroup-link.p-navgroup-link--whatsnew i::after,
.button.button--icon--bolt > .button-text::before,
a.button.button--icon--bolt > .button-text::before {
  content: "\f15c";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.button.button--icon--bolt > .button-text::before,
a.button.button--icon--bolt > .button-text::before {
  width: auto;
}
.p-nav-list .p-navEl.is-menuOpen,
.p-navgroup-link.is-menuOpen {
  box-shadow: none;
}
.p-navgroup-link.badgeContainer {
  opacity: 1;
}
.js-visitorMenuBody .menu-row--highlighted {
  background: #ebebeb;
}
/*
		----------------
		- Search bar
		----------------
	*/
.focus-wrap-search {
  flex: 0 0 auto;
  margin-left: 10px;
  position: relative;
}
.focus-search {
  line-height: 50px;
  width: 260px;
  color: #333;
  border: 1px solid rgba(51, 51, 51, 0.2);
  border-radius: 0px;
  border-left-width: 1px;
  border-right-width: 1px;
}
@media (max-width: 650px) {
  .focus-search {
    display: none;
  }
}
.focus-search-flex {
  align-items: center;
  display: flex;
  position: relative;
}
.focus-search-prefix {
  flex: 0 0 auto;
  opacity: 0.7;
  order: 1;
  text-align: center;
  transition: opacity 0.2s linear;
  width: 50px;
}
.focus-search input:focus ~ .focus-search-prefix {
  opacity: 1;
}
.focus-search input {
  background: none;
  border: 0;
  color: inherit;
  display: block;
  flex: 1 1 auto;
  min-width: 0;
  order: 2;
  outline: none;
  padding: 0;
  width: 100%;
  height: 50px;
  line-height: 50px;
}
.focus-search input::placeholder {
  color: inherit;
  opacity: 0.7;
}
.focus-search-menu {
  position: absolute;
  top: 100%;
  z-index: 200;
  margin-top: 11px;
  left: 0;
  width: 100%;
  max-width: 300px;
  min-width: 200px;
  color: #090a0a;
  background: #f4f4f4;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.15), rgba(0, 0, 0, 0.1) 0px 0px 0px 1px;
  border-radius: 0px;
  transform: translateY(-12px);
  opacity: 0;
  pointer-events: none;
  visibility: hidden;
  transition: all linear 0.2s;
}
.focus-search-menu-active .focus-search-menu {
  transform: translateY(0);
  opacity: 1;
  pointer-events: auto;
  visibility: visible;
}
.focus-search-menu::before,
.focus-search-menu::after {
  content: '';
  position: absolute;
  top: -14px;
  left: 10px;
  width: 14px;
  height: 14px;
  border: 7px solid transparent;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  box-sizing: border-box;
}
.focus-search-menu::before {
  margin-top: -1px;
}
.focus-search-menu::after {
  border-bottom-color: #f4f4f4;
}
.focus-search-menu .menu-row {
  padding: 10px;
  border-top: 1px solid rgba(9, 10, 10, 0.08);
}
.focus-search-menu .menu-row:first-of-type {
  border-top-width: 0;
}
.focus-search-menu .menu-footer {
  background: #e3e3e3;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
  padding: 7px;
}
.focus-search-menu .menu-footer-controls {
  float: none !important;
  display: flex;
  justify-content: flex-end;
  align-items: center;
  flex-wrap: wrap;
}
.focus-search-menu .menu-footer-controls > * {
  flex: 0 0 auto;
  margin: 3px;
}
.focus-search-menu a.button {
  color: #f4f5f5;
}
.focus-search-menu .button {
  padding: 0 10px;
  line-height: 30px;
}
.focus-search-menu .button-text {
  display: block;
  position: relative;
}
.focus-search-menu .menu-footer .button-text:before {
  font-size: 14px;
  line-height: inherit;
  margin-right: 5px;
}
.focus-search-menu .menu-footer a .button-text:before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f1de";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
/*
	----------------
	- xenfocus Editor
	----------------
*/
[data-xenfocus-editor] .fa-toggle-on::before {
  content: "\f205";
}
.p-footer .xenfocus-footer-icon a {
  min-width: 40px;
  text-align: center;
}
.p-footer .xenfocus-footer-icon i {
  margin: 0;
}
[data-xenfocus-editor] {
  cursor: pointer;
}
.focus-editor-wrap {
  display: flex;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 910;
  align-items: center;
  justify-content: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.25s ease-in-out;
}
.focus-editor-open .focus-editor-wrap {
  visibility: visible;
  opacity: 1;
}
.focus-editor-overlay {
  background: rgba(0, 0, 0, 0.2);
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  cursor: auto;
}
.focus-editor {
  box-shadow: rgba(0, 0, 0, 0.3) 0px 10px 10px, rgba(0, 0, 0, 0.4) 0px 15px 50px;
  border-radius: 4px;
  background: #f4f4f4;
  position: relative;
  width: 98%;
  max-width: 1000px;
  transition: all 0.25s ease-in-out;
  transform: translateY(-50px);
}
.focus-editor-open .focus-editor {
  transform: translateY(0);
}
.focus-editor-panel {
  padding: 20px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  cursor: pointer;
  -webkit-tap-highlight-color: transparent;
}
@media (hover: hover) {
  .focus-editor-panel:hover {
    background: rgba(235, 235, 235, 0.8);
  }
}
.focus-editor__title {
  font-weight: bold;
  background: #ebebeb;
  border: 1px solid #d2d2d2;
  border-width: 1px 0;
  padding: 20px;
  position: sticky;
  top: 0px;
  z-index: 10;
}
.focus-editor__title:only-child {
  display: none;
}
.focus-editor-scroll > :first-child > .focus-editor__title {
  border-top-width: 0px;
}
.focus-editor-save {
  padding: 20px;
  text-align: right;
  background: #ebebeb;
  border-top: 1px solid #d2d2d2;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.focus-editor-save button {
  display: inline-flex;
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset rgba(255, 255, 255, 0.16) 0px 1px 0px;
  border-radius: 3px;
  background-color: #2aad55;
  color: #fff;
  font-weight: bold;
  padding: 0;
  line-height: 44px;
  position: relative;
  transition: background-color 0.2s linear;
}
.focus-editor-save button::before {
  flex: 0 0 auto;
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f00c";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
  font-size: 14px;
  padding: 0 12px;
  background: rgba(255, 255, 255, 0.18);
  background-clip: padding-box;
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
  border: 1px solid rgba(0, 0, 0, 0.12);
  border-width: 0 1px 0 0;
}
.focus-editor-save button::after {
  flex: 0 0 auto;
  padding: 0 18px;
}
.focus-editor-save button:hover {
  background-color: #2fc25f;
}
.focus-editor-save button:active {
  top: 1px;
}
.focus-editor-scroll {
  max-height: calc(100vh - 200px);
  overflow: auto;
  border-radius: inherit;
}
.focus-editor-scroll > div:first-of-type h4 {
  border-top: 0;
}
@media (max-width: 900px) {
  .focus-editor-panel[data-setting="focus-sidebar-sticky"],
  .focus-editor-panel[data-setting="focus-sidebar-flip"] {
    display: none;
  }
}
@media (max-width: 1300px) {
  .focus-editor-panel[data-setting="focus-fluid"] {
    display: none;
  }
}
.focus-editor-toggle {
  position: relative;
  flex: 0 0 auto;
  margin-right: 20px;
}
.focus-toggle {
  background: #dbdbdb;
  display: block;
  border-radius: 15px;
  position: relative;
  z-index: 0;
  width: 50px;
  height: 30px;
}
.focus-toggle::before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: #2aad55;
  border-radius: inherit;
  opacity: 0;
  transition: opacity 0.25s linear;
}
.focus-toggle i {
  position: absolute;
  border-radius: inherit;
  overflow: hidden;
  transform: translate3d(0, 0, 0);
  top: 2px;
  right: 2px;
  bottom: 2px;
  left: 2px;
}
.focus-toggle i::before {
  content: '';
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.25) 0px 3px 6px;
  border-radius: inherit;
  display: block;
  height: 100%;
  width: 36px;
  transition: transform 0.25s ease-in-out;
  transform: translateX(-10px);
}
.focus-toggle::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border: 2px solid rgba(0, 0, 0, 0.15);
}
[data-setting-status='on'] .focus-toggle::before {
  opacity: 1;
}
[data-setting-status='on'] .focus-toggle i::before {
  transform: translateX(20px);
}
.focus-editor-text {
  flex: 1 1 auto;
}
.focus-editor-text::before {
  content: attr(data-setting-title);
  display: block;
  font-weight: bold;
  margin-bottom: 4px;
}
.focus-editor-text::after {
  content: attr(data-setting-desc);
  opacity: 0.6;
  display: block;
}
/*
	----------------
	- Breadcrumbs
	----------------
*/
.focus-breadcrumb {
  display: flex;
}
@media (max-width: 650px) {
  .focus-breadcrumb {
    flex-direction: column;
    align-items: center;
  }
}
.focus-breadcrumb .p-breadcrumbs-wrap {
  flex: 1 1 auto;
  width: 100%;
}
.p-breadcrumbs-wrap {
  color: #ffffff;
  background-color: #4a5054;
  background-image: none;
  border-radius: 0px;
  font-size: 12px;
  line-height: 30px;
  margin-bottom: 10px;
  position: relative;
  z-index: 0;
  display: flex;
}
@media (min-width: 651px) {
  .p-breadcrumbs-wrap {
    margin-bottom: 15px;
  }
}
.p-breadcrumbs-wrap::before {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-width: 1px;
  border-style: solid;
  border-color: rgba(2, 3, 3, 0.25);
  border-radius: inherit;
  pointer-events: none;
  z-index: 2;
}
.p-breadcrumbs-wrap.p-breadcrumbs-wrap--bottom {
  margin-top: 15px;
  margin-bottom: 0;
}
.p-breadcrumbs.p-breadcrumbs--bottom {
  margin: 0;
}
.p-breadcrumbs {
  overflow: hidden;
  margin: 0;
  width: 100%;
  line-height: inherit;
  display: flex;
}
.p-breadcrumbs::before,
.p-breadcrumbs::after {
  display: none;
}
.p-breadcrumbs > li {
  margin: 0;
  font-size: inherit;
  padding-left: 15px;
}
.p-breadcrumbs > li:first-child {
  border-top-left-radius: inherit;
  border-bottom-left-radius: inherit;
}
.p-breadcrumbs > li::before,
.p-breadcrumbs > li::after {
  display: none;
}
.p-breadcrumbs > li a {
  padding: 0 15px;
  position: relative;
  z-index: 1;
  display: block;
  overflow: visible;
  max-width: none;
  text-decoration: none;
  color: inherit;
  margin-left: -15px;
  /* Hover */
  /* Active */
}
.p-breadcrumbs > li a:hover {
  color: #ffffff;
}
.p-breadcrumbs > li a::before,
.p-breadcrumbs > li a::after {
  border-style: solid;
  border-width: 0;
  border-right-width: 1px;
  border-color: rgba(0, 0, 0, 0.25);
  color: rgba(255, 255, 255, 0.4);
  box-shadow: inset currentColor -1px 0px 0px 0px;
  content: '';
  position: absolute;
  height: 50%;
  width: 100%;
  right: 0;
  z-index: -1;
  box-sizing: border-box;
  transform-origin: 100% 50%;
}
html[dir='rtl'] .p-breadcrumbs > li a::before,
html[dir='rtl'] .p-breadcrumbs > li a::after {
  box-shadow: inset currentColor 1px 0px 0px 0px;
}
.p-breadcrumbs > li a::before {
  top: 0;
  transform: skewX(30deg);
}
.p-breadcrumbs > li a::after {
  top: 50%;
  transform: skewX(-30deg);
}
html[dir='rtl'] .p-breadcrumbs > li a::before {
  transform: skewX(-30deg);
}
html[dir='rtl'] .p-breadcrumbs > li a::after {
  transform: skewX(30deg);
}
.p-breadcrumbs > li a:hover::before,
.p-breadcrumbs > li a:hover::after {
  background: rgba(255, 255, 255, 0.1);
}
.p-breadcrumbs > li a:active::before,
.p-breadcrumbs > li a:active::after {
  background: rgba(0, 0, 0, 0.05);
  color: rgba(0, 0, 0, 0.05);
  box-shadow: inset currentColor -2px 1px 1px;
}
.p-breadcrumbs > li a:active::after {
  box-shadow: inset currentColor -2px -1px 1px;
}
.p-breadcrumbs > li:first-of-type a::before,
.p-breadcrumbs > li:first-of-type a::after {
  width: calc(100% + 20px);
}
@media (max-width: 480px) {
  .p-breadcrumbs {
    overflow: auto;
  }
  .p-breadcrumbs > li {
    display: block;
  }
  .p-breadcrumbs > li a {
    padding: 0 11px;
    -webkit-tap-highlight-color: transparent;
    -webkit-overflow-scrolling: touch;
  }
}
[data-template="forum_list"] .p-breadcrumbs-wrap--bottom {
  display: none;
}
/*
	----------------
	- Social icons
	----------------
*/
.xenfocus-social {
  color: #fff;
  border-radius: 0px;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  flex: 0 0 auto;
  margin: 0;
  margin-bottom: 10px;
  padding: 0;
  list-style: none;
  text-align: center;
  text-shadow: rgba(0, 0, 0, 0.3) 0px -1px 0px;
}
@media (min-width: 651px) {
  .xenfocus-social {
    margin-bottom: 15px;
  }
}
.xenfocus-social li {
  line-height: 30px;
  display: block;
  flex: 0 0 auto;
  margin: 0;
  padding: 0;
  border-radius: inherit;
  list-style: none;
  padding-left: 4px;
}
.xenfocus-social a {
  color: inherit;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 1px 3px;
  border-radius: inherit;
  display: flex;
  align-items: center;
  text-decoration: none;
  outline: none;
  position: relative;
  font-size: 12px;
  padding-right: 12px;
}
.xenfocus-social a:active {
  box-shadow: inset rgba(0, 0, 0, 0.4) 0px 1px 3px;
  top: 1px;
}
.xenfocus-social a::before {
  font-family: 'Font Awesome 5 Brands';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f791";
  width: 1.28571429em;
  display: inline-block;
  background-color: rgba(255, 255, 255, 0.12);
  border-radius: inherit;
  width: 30px !important;
  height: 30px;
  flex: 0 0 auto;
  text-align: center;
  font-size: 16px !important;
  pointer-events: none;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  margin-right: 12px;
}
html[dir='ltr'] .xenfocus-social a::before {
  box-shadow: inset rgba(255, 255, 255, 0.12) -1px 0px 0px 0px, rgba(0, 0, 0, 0.1) 1px 0px 0px 0px;
}
html[dir='rtl'] .xenfocus-social a::before {
  box-shadow: inset rgba(255, 255, 255, 0.12) 1px 0px 0px 0px, rgba(0, 0, 0, 0.1) -1px 0px 0px 0px;
}
.xenfocus-social a::after {
  border: 1px solid rgba(0, 0, 0, 0.2);
  box-shadow: inset rgba(255, 255, 255, 0.15) 0px 1px 0px;
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  pointer-events: none;
  border-radius: inherit;
}
.xenfocus-social a:hover:after {
  background: rgba(255, 255, 255, 0.2);
}
.xenfocus-social a:active:after {
  background: rgba(0, 0, 0, 0.1);
}
#XF .xenfocus-social a:empty {
  padding: 0;
}
#XF .xenfocus-social a:empty::before {
  border-radius: inherit;
  margin: 0;
  box-shadow: none;
  background-color: transparent;
}
.xenfocus-social a {
  background: #999;
}
.xenfocus-social a[href*='deviantart.com'] {
  background: #475c4d;
}
.xenfocus-social a[href*='deviantart.com']::before {
  content: "\f1bd";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='discordapp.com'],
.xenfocus-social a[href*='discord.gg'] {
  background: #7289da;
}
.xenfocus-social a[href*='discordapp.com']::before,
.xenfocus-social a[href*='discord.gg']::before {
  content: "\f392";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='dropbox.com'] {
  background: #007fe5;
}
.xenfocus-social a[href*='dropbox.com']::before {
  content: "\f16b";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='mailto:'] {
  background: #444444;
}
.xenfocus-social a[href*='mailto:']::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f0e0";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='facebook.com'] {
  background: #304c87;
}
.xenfocus-social a[href*='facebook.com']::before {
  content: "\f39e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='flickr.com'] {
  background: #fe2997;
}
.xenfocus-social a[href*='flickr.com']::before {
  content: "\f16e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='google.com'] {
  background: #df6b39;
}
.xenfocus-social a[href*='google.com']::before {
  content: "\f1a0";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='guilded.gg'] {
  background: #f5c400;
}
.xenfocus-social a[href*='guilded.gg']::before {
  content: "\e07e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='instagram.com'] {
  background: #de416a;
}
.xenfocus-social a[href*='instagram.com']::before {
  content: "\f16d";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='linkedin.com'] {
  background: #0073b2;
}
.xenfocus-social a[href*='linkedin.com']::before {
  content: "\f0e1";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='paypal.com'] {
  background: #253b80;
}
.xenfocus-social a[href*='paypal.com']::before {
  content: "\f1ed";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='pinterest.'] {
  background: #cd1d1f;
}
.xenfocus-social a[href*='pinterest.']::before {
  content: "\f231";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='reddit.com'] {
  background: #609acf;
}
.xenfocus-social a[href*='reddit.com']::before {
  content: "\f281";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href$='.rss'] {
  background: #ff9641;
}
.xenfocus-social a[href$='.rss']::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f09e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='skype.com'] {
  background: #00b0f0;
}
.xenfocus-social a[href*='skype.com']::before {
  content: "\f17e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='soundcloud.com'] {
  background: #ff6900;
}
.xenfocus-social a[href*='soundcloud.com']::before {
  content: "\f1be";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='spotify.com'] {
  background: #84b301;
}
.xenfocus-social a[href*='spotify.com']::before {
  content: "\f1bc";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='steampowered.com'] {
  background: #457498;
}
.xenfocus-social a[href*='steampowered.com']::before {
  content: "\f1b6";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='stripe.com'] {
  background: #58aada;
}
.xenfocus-social a[href*='stripe.com']::before {
  content: "\f429";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='teamspeak.com'],
.xenfocus-social a[href*='ts3server://'] {
  background: #8190b1;
}
.xenfocus-social a[href*='teamspeak.com']::before,
.xenfocus-social a[href*='ts3server://']::before {
  content: "\f4f9";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='/t.me/'],
.xenfocus-social a[href*='telegram.org'] {
  background: #0d86d7;
}
.xenfocus-social a[href*='/t.me/']::before,
.xenfocus-social a[href*='telegram.org']::before {
  content: "\f3fe";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='tumblr.com'] {
  background: #539fcc;
}
.xenfocus-social a[href*='tumblr.com']::before {
  content: "\f173";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='twitch.tv'] {
  background: #6441a5;
}
.xenfocus-social a[href*='twitch.tv']::before {
  content: "\f1e8";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='twitter.com'] {
  background: #0097d3;
}
.xenfocus-social a[href*='twitter.com']::before {
  content: "\f099";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='vimeo.com'] {
  background: #1bb5ea;
}
.xenfocus-social a[href*='vimeo.com']::before {
  content: "\f27d";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='/vk.com'] {
  background: #5181b8;
}
.xenfocus-social a[href*='/vk.com']::before {
  content: "\f189";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.xenfocus-social a[href*='youtube.com'] {
  background: #cc332d;
}
.xenfocus-social a[href*='youtube.com']::before {
  content: "\f167";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
#footer .xenfocus-social {
  margin: 0;
  margin-top: 10px;
  color: inherit;
  text-shadow: none;
}
#footer .xenfocus-social li:first-child {
  padding: 0;
}
#footer .xenfocus-social a {
  box-shadow: none;
  background: none;
}
#footer .xenfocus-social a::before {
  box-shadow: none;
  background-color: rgba(255, 255, 255, 0.05);
}
#footer .xenfocus-social a::after {
  border-width: 0;
  box-shadow: none;
  opacity: 0.2;
  background: currentcolor;
}
#footer .xenfocus-social a:hover:after {
  opacity: 0.3;
}
#footer .xenfocus-social a:active:after {
  opacity: 0.4;
}
/*
	----------------
	- Background Picker
	----------------
*/
/*
	----------------
	- Content wrapper
	----------------
*/
@media (min-width: 651px) {
  .focus-wrapper {
    flex: 1 1 auto;
    display: flex;
    flex-direction: column;
  }
  .focus-wrapper > * {
    flex: 0 0 auto;
  }
}
.focus-content {
  background-color: #2a95c5;
  background-color: var(--ortem);
  transform: translate(0, 0);
  background-color: #fdfdfd;
}
@media (min-width: 651px) {
  .focus-content {
    flex-grow: 1;
    display: flex;
    flex-direction: column;
    position: relative;
  }
  .focus-width .focus-content {
    margin-bottom: 10px;
  }
}
.focus-editor-open .focus-content {
  transition: background-color 0.3s linear;
}
@media (max-width: 650px) {
  .focus-wrapper,
  .focus-content {
    border-radius: 0;
    border-width: 0;
  }
}
.p-body-inner {
  padding: 10px;
}
@media (min-width: 651px) {
  .p-body-inner {
    padding: 15px 0;
    width: calc(100vw - (10px * 2));
  }
  .focus-width .p-body-inner {
    padding-left: 15px;
    padding-right: 15px;
  }
}
.p-body,
.p-body-inner {
  border-radius: inherit;
}
/*
	----------------
	- Nodes
	----------------
*/
.subNodeLink::before,
.subNodeLink.subNodeLink--unread::before,
.subNodeLink .subNodeLink-icon {
  text-shadow: none;
  color: inherit;
}
.subNodeLink::before {
  width: 1.5em;
  padding-right: 0px;
}
@supports (display: grid) {
  .node-subNodeFlatList {
    display: grid;
    grid-gap: 10px;
    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
  }
  .node-subNodeFlatList::before,
  .node-subNodeFlatList::after {
    display: none;
  }
  .node-subNodeFlatList > li {
    margin: 0;
  }
  .node-subNodeFlatList a {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
  }
}
@media (max-width: 1000px) {
  .node-statsMeta {
    margin-right: 20px;
  }
  .node-statsMeta dl:not(:last-child):after {
    content: '/';
    margin: 0 10px;
    opacity: 0.2;
  }
}
.node-title {
  font-size: 14px;
}
.node-title a {
  font-weight: bold;
}
.node-extra-title {
  font-weight: 600;
}
.node-extra .node-extra-row .listInline {
  overflow: hidden;
  text-overflow: ellipsis;
}
.node-extra-user a {
  color: inherit;
}
@media (min-width: 651px) {
  .node-extra-row + .node-extra-row {
    margin-top: 3px;
  }
}
@media (max-width: 650px) {
  .node-extra-row:not(:last-child) {
    margin-right: 4px;
  }
}
.node-stats .pairs {
  display: flex;
  flex-direction: column;
}
.node-stats .pairs dd {
  font-size: 16px;
  line-height: 1.2;
}
.node-stats .pairs dt {
  order: 2;
}
.block-body > .node:nth-of-type(even),
.structItemContainer-group > .structItem--thread:not(.is-highlighted):not(.is-moderated):not(.is-mod-selected):nth-of-type(even) {
  background-color: #efefef;
}
.structItem:last-child {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px;
}
/*
	----------------
	- Node cell spacing
	----------------
*/
.node-body {
  padding: 4px;
}
/*
	----------------
	- Node icons
	----------------
*/
.node-icon {
  width: 40px;
  box-sizing: content-box;
  padding-right: 4px;
  /* On mobiles.. */
}
.node-icon i {
  line-height: 1;
  height: 40px;
  width: 40px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 24px;
  color: #fff;
  border-radius: 0px;
  background-color: #646c71;
}
html[data-logged-in="true"] .node--read .node-icon i,
html[data-logged-in="true"] .node--link .node-icon i,
html[data-logged-in="true"] .node--page .node-icon i {
  opacity: 0.4;
}
.p-body .node-icon i::before {
  text-shadow: inherit;
  color: inherit;
  display: block;
  text-align: center;
  width: auto;
  line-height: inherit;
}
@media (max-width: 480px) {
  .node-icon {
    width: 28px;
  }
  .node-icon i {
    transform: scale(0.7);
    transform-origin: 0 50%;
  }
}
/* Assign FontAwesome icon to nodes */
.node--forum .fa-comments::before,
.node--category .fa-comments::before {
  content: '\f086';
}
.node--unread .node-icon .far::before {
  font-weight: 900;
}
html[data-logged-in="true"] .node--read .fa-comments::before {
  content: '\f086';
}
.node--read .node-icon .far::before {
  font-weight: 400;
}
/* If an image is uploaded, apply it and remove potential other styles */
/*
	----------------
	- Node NEW badge
	----------------
*/
.node--unread .node-title::before {
  display: none;
}
.node-title a {
  vertical-align: middle;
}
html[data-logged-in='true'] .node--unread .node-title::before {
  color: #ffffff;
  color: var(--new-badge-color, #ffffff);
  background: #ed7a16;
  background: var(--new-badge-background, #ed7a16);
  display: inline-block;
  font-size: 9px;
  line-height: 2;
  border-radius: 3px;
  padding: 0 4px;
  margin-right: 4px;
  vertical-align: middle;
}
/*
	----------------
	- Minimal nodes and topic lists, with hover
	----------------
*/
@media (min-width: 651px) {
  /* .block--category{

		
			// Increase padding of index boxes
			.block-body{
				padding: @nodeHover-padding 0;
			}
		

		// Add background hover effect
		.node{
			position: relative;
			
				border-radius: 0px;
				border: 0;
			

			&::before{
				content: '';
				position: absolute;
				top: 0; bottom: 0;
				
				left: @nodeHover-padding; right: @nodeHover-padding;
				
				border-radius: inherit;
				background: @nodeHover-background;
				opacity: 0;
			}

			&:hover::before{
				opacity: @nodeHover-opacity;
			}
		}

		.node-body{
			position: relative;
		}

		
		// Clickable rows
		
			.node a{
				position: relative;
				z-index: 2;
			}

			.node-title a{
				position: static;
				&::after{
					content: '';
					top: 0; left: 0; right: 0; bottom: 0;
					position: absolute;
					z-index: 1;
					// Potentially helps with Safari bug but not sure
					transform: translate(0,0);
				}
			}	
		

	} */
  .node {
    position: relative;
    border-radius: 0px;
    display: inline-block;
    width: 100%;
    vertical-align: top;
  }
  .node + .node {
    border-width: 0;
  }
  .node:first-child {
    margin-top: 0px;
  }
  .node:last-child {
    margin-bottom: 0px;
  }
  .node::before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0px;
    right: 0px;
    border-radius: inherit;
    background: #4a5054;
    opacity: 0;
  }
  .node:hover::before {
    opacity: 0.06;
  }
  .node .node-body {
    position: relative;
  }
  .node a {
    position: relative;
    z-index: 2;
  }
  .node .node-title a {
    position: static;
  }
  .node .node-title a::after {
    content: '';
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    z-index: 1;
    transform: translate(0, 0);
  }
  .node .iconic {
    z-index: 10;
  }
  html .structItemContainer-group--sticky::before,
  html .structItemContainer-group--sticky::after {
    margin: 0px 0px;
    border-width: 1px 0;
  }
  html .structItemContainer-group--sticky::before {
    margin-top: 0px;
  }
  html .structItemContainer-group--sticky::after {
    margin-bottom: 0px;
  }
  .structItemContainer-group,
  form.structItem {
    padding: 0px;
  }
  .structItem {
    border-width: 0;
    border-radius: 0px;
    display: flex;
    align-items: center;
    position: relative;
  }
  .structItem > * {
    flex: 0 0 auto;
    position: relative;
    display: block;
    min-width: 0;
  }
  .structItem .structItem-cell--main,
  .structItem .structItem-cell--newThread {
    flex: 1 1 auto;
  }
  .structItemContainer-group .structItem::before {
    content: '';
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: inherit;
    background: #4a5054;
    opacity: 0;
  }
  .structItemContainer-group .structItem:hover::before {
    opacity: 0.06;
  }
}
/*
	----------------
	- Guest message
	----------------
*/
/*
	----------------
	- Footer
	----------------
*/
.p-footer > :first-child {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
.p-footer > :last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
@media (max-width: 650px) {
  .p-footer {
    border-radius: 0;
  }
}
.p-footer-inner {
  padding: 15px;
}
.p-footer-linkList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
.p-footer-linkList > li a {
  padding: 6px;
  border-radius: 3px;
  display: inline-block;
}
.p-footer-linkList .fa,
.p-footer-linkList .fas,
.p-footer-linkList .far,
.p-footer-linkList .fal,
.p-footer-linkList .fab {
  margin-right: .3em;
}
.p-footer-rssLink .fa-rss {
  margin: 0;
}
.p-footer-row-main,
.p-footer-row-opposite {
  margin-bottom: 0;
}
@media (min-width: 901px) {
  .p-footer-row-opposite {
    margin-left: auto;
  }
}
.p-footer-row {
  margin-bottom: 0;
}
.p-footer-row::before,
.p-footer-row::after {
  display: none;
}
.p-footer-copyright {
  margin-top: 10px;
  text-align: center;
}
.footer-align,
.p-footer-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 900px) {
  .footer-align,
  .p-footer-row {
    flex-direction: column;
  }
}
.footer-align > div,
.p-footer-row > div {
  flex: 0 1 auto;
}
.xenfocus\:branding {
  white-space: nowrap;
}
.xenfocus\:branding:not(:first-child)::before,
.xenfocus\:branding:not(:last-child)::after {
  content: ' // ';
  opacity: 0.35;
  margin: 0 8px;
}
.xenfocus\:branding a {
  color: inherit;
}
@media (max-width: 480px) {
  .p-footer-linkList,
  .p-footer-copyright {
    max-width: calc(100vw - 18px);
  }
}
/*
	----------------
	- Mega footer
	----------------
*/
/*
	----------------
	- Grid layout for nodes
	----------------
*/
/*
	----------------
	- Blocks
	----------------
*/
.block-container, .block--messages .message {
  box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 8px, rgba(0, 0, 0, 0.08) 0px 1px 3px;
  background-clip: padding-box;
  border-color: rgba(0, 0, 0, 0.15);
}
.block-header {
  padding: 15px;
  margin: -1px -1px 0 -1px;
}
@media (max-width: 650px) {
  .block-header {
    border-left-width: 0;
    border-right-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
@media (max-width: 650px) {
  .block-header {
    border-radius: 0;
    border-left-width: 0;
    border-right-width: 0;
  }
}
#XF .block-minorHeader {
  padding: 9px;
  margin: -1px -1px 0 -1px;
}
@media (max-width: 650px) {
  #XF .block-minorHeader {
    border-left-width: 0;
    border-right-width: 0;
    margin-left: 0;
    margin-right: 0;
  }
}
.blockMessage.blockMessage--none,
.block--messages .block-container {
  box-shadow: none;
}
.block-header .block-desc {
  color: inherit;
  opacity: 0.7;
}
.block-header .button {
  text-shadow: none;
}
.p-body-sidebar .block-row:not(:last-child) {
  border-bottom: 1px solid #e8e8e8;
}
.block-body > .node:last-child {
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.p-body-sidebar .block-container,
.p-body-sideNavContent .block-container {
  padding: .01px 0;
}
/*
	----------------
	- Mobile navigation panel
	----------------
*/
.offCanvasMenu--nav .offCanvasMenu-content {
  background: #4a5054;
  color: #f4f5f5;
  transition-duration: 0.2s;
}
.offCanvasMenu--nav .offCanvasMenu-subList {
  background: rgba(244, 245, 245, 0.1);
}
.offCanvasMenu--nav .offCanvasMenu-subList .offCanvasMenu-link {
  padding-left: 34px;
}
.offCanvasMenu--nav .offCanvasMenu-linkHolder.is-selected {
  color: inherit;
  font-weight: bold;
  background: rgba(244, 245, 245, 0.15);
  text-transform: inherit;
}
/*
	----------------
	- Countdown
	----------------
*/
/*
	----------------
	- Topic List
	----------------
*/
.structItem-cell {
  vertical-align: middle;
}
.structItem-cell.structItem-cell--icon.structItem-cell--iconEnd .structItem-iconContainer {
  padding-top: 0;
}
form[data-xf-init*="quick-thread"] .structItem-cell--icon {
  vertical-align: top;
  align-self: flex-start;
}
.structItem-cell--meta .pairs {
  font-size: 12px;
}
.structItem-minor dd {
  color: #090a0a;
}
.structItemContainer-group--sticky::before,
.structItemContainer-group--sticky::after {
  display: block;
  padding: 9px;
  font-size: 10px;
  font-weight: bold;
  background: #ebebeb;
  text-transform: uppercase;
  border: 1px solid #e8e8e8;
  border-width: 1px 0 0 0;
}
.structItem-parts > li:nth-child(2n) {
  color: inherit;
}
/*
	----------------
	- Topic View
	----------------
*/
.message-userArrow {
  display: none;
}
.message-avatar-wrapper .message-avatar-online::before {
  background: #fff;
  border-color: #fff;
}
.message-attribution {
  border-width: 0;
  padding-bottom: 6px;
}
@media (min-width: 651px) {
  .message-attribution {
    padding-top: 2px;
  }
}
.userBanner {
  border-radius: 0px;
  padding-top: 3px;
  padding-bottom: 3px;
}
.message-userBanner .userBanner {
  margin-top: 5px;
}
.message-body {
  font-size: 14px;
  line-height: 1.75;
  margin-top: 4px;
}
.message-body a {
  text-decoration: underline;
}
/*
.message-footer{
	display: flex;
	flex-direction: column;

	> *{
		flex: 0 0 auto;
		width: 100%;
	}

	.reactionsBar{ order: -1; }
}
*/
.reactionsBar {
  background: transparent;
  border-radius: 4px;
  color: #79808a;
  border: none;
}
.reactionsBar a {
  color: inherit;
}
.reactionsBar bdi {
  color: #090a0a;
}
.message .reactionsBar {
  padding: 9px;
}
.actionBar-action {
  border-width: 0px;
}
.actionBar-set {
  display: flex;
  align-items: center;
}
.actionBar-set.actionBar-set--external {
  margin-right: 0;
}
.actionBar-set.actionBar-set--external .actionBar-action {
  padding: 5px 8px;
  text-decoration: none;
  background: #8fb92d;
  color: #f4f5f5;
  border-width: 1px;
  border-color: #729424;
  -webkit-transition:  background-color 0.25s ease;
  transition:  background-color 0.25s ease;
}
.actionBar-set.actionBar-set--external .actionBar-action:hover {
  background-color: #7fa428;
}
.actionBar-set.actionBar-set--external .actionBar-action::before {
  margin-right: 7px;
  display: inline-block;
}
.actionBar-set.actionBar-set--external .actionBar-action.actionBar-action--like:before {
  content: "\f164";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.actionBar-set.actionBar-set--external .actionBar-action.actionBar-action--reply:before {
  content: "\f10d";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.actionBar-set.actionBar-set--internal {
  color: #79808a;
}
.actionBar-set.actionBar-set--internal a.actionBar-action {
  color: inherit;
  text-decoration: none;
  margin: 0;
  padding-left: 8px;
  padding-right: 8px;
}
.actionBar-set.actionBar-set--internal a.actionBar-action:hover {
  color: #090a0a;
  background: rgba(9, 10, 10, 0.06);
}
.actionBar-set .actionBar-action.actionBar-action--reaction .reaction-text {
  padding-left: 5px;
}
.actionBar-action.actionBar-action--inlineMod label {
  color: inherit;
}
.likeIcon::before {
  color: #41454a;
}
a.reaction:hover .reaction-text,
a.reaction:focus .reaction-text {
  text-decoration: none;
}
.has-reaction .reaction-text {
  color: inherit;
}
.tooltip--reaction .tooltip-content {
  background: #ebebeb;
  border-width: 0;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.08), 0 2px 2px rgba(0, 0, 0, 0.15);
}
.message--quickReply .formButtonGroup-primary,
body[data-template="forum_post_thread"] .formSubmitRow-controls {
  display: flex;
  align-items: center;
}
.message--quickReply .formButtonGroup-primary .button--primary,
body[data-template="forum_post_thread"] .formSubmitRow-controls .button--primary {
  order: 1;
  margin-left: 5px;
}
.pollResult-bar {
  background: rgba(120, 126, 134, 0.2);
  border-radius: 0px;
}
.pollResult-bar::after {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border-radius: inherit;
  border: 1px solid rgba(48, 50, 53, 0.1);
  pointer-events: none;
}
.pollResult.pollResult--showVoters:hover {
  background: #ebebeb;
}
@media (min-width: 901px) {
  .message-name {
    margin-top: 10px;
  }
}
@media (max-width: 650px) {
  .message:not(.message--forceColumns) .message-user {
    align-items: center;
  }
  .message-avatar-wrapper {
    margin-bottom: 0;
  }
}
.bbCodeBlock:first-child {
  margin-top: 0;
}
/*
	----------------
	- Editor
	----------------
*/
.fr-box.fr-basic .fr-toolbar.fr-top {
  background: #f0f0f0 !important;
}
.fr-box.fr-basic .fr-wrapper {
  background: #f0f0f0;
  border-bottom-left-radius: inherit;
  border-bottom-right-radius: inherit;
}
.fr-box.fr-basic .fr-element {
  color: #090a0a;
}
.fr-element {
  font-family: "Open Sans", BlinkMacSystemFont, -apple-system, Segoe UI, Roboto, Helvetica, Arial, sans-serif;
}
/*
	----------------
	- Profiles
	----------------
*/
.memberHeader,
.memberHeader-main {
  border-top-left-radius: inherit;
  border-top-right-radius: inherit;
}
/*
	----------------
	- Sidebar
	----------------
*/
.block[data-widget-definition] .block-minorHeader::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: '\f141';
  display: inline-block;
  transform: translate(0, 0);
  margin-right: 6px;
  opacity: 0.7;
}
.block[data-widget-definition="members_online"] .block-minorHeader::before {
  content: "\f007";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-section="staffMembers"] .block-minorHeader::before {
  content: "\f505";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="new_profile_posts"] .block-minorHeader::before {
  content: "\f4ff";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="forum_statistics"] .block-minorHeader::before {
  content: "\f200";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="xfmg_gallery_statistics"] .block-minorHeader::before {
  content: "\f1c5";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="share_page"] .block-minorHeader::before {
  content: "\f1e0";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="new_posts"] .block-minorHeader::before {
  content: "\f086";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="new_threads"] .block-minorHeader::before {
  content: "\f086";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="find_member"] .block-minorHeader::before {
  content: "\f002";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="newest_members"] .block-minorHeader::before {
  content: "\f234";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="sytrySupportUs"] .block-minorHeader::before {
  content: "\f07a";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
  content: "\f03e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="calendarEvents"] .block-minorHeader::before {
  content: "\f073";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="xfmg_media_slider"] .block-minorHeader::before {
  content: "\f03e";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="at_law_widget"] .block-minorHeader::before {
  content: "\f086";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="birthdays"] .block-minorHeader::before {
  content: "\f1fd";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.block[data-widget-definition="sytrySupportUs"] .block-minorHeader .fa,
.block[data-widget-definition="calendarEvents"] .block-minorHeader .far {
  display: none;
}
@media (max-width: 900px) {
  .p-body-sidebar > * {
    margin-bottom: 10px;
  }
}
/*
	----------------
	- Sticky sidebar
	----------------
*/
.focus-editor-panel[data-setting="focus-sidebar-sticky"] {
  display: none;
}
@media (min-width: 901px) {
  .p-body-main--withSidebar {
    display: flex;
    align-items: flex-start;
  }
  .p-body-main--withSidebar .p-body-content {
    flex: 0 1 auto;
    display: block;
    width: calc(100% - 250px);
  }
  .p-body-main--withSidebar .p-body-sideNav,
  .p-body-main--withSidebar .p-body-sidebar {
    flex: 0 0 auto;
    display: block;
  }
  .p-body-main--withSidebar .p-body-contentCol,
  .p-body-main--withSidebar .p-body-sidebarCol {
    display: none;
  }
  .focus-sidebar-flip .p-body-sidebar {
    order: -1;
  }
  .focus-sidebar-flip .p-body-main--withSidebar .p-body-content {
    padding-right: 0;
    padding-left: 15px;
  }
  @supports ((position: sticky) or (position: -webkit-sticky)) {
    .focus-sidebar-sticky .p-body-sidebar {
      position: -webkit-sticky;
      position: sticky;
      top: 60px;
    }
    .focus-editor-panel[data-setting="focus-sidebar-sticky"] {
      display: flex;
    }
  }
}
/*
	----------------
	- Holidays
	----------------
*/
/*
	----------------
	- Pagination
	----------------
*/
.pageNav {
  display: flex;
}
.pageNav > * {
  flex: 0 0 auto;
  margin-right: 5px;
}
.pageNav-main {
  display: flex;
}
.pageNav-jump {
  padding-left: 12px;
  padding-right: 12px;
}
.pageNav-page {
  display: block;
  flex: 0 0 auto;
  border-radius: inherit;
  font-weight: bold;
}
.pageNav-page:not(:last-child) {
  margin-right: 5px;
}
.pageNav-page > a {
  padding-left: 11px;
  padding-right: 11px;
}
.pageNavWrapper {
  border-radius: 0px;
}
.pageNav,
.pageNav-main,
.pageNavSimple,
.pageNav-jump,
.pageNavSimple-el,
#XF .pageNav-page {
  border-radius: inherit;
}
#XF .pageNav-jump,
#XF .pageNav-page,
#XF .pageNavSimple-el {
  background: #f4f4f4;
  color: #090a0a;
  border-width: 0px;
  box-shadow: rgba(0, 0, 0, 0.12) 0px 1px 1px, rgba(0, 0, 0, 0.05) 0px 1px 2px;
}
#XF .pageNav-jump:hover,
#XF .pageNav-page:hover,
#XF .pageNavSimple-el:hover,
#XF .pageNav-jump:active,
#XF .pageNav-page:active,
#XF .pageNavSimple-el:active {
  background-color: #fcfcfc;
}
#XF .pageNav-page.pageNav-page--current,
#XF .pageNavSimple-el.pageNavSimple-el--current {
  background: #646c71;
  color: #ffffff;
  border-width: 0;
  box-shadow: inset rgba(0, 0, 0, 0.2) 0px 1px 3px;
}
#XF .pageNav-page.pageNav-page--current:hover,
#XF .pageNavSimple-el.pageNavSimple-el--current:hover,
#XF .pageNav-page.pageNav-page--current:active,
#XF .pageNavSimple-el.pageNavSimple-el--current:active {
  background-color: #5d6469;
}
#XF .pageNavSimple-el {
  padding-left: 10px;
  padding-right: 10px;
}
.pageNavSimple-el--prev i::before,
.pageNav-jump.pageNav-jump--prev::before {
  margin-right: 3px;
  width: auto;
}
.pageNavSimple-el--next i::before,
.pageNav-jump.pageNav-jump--next::after {
  margin-left: 3px;
  width: auto;
}
/*
	----------------
	- Mobile footer bar
	----------------
*/
.mobile-navigation-bar {
  position: -webkit-sticky;
  position: sticky;
  bottom: 0;
  left: 0;
  right: 0;
  background: #ebebeb;
  color: #79808a;
  z-index: 490;
  padding-bottom: env(safe-area-inset-bottom);
  padding-left: env(safe-area-inset-left);
  padding-right: env(safe-area-inset-right);
  box-shadow: rgba(0, 0, 0, 0.1) 0px -1px 0px;
  text-align: center;
  transform: translateY(0);
  transition: transform 0.15s ease-in-out;
}
html:not(.focus-mobile-navigation-bar) .mobile-navigation-bar {
  display: none;
}
.mobile-navigation-bar--hidden .mobile-navigation-bar {
  transform: translateY(calc(100% + 2px));
}
@supports ((-webkit-backdrop-filter: blur(10px)) or (backdrop-filter:blur(10px))) {
  .mobile-navigation-bar {
    background: rgba(235, 235, 235, 0.8);
    -webkit-backdrop-filter: blur(10px);
    backdrop-filter: blur(10px);
  }
}
@media (min-width: 651px) {
  .mobile-navigation-bar,
  .focus-editor-panel[data-setting='focus-mobile-navigation-bar'] {
    display: none;
  }
}
.mobile-navigation-bar__list {
  display: flex;
  justify-content: space-around;
  padding: 0;
  margin: 0;
  list-style: none;
}
.mobile-navigation-bar__list li {
  flex: 1 1 10px;
}
.mobile-navigation-bar__list a {
  display: block;
  padding: 6px 0;
  text-decoration: none;
  color: inherit;
}
.mobile-navigation-bar__icon {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 28px;
  font-size: 20px;
}
.mobile-navigation-bar__icon i {
  font-weight: 300;
}
.mobile-navigation-bar__text {
  font-size: 10px;
  text-transform: capitalize;
}
@media (max-width: 650px) {
  .focus-mobile-navigation-bar.has-hiddenscroll .u-scrollButtons {
    bottom: 80px;
  }
  .focus-mobile-navigation-bar .p-footer-inner {
    padding-bottom: 75px;
  }
  @supports (padding-bottom: env(safe-area-inset-bottom)) {
    .focus-mobile-navigation-bar.has-hiddenscroll .u-scrollButtons {
      --mobile-navigation-bar--padding-bottom: env(safe-area-inset-bottom);
      bottom: calc(var(--mobile-navigation-bar--padding-bottom) + 80px);
    }
  }
}
[data-template="forum_list"] .mobile-navigation-bar--forums,
[data-template="forum_view"] .mobile-navigation-bar--forums,
[data-template="thread_view"] .mobile-navigation-bar--forums,
[data-template="whats_new"] .mobile-navigation-bar--whatsnew,
[data-template="whats_new_posts"] .mobile-navigation-bar--whatsnew,
[data-template="whats_new_profile_posts"] .mobile-navigation-bar--whatsnew,
[data-template="news_feed"] .mobile-navigation-bar--whatsnew,
[data-template="latest_activity"] .mobile-navigation-bar--whatsnew,
[data-template="forum_post_thread"] .mobile-navigation-bar--postthread,
[data-template="login"] .mobile-navigation-bar--login,
[data-template="register"] .mobile-navigation-bar--register,
[data-template="search_form"] .mobile-navigation-bar--search,
[data-template="search_results"] .mobile-navigation-bar--search {
  color: #4a5054;
  font-weight: bold;
}
/*
	----------------
	- Animated blocks onload
	----------------
*/
/*
@keyframes loading-blocks{
	from{
		opacity: 0;
		transform: translateY(30px);
	}
	to{
		opacity: 1;
		transform: translateY(0px);
	}
}

@supports (animation-name: name){
	.block--category,
	.p-body-sidebar .block{
		opacity: 0;
		transform: translateY(30px);


		animation-name: loading-blocks;
		animation-duration: 0.4s;
		animation-fill-mode: forwards;
		animation-timing-function: ease-in-out;
		animation-iteration-count: 1;
		animation-delay: 0s;

		&:nth-child(2){
			animation-delay: 0.1s;
		}

		&:nth-child(3){
			animation-delay: 0.2s;
		}

		&:nth-child(4){
			animation-delay: 0.3s;
		}
	}
}
*/
/*
	----------------
	- iPhoneX Landscape
	----------------
*/
@media (max-width: 900px) and (orientation: landscape) and (-webkit-device-pixel-ratio: 3) {
  .p-header,
  .p-nav,
  body .p-body-inner,
  .focus-width .p-body-inner,
  .focus-footer {
    padding-left: max(0px, env(safe-area-inset-left));
    padding-right: max(0px, env(safe-area-inset-right));
  }
  .p-nav-inner {
    padding-left: 0;
    padding-right: 0;
  }
}
/*
	----------------
	- Post thread pop up
	----------------
*/
.block--treeEntryChooser {
  margin: 0;
  padding: 10px;
}
.block--treeEntryChooser:not(:first-child) {
  padding-top: 0;
}
.block--treeEntryChooser a:hover {
  text-decoration: none;
}
.block--treeEntryChooser .block-container {
  border-width: 0;
  box-shadow: none;
  background: #ffffff;
}
.block--treeEntryChooser .block-header {
  border-radius: 3px !important;
  padding: 12px 18px;
  margin: 0 0 10px 0;
  border-width: 1px;
}
.block--treeEntryChooser .block-header::before,
.block--treeEntryChooser .block-header::after {
  display: none;
}
.block--treeEntryChooser .block-row.block-row--separated + .block-row {
  border-width: 0;
}
.block--treeEntryChooser.block .block-row {
  padding: 10px 18px;
  border-radius: 3px !important;
}
.block--treeEntryChooser .block-row.block-row--clickable:hover {
  background: rgba(74, 80, 84, 0.06);
}
.block--treeEntryChooser > .block-container > .block-row:first-child {
  margin-top: 30px;
}
/*
	----------------
	- Other
	----------------
*/
@media (min-width: 651px) {
  .p-body-header {
    margin-bottom: 15px;
  }
}
@media (min-width: 651px) {
  .hide\:desktop {
    display: none !important;
  }
}
@media (max-width: 650px) {
  .hide\:mobile {
    display: none !important;
  }
}
.itemList-itemOverlay {
  height: auto;
  bottom: -70px;
}
.shareButtons-button {
  transition: none;
}
.button.button--scroll,
a.button.button--scroll {
  box-shadow: none;
  border-color: transparent;
}
.p-staffBar {
  border: 0;
  border-radius: 0px;
  margin-bottom: 10px;
}
.p-staffBar-inner {
  padding-left: 4px;
  padding-right: 4px;
  max-width: none;
}
.p-staffBar-inner .hScroller-scroll {
  display: flex;
}
.p-staffBar-link {
  padding-left: 10px;
  padding-right: 10px;
}
.p-staffBar-link::before {
  font-family: 'Font Awesome 5 Pro';
  font-size: inherit;
  font-style: normal;
  font-weight: 400;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  content: "\f023";
  width: 1.28571429em;
  text-align: center;
  display: inline-block;
  margin-right: 6px;
}
.p-staffBar-link[data-xf-key="alt+m"]::before {
  content: "\f14a";
  width: 1.28571429em;
  display: inline-block;
  text-align: center;
}
.p-staffBar-link[href*='/admin'] {
  margin-left: auto;
}
.p-body-header {
  color: #090a0a;
  background: #f4f4f4;
  border: 1px solid #d9d9d9;
  border-radius: 0px;
  padding: 14px;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 8px, rgba(0, 0, 0, 0.08) 0px 1px 3px;
  background-clip: padding-box;
  border-color: rgba(0, 0, 0, 0.15);
}
.p-body-header {
  padding: 20px 15px;
}
.node-description {
  margin-top: 5px;
  color: #79808a;
}
.menu {
  box-shadow: 0 5px 30px 0 rgba(0, 0, 0, 0.25), rgba(0, 0, 0, 0.15) 0px 3px 5px;
}
.tooltip--basic .tooltip-content {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
}
.avatar {
  position: relative;
  text-shadow: none;
}
.avatar::after {
  content: '';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  border: 1px solid rgba(9, 10, 10, 0.15);
  border-radius: inherit;
  pointer-events: none;
  box-shadow: inset rgba(0, 0, 0, 0.1) 0px 1px 3px;
}
.avatar.js-avatarCropper {
  top: 0 !important;
  left: 0 !important;
}
/*
	----------------
	- Tooltips: Minimal layout for user popups, topic previews, etc
	----------------
*/
/*
body{

	.tooltip--bookmark .tooltip-content,
	.tooltip--member .tooltip-content,
	.tooltip--share .tooltip-content {
	    border-width: 0px;
	    box-shadow: 0 10px 15px 0 rgba(0,0,0,0.15), rgba(0,0,0,0.08) 0px 0px 0px 1px;
	}

	.tooltip--member.tooltip--top .tooltip-arrow{
		border-top-color: rgba(0,0,0,0.1);
	}

	.memberTooltip-header{
		background-color: transparent;
	}

	.memberTooltip-header,
	.memberTooltip-info,
	.memberTooltip-actions{
		padding: 15px;
	}

}
*/
/*
	----------------
	- BB code tag
	----------------
*/
.bbCodeCode .prism-token.prism-comment,
.bbCodeCode .prism-token.prism-prolog,
.bbCodeCode .prism-token.prism-doctype,
.bbCodeCode .prism-token.prism-cdata {
  color: #aa5500;
}
.bbCodeCode .prism-token.prism-tag {
  color: #117700;
}
.bbCodeCode .prism-token.prism-boolean {
  color: #221199;
}
.bbCodeCode .prism-token.prism-symbol,
.bbCodeCode .prism-token.prism-atrule,
.bbCodeCode .prism-token.prism-keyword {
  color: #770088;
}
.bbCodeCode .prism-token.prism-selector,
.bbCodeCode .prism-token.prism-function {
  color: #0055aa;
}
.bbCodeCode .prism-token.prism-deleted {
  color: #dd4444;
}
.bbCodeCode .prism-token.prism-inserted {
  color: #229922;
}
.bbCodeCode .prism-token.prism-string,
.bbCodeCode .prism-token.prism-attr-value {
  color: #aa1111;
}
.bbCodeCode .prism-token.prism-number {
  color: #116644;
}
.bbCodeCode .prism-token.prism-attr-name,
.bbCodeCode .prism-token.prism-char,
.bbCodeCode .prism-token.prism-builtin {
  color: #0000cc;
}
.bbCodeCode .prism-token.prism-regex,
.bbCodeCode .prism-token.prism-important,
.bbCodeCode .prism-token.prism-variable,
.bbCodeCode .prism-token.prism-package {
  color: #0055aa;
}
.bbCodeCode .prism-token.prism-class-name,
.bbCodeCode .prism-token.prism-important,
.bbCodeCode .prism-token.prism-bold {
  color: #0000ff;
}
.bbCodeCode .prism-token.prism-italic,
.bbCodeCode .prism-token.prism-constant {
  color: #0055aa;
}
.bbCodeBlock--code .bbCodeBlock-title {
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
  pointer-events: none;
}
/*
	----------------
	- Bug fixes
	----------------
*/
.lfs .tabGroup .structItem {
  display: table;
}
.lfs .tabGroup .structItem > * {
  display: table-cell;
}
.lfs .tabGroup .structItem-cell--secondData {
  display: none;
}
.mediaList.mediaList--buttons > .mediaList-button .mediaList-inner::before {
  width: 100%;
}
.block-body + .block-minorHeader {
  border-top-color: rgba(0, 0, 0, 0.15);
}
@media (min-width: 651px) {
  .block--similarContents .structItem {
    display: flex;
  }
}
.fr-popup .fr-input-focus {
  background: #ffffff;
}
#XF .cm-s-default.CodeMirror .CodeMirror-gutters {
  background: #f4f5f5;
  color: #4a5054;
  border-color: transparent;
}
.bbCodeBlock-expandLink {
  z-index: 1;
}
.overlay {
  background: #f4f4f4;
}
.blockMessage--iconic::before {
  top: 50%;
  transform: translateY(-50%);
  left: 4px;
}
.menu.menu--wide {
  max-width: calc(100wv - 6px);
}
label.iconic > input + i::before,
label.iconic > input + i:hover::before,
label.iconic:hover > input + i::before {
  color: inherit;
}
.p-nav-opposite:before,
.p-nav-opposite:after {
  content: " ";
  display: table;
}
.p-nav-opposite:after {
  clear: both;
}
.pika-prev,
.pika-next {
  color: inherit;
}
div.ribbonBox .ribbon-wrapper {
  z-index: 1;
}
.structItem > script {
  display: none;
}
.button,
a.button {
  border-color: #729424;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
  /*
	&:not(.button--splitTrigger):not(.button--provider),
	&.button--splitTrigger:not(.button--provider) > .button-text,
	&.button--splitTrigger:not(.button--provider) > .button-menu{
		&:hover,
		&:focus,
		&:active{
			background-color: darken(@color, 5%);
		}
	}
	*/
}
.button:not(.button--provider):hover,
a.button:not(.button--provider):hover,
.button:not(.button--provider):focus,
a.button:not(.button--provider):focus,
.button:not(.button--provider):active,
a.button:not(.button--provider):active {
  background-color: #7fa428;
}
.button.button--primary,
a.button.button--primary {
  border-color: #78838b;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
  /*
	&:not(.button--splitTrigger):not(.button--provider),
	&.button--splitTrigger:not(.button--provider) > .button-text,
	&.button--splitTrigger:not(.button--provider) > .button-menu{
		&:hover,
		&:focus,
		&:active{
			background-color: darken(@color, 5%);
		}
	}
	*/
}
.button.button--primary:not(.button--provider):hover,
a.button.button--primary:not(.button--provider):hover,
.button.button--primary:not(.button--provider):focus,
a.button.button--primary:not(.button--provider):focus,
.button.button--primary:not(.button--provider):active,
a.button.button--primary:not(.button--provider):active {
  background-color: #838d94;
}
.button.button--cta,
a.button.button--cta {
  border-color: #4ba447;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
  /*
	&:not(.button--splitTrigger):not(.button--provider),
	&.button--splitTrigger:not(.button--provider) > .button-text,
	&.button--splitTrigger:not(.button--provider) > .button-menu{
		&:hover,
		&:focus,
		&:active{
			background-color: darken(@color, 5%);
		}
	}
	*/
}
.button.button--cta:not(.button--provider):hover,
a.button.button--cta:not(.button--provider):hover,
.button.button--cta:not(.button--provider):focus,
a.button.button--cta:not(.button--provider):focus,
.button.button--cta:not(.button--provider):active,
a.button.button--cta:not(.button--provider):active {
  background-color: #52b24d;
}
.button.button--link,
a.button.button--link {
  border-color: #c2c2c2;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
  color: #4c4c4c;
}
.button.button--link:hover,
a.button.button--link:hover,
.button.button--link:active,
a.button.button--link:active,
.button.button--link:focus,
a.button.button--link:focus {
  background: #e7e7e7;
}
.button.is-disabled,
a.button.is-disabled {
  border-color: #cccccc;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
}
.toggleButton > span {
  border-color: #cccccc;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
}
.toggleButton > input:checked + span {
  border-color: #729424;
  /*
	&.button--splitTrigger{
		> .button-text { border-right-color: darken(@borderColor, 9%); }
		> .button-menu { border-left-color: darken(@borderColor, 9%); }
	}
	*/
  /*
	&:not(.button--splitTrigger):not(.button--provider),
	&.button--splitTrigger:not(.button--provider) > .button-text,
	&.button--splitTrigger:not(.button--provider) > .button-menu{
		&:hover,
		&:focus,
		&:active{
			background-color: darken(@color, 5%);
		}
	}
	*/
}
.toggleButton > input:checked + span:not(.button--provider):hover,
.toggleButton > input:checked + span:not(.button--provider):focus,
.toggleButton > input:checked + span:not(.button--provider):active {
  background-color: #7fa428;
}
.block-header .button.button--link {
  background: rgba(255, 255, 255, 0.1);
  color: inherit;
  border-color: rgba(255, 255, 255, 0.4);
}
.block-header .button.button--link:hover {
  background: rgba(255, 255, 255, 0.2);
}
:root {
  --xenfocus-version: '2.2.4';
  --xenfocus-date: 'March 12, 2021';
}
@media (max-width: 480px) {
  :root {
    --responsive: 'max-width responsiveNarrow';
  }
}
@media (min-width: 481px) and (max-width: 650px) {
  :root {
    --responsive: 'max-width responsiveMedium';
  }
}
@media (min-width: 651px) and (max-width: 900px) {
  :root {
    --responsive: 'max-width responsiveWide';
  }
}
@media (min-width: 901px) {
  :root {
    --responsive: 'Larger than responsiveWide';
  }
}
.xenfocus-color-picker li:nth-child(1) {
  background: #9b4339;
}
.xenfocus-color-picker li:nth-child(1):before {
  content: "Strawberry";
}
.xenfocus-color-picker li:nth-child(2) {
  background: #736658;
}
.xenfocus-color-picker li:nth-child(2):before {
  content: "Chocolate";
}
.xenfocus-color-picker li:nth-child(3) {
  background: #22333c;
}
.xenfocus-color-picker li:nth-child(3):before {
  content: "Midnight";
}
.xenfocus-color-picker li:nth-child(4) {
  background: #55728b;
}
.xenfocus-color-picker li:nth-child(4):before {
  content: "Slate";
}
.xenfocus-color-picker li:nth-child(5) {
  background: #336ea6;
}
.xenfocus-color-picker li:nth-child(5):before {
  content: "Blueberry";
}
.xenfocus-color-picker li:nth-child(6) {
  background: #46a468;
}
.xenfocus-color-picker li:nth-child(6):before {
  content: "Emerald";
}
/*
	----------------
	- Translate
	----------------
*/
html[lang="en-GB"] h4[data-focus-text="Choose color"]:after {
  content: 'Choose colour';
}
/*
	----------------
	- Global
	----------------
*/
.p-body {
  background-color: rgba(255, 255, 255, 0.9);
}
/*
	----------------
	- Colour Picker
	----------------
*/
#xenfocus-color-picker {
  display: none;
}
.xenfocus-color-picker {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  margin: 0;
  padding: 12px;
  text-align: center;
  color: #fff;
  line-height: 70px;
  list-style: none;
  text-shadow: rgba(0, 0, 0, 0.16) 0px -1px 0px;
}
.xenfocus-color-picker li {
  flex: 0 0 auto;
  border-radius: 3px;
  margin: 3px;
  padding: 0;
  width: calc(99.9% / 6  - 6px);
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.1);
}
.xenfocus-color-picker li:nth-child(n + 7) {
  display: none;
}
@media (max-width: 700px) {
  .xenfocus-color-picker li {
    width: calc(25% - 6px);
  }
}
@media (max-width: 440px) {
  .xenfocus-color-picker li {
    width: calc(50% - 6px);
  }
}
.xenfocus-color-picker li:hover {
  box-shadow: inset rgba(255, 255, 255, 0.25) 0px 100px 0;
}
:root {
  --ortem: #2a95c5;
}
.focus-content,
.p-breadcrumbs,
.block-header,
.block-minorHeader,
#XF .node-icon i,
#XF .node--unread .node-icon i,
#XF .node--read .node-icon i,
.node--link .node-icon i,
.message-cell.message-cell--user,
.button.button--primary,
a.button.button--primary,
.button.button--primary:not(.button--splitTrigger):hover,
.button.button--cta,
a.button.button--cta,
.button.button--cta:not(.button--splitTrigger):hover,
a.button.button--cta:not(.button--splitTrigger):hover,
.button.button--cta:not(.button--splitTrigger):active,
a.button.button--cta:not(.button--splitTrigger):active,
.actionBar-set.actionBar-set--external .actionBar-action,
.actionBar-set.actionBar-set--external .actionBar-action:hover,
.pageNav-page.pageNav-page--current,
.p-footer {
  background-color: #2a95c5;
  background-color: var(--ortem);
}
.focus-editor-open .focus-content,
.focus-editor-open .p-breadcrumbs,
.focus-editor-open .block-header,
.focus-editor-open .block-minorHeader,
.focus-editor-open #XF .node-icon i,
.focus-editor-open #XF .node--unread .node-icon i,
.focus-editor-open #XF .node--read .node-icon i,
.focus-editor-open .node--link .node-icon i,
.focus-editor-open .message-cell.message-cell--user,
.focus-editor-open .button.button--primary,
.focus-editor-open a.button.button--primary,
.focus-editor-open .button.button--primary:not(.button--splitTrigger):hover,
.focus-editor-open .button.button--cta,
.focus-editor-open a.button.button--cta,
.focus-editor-open .button.button--cta:not(.button--splitTrigger):hover,
.focus-editor-open a.button.button--cta:not(.button--splitTrigger):hover,
.focus-editor-open .button.button--cta:not(.button--splitTrigger):active,
.focus-editor-open a.button.button--cta:not(.button--splitTrigger):active,
.focus-editor-open .actionBar-set.actionBar-set--external .actionBar-action,
.focus-editor-open .actionBar-set.actionBar-set--external .actionBar-action:hover,
.focus-editor-open .pageNav-page.pageNav-page--current,
.focus-editor-open .p-footer {
  transition: background-color 0.3s linear;
}
.p-nav-list .p-navEl.is-selected {
  color: var(--ortem);
}
.focus-editor-open .p-nav-list .p-navEl.is-selected {
  transition: color 0.3s linear;
}
.p-breadcrumbs,
.block-header,
.block-minorHeader,
.p-footer {
  background-image: url('../styles/xenfocus/ortem/pattern.png');
  background-repeat: repeat;
  background-size: auto;
  background-position: 50% 50%;
}
.focus-footer + .footer-bottom-wrap {
  background-color: rgba(0, 0, 0, 0.1);
}
.pageNav-page.pageNav-page--current,
.p-breadcrumbs::before,
.button.button--primary,
a.button.button--primary,
.button.button--cta,
a.button.button--cta,
.actionBar-set.actionBar-set--external .actionBar-action {
  border-color: rgba(0, 0, 0, 0.15);
}
.message-cell.message-cell--user {
  background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.95), rgba(255, 255, 255, 0.95));
}
.button.button--primary:not(.button--splitTrigger):hover,
.button.button--cta:not(.button--splitTrigger):hover,
a.button.button--cta:not(.button--splitTrigger):hover,
.actionBar-set.actionBar-set--external .actionBar-action:hover {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.1), rgba(0, 0, 0, 0.1));
}
/*
	----------------
	- Header
	----------------
*/
#header {
  position: -webkit-sticky;
  position: sticky;
  top: 0;
}
html[data-focus-bg='1'] #header {
  background-color: #333;
  background-image: url(https://thesims.cc/styles/new/xenforo/header/header-2020 winter.jpg?v=1);
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-attachment: scroll;
}
html[data-focus-bg='2'] #header {
  background-color: #333;
  background-image: url(../styles/xenfocus/ortem/backgrounds/trees_v-1.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: scroll;
}
html[data-focus-bg='3'] #header {
  background-color: #333;
  background-image: url(../styles/xenfocus/ortem/backgrounds/city_v-1.jpg);
  background-size: cover;
  background-position: 50% 50%;
  background-repeat: repeat;
  background-attachment: scroll;
}
html[data-focus-bg='4'] #header {
  background-color: #888;
}
html[data-focus-bg='5'] #header {
  background-color: #aaa;
}
html[data-focus-bg='6'] #header {
  background-color: #aaa;
}
html[data-focus-bg='7'] #header {
  background-color: #888;
}
html[data-focus-bg='8'] #header {
  background-color: #666;
}
html[data-focus-bg='9'] #header {
  background-color: #444;
}
html[data-focus-bg='10'] #header {
  background-color: #222;
}
.focus-content {
  transform: translate(0, 0);
}
.p-footer {
  position: relative;
  transform: translate(0, 0);
}
/*
	----------------
	- Search
	----------------
*/
.focus-search {
  border-top-width: 0px;
  border-bottom-width: 0px;
}
/*
	----------------
	- Breadcrumbs
	----------------
*/
/*
	----------------
	- Footer
	----------------
*/
.p-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.15);
}
/*
	----------------
	- Blocks
	----------------
*/
/*
	----------------
	- Other
	----------------
*/
.message-content a {
  text-decoration: underline;
}
.bbstyle-thesims {
  padding: 2px 2px 2px 35px;
  min-height: 22px;
  margin-top: 8px;
  font-weight: bold;
}
.bbstyle-info {
  border: 2px solid #396dd7;
  background: #d0e2fa url('../data/styles/bb/blue.png') 4px 2px no-repeat;
}
.bbstyle-ok {
  border: 2px solid #2e7929;
  background: #e5fce3 url('../data/styles/bb/green.png') 4px 2px no-repeat;
}
.bbstyle-error {
  border: 2px solid #910d0b;
  background: #ffd9d8 url('../data/styles/bb/red.png') 4px 2px no-repeat;
}
.bbstyle-warning {
  border: 2px solid #d49d00;
  background: #fcf4dd url('../data/styles/bb/yellow.png') 4px 2px no-repeat;
}
.bb-cut-text {
  display: none;
}
.fbi-content {
  position: relative;
  max-width: 800px;
  max-height: 800px;
  margin: auto;
  overflow: hidden;
  display: inline-block;
}
.fbi-content .fbi-content-overlay {
  background: rgba(0, 0, 0, 0.7);
  position: absolute;
  height: 100%;
  width: 100%;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  opacity: 0;
  -webkit-transition: all 0.4s ease-in-out 0s;
  -moz-transition: all 0.4s ease-in-out 0s;
  transition: all 0.4s ease-in-out 0s;
}
.fbi-content:hover .fbi-content-overlay {
  opacity: 1;
}
.fbi-content-image {
  max-height: 800px;
}
.fbi-content-details {
  position: absolute;
  text-align: center;
  padding-left: 1em;
  padding-right: 1em;
  width: 100%;
  top: 50%;
  left: 50%;
  opacity: 0;
  -webkit-transform: translate(-50%, -50%);
  -moz-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  -webkit-transition: all 0.3s ease-in-out 0s;
  -moz-transition: all 0.3s ease-in-out 0s;
  transition: all 0.3s ease-in-out 0s;
}
.fbi-content:hover .fbi-content-details {
  top: 50%;
  left: 50%;
  opacity: 1;
}
.fbi-content-details h3 {
  color: #fff;
  font-weight: 500;
  letter-spacing: 0.15em;
  margin-bottom: 0.5em;
  text-transform: uppercase;
}
.fbi-content-details p {
  color: #fff;
  font-size: 0.8em;
}
.fbi-fadeIn-bottom {
  top: 80%;
}
/** core fancybox css **/
body.compensate-for-scrollbar {
  overflow: hidden;
}
.fancybox-active {
  height: auto;
}
.fancybox-is-hidden {
  left: -9999px;
  margin: 0;
  position: absolute !important;
  top: -9999px;
  visibility: hidden;
}
.fancybox-container {
  -webkit-backface-visibility: hidden;
  height: 100%;
  left: 0;
  outline: none;
  position: fixed;
  -webkit-tap-highlight-color: transparent;
  top: 0;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  transform: translateZ(0);
  width: 100%;
  z-index: 99992;
}
.fancybox-container * {
  box-sizing: border-box;
}
.fancybox-outer,
.fancybox-inner,
.fancybox-bg,
.fancybox-stage {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
}
.fancybox-outer {
  -webkit-overflow-scrolling: touch;
  overflow-y: auto;
}
.fancybox-bg {
  background: #1e1e1e;
  opacity: 0;
  transition-duration: inherit;
  transition-property: opacity;
  transition-timing-function: cubic-bezier(0.47, 0, 0.74, 0.71);
}
.fancybox-is-open .fancybox-bg {
  opacity: .9;
  transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1);
}
.fancybox-infobar,
.fancybox-toolbar,
.fancybox-caption,
.fancybox-navigation .fancybox-button {
  direction: ltr;
  opacity: 0;
  position: absolute;
  transition: opacity .25s ease, visibility 0s ease .25s;
  visibility: hidden;
  z-index: 99997;
}
.fancybox-show-infobar .fancybox-infobar,
.fancybox-show-toolbar .fancybox-toolbar,
.fancybox-show-caption .fancybox-caption,
.fancybox-show-nav .fancybox-navigation .fancybox-button {
  opacity: 1;
  transition: opacity .25s ease 0s, visibility 0s ease 0s;
  visibility: visible;
}
.fancybox-infobar {
  color: #ccc;
  font-size: 13px;
  -webkit-font-smoothing: subpixel-antialiased;
  height: 44px;
  left: 0;
  line-height: 44px;
  min-width: 44px;
  mix-blend-mode: difference;
  padding: 0 10px;
  pointer-events: none;
  top: 0;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.fancybox-toolbar {
  right: 0;
  top: 0;
}
.fancybox-stage {
  direction: ltr;
  overflow: visible;
  transform: translateZ(0);
  z-index: 99994;
}
.fancybox-is-open .fancybox-stage {
  overflow: hidden;
}
.fancybox-slide {
  -webkit-backface-visibility: hidden;
  /* Using without prefix would break IE11 */
  display: none;
  height: 100%;
  left: 0;
  outline: none;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: absolute;
  text-align: center;
  top: 0;
  transition-property: transform, opacity;
  white-space: normal;
  width: 100%;
  z-index: 99994;
}
.fancybox-slide::before {
  content: '';
  display: inline-block;
  font-size: 0;
  height: 100%;
  vertical-align: middle;
  width: 0;
}
.fancybox-is-sliding .fancybox-slide,
.fancybox-slide--previous,
.fancybox-slide--current,
.fancybox-slide--next {
  display: block;
}
.fancybox-slide--image {
  overflow: hidden;
  padding: 44px 0;
}
.fancybox-slide--image::before {
  display: none;
}
.fancybox-slide--html {
  padding: 6px;
}
.fancybox-content {
  background: #fff;
  display: inline-block;
  margin: 0;
  max-width: 100%;
  overflow: auto;
  -webkit-overflow-scrolling: touch;
  padding: 44px;
  position: relative;
  text-align: left;
  vertical-align: middle;
}
.fancybox-slide--image .fancybox-content {
  animation-timing-function: cubic-bezier(0.5, 0, 0.14, 1);
  -webkit-backface-visibility: hidden;
  background: transparent;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  left: 0;
  max-width: none;
  overflow: visible;
  padding: 0;
  position: absolute;
  top: 0;
  -ms-transform-origin: top left;
  transform-origin: top left;
  transition-property: transform, opacity;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  z-index: 99995;
}
.fancybox-can-zoomOut .fancybox-content {
  cursor: zoom-out;
}
.fancybox-can-zoomIn .fancybox-content {
  cursor: zoom-in;
}
.fancybox-can-swipe .fancybox-content,
.fancybox-can-pan .fancybox-content {
  cursor: -webkit-grab;
  cursor: grab;
}
.fancybox-is-grabbing .fancybox-content {
  cursor: -webkit-grabbing;
  cursor: grabbing;
}
.fancybox-container [data-selectable='true'] {
  cursor: text;
}
.fancybox-image,
.fancybox-spaceball {
  background: transparent;
  border: 0;
  height: 100%;
  left: 0;
  margin: 0;
  max-height: none;
  max-width: none;
  padding: 0;
  position: absolute;
  top: 0;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  width: 100%;
}
.fancybox-spaceball {
  z-index: 1;
}
.fancybox-slide--video .fancybox-content,
.fancybox-slide--map .fancybox-content,
.fancybox-slide--pdf .fancybox-content,
.fancybox-slide--iframe .fancybox-content {
  height: 100%;
  overflow: visible;
  padding: 0;
  width: 100%;
}
.fancybox-slide--video .fancybox-content {
  background: #000;
}
.fancybox-slide--map .fancybox-content {
  background: #e5e3df;
}
.fancybox-slide--iframe .fancybox-content {
  background: #fff;
}
.fancybox-video,
.fancybox-iframe {
  background: transparent;
  border: 0;
  display: block;
  height: 100%;
  margin: 0;
  overflow: hidden;
  padding: 0;
  width: 100%;
}
/* Fix iOS */
.fancybox-iframe {
  left: 0;
  position: absolute;
  top: 0;
}
.fancybox-error {
  background: #fff;
  cursor: default;
  max-width: 400px;
  padding: 40px;
  width: 100%;
}
.fancybox-error p {
  color: #444;
  font-size: 16px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}
/* Buttons */
.fancybox-button {
  background: rgba(30, 30, 30, 0.6);
  border: 0;
  border-radius: 0;
  box-shadow: none;
  cursor: pointer;
  display: inline-block;
  height: 44px;
  margin: 0;
  padding: 10px;
  position: relative;
  transition: color .2s;
  vertical-align: top;
  visibility: inherit;
  width: 44px;
}
.fancybox-button,
.fancybox-button:visited,
.fancybox-button:link {
  color: #ccc;
}
.fancybox-button:hover {
  color: #fff;
}
.fancybox-button:focus {
  outline: none;
}
.fancybox-button.fancybox-focus {
  outline: 1px dotted;
}
.fancybox-button[disabled],
.fancybox-button[disabled]:hover {
  color: #888;
  cursor: default;
  outline: none;
}
/* Fix IE11 */
.fancybox-button div {
  height: 100%;
}
.fancybox-button svg {
  display: block;
  height: 100%;
  overflow: visible;
  position: relative;
  width: 100%;
}
.fancybox-button svg path {
  fill: currentColor;
  stroke-width: 0;
}
.fancybox-button--play svg:nth-child(2),
.fancybox-button--fsenter svg:nth-child(2) {
  display: none;
}
.fancybox-button--pause svg:nth-child(1),
.fancybox-button--fsexit svg:nth-child(1) {
  display: none;
}
.fancybox-progress {
  background: #ff5268;
  height: 2px;
  left: 0;
  position: absolute;
  right: 0;
  top: 0;
  -ms-transform: scaleX(0);
  transform: scaleX(0);
  -ms-transform-origin: 0;
  transform-origin: 0;
  transition-property: transform;
  transition-timing-function: linear;
  z-index: 99998;
}
/* Close button on the top right corner of html content */
.fancybox-close-small {
  background: transparent;
  border: 0;
  border-radius: 0;
  color: #ccc;
  cursor: pointer;
  opacity: .8;
  padding: 8px;
  position: absolute;
  right: -12px;
  top: -44px;
  z-index: 401;
}
.fancybox-close-small:hover {
  color: #fff;
  opacity: 1;
}
.fancybox-slide--html .fancybox-close-small {
  color: currentColor;
  padding: 10px;
  right: 0;
  top: 0;
}
.fancybox-slide--image.fancybox-is-scaling .fancybox-content {
  overflow: hidden;
}
.fancybox-is-scaling .fancybox-close-small,
.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small {
  display: none;
}
/* Navigation arrows */
.fancybox-navigation .fancybox-button {
  background-clip: content-box;
  height: 100px;
  opacity: 0;
  position: absolute;
  top: calc(50% - 50px);
  width: 70px;
}
.fancybox-navigation .fancybox-button div {
  padding: 7px;
}
.fancybox-navigation .fancybox-button--arrow_left {
  left: 0;
  left: env(safe-area-inset-left);
  padding: 31px 26px 31px 6px;
}
.fancybox-navigation .fancybox-button--arrow_right {
  padding: 31px 6px 31px 26px;
  right: 0;
  right: env(safe-area-inset-right);
}
/* Caption */
.fancybox-caption {
  background: linear-gradient(to top, rgba(0, 0, 0, 0.85) 0%, rgba(0, 0, 0, 0.3) 50%, rgba(0, 0, 0, 0.15) 65%, rgba(0, 0, 0, 0.075) 75.5%, rgba(0, 0, 0, 0.037) 82.84999999999999%, rgba(0, 0, 0, 0.019) 88%, rgba(0, 0, 0, 0) 100%);
  bottom: 0;
  color: #eee;
  font-size: 14px;
  font-weight: 400;
  left: 0;
  line-height: 1.5;
  padding: 75px 44px 25px 44px;
  pointer-events: none;
  right: 0;
  text-align: center;
  z-index: 99996;
}
@supports (padding: max(0px)) {
  .fancybox-caption {
    padding: 75px max(44px, env(safe-area-inset-right)) max(25px, env(safe-area-inset-bottom)) max(44px, env(safe-area-inset-left));
  }
}
.fancybox-caption--separate {
  margin-top: -50px;
}
.fancybox-caption__body {
  max-height: 50vh;
  overflow: auto;
  pointer-events: all;
}
.fancybox-caption a,
.fancybox-caption a:link,
.fancybox-caption a:visited {
  color: #ccc;
  text-decoration: none;
}
.fancybox-caption a:hover {
  color: #fff;
  text-decoration: underline;
}
/* Loading indicator */
.fancybox-loading {
  animation: fancybox-rotate 1s linear infinite;
  background: transparent;
  border: 4px solid #888;
  border-bottom-color: #fff;
  border-radius: 50%;
  height: 50px;
  left: 50%;
  margin: -25px 0 0 -25px;
  opacity: .7;
  padding: 0;
  position: absolute;
  top: 50%;
  width: 50px;
  z-index: 99999;
}
@keyframes fancybox-rotate {
  100% {
    transform: rotate(360deg);
  }
}
/* Transition effects */
.fancybox-animated {
  transition-timing-function: cubic-bezier(0, 0, 0.25, 1);
}
/* transitionEffect: slide */
.fancybox-fx-slide.fancybox-slide--previous {
  opacity: 0;
  transform: translate3d(-100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--next {
  opacity: 0;
  transform: translate3d(100%, 0, 0);
}
.fancybox-fx-slide.fancybox-slide--current {
  opacity: 1;
  transform: translate3d(0, 0, 0);
}
/* transitionEffect: fade */
.fancybox-fx-fade.fancybox-slide--previous,
.fancybox-fx-fade.fancybox-slide--next {
  opacity: 0;
  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
}
.fancybox-fx-fade.fancybox-slide--current {
  opacity: 1;
}
/* transitionEffect: zoom-in-out */
.fancybox-fx-zoom-in-out.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(1.5, 1.5, 1.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0.5, 0.5, 0.5);
}
.fancybox-fx-zoom-in-out.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1);
}
/* transitionEffect: rotate */
.fancybox-fx-rotate.fancybox-slide--previous {
  opacity: 0;
  -ms-transform: rotate(-360deg);
  transform: rotate(-360deg);
}
.fancybox-fx-rotate.fancybox-slide--next {
  opacity: 0;
  -ms-transform: rotate(360deg);
  transform: rotate(360deg);
}
.fancybox-fx-rotate.fancybox-slide--current {
  opacity: 1;
  -ms-transform: rotate(0deg);
  transform: rotate(0deg);
}
/* transitionEffect: circular */
.fancybox-fx-circular.fancybox-slide--previous {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(-100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--next {
  opacity: 0;
  transform: scale3d(0, 0, 0) translate3d(100%, 0, 0);
}
.fancybox-fx-circular.fancybox-slide--current {
  opacity: 1;
  transform: scale3d(1, 1, 1) translate3d(0, 0, 0);
}
/* transitionEffect: tube */
.fancybox-fx-tube.fancybox-slide--previous {
  transform: translate3d(-100%, 0, 0) scale(0.1) skew(-10deg);
}
.fancybox-fx-tube.fancybox-slide--next {
  transform: translate3d(100%, 0, 0) scale(0.1) skew(10deg);
}
.fancybox-fx-tube.fancybox-slide--current {
  transform: translate3d(0, 0, 0) scale(1);
}
/* Styling for Small-Screen Devices */
@media all and (max-height: 576px) {
  .fancybox-slide {
    padding-left: 6px;
    padding-right: 6px;
  }
  .fancybox-slide--image {
    padding: 6px 0;
  }
  .fancybox-close-small {
    right: -6px;
  }
  .fancybox-slide--image .fancybox-close-small {
    background: #4e4e4e;
    color: #f2f4f6;
    height: 36px;
    opacity: 1;
    padding: 6px;
    right: 0;
    top: 0;
    width: 36px;
  }
  .fancybox-caption {
    padding-left: 12px;
    padding-right: 12px;
  }
  @supports (padding: max(0px)) {
    .fancybox-caption {
      padding-left: max(12px, env(safe-area-inset-left));
      padding-right: max(12px, env(safe-area-inset-right));
    }
  }
}
/* Share */
.fancybox-share {
  background: #f4f4f4;
  border-radius: 3px;
  max-width: 90%;
  padding: 30px;
  text-align: center;
}
.fancybox-share h1 {
  color: #222;
  font-size: 35px;
  font-weight: 700;
  margin: 0 0 20px 0;
}
.fancybox-share p {
  margin: 0;
  padding: 0;
}
.fancybox-share__button {
  border: 0;
  border-radius: 3px;
  display: inline-block;
  font-size: 14px;
  font-weight: 700;
  line-height: 40px;
  margin: 0 5px 10px 5px;
  min-width: 130px;
  padding: 0 15px;
  text-decoration: none;
  transition: all .2s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  white-space: nowrap;
}
.fancybox-share__button:visited,
.fancybox-share__button:link {
  color: #fff;
}
.fancybox-share__button:hover {
  text-decoration: none;
}
.fancybox-share__button--fb {
  background: #3b5998;
}
.fancybox-share__button--fb:hover {
  background: #344e86;
}
.fancybox-share__button--pt {
  background: #bd081d;
}
.fancybox-share__button--pt:hover {
  background: #aa0719;
}
.fancybox-share__button--tw {
  background: #1da1f2;
}
.fancybox-share__button--tw:hover {
  background: #0d95e8;
}
.fancybox-share__button svg {
  height: 25px;
  margin-right: 7px;
  position: relative;
  top: -1px;
  vertical-align: middle;
  width: 25px;
}
.fancybox-share__button svg path {
  fill: #fff;
}
.fancybox-share__input {
  background: transparent;
  border: 0;
  border-bottom: 1px solid #d7d7d7;
  border-radius: 0;
  color: #5d5b5b;
  font-size: 14px;
  margin: 10px 0 0 0;
  outline: none;
  padding: 10px 15px;
  width: 100%;
}
/* Thumbs */
.fancybox-thumbs {
  background: #ddd;
  bottom: 0;
  display: none;
  margin: 0;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  padding: 2px 2px 4px 2px;
  position: absolute;
  right: 0;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  top: 0;
  width: 212px;
  z-index: 99995;
}
.fancybox-thumbs-x {
  overflow-x: auto;
  overflow-y: hidden;
}
.fancybox-show-thumbs .fancybox-thumbs {
  display: block;
}
.fancybox-show-thumbs .fancybox-inner {
  right: 212px;
}
.fancybox-thumbs__list {
  font-size: 0;
  height: 100%;
  list-style: none;
  margin: 0;
  overflow-x: hidden;
  overflow-y: auto;
  padding: 0;
  position: absolute;
  position: relative;
  white-space: nowrap;
  width: 100%;
}
.fancybox-thumbs-x .fancybox-thumbs__list {
  overflow: hidden;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar {
  width: 7px;
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track {
  background: #fff;
  border-radius: 10px;
  box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.3);
}
.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb {
  background: #2a2a2a;
  border-radius: 10px;
}
.fancybox-thumbs__list a {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  background-color: rgba(0, 0, 0, 0.1);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  cursor: pointer;
  float: left;
  height: 75px;
  margin: 2px;
  max-height: calc(100% - 8px);
  max-width: calc(50% - 4px);
  outline: none;
  overflow: hidden;
  padding: 0;
  position: relative;
  -webkit-tap-highlight-color: transparent;
  width: 100px;
}
.fancybox-thumbs__list a::before {
  border: 6px solid #ff5268;
  bottom: 0;
  content: '';
  left: 0;
  opacity: 0;
  position: absolute;
  right: 0;
  top: 0;
  transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.9399999999999999);
  z-index: 99991;
}
.fancybox-thumbs__list a:focus::before {
  opacity: .5;
}
.fancybox-thumbs__list a.fancybox-thumbs-active::before {
  opacity: 1;
}
/* Styling for Small-Screen Devices */
@media all and (max-width: 576px) {
  .fancybox-thumbs {
    width: 110px;
  }
  .fancybox-show-thumbs .fancybox-inner {
    right: 110px;
  }
  .fancybox-thumbs__list a {
    max-width: calc(100% - 10px);
  }
}
.award-icon {
  height: 45px;
}
.award-count {
  display: block;
  font-size: 13px;
  border-radius: 25%;
  position: absolute;
  top: 30px;
  left: 32px;
  padding: 0px 5px;
}
.award-block .contentRow-figure.contentRow-figure--fixedSmall {
  min-width: 45px;
  margin-top: 15px;
  position: relative;
}
.award-block .contentRow {
  flex-wrap: wrap;
}
.award-block h3 {
  margin-left: 10px;
}
.award-block .memberHeader-actionTop {
  margin-top: 10px;
}
.award-block.block-row {
  padding-top: 0;
}
.align-center-cell {
  text-align: center !important;
}
.award-actions {
  min-width: 200px;
}
.menu-content img.alert-award-icon {
  float: right;
  margin: 5px;
}
.user-award-history .block-container {
  padding: 10px;
}
.user-award,
.p-body-sideNav .p-awards-sideNavInner {
  margin-bottom: 20px;
}
.award-meta {
  background: #eaeaea;
  padding: 6px;
}
.award-content {
  padding: 10px;
  min-height: 50px;
}
.award-image {
  width: 50px;
  float: left;
}
li[aria-labelledby="awards"] .blockMessage {
  margin-bottom: 300px;
}
.p-body-awards-main .categoryList-label {
  float: right;
}
.menu .quick-alert {
  text-align: center;
}
.menu .quick-alert span {
  display: block;
}
.trophies-list .trophy-icon {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 90px;
  margin: 5px 10px;
}
.trophies-list .trophy-icon a {
  width: 65px;
}
.trophies-list .trophy-item .contentRow {
  flex-wrap: wrap;
  align-items: baseline;
}
.trophy-history {
  background: #ebebeb;
  border-top: 1px solid #e0e0e0;
}
.trophy-history .block-outer {
  padding-left: 12px;
  padding-bottom: 12px;
  margin-top: 20px;
}
.trophy-item .contentRow {
  align-items: center;
}
.trophy-history .trophy-item.block-row {
  padding-top: 20px;
  padding-bottom: 20px;
}
.trophy-history .trophy-item.block-row .contentRow-main {
  display: flex;
  flex-flow: wrap;
  align-content: center;
  align-self: flex-start;
  position: relative;
}
.trophy-history .trophy-item.block-row .contentRow-extra {
  position: absolute;
  right: 0;
  top: 0;
}
.trophy-history .trophy-item.block-row .contentRow-header,
.trophy-history .trophy-item.block-row .contentRow-minor {
  width: 100%;
}
.trophy-points {
  display: flex;
  align-self: center;
  justify-content: center;
}
.trophy-icon,
.trophy-icon--sm {
  position: relative;
  margin-left: 10px;
}
.trophy-icon img,
.trophy-icon--sm img {
  max-height: none !important;
}
.trophy-count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  background: #2a95c5;
  box-shadow: 0 0 2px #fff, 0 0 10px #fff, 0 0 4px #ffffff, 0 0 5px #ffffff;
  color: #ffffff;
  font-size: 13px;
  font-weight: 600;
  border-radius: 50%;
  position: absolute;
  top: -4px;
  right: 4px;
  width: 25px;
  height: 25px;
  max-width: 25px;
  max-height: 25px;
}
.trophy-icon--sm .trophy-count {
  top: -4px;
  right: -5px;
}
.trophy-title {
  margin-top: 5px;
  font-size: 12px;
  font-weight: 600;
  white-space: pre-line;
  color: #626262;
}
.trophies-flex-list {
  display: flex;
  flex-wrap: wrap;
}
.trophies-flex-list .trophy-item {
  width: 33%;
}
.overlay-container .trophy-item {
  padding: 0;
}
@media (max-width: 1500px) {
  .trophies-flex-list .trophy-item {
    width: 50%;
  }
}
@media (max-width: 1000px) {
  .trophies-flex-list .trophy-item {
    width: 100%;
  }
}
.prefix-custom {
  padding: 0 0 0 20px!important;
  height: 20px;
  width: 20px;
  color: #f4f4f4 !important;
}
.prefix-for-man {
  background: url(../data/prefix/m.png) no-repeat !important;
}
.prefix-for-woman {
  background: url(../data/prefix/w.png) no-repeat !important;
}
.prefix-for-child {
  background: url(../data/prefix/c.png) no-repeat !important;
}
.prefix-aks {
  background: url(../data/prefix/aks.png) no-repeat !important;
}
.prefix-nat {
  background: url(../data/prefix/nat.png) no-repeat !important;
}
.prefix-gen {
  background: url(../data/prefix/gen.png) no-repeat !important;
}
.prefix-other {
  background: url(../data/prefix/other.png) no-repeat !important;
}
.prefix-store {
  background: url(../data/prefix/store.png) no-repeat !important;
}
.prefix-buy {
  background: url(../data/prefix/buy.png) no-repeat !important;
}
.prefix-build {
  background: url(../data/prefix/build.png) no-repeat !important;
}
.prefix-lot {
  background: url(../data/prefix/lot.png) no-repeat !important;
}
.prefix-animal {
  background: url(../data/prefix/animal.png) no-repeat !important;
}
.prefix-pose {
  background: url(../data/prefix/pose.png) no-repeat !important;
}
.prefix-texture {
  background: url(../data/prefix/texture.png) no-repeat !important;
}
.prefix-role {
  font-style: italic;
  font-family: Georgia, serif;
}
.prefix-bridzh {
  background: #1f279b;
  color: #b1b6f9;
  border: 2px solid #b1b6f9;
}
.prefix-moonlight {
  background: #447B04;
  color: #a5d668;
  border: 2px solid #a5d668;
}
.prefix-isla {
  background: #50C0C7;
  color: #ccfcff;
  border: 2px solid #ccfcff;
}
.prefix-aurora {
  background: #4479CF;
  color: #c4daff;
  border: 2px solid #c4daff;
}
.prefix-midnight {
  background: #ca1000;
  color: #ffd8d5;
  border: 2px solid #ff5454;
}
.prefix-twinbrook {
  background: #FFD012;
  color: #ad8a00;
  border: 2px solid #ffeb9b;
}
.prefix-ostrov-1 {
  background: #4cbf5c;
  color: #ffffff;
  border: 2px solid #63c979;
}
.prefix-ostrov-2 {
  background: #b14343;
  color: #ffffff;
  border: 2px solid #c85e5c;
}
.prefix-ostrov-3 {
  background: #4059b3;
  color: #ffffff;
  border: 2px solid #597cce;
}
.prefix-ostrov-4 {
  background: #bf9c47;
  color: #ffffff;
  border: 2px solid #cfb05a;
}
.prefix-ostrov-5 {
  background: #a948b2;
  color: #ffffff;
  border: 2px solid #c264ca;
}
@supports (display: grid) {
  @media (min-width: 900px) {
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body {
      grid-template-columns: repeat(3, 1fr);
      grid-template-areas: none;
    }
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(1),
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(2),
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(3),
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(4),
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(5) {
      grid-area: initial;
    }
  }
  @media (min-width: 1200px) {
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body {
      grid-template-columns: repeat(4, 1fr);
    }
  }
  @media (min-width: 1500px) {
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body {
      grid-template-columns: repeat(5, 1fr);
    }
  }
  @media (min-width: 650px) {
    .p-body-main:not(.p-body-main--withSidebar) .block--previews .block-body > .message--articlePreview:nth-of-type(1) {
      grid-area: initial;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-main {
      flex-direction: inherit;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-image {
      width: 100%;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-meta {
      border-top: solid 1px #d9d9d9;
    }
    .block--previews .block-body > .message--articlePreview:first-of-type .articlePreview-title {
      font-size: 18px;
    }
  }
}
.message--articlePreview {
  justify-content: space-between;
}
.articlePreview-content .message-userContent {
  min-height: 120px;
}
.message.message--articlePreview:hover {
  background: #efefef;
  box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px;
}
.message.message--articlePreview:hover .articlePreview-text .bbWrapper:after {
  background: linear-gradient(to right, rgba(244, 244, 244, 0), #efefef);
}
.message--articlePreview .articlePreview-image:after {
  padding-bottom: 60%;
}
.block--articles .message {
  margin-top: 12px;
}
.block--articles .block-filterBar {
  display: none;
}
html[data-template="thread_view_type_article"] .p-title-value {
  font-size: 26px;
  font-weight: 600;
}
.focus-content {
  background-color: #fdfdfd;
}
body .p-body {
  background-color: #fdfdfd;
}
body .p-footer {
  background-color: #10739b;
}
.block-tabHeader {
  background-color: #2a95c5 !important;
}
.template-forum_list .focus-breadcrumb {
  display: none;
}
.message--post .message-avatar .avatar,
.message--conversationMessage .message-avatar .avatar {
  vertical-align: bottom;
  width: 170px;
  height: 170px;
  border-radius: 0px;
}
.avatar img {
  background-color: transparent;
}
.avatar::after {
  border: none;
  box-shadow: none;
}
.node-icon2 {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
  width: 80px;
}
.notices.notices--block .notice {
  background: none !important;
  border: none;
  display: inline-flex;
}
.message.message--post .message-cell {
  padding: 0;
}
.approvalQueue-item .message-cell.message-cell--main,
.message.message--post .message-cell.message-cell--main {
  padding: 7px 10px 10px 10px;
  box-shadow: inset 0 -25px 20px -20px #e3e3e3;
}
.approvalQueue-item .message-cell .message-user,
.message.message--post .message-cell .message-user {
  padding: 18px 10px;
  color: #ffffff;
}
.approvalQueue-item .message-cell .message-user a,
.message.message--post .message-cell .message-user a {
  color: #ffffff;
}
.approvalQueue-item .message-cell .message-user .pairs > dt,
.message.message--post .message-cell .message-user .pairs > dt {
  color: #ffffff;
}
.approvalQueue-item .message-cell.message-cell--user {
  padding: 0;
}
.message-cell.message-cell--user {
  background: linear-gradient(180deg, #32a4d1, #3382c5);
}
.message-name {
  padding: 7px;
  background-color: #f4f4f4;
  margin-top: 0;
  font-size: 14px;
}
.p-body {
  background-color: #ffffff;
}
.p-body-header {
  border: none;
  box-shadow: none;
  background: transparent;
}
.block-container {
  border: none;
}
.message--simple .message-cell.message-cell--user {
  flex: 0 0 120px;
}
@media (max-width: 650px) {
  .message:not(.message--forceColumns) .message-name {
    text-align: center;
    margin-bottom: 0;
  }
  .block--messages .message-inner .message-cell .message-user {
    padding: 10px;
  }
}
.message-content a,
.message-body a,
.dataList a,
.alert a,
.award-meta a {
  color: #25a8e0;
  text-decoration: none;
}
.message-content a:hover,
.message-body a:hover,
.dataList a:hover,
.alert a:hover,
.award-meta a:hover {
  color: #8ecb32;
}
.message-userContent {
  min-height: 220px;
}
.bbCodeBlock {
  border: none;
  padding: 0;
  margin: 1em 0;
  background: #d7eafc;
}
.bbCodeBlock .bbCodeBlock-title {
  padding: 2px 12px;
  font-size: 11px;
  background: #24a8e0;
}
.bbCodeBlock .bbCodeBlock-title a {
  color: #fdfdfd;
}
.bbCodeBlock.bbCodeBlock--spoiler {
  background: none;
}
.bbCodeBlock--spoiler .spoiler--no-padding {
  padding: 6px 0;
}
.bbCodeBlock.bbCodeBlock--unfurl {
  background: #f4f5f5 !important;
  padding: 6px !important;
}
.onlineMarker {
  position: absolute;
  background-image: url(../styles/cc/on-line.jpg);
  background-repeat: repeat-x;
  background-position: center;
  border-style: none;
  border-color: transparent;
  top: 35px;
  left: 0;
  width: 100%;
  height: 7px;
}
.structItemContainer-group--sticky::before,
.structItemContainer-group--sticky::after {
  background: #2a95c5;
  color: #fbfbfb;
}
.node--unread .node-title::before,
.message-newIndicator,
a.message-newIndicator,
.bbCodeSpoiler-button.button {
  background: #8ecb32 !important;
}
.bbCodeSpoiler-button.button {
  border-color: #eaeaea;
  padding-top: 5px;
  padding-bottom: 5px;
}
@media (max-width: 650px) {
  .p-header-logo {
    width: auto;
  }
  .xenfocus-social {
    display: none;
  }
}
@media (max-width: 900px) {
  .p-navgroup-link.p-navgroup-link--register {
    max-width: none;
  }
  .p-navgroup-link {
    padding: 8px 10px;
  }
}
@media (max-width: 480px) {
  .block-outer:not(.block-outer--after) .block-outer-main .pageNavWrapper {
    display: block;
  }
}
.message.is-mod-selected .message-cell--user {
  background: #175a77 !important;
}
.p-staffBar {
  color: #252525;
  background: #f1f1f1;
}
.p-staffBar-link:hover {
  background: #e2e2e2;
}
@media (min-width: 650px) {
  .focus-wrap-user {
    align-self: flex-end;
    margin-bottom: 10px;
  }
}
.message-cell--main {
  border-bottom: 2px solid #8ecb32;
}
a.username:hover {
  text-decoration: none;
}
.node-subNodeMenu {
  margin-right: 8px;
}
.node-meta a {
  color: #25a8e0;
}
.dataList-row.dataList-row--subSection {
  background-image: url(https://thesims.cc/data/styles/10/styles/xenfocus/ortem/pattern.png);
  background-repeat: repeat;
  background-size: auto;
  background-color: #25a4da;
}
.dataList-row.dataList-row--subSection .dataList-cell {
  background: none;
  color: #fbfbfb;
}
.buttons-row {
  text-align: right;
  margin-bottom: 10px;
}
#imageUpload-1,
.fr-image-upload-layer {
  display: none !important;
}
.fr-image-by-url-layer {
  display: inline-block !important;
}
.fr-box.fr-basic .fr-element {
  font-size: 14px !important;
}
.message-cell .message-name {
  background: linear-gradient(180deg, #f4f4f4, #e3e3e3);
  box-shadow: rgba(0, 0, 0, 0.06) 0px 0px 8px, rgba(0, 0, 0, 0.08) 1px 1px 3px;
}
.pageNav-page.pageNav-page--current {
  background: #93c128 !important;
}
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen):hover,
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-link:hover,
.p-nav-list .p-navEl:not(.is-selected):not(.is-menuOpen) .p-navEl-splitTrigger:hover {
  color: #2a95c5;
}
.p-nav-list .p-navEl.is-menuOpen {
  background: rgba(33, 156, 205, 0.5);
}
.menu-arrow {
  border-bottom-color: #2ba9db;
}
.menu-content {
  border-top: 3px solid #28a6d9;
}
.menu-linkRow.is-selected,
.menu-linkRow:hover,
.menu-linkRow:focus {
  background: rgba(85, 187, 229, 0.1);
  border-left-color: rgba(40, 171, 223, 0.5);
}
.message-actionBar .actionBar-set .actionBar-action {
  padding: 5px 6px;
}
@media (max-width: 395px) {
  .message-actionBar .actionBar-action {
    margin-left: 0;
  }
}
.is-editing .button:not(.button--primary) {
  background: #9f9f9f;
  border-color: #9f9f9f;
}
.bb-cut {
  line-height: 0;
}
.bb-cut-button {
  cursor: pointer;
}
.bb-cut-text {
  line-height: 1.75;
}
.bbImage {
  vertical-align: middle;
}
.bbImageWrapper {
  max-width: 80%;
}
@media (max-width: 900px) {
  .bbImageWrapper {
    max-width: 100%;
  }
}
.sponsor-widget .avatar.avatar--s {
  width: 42px;
  height: 42px;
}
.sponsor-widget .contentRow-minor {
  margin-top: 10px;
}
.node:hover::before {
  opacity: 0;
}
.tooltip--member .memberTooltip-banners {
  display: none;
}
.node-title a {
  color: #237599;
}
.message--post .message-avatar .avatar {
  height: initial;
  max-height: 170px;
}
.bbCodeSpoiler-content.is-opened {
  display: block;
  opacity: 1;
  height: auto;
  overflow-y: visible;
}
@media (max-width: 900px) {
  .offCanvasMenu.is-active .offCanvasMenu-content {
    overflow: auto;
    height: 100vh;
    min-height: 0;
  }
}