/**
 * Determine whether to use dark or light text on top of given color.
 * Returns black for dark text and white for light text.
 */
/**
 * Calculate the contrast ratio between two colors.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 */
/**
 * Calculate the luminance for a color.
 * See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 */
/*

Theme Name: Mona Style
Theme URI: http://mobilenations.com
Author: Logist
Description: Powered by awesomeness
*/
/*--------------------------------------------------------------
# Normalize
--------------------------------------------------------------*/
html {
  background: transparent;
  overflow: initial;
}

*, *:before, *:after {
  word-break: break-word;
}

body {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  background: #f5f5f5;
  margin: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  color: #363636;
}

.font-loaded--opensans-regular body {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#site-global-wrap.dark {
  background: #1b2122;
  color: #b1b5b6;
}

section#main {
  background: #dee9eb;
}

section#main > .container {
  display: flex;
  align-items: stretch;
  align-content: stretch;
}

#site-global-wrap.dark section#main {
  background: #2f3739;
}

/*
@media (max-width: 768px) {
  section#main {
		background: transparent;
  }
}
*/
body a {
  color: #4AA7CB;
  transition: all ease-in .2s;
}

body a:hover {
  color: #5a5a5a;
}

#ctBoc .dark a {
  color: #4AA7CB;
}

#ctBoc .dark a:hover {
  color: #667578;
}

body a:hover, body a:hover .time, body a:hover .shade, body a:hover .understate {
  text-decoration: none;
}

img {
  max-width: 100%;
  border: 0px;
}

.f_r, .fr {
  float: right !important;
}

.fl {
  float: left;
  font-weight: bold;
}

h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 40px;
  line-height: 1.05;
}

.font-loaded--oswald-regular h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  h1 {
    font-size: 26px;
    line-height: 30px;
    margin: 15px 0 !important;
  }
}

h2 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  font-size: 32px;
  line-height: normal;
}

.font-loaded--oswald-regular h2 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

input[type=text],
input[type=button] {
  -webkit-appearance: none;
}

/*--------------------------------------------------------------
# Header
--------------------------------------------------------------*/
#page-top, .header {
  min-height: 61px;
}

@media screen and (max-width: 640px) {
  #page-top, .header {
    min-height: 48px;
  }
}

@media (max-width: 768px) {
  div#header-swiper-container.swiper-container {
    display: none;
  }
}

.recent-posts .topics {
  /* header fix, bootstrap compatibility */
  box-sizing: content-box !important;
}

/*--------------------------------------------------------------
# Footer
--------------------------------------------------------------*/
.cf-logo {
  margin-top: 20px;
}

.search-box input {
  margin-top: 28px;
  border-radius: 0 !important;
}

.search-box .icon-search {
  top: 33px !important;
  right: -5px !important;
}

.footer__logo {
  text-align: left;
}

/*--------------------------------------------------------------
# Sidebar
--------------------------------------------------------------*/
.sidebar {
  border: 0px;
  display: flex;
  flex-direction: column;
  min-width: 340px;
  float: none;
  padding: 40px 10px 0 30px;
  position: relative;
}

@media (max-width: 992px) {
  .sidebar {
    display: none;
  }
}

.sidebar.collapse {
  width: 18px;
  min-width: 18px;
  padding: 0;
  overflow: visible;
}

.sidebar-close,
.sidebar-reveal {
  display: block;
  position: absolute;
  top: 16px;
  right: 0;
  background: #000;
  text-align: center;
  color: #fff;
  width: 19px;
  height: 19px;
  z-index: 1;
  cursor: pointer;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.sidebar.collapse .sidebar-close {
  display: none;
}

.sidebar-close:before {
  content: '\f105';
}

.sidebar-reveal {
  position: absolute;
  top: 10px;
  right: -6px;
  background: url(/images/buttons/sidebar-reveal.png);
  width: 30px;
  height: 94px;
  display: none;
}

.sidebar.collapse .sidebar-reveal {
  display: block;
}

.sidebar.collapse .sidebar-body {
  display: none;
}

#sidebar-second .sidebar-box {
  background: transparent;
  border: 0;
  text-align: center;
}

#sidebar-second iframe {
  border: 0;
  max-width: initial;
}

.sidebar-inner {
  display: flex;
  flex-direction: column;
  height: 100%;
}

.sidebar-body {
  display: flex;
  justify-content: space-between;
  flex-direction: column;
  height: 100%;
}

.sidebar-section {
  text-align: center;
  flex-grow: 1;
  position: relative;
  display: flex;
  justify-content: center;
  flex-direction: row;
  align-items: flex-start;
  margin-bottom: 15px;
}

.sidebar-section > div {
  top: 60px;
  position: -webkit-sticky;
  position: sticky;
  align-self: flex-start;
}

.sidebar-section:last-of-type {
  flex-grow: 0;
}

.sidebar-section .adunit {
  width: 300px;
  max-width: 300px;
  min-height: 250px;
  display: block;
}

/*--------------------------------------------------------------
# vB Global
--------------------------------------------------------------*/
.p15 {
  padding: 15px;
}

h2,
.blockhead,
.wgo_block,
.blockbody,
#content .blockrow > li,
#content .blockrow > ol,
#content .blockrow > div,
#pictures .blockbody .blockrow,
#group_discussion_inlinemod_form .blockbody .blockrow,
.announcements .announcerow,
#sidebar_container > ul,
.footer {
  border: 0 !important;
  box-shadow: none !important;
}

#sidebar_container .blockrow {
  background: transparent;
}

.blockhead a {
  color: inherit;
}

.block:not(.block-block):not(.views-row):not(.block-mbn-offers):not(.thread_info):not(.vbform),
.blockhead {
  /* not for sidebar ads */
  background: #fff !important;
}

.dark .block:not(.block-block):not(.views-row):not(.block-mbn-offers):not(.thread_info):not(.vbform),
.dark .blockhead {
  background: #414b4c !important;
  color: #fff;
}

.block:not(.block-topic):not(.block-block):not(.views-row):not(.block-mbn-offers):not(.thread_info):not(.vbform) {
  /* not for sidebar ads */
  border-radius: 4px;
  display: table;
  width: 100%;
}

.dark .block:not(.block-block):not(.views-row):not(.block-mbn-offers):not(.thread_info):not(.vbform) {
  color: #fff;
}

.toolsmenu,
.forum_info .blockhead,
.wgo_block .blockhead,
#forum_icon_legend h5,
.blockhead,
h2.searchlisthead {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  background: transparent;
  display: block;
  font-weight: 600;
  color: #5f5f5f;
  font-size: 18px;
  padding: 15px;
  text-transform: uppercase;
  border: 0;
}

.font-loaded--oswald-regular .toolsmenu, .font-loaded--oswald-regular
.forum_info .blockhead, .font-loaded--oswald-regular
.wgo_block .blockhead, .font-loaded--oswald-regular
#forum_icon_legend h5, .font-loaded--oswald-regular
.blockhead, .font-loaded--oswald-regular
h2.searchlisthead {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.blockhead {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}

.dark .toolsmenu,
.dark .wgo_block .blockhead,
.dark #forum_icon_legend h5,
.dark .blockhead,
.dark h2.searchlisthead {
  background: transparent;
  color: #fff;
}

.blocksubhead {
  border: 0;
}

.dark .wgo_block .blockhead,
.dark .wgo_block .blocksubhead,
.dark .blockhead {
  color: #b1b5b6;
}

.blockhead .popupctrl {
  color: inherit;
}

.blockbody:not(.formcontrols) {
  display: table;
  padding: 15px;
  border: 0 !important;
  background: transparent !important;
  width: 100%;
  box-sizing: border-box;
}

.dark .blockbody {
  background: #414b4c;
  color: #b1b5b6;
}

.dark .section a {
  color: #b1b5b6;
}

.blockbody i {
  color: #5D5D5D;
}

.dark .blockbody i {
  color: #b1b5b6;
}

.blockrow {
  padding: 5px 10px 5px 5px;
}

.page-index form#notices {
  margin-bottom: 25px;
}

@media (max-width: 767px) {
  .page-index form#notices {
    margin-bottom: 20px;
  }
}

.notices li {
  box-shadow: none;
  font-size: 16px;
  padding: 15px 25px;
}

.dark .notices li {
  background: #000000 none;
  color: #ffffff;
}

.hide {
  display: none;
}

.popupbody {
  background: #fff;
  border: 0;
}

.poplinks li a,
.poplinks li label,
.popupbody li a,
.popupbody li label {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  color: #000;
  background: #fff;
  padding: 15px;
  text-decoration: none;
  text-align: left;
  white-space: nowrap;
  text-transform: uppercase;
}

.font-loaded--opensans-regular .poplinks li a, .font-loaded--opensans-regular
.poplinks li label, .font-loaded--opensans-regular
.popupbody li a, .font-loaded--opensans-regular
.popupbody li label {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.popupbody li.formsubmit {
  background: #fff none;
}

.poplinks li a:hover {
  background: #f5f5f5;
}

.breadcrumb .navbit {
  background-image: none;
  font-size: 13px;
  padding: 0;
}

@media (max-width: 768px) {
  .breadcrumb .navbit a {
    max-width: 100px;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
  }
}

.breadcrumb .navbit:after {
  content: '\f0da';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  color: #CECECE;
  padding: 0 5px;
  float: right;
  line-height: 25px;
}

.breadcrumb li:last-child a:after,
.breadcrumb .navbithome {
  display: none;
}

.breadcrumb .navbit > a,
.breadcrumb .lastnavbit > span {
  padding: 0;
  float: left;
  display: block;
  line-height: 25px;
}

#breadcrumb_two h1.ptitle {
  display: none;
}

.main-content {
  display: block;
  vertical-align: top;
  padding: 35px 0 0 0;
  width: 100%;
}

@media (max-width: 768px) {
  .main-content {
    padding: 0;
    /*supernav gives us margin*/
    display: block;
  }
}

.page-wrap--no-sidebar .main-content {
  width: 100%;
}

.time {
  color: #3e3e3e;
}

#site-global-wrap.dark .time {
  color: #667578;
}

h1.ptitle {
  clear: both;
  margin: 5px 0 15px 0;
}

.blockfoot, .blocksubfoot {
  background: transparent;
}

.navlinks,
div#footer {
  background: #fff;
  color: #5D5D5D;
  border: 0;
  border-radius: 4px;
  margin: 0 0 15px 0;
}

div#footer {
  margin-top: 12px;
}

.dark .navlinks,
.dark div#footer {
  background: #414b4c;
  color: #667578;
}

div#footer a {
  color: #5D5D5D;
}

.dark div#footer a {
  color: #b1b5b6;
}

.unread {
  font-weight: bold;
}

.blockfoot {
  padding: 15px;
}

.vbform .blockfoot {
  padding-left: 0;
  padding-right: 0;
}

.popupctrl {
  border-radius: 4px !important;
  padding: 5px !important;
  background: transparent !important;
}

.footer_links {
  margin-right: 18px;
  margin-top: 12px;
}

.blockfootpad {
  color: #939393;
  padding: 15px;
}

.shade {
  color: #939393;
}

.dark .toolsmenu div {
  color: #b1b5b6;
}

.toolsmenu .nopopupgroup li a,
.toolsmenu .menuimage a.popupctrl {
  background-image: none;
  line-height: normal;
  padding: 5px;
}

.bg-info {
  background: #FDF9EF;
}

#site-global-wrap.dark .bg-info {
  background: #2f3739;
}

.postbit-lite {
  background: transparent;
}

.postbit-lite .postbithead.likehead {
  max-height: none;
}

.aun {
  margin: 15px 0;
  text-align: center;
}

#above_postlist {
  top: 0;
}

.member_tabs .pagination {
  margin-bottom: 15px;
}

iframe {
  max-width: 100%;
}

.mn-forum-search {
  margin: 0 auto 30px auto;
  max-width: 600px;
}

@media (max-width: 767px) {
  .mn-forum-search {
    margin: 15px;
    max-width: 100%;
  }
}

div#debuginfo div {
  border: 0 !important;
}

/*--------------------------------------------------------------
# Mona Fixes
--------------------------------------------------------------*/
#mp {
  display: table;
  width: 100%;
}

/*--------------------------------------------------------------
# Pagination
--------------------------------------------------------------*/
.pagination {
  background: #fff;
  display: inline-table;
  width: auto;
  border: 1px solid #eeeeee;
  margin: 0;
  float: none;
  border-radius: 4px;
}

#site-global-wrap.dark .pagination {
  background: #2d3c3f;
  border-color: #2d3c3f;
}

@media (max-width: 768px) {
  .pagination {
    background: #fff;
    border-radius: 4px;
  }
}

.above_threadlist .threadpagenav {
  float: none;
  position: relative;
  display: table;
  width: 100%;
}

.threadbit .pagination {
  display: inline-block;
  width: auto;
  margin: 0;
}

.jumptopage input[type=submit] {
  float: right;
}

.pagination span {
  display: inline;
  float: none;
  clear: right;
}

.pagination span a,
.pagination span.selected a,
.pagination span a.popupctrl {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  background: transparent;
  border: 0;
  padding: 0px 15px !important;
  display: inline-block;
  margin: 0;
  color: #5CB8DB;
  height: 38px;
  line-height: 38px;
  box-sizing: border-box;
  font-weight: normal;
}

.font-loaded--opensans-regular .pagination span a, .font-loaded--opensans-regular
.pagination span.selected a, .font-loaded--opensans-regular
.pagination span a.popupctrl {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .pagination span a,
  .pagination span.selected a,
  .pagination span a.popupctrl {
    padding: 0 10px !important;
  }
}

.pagination span a.popupctrl {
  background-image: none;
  color: #5D5D5D;
}

.dark .pagination span a.popupctrl {
  color: #b1b5b6;
}

.pagination span a i.fa {
  line-height: 38px;
}

.pagination span a i.fa-comments {
  display: inline-block;
}

.pagination span a:hover,
.pagination span.selected a {
  border: 0;
  background: #f5f5f5;
}

#site-global-wrap.dark .pagination span a:hover,
#site-global-wrap.dark .pagination span.selected a {
  background: #414b4c;
  color: #fff;
}

.pagination span.prev_next a, .pagination span.first_last a {
  top: 0;
}

.pagination span.selected a {
  color: #C9C9C9;
  background: transparent;
}

.pagination span.selected {
  background: transparent;
}

.pagination .separator {
  display: none;
}

#Leaderboard_Header_ATF-wrap {
  background: transparent;
  padding: 25px 0 0 0;
  margin: 0;
}

body.cb #Leaderboard_Header_ATF-wrap {
  padding-top: 25px;
  margin-bottom: 25px;
}

/*--------------------------------------------------------------
# BootStrap Changes
--------------------------------------------------------------*/
@media (min-width: 993px) and (max-width: 1199px) {
  .container {
    width: calc(100% - 60px);
  }
}

@media (min-width: 1350px) {
  .container {
    width: 1206px;
    box-sizing: border-box;
  }
}

@media (max-width: 768px) {
  .container {
    padding-left: 10px;
    padding-right: 10px;
  }
}

.img-responsive {
  max-width: 100%;
}

/*--------------------------------------------------------------
# Buttons
--------------------------------------------------------------*/
.btn-group {
  position: relative;
  z-index: 0;
}

.btn-group .end-right {
  position: absolute;
  top: 0;
  right: 0;
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  padding: 0 15px;
  height: 100%;
}

.profile_content .subsectionhead a.textcontrol,
a.textcontrol,
.actionbuttons .group .button,
input[type="submit"],
.btn,
button.newcontent_textcontrol,
a.newcontent_textcontrol,
input.button {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  cursor: pointer;
  background-image: none;
  background-color: #eff7fa;
  border: 1px solid #eff7fa;
  color: #ff5200;
  border-radius: 4px;
  padding: 0 20px;
  line-height: 38px;
  text-transform: uppercase;
  box-sizing: border-box;
  display: inline-block;
  text-decoration: none !important;
  box-shadow: none;
  outline: 0;
}

.font-loaded--opensans-regular .profile_content .subsectionhead a.textcontrol, .font-loaded--opensans-regular
a.textcontrol, .font-loaded--opensans-regular
.actionbuttons .group .button, .font-loaded--opensans-regular
input[type="submit"], .font-loaded--opensans-regular
.btn, .font-loaded--opensans-regular
button.newcontent_textcontrol, .font-loaded--opensans-regular
a.newcontent_textcontrol, .font-loaded--opensans-regular
input.button {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .profile_content .subsectionhead a.textcontrol,
  a.textcontrol,
  .actionbuttons .group .button,
  button, input[type="submit"],
  .btn,
  button.newcontent_textcontrol,
  a.newcontent_textcontrol,
  input.button {
    line-height: 30px;
  }
}

.dark .profile_content .subsectionhead a.textcontrol,
.dark a.textcontrol,
.dark .btn,
.dark a.newcontent_textcontrol,
.dark input.button {
  background-color: #414b4c;
  border: 1px solid #414b4c;
  color: #b1b5b6;
}

.button[type="reset"]:hover {
  /* vB default override */
  color: #fff;
}

.btn.full {
  display: block;
}

.btn .fa {
  line-height: 38px;
}

@media (max-width: 768px) {
  .btn .fa:not(.fa-search) {
    line-height: 30px;
  }
}

.btn.bl {
  background: #48b7d6;
  border: 1px solid #48b7d6;
  color: #fff;
}

.btn.trans {
  background: transparent;
  border: 1px solid #afafaf;
  color: #afafaf;
}

.dark .btn.trans {
  border: 1px solid #414b4c;
}

#inlinemod_formctrls .popupctrl,
.btn.light {
  background: #eff7fa !important;
  border: 1px solid #eff7fa !important;
  color: #676867;
}

@media (max-width: 768px) {
  /*
	.btn.light {
		background: #fff;
		border-color: #fff;
	}
	*/
}

#site-global-wrap.dark .userprof_button,
#site-global-wrap.dark #inlinemod_formctrls .popupctrl,
#site-global-wrap.dark .btn.light,
#site-global-wrap.dark .actionbuttons input.button,
#site-global-wrap.dark .formcontrols input.button {
  background: #2d3c3f !important;
  color: #d1d1d1;
  border-color: #2d3c3f !important;
}

.btn.danger {
  background: #fa5a1f;
  border: 1px solid #fa5a1f;
  color: #fff;
}

.btn.btn-secondary {
  background: #FF5800;
  border: 1px solid #FF5800;
  color: #fff;
}

.btn-third {
  background: #a2be46;
  border: 1px solid #a2be46;
  color: #fff;
}

.btn.ml {
  margin-left: 8px;
}

a.textcontrol:hover,
.btn:hover,
.button:hover,
.newcontent_textcontrol:hover,
.btn:focus {
  background: #6ab2be !important;
  border: 1px solid #6ab2be !important;
  color: #fff !important;
}

.dark a.textcontrol:hover,
.dark .btn:hover,
.dark .button:hover,
.dark .newcontent_textcontrol:hover {
  background: #1F2627 !important;
  border: 1px solid #1F2627 !important;
}

.btn.red {
  background: red;
  color: #fff;
  border: 1px solid transparent;
}

/*--------------------------------------------------------------
# Supernav / Userbar
--------------------------------------------------------------*/
#mn_ubar #mn_ubar_menu_button i:before {
  content: '\f107';
}

#mn_ubar.expanded #mn_ubar_menu_button i:before {
  content: '\f106';
}

.mn_ubar ul {
  list-style: none;
}

.mn_ubar li {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}

.mn_ubar .sn_stat {
  display: none;
}

.mn_ubar_bar {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: table;
  width: 100%;
  border: 1px solid #e7e7e7;
  line-height: 50px;
  height: 50px;
  overflow: hidden;
  text-transform: none;
  font-size: 15px;
  color: #2b373f;
  border-radius: 0;
  background: #f1feff;
}

.font-loaded--opensans-regular .mn_ubar_bar {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .mn_ubar_bar {
    font-size: 13px;
  }
}

#site-global-wrap.dark .mn_ubar_bar {
  border-color: #414b4c;
  background: #414b4c;
}

.mn_ubar_bar .mn_ubar_ml {
  border-right: 1px solid #e7e7e7;
  background: transparent;
  color: #81898e;
  overflow: hidden;
  display: table-cell;
  float: none;
}

.mn_ubar_bar .mn_ubar_ml:not(#mn_ubar_trending) {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  white-space: nowrap;
  text-transform: uppercase;
  vertical-align: top;
}

.font-loaded--opensans-regular .mn_ubar_bar .mn_ubar_ml:not(#mn_ubar_trending) {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_ubar_bar .mn_ubar_ml:not(#mn_ubar_trending):hover {
  background-color: #dee9eb;
}

.mn_ubar_bar #mn_ubar_pm .n-mobile {
  display: none;
}

.mn_ubar_bar #mn_ubar_pm .n-full {
  display: inline;
}

@media (max-width: 768px) {
  .mn_ubar_bar #mn_ubar_pm .n-mobile {
    display: inline;
  }
  .mn_ubar_bar #mn_ubar_pm .n-full {
    display: none;
  }
}

.mn_ubar_bar .mn_ubar_ml#mn_ubar_settingsi {
  max-width: 43px;
  vertical-align: middle;
}

.mn_ubar_bar .mn_ubar_ml#mn_ubar_pm {
  vertical-align: middle;
}

.mn_ubar_bar span,
.mn_ubar_bar a:hover.mn_ubar_ml,
.mn_ubar a:hover {
  color: #909090 !important;
}

#site-global-wrap.dark .mn_ubar_bar span,
#site-global-wrap.dark .mn_ubar_bar .mn_ubar_ml,
#site-global-wrap.dark .mn_ubar a:hover {
  color: #7e8e8f !important;
}

#site-global-wrap.dark .mn_ubar_bar .mn_ubar_ml {
  border-color: #414b4c;
}

.mn_ubar_bar .mn_ubar_ml:last-child {
  border-right: 0;
}

.mn_ubar_bar .mn_ubar_ml .fa {
  line-height: 50px;
}

.mn_ubar_bar .wb {
  background: #fff;
  color: #67adc4;
  white-space: nowrap;
}

#site-global-wrap.dark .mn_ubar_bar .wb {
  background: transparent;
}

.mn_ubar_bar .wb a {
  color: #62b1d0;
}

.mn_ubar_bar .wb div {
  display: inline;
}

div.mn_ubar_exp {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  background: #fff;
  padding: 20px 10px;
  text-align: left;
  border: 1px solid #e7e7e7;
  border-top: 0px;
  display: none;
}

.font-loaded--opensans-regular div.mn_ubar_exp {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#site-global-wrap.dark div.mn_ubar_exp {
  background: #414b4c;
  border-color: transparent;
}

#mn_ubar.expanded .mn_ubar_exp {
  position: relative;
  display: block;
}

#mn_ubar #mona_style_zoomout {
  position: absolute;
  bottom: 15px;
  right: 45px;
}

.mona_style_zoomout #mn_ubar #mona_style_zoomout i:before {
  content: '\f00e';
}

#mn_ubar #mona_style_dark_trig {
  position: absolute;
  bottom: 15px;
  right: 15px;
}

#mn_ubar #mona_style_dark_trig i:before {
  content: '\f186';
}

#site-global-wrap.dark #mn_ubar #mona_style_dark_trig i:before {
  content: '\f185';
}

@media (max-width: 992px) {
  #mn_ubar .sec {
    margin: 0 0 15px 0;
  }
}

div.mn_ubar_exp hr {
  border: 0px;
  border-bottom: 1px solid #eaeaea;
  padding: 0;
  margin: 12px 0;
}

.mn_ubar_exp .lbits a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  line-height: 25px;
  color: #62b1d0;
  font-size: 16px;
}

.font-loaded--opensans-regular .mn_ubar_exp .lbits a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_ubar_exp .lbits a i {
  color: #aebec1;
  margin: 0 7px 0 0;
}

.mn_ubar_exp .mn_ubar_cont {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  line-height: 25px;
  font-size: 16px;
}

.font-loaded--opensans-regular .mn_ubar_exp .mn_ubar_cont {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_ubar_exp h2 {
  color: #95aa21;
  padding: 0px;
  margin: 0px;
  line-height: 25px;
  font-size: 16px;
  text-transform: uppercase;
}

.mn_ubar_exp .mn_ubar_cont a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: inline;
  color: #3f4b51;
}

.font-loaded--opensans-regular .mn_ubar_exp .mn_ubar_cont a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#site-global-wrap.dark .mn_ubar_exp .mn_ubar_cont a {
  color: #d1d1d1;
}

.mn_ubar_exp .mn_ubar_cont a:hover {
  color: #000 !important;
}

#site-global-wrap.dark .mn_ubar_exp .mn_ubar_cont a:hover {
  color: #fff !important;
}

#mn_ubar_trending {
  text-align: left;
  width: 100%;
}

#mn_ubar_trending > span {
  float: left;
  margin: 0 10px 0 0;
}

#mn_ubar_trending ul li {
  display: inline-block;
  width: calc(100% - 99px);
  overflow: hidden;
  float: left;
}

.sn_search {
  display: block;
  width: auto !important;
  position: static;
  margin: 20px 0 30px 0;
}

.sn_search2 {
  top: 0;
}

.sn_search form {
  width: 45%;
}

.sn_search_forums input[type=text], #sn_find_device {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  position: static;
  border: 1px solid #e6e6e6;
  background: #fff;
  line-height: 62px;
  height: auto;
  font-weight: normal !important;
  text-transform: none;
  width: 100% !important;
  font-size: 22px;
  color: #2b373f;
  padding: 0 0 0 20px;
  border-radius: 4px;
}

.font-loaded--opensans-regular .sn_search_forums input[type=text], .font-loaded--opensans-regular #sn_find_device {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.sn_search_forums input[type=text]:focus, #sn_find_device:focus {
  outline: 0;
}

.sn_search_forums button, #sn_find_device_wrap button {
  position: absolute;
  right: 0;
  top: 0;
  width: 80px;
  height: 65px;
  background: transparent;
  border: 0px;
  z-index: 1;
  cursor: pointer;
  text-indent: 0;
  color: #c9d4d2;
  border-left: 1px solid #e6e6e6;
  font-size: 24px;
  font-weight: normal;
}

#sn_find_device_wrap {
  float: right;
  width: 45%;
}

div.mn_i_tabs {
  display: table;
  list-style: none;
  margin: 0px;
  padding: 0 0 0 0px;
}

.mn_i_tabs a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  cursor: pointer;
  padding: 10px 20px;
  float: left;
  background: #f5f5f5;
  font-size: 15px;
  margin: 0 0 0 0;
  color: #737b7a;
  border: 1px solid #e1e1e1;
  border-bottom: 0px;
}

.font-loaded--opensans-regular .mn_i_tabs a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_i_tabs a:nth-child(1) {
  border-right: 0;
}

.mn_i_tabs a.selected, .mn_i_tabs a:hover {
  background: #fff;
}

div[data-mn_i_tab="forum_index"], div[data-mn_i_tab="foryou"] {
  display: none;
}

.red {
  color: red;
}

/*--------------------------------------------------------------
# Showthread
--------------------------------------------------------------*/
#mn_threadtools {
  width: 340px;
  box-sizing: border-box;
}

#above_postlist,
.thread_ctrls {
  position: relative;
  margin: 0 0 25px 0;
  float: none;
  height: auto;
  display: table;
  width: 100%;
}

@media (max-width: 768px) {
  .thread_ctrls .time {
    color: #AAAAAA;
  }
}

@media (max-width: 970px) {
  .thread_ctrls .pagination {
    margin: 25px 0;
  }
  .thread_ctrls .fr {
    float: none;
  }
  .thread_ctrls .pagination {
    width: 100%;
  }
}

#showthread_staff.thread_ctrls {
  margin: -05px 0 15px 0;
}

.thread_ctrls .fr {
  margin: 0 0 0 8px;
}

.thread_ctrls .newcontent_textcontrol {
  margin: 0 0 0 8px;
}

.thread_ctrls #searchthread {
  margin: 15px 0;
}

.thread_ctrls .lastupdate {
  line-height: 38px;
}

.thread_ctrls .lastupdate .fa {
  margin: 0 5px 0 0;
}

@media (max-width: 768px) {
  .thread_info {
    display: none;
  }
}

#vbseo-likes {
  margin-top: 0;
  height: 26px;
  border-radius: 4px;
  min-width: auto;
  font-size: 14px;
}

.vbseo-likes-count {
  font-family: inherit;
  font-size: 14px;
  padding-left: 30px;
  line-height: 24px;
}

.vbseo-likes-count em {
  background: url("/vbseo/resources/images/forum/lkarrow.png") no-repeat scroll right -4px transparent;
}

.followpill {
  display: inline !important;
}

.followpill:hover i {
  background: transparent;
}

.followpill i {
  margin: 0px;
}

#above_threadlist .followpill, #below_threadlist .followpill, #above_postlist .followpill, #below_postlist .followpill {
  font-size: inherit;
  background-color: transparent;
  line-height: normal;
  height: auto;
}

#above_threadlist .followpill span, #below_threadlist .followpill span, #above_postlist .followpill span, #below_postlist .followpill span {
  font: inherit;
  color: #67adc4;
  vertical-align: 0;
  top: 0px;
}

#above_threadlist .followpill i, #below_threadlist .followpill i, #above_postlist .followpill i, #below_postlist .followpill i {
  height: inherit;
  font-size: inherit;
  line-height: inherit;
  vertical-align: 0;
}

.postlist, #postlist {
  margin-bottom: 0;
}

.imodbottom, #below_postlist {
  margin-bottom: 30px;
}

.followpill i, #above_threadlist .followpill:hover, #below_threadlist .followpill:hover, #above_postlist .followpill, #below_postlist .followpill {
  background: transparent;
  color: #67adc4;
}

.followpill i:before {
  line-height: inherit;
}

.followpill.true i, .followpill.active i {
  background: transparent;
}

.followpill.true i:before {
  content: "-";
}

.followpill.true span:not(.nocontent):before {
  content: "Unfollow";
}

.bbcode_container, .bbcode_container div.bbcode_quote {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0;
  border-radius: 0;
  border: 0px;
  background: #FDF9EF;
  font-size: 16px;
}

.font-loaded--opensans-regular .bbcode_container, .font-loaded--opensans-regular .bbcode_container div.bbcode_quote {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#site-global-wrap.dark .bbcode_container div.bbcode_quote {
  background: #2f3739;
}

.bbcode_quote div.quote_container {
  padding: 15px;
  margin: 0 0 20px 0;
  font-style: normal;
}

@media (max-width: 768px) {
  .bbcode_quote div.quote_container {
    margin: 0 0 15px 0;
  }
}

.bbcode_container .quoted_byline {
  color: #BCBCBC;
}

.bbcode_container .quoted_byline strong {
  color: #F7AB40;
}

#postlist li .vbform {
  margin: 30px 0 0 0;
  margin-left: calc(12.666667% - 12px);
}

@media screen and (max-width: 970px) {
  /* Showthread */
  .showthread #sidebar-second {
    display: none;
  }
  .showthread .mn_postbit {
    padding-right: 0;
  }
  .showthread .time .t {
    display: none;
  }
  #postlist #quick_reply .blockhead {
    display: none;
  }
  #postlist li .vbform {
    margin: 25px 0 0 4px;
  }
}

/*--------------------------------------------------------------
# Forum List
--------------------------------------------------------------*/
div#pagetitle {
  margin: -15px 0 15px 0;
}

div#pagetitle h1 {
  display: none;
}

@media (max-width: 768px) {
  .page-index div#pagetitle {
    display: none;
  }
  .page-index section#main {
    padding: 15px 0 0 0;
  }
}

.flist .mn_cbit a.ftitle {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  font-weight: 600;
  color: #5f5f5f;
  font-size: 18px;
  padding: 15px 15px 0 15px;
  text-transform: uppercase;
}

.font-loaded--oswald-regular .flist .mn_cbit a.ftitle {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .flist .mn_cbit a.ftitle {
    font-size: 16px;
    padding: 15px 15px 0 15px;
  }
}

.dark .flist .mn_cbit a.ftitle {
  color: #667578;
}

.flist .mn_cbit a.ftitle:hover {
  color: #2b373f;
}

.dark .flist .mn_cbit a.ftitle:hover {
  color: #b1b5b6;
}

.flist .f {
  margin: 30px 0;
}

@media (max-width: 768px) {
  .flist .f {
    margin: 15px 0;
  }
}

.flist .f .fic {
  padding-right: 0;
  text-align: center;
}

.flist .f .fic img {
  width: 60px;
  height: 60px;
  max-width: none;
}

.flist .f .fic i.fa {
  font-size: 55PX;
  COLOR: #81898e;
}

@media (max-width: 768px) {
  .flist .f .fic img {
    height: auto;
    max-width: 100%;
  }
  .flist .f .fic i.fa {
    font-size: 25px;
  }
}

.flist .f .fi {
  line-height: 80px;
  padding-left: 30px;
}

@media (max-width: 768px) {
  .flist .f .fi {
    padding-left: 15px;
  }
}

.flist .f .fi.lh2 {
  line-height: 30px;
  padding-top: 13px;
}

.flist .f .fi a.f2title {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 22px;
  line-height: 24px;
  padding: 10px 0 0 0;
  display: block;
  color: #1A1A1A;
}

.font-loaded--oswald-regular .flist .f .fi a.f2title {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .flist .f .fi a.f2title {
    font-family: Helvetica, Arial, sans-serif;
    font-weight: 400;
    font-size: 18px;
    line-height: 22px;
    padding: 5px 0 0 0;
  }
  .font-loaded--oswald-regular .flist .f .fi a.f2title {
    font-family: "Oswald", Helvetica, Arial, sans-serif;
    font-weight: 400;
  }
}

.dark .flist .f .fi a.f2title {
  color: #b1b5b6;
}

.flist .f .fi a.f2title:hover {
  color: #000;
}

.dark .flist .f .fi a.f2title:hover {
  color: #667578;
}

.flist .f .fi p {
  font-size: 18px;
}

.flist .f .fi ol.commalist {
  display: table;
  width: 100%;
  margin: 5px 0 0 0;
}

@media (max-width: 768px) {
  .flist .f .fi ol.commalist {
    display: none;
  }
}

.flist .f .fi ol.commalist li {
  padding: 5px;
  display: inline-block;
  line-height: normal;
  width: 50%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.flist .f .fi ol.subforumlist li i.new,
.flist .f .fi ol.commalist li i.new {
  color: #95aa21;
}

.flist .f .fs div.s {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
  line-height: 20px;
}

.font-loaded--opensans-regular .flist .f .fs div.s {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.flist .f .fs div.i i {
  color: #CCCCCC;
  font-size: 18px;
  margin: 2px 5px 0 0;
}

.dark .flist .f .fs div.i i {
  color: #667578;
}

.flist .lpi a,
.flist .fi i,
.flist .f .fs,
.flist .f .lpi,
.flist .f .lpi .lastposttitle a,
.flist .f .lpi .time {
  color: #5f5f5f;
}

.dark .flist .lpi a,
.dark .flist .f .fs,
.dark .flist .f .lpi,
.dark .flist .f .lpi .lastposttitle a,
.dark .flist .f .lpi .time {
  color: #b1b5b6;
}

.flist .f .lpi {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
}

.font-loaded--oswald-regular .flist .f .lpi {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.flist .f .lpi .lastposttitle a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 13px;
}

.font-loaded--opensans-regular .flist .f .lpi .lastposttitle a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media screen and (max-width: 1049px) {
  #page-wrap {
    margin: auto;
    max-width: 1400px;
    min-width: 0;
  }
  body {
    min-width: 0;
  }
}

.mona_style_zoomout #debuginfo {
  display: none;
}

@media screen and (max-width: 760px) {
  #forums_super_nav, #debuginfo {
    display: none;
  }
  .mn_i_tabs_cont {
    padding: 15px;
  }
  .sn_search form {
    width: 100%;
    box-sizing: border-box;
  }
  .sn_search form input[type=text] {
    box-sizing: border-box;
  }
}

div.wgo_block {
  margin: 15px 0;
}

.postbit .header {
  position: relative;
  background: transparent;
  min-height: auto;
}

/*--------------------------------------------------------------
# Forumdisplay
--------------------------------------------------------------*/
.page-forumdisplay .fdesc {
  margin: 0px 0 25px 0;
}

.forum_ctrls {
  position: relative;
  margin: 15px 0 15px 0;
  float: none;
  height: auto;
  display: table;
  width: 100%;
}

.forum_ctrls.sec {
  margin: 15px 0 36px 0;
}

@media (max-width: 768px) {
  .forum_ctrls.sec {
    margin: 15px 0 15px 0;
  }
  .forum_ctrls .time {
    color: #AAAAAA;
  }
  .forum_ctrls .threadpagenav {
    margin-top: 88px;
  }
  .forum_ctrls .pagination {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 100%;
  }
  .forum_ctrls.haspnav {
    padding-bottom: 55px;
  }
}

.forum_ctrls .forum_ctrls {
  margin: 17px 0 0 0;
}

.forum_ctrls .fr {
  margin: 0 0 0 8px;
}

.announcements .announcerow {
  background: #eff7fa none;
  border-radius: 4px;
  padding: 10px;
}

.announcerow .announceinfo,
.announcerow .announcement {
  background: transparent;
}

.announceinfo .date,
.announceinfo dl {
  margin-right: 10px;
  font-size: 12px;
  line-height: 16px;
}

@media (max-width: 768px) {
  .announcerow .announcement {
    width: 100%;
  }
  .announcement .username,
  .announcement .usertitle,
  .announceinfo .date,
  .announceinfo dl {
    display: none;
  }
}

#forumbits {
  margin: 0 0 25px;
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

#forumbits,
#threads,
#stickies {
  padding-top: 12px;
  border-radius: 4px;
  display: table;
  width: 100%;
  background: #fff;
}

#threads {
  padding-bottom: 12px;
}

.dark #forumbits,
.dark #threads,
.dark #stickies {
  background: #414B4C;
}

#stickies {
  margin-bottom: -12px;
  padding-bottom: 0;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}

.tbit {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  padding-top: 12px;
  padding-bottom: 12px;
  position: relative;
  font-size: 10px;
  box-shadow: none;
}

.font-loaded--oswald-regular .tbit {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media screen and (min-width: 768px) {
  .tbit .col-sm-7 {
    width: 62.33333333%;
  }
  .tbit .col-sm-2 {
    width: 12%;
  }
}

.threadbit.lock .threadstatus {
  background-image: none;
}

#threads > li:last-child {
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

.tbit.deleted {
  background: #FFEDED;
}

.dark .tbit.deleted {
  background: #561717;
}

.tbit a.s {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  position: relative;
  float: left;
  display: inline-block;
  margin: 0 20px 0 0;
  text-align: center;
  font-size: 26px;
  line-height: 60px;
  color: #FFFFFF;
  background: #C6D8DD;
  width: 60px;
  height: 60px;
}

.font-loaded--opensans-regular .tbit a.s {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .tbit a.s {
    margin: 0 15px 0 0;
    font-size: 18px;
    min-height: auto;
    line-height: 35px;
    width: 35px;
    height: 35px;
  }
}

.tbit a.s:hover {
  transform: scale(1.1);
}

.tbit a.s.unread {
  background: #aab9be;
}

.dark .tbit a.s {
  color: #b1b5b6;
  background: #1F2627;
}

.dark .tbit a.s.unread {
  background: #16353c;
}

.tbit a.s span.ind {
  position: absolute;
  right: -5px;
  top: -5px;
  line-height: 0;
}

.threadbit.lock .threadstatus .ind:before,
.tbit a.s .fa {
  display: inline-block;
  padding: 2px 2px 3px 2px;
  border-radius: 10px;
  background: #accb3f;
  text-align: center;
  color: #fff;
  min-width: 20px;
  font-size: 10px;
  line-height: 16px;
  /*font: bold 11px 'Mona2';*/
}

@media (max-width: 768px) {
  .threadbit.lock .threadstatus .ind:before,
  .tbit a.s .fa {
    font-size: 9px;
    min-width: 17px;
    line-height: 12px;
    padding: 2px;
  }
}

.threadbit.lock .threadstatus .ind:before {
  content: '\f023';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
}

.tbit .i .i {
  width: 10px;
  font-size: 14px;
  text-align: center;
  line-height: 22px;
}

.tbit .i .i i {
  margin: 0 0 5px 0;
  display: block;
  color: #1A1A1A;
}

.tbit .i .i i.fa-times {
  color: red;
  line-height: 22px;
}

.dark .tbit .i .i i.fa-times {
  color: #fd8c8c;
}

.tbit .byline {
  font-size: 12px;
  color: #939393;
  line-height: 18px;
  margin: 0 0 0 80px;
}

@media (max-width: 767px) {
  .tbit .byline {
    margin: 0 0 0 51px;
  }
}

.tbit .c {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  text-transform: uppercase;
  color: #4AA7CB;
}

.font-loaded--oswald-regular .tbit .c {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.tbit h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
}

.font-loaded--oswald-regular .tbit h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .tbit h1 {
    margin: 0 !important;
    line-height: 20px;
  }
}

.tbit h1 a {
  color: #1A1A1A;
}

@media (max-width: 768px) {
  .tbit h1 a {
    display: block;
    display: -webkit-box;
    -webkit-line-clamp: 3;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.dark .tbit h1 a {
  color: #b1b5b6;
}

.tbit h1 a:hover {
  color: #5a5a5a;
}

.dark .tbit h1 a:hover {
  color: #667578;
}

.tbit div.s {
  padding-right: 0;
}

.tbit dl {
  font-size: 12px;
  color: #939393;
  line-height: 22px;
}

.dark .tbit dl {
  color: #b1b5b6;
}

.tbit dl i {
  color: #5D5D5D;
}

.dark .tbit dl i {
  color: #667578;
}

.tbit dl dt.r,
.tbit dl dt.r i {
  color: red;
  white-space: nowrap;
}

.dark .tbit dl dt.r,
.dark .tbit dl dt.r i {
  color: #fd8c8c;
}

.tbit .lpb {
  font-size: 12px;
  color: #939393;
}

.dark .tbit .lpb {
  color: #b1b5b6;
}

.tbit .lpb a {
  color: #5CB8DB;
}

.tbit .lpb a:hover {
  color: #333;
}

.tbit .lpb i {
  color: #CCCCCC;
}

.tbit dl, .tbit .lpb {
  padding-top: 0;
}

@media (max-width: 768px) {
  .tbit dl {
    padding-top: 15px;
  }
}

.tbit .imod {
  position: absolute;
  top: 15px;
  right: 12px;
}

.tbit.imod_highlight {
  background: #ffeb90 !important;
}

.tbit .managethread li {
  display: inline;
}

.tbit .managethread li:after {
  content: ',';
}

.tbit .managethread li:last-child:after {
  content: "";
}

#threads .table {
  width: 100%;
}

.below_threadlist .threadpagenav {
  margin: 0;
}

@media (max-width: 768px) {
  #forum_info_options {
    display: none;
  }
}

.forum_info .blockbody,
.forum_info .blockhead {
  background: transparent;
}

/*--------------------------------------------------------------
# Homepage
--------------------------------------------------------------*/
.mn_index_top {
  background: transparent;
  padding: 0 0 0 0;
  text-align: center;
  margin: 25px 0;
}

@media (max-width: 768px) {
  .mn_index_top {
    margin: 0px 0 15px 0;
  }
}

.mn_index_online {
  color: #b2b2b2;
  padding: 0;
}

.mn_i_tabs_cont {
  padding: 100px 0;
}

.mn_i_tabs_cont a, a.green {
  color: #96ac2a;
}

.mn_i_tabs_cont .mn_i_sl .mn_nb_c {
  color: #221f20;
  font-size: 16px;
  margin: 0 0 40px 0;
}

.mn_i_tabs_cont .mn_i_sl .mn_nb_c h1 {
  font-weight: bold;
  font-size: 16px;
  padding: 0 0 5px 5px;
  margin: 0;
}

.mn_i_tabs_cont .mn_i_sl .mn_nb_c a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  display: block;
  color: #67adc4;
  padding: 3px 0 3px 5px !important;
}

.font-loaded--opensans-regular .mn_i_tabs_cont .mn_i_sl .mn_nb_c a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_i_tabs_cont .mn_i_sl .mn_nb_c a:hover, .mn_i_tabs_cont .mn_i_sl .mn_nb_c a.active {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  background: #f5f5f5;
  text-decoration: none;
}

.font-loaded--opensans-regular .mn_i_tabs_cont .mn_i_sl .mn_nb_c a:hover, .font-loaded--opensans-regular .mn_i_tabs_cont .mn_i_sl .mn_nb_c a.active {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_i_tabs_cont {
  background: #fff;
}

/*--------------------------------------------------------------
# Postbit
--------------------------------------------------------------*/
.mn_i_m_abit, .mn_postbit {
  margin: 0 0 10px 0;
  position: relative;
  padding: 0;
  border: 0;
}

@media (max-width: 768px) {
  .mn_i_m_abit, .mn_postbit {
    padding: 0;
  }
}

.mn_postbit .u {
  width: 12.666667%;
}

@media (max-width: 768px) {
  .mn_postbit .u {
    width: 18%;
  }
}

@media (max-width: 767px) {
  .mn_postbit > .row {
    margin-left: -15px;
    margin-right: -10px;
  }
}

.mn_postbit.answer .userinfo_left:before {
  position: absolute;
  right: -8px;
  z-index: 2;
  top: -5px;
  color: #ffbf00;
  content: '\f005';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  font-size: 30px;
}

@media (max-width: 768px) {
  .mn_postbit.answer .userinfo_left:before {
    font-size: 24px;
  }
}

.mn_postbit .userinfo_left {
  text-align: center;
  color: #464646;
  padding: 0 0 0 0;
}

#site-global-wrap.dark .mn_postbit .userinfo_left {
  color: #b1b5b6;
}

.mn_postbit .userinfo_left dl.userinfo_extra {
  display: block;
  margin-top: 10px;
}

.mn_postbit .userinfo_left dl.userinfo_extra dt {
  line-height: 30px;
}

.mn_postbit .userinfo_left dl.userinfo_extra dt a {
  color: #464646 !important;
}

#site-global-wrap.dark .mn_postbit .userinfo_left dl.userinfo_extra dt a {
  color: #b1b5b6 !important;
}

.mn_postbit .userinfo_left dl.userinfo_extra dt.postbitextra {
  display: none;
}

.mn_postbit .userinfo_left a {
  max-width: 100px;
  display: inline-block;
}

.mn_postbit .avatar img {
  border-radius: 8px;
  border: 1px solid #E8E8E8;
  border-radius: 50%;
}

#site-global-wrap.dark .mn_postbit .avatar img {
  border-color: transparent;
}

.mn_postbit .p {
  background: #fff;
  padding: 14px;
  overflow: visible;
  width: calc(87.33333333% - 15px);
  /* bootstrap fix */
  min-height: 156px;
}

@media (max-width: 768px) {
  .mn_postbit .p {
    padding: 14px 14px 7px 14px;
    width: calc(83% - 15px);
    min-height: auto;
  }
}

#site-global-wrap.dark .mn_postbit .p {
  background: #414b4c;
}

.mn_postbit .p:before {
  position: absolute;
  top: 0;
  left: -15px;
  content: '';
  width: 0;
  height: 0;
  border-top: 0px solid transparent;
  border-bottom: 13px solid transparent;
  border-right: 15px solid #fff;
}

#site-global-wrap.dark .mn_postbit .p:before {
  border-right-color: #414b4c;
}

.imod_highlight .p {
  background: #ffeb90 !important;
}

.imod_highlight.imod_highlight .p:before {
  border-right-color: #ffeb90 !important;
}

.mn_postbit.deleted .p {
  background: #FFEDED;
}

#site-global-wrap.dark .mn_postbit.deleted .p {
  background: #561717;
}

.mn_postbit.deleted .p:before {
  border-right-color: #FFEDED !important;
}

#site-global-wrap.dark .mn_postbit.deleted .p:before {
  border-right-color: #561717 !important;
}

#tanswer div.p {
  border-top: 2px solid #accb3f;
}

.mn_i_tabs_cont .mn_i_m .mn_i_m_c, .mn_postbit .ftitle {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  text-transform: uppercase;
}

.font-loaded--opensans-regular .mn_i_tabs_cont .mn_i_m .mn_i_m_c, .font-loaded--opensans-regular .mn_postbit .ftitle {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_i_tabs_cont .mn_i_m .mn_i_m_t,
.mn_postbit h2.title,
.lastnavbit.showthread h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 33px;
  line-height: 34px;
  display: block;
  color: #221f20;
  padding: 5px 40px 40px 0;
}

.font-loaded--oswald-regular .mn_i_tabs_cont .mn_i_m .mn_i_m_t, .font-loaded--oswald-regular
.mn_postbit h2.title, .font-loaded--oswald-regular
.lastnavbit.showthread h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_postbit h2.title {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 24px;
  line-height: 34px;
}

.font-loaded--oswald-regular .mn_postbit h2.title {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.dark .mn_i_tabs_cont .mn_i_m .mn_i_m_t,
.dark .mn_postbit h2.title,
.dark .lastnavbit.showthread h1 {
  color: #b1b5b6;
}

.mn_postbit .ctrl_right {
  position: absolute;
  right: 15px;
}

@media (max-width: 768px) {
  .mn_postbit .ctrl_right {
    position: relative;
    float: right;
    right: 0;
  }
}

.mn_postbit .ctrl_right label {
  padding: 2px 0 0 0;
  display: inline-block;
  float: right;
}

.mn_postbit .ctrl_right input[type=checkbox] {
  height: 15px;
  width: 15px;
  border: 1px solid #e6e6e6;
  border-radius: 0;
}

.mn_postbit .ctrl_right a {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  margin: 0 15px 0 0;
  color: #a2a2a2;
}

.font-loaded--opensans-regular .mn_postbit .ctrl_right a {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#site-global-wrap.dark .mn_postbit .ctrl_right a {
  color: #667578;
}

.mn_postbit .ctrl_right a:hover {
  color: #F7AB40;
}

.lastnavbit.showthread h1 {
  line-height: 50px;
}

.lastnavbit.showthread h1 {
  font-size: 53px;
  padding: 0;
}

.mn_postbit h2.title a {
  color: #221f20;
}

.dark .mn_postbit h2.title a {
  color: #b1b5b6;
}

.mn_i_tabs_cont .mn_i_m .mn_i_m_t:hover, .mn_postbit h2.title a:hover {
  color: #616161;
}

.mn_i_tabs_cont .mn_i_m_d, .mn_postbit .desc {
  width: 95%;
  box-sizing: border-box;
  padding: 0;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_d, .mn_postbit .desc {
    margin-bottom: 0;
    padding: 0;
  }
}

.mn_i_tabs_cont .mn_i_m_d .byline, .mn_postbit .byline {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 14px;
  margin: 0 0 5px 0;
}

.font-loaded--oswald-regular .mn_i_tabs_cont .mn_i_m_d .byline, .font-loaded--oswald-regular .mn_postbit .byline {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_postbit .byline .fa-pencil {
  color: #a2a2a2;
  margin: 0 0 0 15px;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_d .byline, .mn_postbit .byline {
    margin: 0 0 10px 0;
  }
}

.mn_postbit .byline a {
  color: #F7AB40;
}

.mn_postbit .byline a:hover {
  -webkit-filter: opacity(0.8);
          filter: opacity(0.8);
}

.mn_postbit .byline .usertitle {
  display: table;
  width: 100%;
  color: #53C429;
}

.mn_postbit .byline .usertitle a {
  color: #53C429;
}

.mn_postbit .byline .usertitle img {
  float: left;
  margin: 5px 5px 0 0;
}

.mn_i_tabs_cont .mn_i_m_d .mn_i_time, .mn_postbit .time:not(span) {
  float: left;
  font-weight: normal;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_d .mn_i_time,
  .mn_postbit .time {
    margin: 0;
    line-height: 24px;
    font-size: 12px;
    color: #ccc;
    padding-top: 4px;
  }
}

.mn_i_tabs_cont .mn_i_m_d .preview,
.mn_postbit .message {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  line-height: 24px;
  padding: 0 0 25px 0;
  word-break: break-word;
  min-height: 60px;
}

.font-loaded--opensans-regular .mn_i_tabs_cont .mn_i_m_d .preview, .font-loaded--opensans-regular
.mn_postbit .message {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.message font,
.message span {
  font-size: inherit !important;
  font-family: inherit !important;
}

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

@media (max-width: 768px) {
  .mn_postbit .message {
    padding: 0;
    font-size: 14px;
    line-height: 20px;
  }
}

.mn_postbit .message ol,
.mn_postbit .message ul {
  margin: 0 0 0 30px;
}

.mn_postbit .message ol li {
  list-style-type: decimal;
}

.mn_postbit .message ul li {
  list-style-type: circle;
}

.mn_postbit_ab .adunit {
  margin: 10px 0;
  box-sizing: border-box;
  padding: 0;
  background: transparent;
  display: table;
  width: 100%;
  text-align: center;
  border: 1px solid #E6E6E6;
}

#site-global-wrap.dark .mn_postbit_ab .adunit {
  border-color: #414b4c;
}

.attachments {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 18px;
  line-height: 24px;
  background: #dee9eb;
  border: 1px solid #dee9eb;
  padding: 0;
  margin: 15px 0;
  border: 0;
}

.font-loaded--opensans-regular .attachments {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.attachments span {
  margin: 10px 0;
  display: block;
}

.mn_i_tabs_cont .mn_i_m_d .mn_i_m_d_i, .mn_postbit .attach {
  display: table-row;
}

.mn_i_tabs_cont .mn_i_m_d .mn_i_m_d_i a, .mn_postbit .attach a {
  display: block;
  float: left;
  padding: 10px 5px 10px 5px;
}

.mn_i_tabs_cont .mn_i_m_d .mn_i_m_d_i a img, .mn_postbit .attach a img {
  border: 1px solid #fff;
  outline: 1px solid #fff;
  max-width: 240px;
}

.mn_i_tabs_cont .mn_i_m_d .mn_i_m_d_i a img:hover, .mn_postbit .attach a img:hover {
  border: 1px solid #fff;
  outline: 2px solid #e0e0e0;
}

.mn_postbit .vbseo_likelist {
  display: none;
}

.mn_postbit .vbseo_likelist .vbseo_links {
  display: none;
}

.mn_postbit .vbseo_likelist .vbseo_liked {
  border: 0;
  margin: 10px 0;
}

.mn_i_tabs_cont .mn_i_m_si, .mn_postbit .social {
  float: right;
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  text-align: right;
  position: relative;
  background: transparent;
  top: -5px;
  padding: 0;
}

.mn_i_tabs_cont .mn_i_m_si span, .mn_postbit .social span {
  float: right;
  display: inline-block;
  position: relative;
  text-align: center;
  font-size: 15px;
}

.mn_i_tabs_cont .mn_i_m_si span,
.mn_postbit .social span a {
  background: transparent;
  box-sizing: border-box;
  height: 33px;
  color: #a2a2a2;
  display: inline-block;
  text-align: center;
  text-decoration: none;
  line-height: 15px;
}

#site-global-wrap.dark .mn_postbit .social span a {
  color: #667578;
}

.mn_postbit .social span a {
  padding: 7px 10px;
}

.mn_postbit .social span a.hstat {
  margin: 0 15px 0 0;
}

.mn_postbit .social span a:not(.ownpost):hover {
  color: #a2a2a2;
}

.mn_i_tabs_cont .mn_i_m_si i.stat,
.mn_postbit .social i.stat {
  cursor: pointer;
  position: absolute;
  top: 0;
  right: 0;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_si i.stat,
  .mn_postbit .social i.stat {
    left: 35px;
    top: 12px;
  }
}

.mn_i_tabs_cont .mn_i_m_si i.n, .mn_postbit .social i.n {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 11px;
  display: block;
  padding: 2px 2px;
  border-radius: 10px;
  background: #accb3f;
  text-align: center;
  color: #fff;
  text-shadow: 1px 2px 1px rgba(0, 0, 0, 0.28);
  min-width: 20px;
}

.font-loaded--oswald-regular .mn_i_tabs_cont .mn_i_m_si i.n, .font-loaded--oswald-regular .mn_postbit .social i.n {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_si i.n, .mn_postbit .social i.n {
    font-size: 8px;
    line-height: 21px;
    padding: 0;
    min-width: 21px;
    margin: -2px 0 0 0;
  }
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml {
  list-style: none;
  margin: 0;
  padding: 0;
  display: table;
  margin: 10px 0 0 0;
  width: calc(100%);
}

.mn_i_tabs_cont .mn_i_sr h1.t {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 16px;
  padding: 30px 0 10px 0;
}

.font-loaded--opensans-regular .mn_i_tabs_cont .mn_i_sr h1.t {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml li {
  display: block;
  position: relative;
  margin: 0 0 0px 0;
  padding: 20px 0 20px 0;
  font-size: 20px;
  border-top: 1px solid #e2e2e2;
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml p.n {
  display: inline-block;
  position: absolute;
  font-size: 12px;
  font-weight: bold;
  background: #70acbe;
  line-height: inherit;
  margin: -9px 0 0 0;
  padding: 1px 7px;
  color: #fff;
  font-family: 'Vitesse Medium';
  border: solid 1px white;
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml li p {
  line-height: 52px;
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml div.info {
  display: block;
  width: 100%;
  font-family: 'Vitesse Medium';
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml li div.info img.av {
  float: left;
  margin: 0 20px 0 10px;
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml li div.info img.av {
  max-width: 62px;
}

.mn_i_tabs_cont .mn_i_m_si .lb,
.mn_i_tabs_cont .mn_i_m_si .cb,
.mn_i_tabs_cont .mn_i_sr .mn_i_ml .lb,
.mn_postbit .lb,
.mn_i_tabs_cont .mn_i_m_si .cb a:not(:hover) {
  color: #a2a2a2;
}

.mn_i_tabs_cont .mn_i_m_si .lb a,
.mn_postbit .lb a {
  position: relative;
  font-size: 0;
  z-index: 2;
  overflow: hidden;
}

.mn_i_tabs_cont .mn_i_m_si .lb a:before,
.mn_postbit .lb a:before {
  position: relative;
  content: "\f004";
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  z-index: 2;
  font-size: 19px;
  left: 0;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_si .lb a.explode:before, .mn_postbit .lb a.explode:before {
    font-size: 14px;
  }
}

.mn_i_tabs_cont .mn_i_m_si .lb, .mn_postbit .lb {
  color: #f6fdff;
}

@media (max-width: 768px) {
  .mn_i_tabs_cont .mn_i_m_si .lb a.explode:before,
  .mn_postbit .lb a.explode:before,
  .mn_postbit .social span a {
    width: 44px;
    line-height: 44px;
    height: 44px;
    padding: 0 1px;
    color: #CCCCCC;
  }
  .mn_postbit .social span a i {
    line-height: 44px;
  }
}

.mn_postbit .social span.lb a:not(.ownpost):hover:before,
.mn_i_tabs_cont .mn_i_m_si .lb a.unlike:before,
.mn_postbit .lb a.unlike:before {
  color: #DC5D5D;
}

.mn_i_tabs_cont .mn_i_sr .mn_i_ml .lb {
  font-size: 24px;
  font-family: 'Vitesse Light';
}

/*--------------------------------------------------------------
# Username Legend
--------------------------------------------------------------*/
.un.adm {
  color: #454545;
}

.un.mod,
.un.sup {
  color: #3333cc;
}

.un.amb {
  color: #339933;
}

.un.ban {
  color: #cc0000;
}

.un.tru {
  color: #6600cc;
}

.un.cha {
  color: #ff9900;
}

.dark .un.adm {
  color: #e3e3e3;
}

.dark .un.mod,
.dark .un.sup {
  color: #ccccff;
}

.dark .un.amb {
  color: #ccffcc;
}

.dark .un.ban {
  color: #ffcccc;
}

.dark .un.tru {
  color: #ccccff;
}

.dark .un.cha {
  color: #ffcc99;
}

/*--------------------------------------------------------------
# Editors & Form Inputs
--------------------------------------------------------------*/
.textbox,
textarea:not(#mn_qa_message):not(.cke_source):not(.jscopy),
input[type=text]:not(.block-topic__input),
select {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  border: 1px solid #E6E6E6;
  border-radius: 4px;
  color: #969696;
  font-size: 14px;
  line-height: 38px;
  padding: 0 15px;
  height: 40px;
}

.font-loaded--opensans-regular .textbox, .font-loaded--opensans-regular
textarea:not(#mn_qa_message):not(.cke_source):not(.jscopy), .font-loaded--opensans-regular
input[type=text]:not(.block-topic__input), .font-loaded--opensans-regular
select {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.dark .textbox,
.dark .formcontrols .blockrow input.textbox:focus,
.dark .formcontrols .blockrow textarea:focus,
.dark input[type=text],
.dark select {
  background: #2f3739;
  border-color: #2f3739;
  color: #b1b5b6;
}

input[type=text].full {
  width: 100%;
  box-sizing: border-box;
}

input[type=text]:focus,
button:focus {
  outline: 0;
}

.formcontrols {
  border: 0;
}

.formcontrols input.textbox {
  height: initial;
}

.formcontrols .blockrow {
  background: transparent;
  border: 0;
  padding: 20px;
}

span.cke_skin_kama {
  border: 0 !important;
  padding: 0 !important;
}

@media (max-width: 768px) {
  td#cke_top_vB_Editor_QR_editor {
    display: none;
  }
}

.cke_skin_kama .cke_wrapper.cke_ltr,
.cke_skin_kama .cke_wrapper.cke_rtl {
  background: #EFF7FA !important;
}

.dark .cke_skin_kama .cke_wrapper.cke_ltr,
.dark .cke_skin_kama .cke_wrapper.cke_rtl {
  background: #2f3739 !important;
}

.dark #quick_reply .cke_skin_kama .cke_wrapper.cke_ltr,
.dark #quick_reply .cke_skin_kama .cke_wrapper.cke_rtl {
  background: #2d3c3f !important;
}

.cke_skin_kama .cke_editor .cke_rcombo a,
.cke_skin_kama .cke_editor .cke_toolgroup {
  min-height: 25px;
}

.dark .cke_skin_kama .cke_editor .cke_rcombo a,
.dark .cke_skin_kama .cke_editor .cke_toolgroup {
  background: #e6eeef;
}

#quick_reply {
  margin: 0;
}

@media (max-width: 768px) {
  #quick_reply {
    margin: -15px 0 0 0;
  }
}

#quick_reply .formcontrols {
  background: transparent;
  border: 0;
}

#quick_reply .blockhead {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  background: transparent !important;
  border: 0;
  color: #F7AB40;
  font-size: 18px;
  padding: 0 0 15px 0;
}

.font-loaded--opensans-regular #quick_reply .blockhead {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#quick_reply .blockrow {
  background: transparent;
  padding: 0;
}

#quick_reply select {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
  font-size: 12px;
  display: block;
  width: 100%;
  cursor: pointer;
  background-color: #fff;
  border: 1px solid #ededed;
  color: #48b7d6;
  border-radius: 4px;
  padding: 10px 20px;
  height: 38px;
  line-height: 38px;
  text-transform: uppercase;
  box-sizing: border-box;
  text-decoration: none !important;
  box-shadow: none;
  outline: 0;
}

.font-loaded--opensans-regular #quick_reply select {
  font-family: "Open Sans", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

#quick_reply.vbform .actionbuttons .group {
  padding: 0;
}

#quick_reply.vbform .actionbuttons .btn {
  margin: 0 0 0 3px;
}

.dark .formcontrols:not(#quick_reply .formcontrols) .blockrow,
.dark .vbform:not(#quick_reply) .blockbody {
  background: #1F2627 !important;
}

.dark #quick_reply select,
.dark .texteditor.forum .cke_skin_kama textarea.cke_source,
.dark .texteditor.forum textarea {
  background: #414b4c;
  border-color: #414b4c;
  color: #b1b5b6;
}

.dark fieldset,
.dark legend {
  color: #b1b5b6;
  border-color: #414b4c;
}

#forumrules {
  background: transparent;
  border: 0;
}

.blockbody.settings_form_border {
  border: 0;
}

.formcontrols .blockrow label {
  font-size: 14px;
}

.page-newreply form .blockbody,
.page-newthread form .blockbody,
.page-editpost form .blockbody {
  border-radius: 4px;
  padding: 15px;
}

.page-editpost .formcontrols .blockrow #delete_deps {
  display: table;
  width: 100%;
}

.page-editpost .formcontrols .blockrow #delete_deps .group.checkradio > li {
  margin-top: 0;
  float: left;
}

.page-editpost .editdel .blockrow {
  padding-top: 0;
  padding-bottom: 0;
}

.page-editpost .editdel {
  background: #FFEDED;
}

.dark .page-editpost .editdel {
  background: #561717;
}

@media (max-width: 768px) {
  .formcontrols .blockrow {
    padding: 10px;
  }
  .cke_top,
  .editor_smiliebox,
  .blockrow.posticons {
    display: none;
  }
  .vbform .wysiwyg_block {
    display: table;
    width: 100%;
  }
  .formcontrols .blockrow .primary.full {
    max-width: 100%;
    width: auto;
  }
  select {
    max-width: 250px;
    width: auto;
    overflow: hidden !important;
  }
  form .rightcol {
    float: none;
    margin: 0;
    padding: 15px 0;
    max-width: 100%;
    clear: both;
  }
  .formcontrols .blockrow .description {
    margin: 0;
  }
  .editor_textbox_smilie {
    margin: 0;
  }
}

.cke_editor a[title="Font Name"],
.cke_editor a[title="Text Color"],
.cke_editor a[title="Font Size"] {
  display: none !important;
}

.texteditor textarea.cke_source {
  padding: 15px;
}

/*--------------------------------------------------------------
# UserCP
--------------------------------------------------------------*/
#usercp_nav {
  margin: 0;
}

#usercp_content {
  width: calc(100% - 215px);
  margin: 0;
}

#usercp_content .cp_content {
  margin: 0;
}

@media (max-width: 768px) {
  #usercp_content {
    width: 100%;
  }
  #usercp_content .cp_content {
    margin: 0;
  }
  #usercp_nav {
    width: 100%;
    float: none;
  }
}

#usercp_content .blockhead {
  background: #fff;
}

.dark #usercp_content .blockhead {
  background: #414b4c;
}

#usercp_nav .block {
  font-size: 14px;
}

#usercp_nav .blockrow {
  background: transparent;
}

#usercp_nav .blocksubhead,
.page-usercp .blocksubhead {
  margin: 0 0 5px 0;
  border-radius: 4px;
  padding: 6px 10px;
}

#usercp_nav .blockbody {
  padding-top: 0;
}

#usercp_nav .blockrow a {
  line-height: 1.6;
}

#usercp_nav .blockrow li {
  border-radius: 4px;
}

#usercp_nav .blockrow li a {
  border-radius: 4px;
  position: relative;
  padding: 5px 5px 5px 35px;
}

#usercp_nav .blockrow li:last-child {
  margin: 0 0 5px 0;
}

#usercp_nav hr {
  border: 0;
  background: #dee9eb;
}

#usercp_nav li a.usercp_folder-left {
  background-image: none;
}

#usercp_nav li a.usercp_folder-left:before {
  position: absolute;
  left: 15px;
  color: #e0cb3b;
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  content: '\f07b';
}

#usercp_nav .btn.full {
  margin: 0 0 15px 0;
  font-size: 14px;
}

.settings_form_top_border {
  border: 0;
}

@media (max-width: 768px) {
  #usercp_mobilenav {
    margin: 0 0 10px 0;
  }
  #usercp_nav {
    display: none;
  }
}

/*--------------------------------------------------------------
# Private Messages
--------------------------------------------------------------*/
#pmform .pmb {
  cursor: pointer;
  margin: 0 0 0 10px;
  line-height: 25px;
}

#pmform .blocksubhead {
  border-radius: 4px;
  margin: 0 0 5px 0;
}

.pmbit {
  padding: 5px 0;
  border: 0;
}

.pmlist .blockrow {
  background: transparent;
  border-top: none;
}

.pmlist .pmbit .l {
  text-align: center;
}

.pmbit .avatar img {
  border-radius: 50%;
}

.pmlist .pmbit .info {
  padding-right: 0;
}

.pmlist .pmbit .title {
  font-size: 14px;
}

.pmlist .pmbit input[type="checkbox"] {
  position: relative;
  top: 0;
  right: 0;
  margin: 10px 0 0 0;
}

.pmlist .pmbit a.username {
  opacity: 0.65;
}

#pm_filterform #startdate_date,
#pm_filterform #enddate_date {
  width: 35px;
  padding: 0 8px;
}

.pmlist a.username.understate {
  opacity: 0.65;
}

/*--------------------------------------------------------------
# AddOns
--------------------------------------------------------------*/
.fpop_msg .fancybox-skin {
  background: #A0A0A0;
  color: #fff;
  line-height: 50px;
  padding: 0 !important;
}

.fpop_msg .inner {
  width: 310px;
  text-align: center;
}

.jscopy {
  width: 0;
  height: 0;
  opacity: 0;
}

.fancybox-inner h1 {
  font-size: 36px;
}

.fancybox-inner .textbox.big {
  margin: 15px 0;
  width: 100%;
  min-height: 200px;
}

#inline_report {
  min-width: 375px;
}

@media (max-width: 768px) {
  #inline_report {
    min-width: 300px;
  }
}

#inline_report #report_results {
  height: 20px;
  margin: -10px 0 10px 0;
  color: red;
}

.Popsicle {
  z-index: 1001;
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.1) !important;
}

.fadeInOut {
  animation: fadeinout 1s linear forwards;
}

@keyframes fadeinout {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: .8;
  }
}

/*--------------------------------------------------------------
# Activity Stream
--------------------------------------------------------------*/
#streamfilter .filter {
  top: 0;
  display: block;
  position: relative;
}

.newactivity, .moreactivity {
  font-size: 14px;
  border-radius: 4px;
  border: none;
  background: #f1feff none repeat-x;
  margin: 15px 0;
  height: auto;
  padding: 10px;
}

.newactivity a, .newactivity > span,
.moreactivity a, .moreactivity span {
  font-weight: normal;
  text-decoration: none;
}

li.activitybit .content .title {
  font-size: 16px;
}

@media (max-width: 768px) {
  li.activitybit .content .title {
    font-size: 14px;
  }
}

li.activitybit {
  font-size: 14px;
  background: transparent;
}

.dark li.activitybit a {
  color: #f5f5f5;
}

li.activitybit .avatar img {
  border-radius: 50%;
}

li.activitybit .fulllink {
  background-image: none;
  padding-left: 0;
}

li.activitybit .views {
  padding-left: 85px;
}

li.olderactivity hr {
  background: #dee9eb;
  border: 1px solid #dee9eb;
}

li.activitybit .content .datetime {
  padding-top: 10px;
  padding-left: 85px;
}

@media (max-width: 480px) {
  li.activitybit .content .datetime {
    padding-left: 80px;
  }
}

/*--------------------------------------------------------------
# Search List
--------------------------------------------------------------*/
.thread_posted {
  font-size: 12px;
  text-align: right;
  margin-bottom: 5px;
}

.searchresults #searchbits > li {
  border-radius: 0px;
}

.searchresults #searchbits > li:first-child {
  padding-top: 24px;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
}

.searchresults #searchbits > li:last-child {
  padding-bottom: 24px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

/*--------------------------------------------------------------
# FAQ
--------------------------------------------------------------*/
.faqlinks {
  background: inherit;
}

.faqtext + .faqlinks {
  border: 0;
}

/*--------------------------------------------------------------
# Poll
--------------------------------------------------------------*/
#pollinfo .blockhead h2 {
  color: #aebec1;
}

#pollinfo {
  background: #fff;
  margin: 0;
  padding: 15px;
  border: 0;
}

.dark #pollinfo,
.dark #pollinfo .polltitle {
  background: #414b4c;
  color: #fff;
}

#pollinfo .blockhead .totalvotes,
#pollinfo .blockhead .stats {
  font-size: 12px;
}

.dark #pollinfo .blockhead .totalvotes,
.dark #pollinfo .blockhead .stats {
  color: #fff;
}

.polloptionsblock {
  background-image: none;
  padding: 0;
}

#pollinfo .btn {
  margin: 0 10px 0 0;
}

/*--------------------------------------------------------------
# Album
--------------------------------------------------------------*/
#album_content,
#album_content .content,
#album_sidebar {
  width: calc(100%);
  margin: 0;
  float: none;
}

.toolsmenu li a.upload:before,
.toolsmenu li a.add:before {
  content: '\f055';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin: 0 5px 0 0;
  font-size: 12px;
}

.toolsmenu li a.edit:before,
.toolsmenu .picturenav li a.edit:before {
  content: '\f14b';
  font-family: "Font Awesome 5 Pro";
  font-weight: 900;
  margin: 0 5px 0 0;
}

.toolsmenu .picturenav li a.edit,
.toolsmenu li a.edit,
.toolsmenu .nopopupgroup li a:hover,
.toolsmenu .menuimage a.popupctrl:hover {
  background-image: none;
}

#latestalbumcontainer li,
#latestalbumcontainer div.albumthumbcontainer img.album_cover {
  border: 0;
  box-shadow: none;
  height: auto;
  width: auto;
}

#thumbnails li .picture {
  height: auto;
  width: auto;
}

#latestalbumcontainer li,
#thumbnails li {
  width: calc(50% - 30px);
  background: transparent;
  border: 0;
  box-shadow: none;
  height: auto;
  overflow: hidden;
  display: table-cell;
}

#latestalbumcontainer li img,
#thumbnails li img {
  max-width: 100%;
}

.toolsmenu .nopopupgroup li a,
.toolsmenu .menuimage a.popupctrl {
  background-image: none;
}

.dark .toolsmenu .nopopupgroup li a,
.dark .toolsmenu .menuimage a.popupctrl {
  color: #fff;
}

.page-album div#picturelink {
  margin: 1px 0 15px 0 !important;
}

#picturelink img {
  border: 0;
  box-shadow: none;
}

.dark #picturelink img {
  background: #414b4c none;
}

.page-album .toolsmenu h1 {
  margin: 11px 0 0 0;
}

#pictureurls input.textbox {
  width: 100%;
}

#latestalbumcontainer li,
li.albumlist_entry {
  float: left;
  margin: 0;
  border: 0;
  box-shadow: none;
  height: auto;
  text-align: center;
  width: calc(50% - 0px);
}

#latestalbumcontainer li img,
.albumlist_entry .albumthumb,
li.albumlist_entry img {
  box-shadow: none;
  max-height: 200px;
  max-width: 100%;
  height: auto;
  width: auto;
  border-radius: 4px;
}

/*--------------------------------------------------------------
# Social Groups
--------------------------------------------------------------*/
.grouplist {
  width: calc(50% - 5px);
}

li.sgicon .maincol,
#content .blockrow > li,
#content .blockrow > ol,
#content .blockrow > div {
  background: transparent;
}

li.sgicon .controls a.textcontrol {
  padding: 0 20px;
}

#sidebar li.sgicon {
  border-top: 1px solid #dee9eb;
}

#sidebar li.sgicon .leftcol {
  width: 80px;
}

#sidebar li.sgicon .leftcol img.sgicon,
img.sgicon {
  width: 80px;
  height: 80px;
  border: 0;
  border-radius: 4px;
}

li.sgicon .maincol hr {
  height: 1px;
  border: none;
  border-top: 1px solid #dee9eb;
  font-size: 11px;
}

#w_categories li {
  margin: 0 0 10px 0;
  font-size: 15px;
}

#w_categories li i {
  margin: 0 5px 0 0;
}

@media (max-width: 768px) {
  .page-group .toolsmenu h1 {
    display: none;
  }
  .grouplist {
    float: none;
    width: calc(100% - 5px);
  }
}

.page-group #sidebar_container a {
  display: block;
  color: #417394;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

#sidebar_container .underblock,
#sidebar_container > ul,
#sidebar_container .blockbody {
  background: transparent;
}

#view-group-groupimage {
  margin: 10px auto;
}

#content_container.contentright {
  margin: 0 0 0 30px;
  width: calc(100% - 300px);
}

#content_container.contentright #content {
  margin: 0;
}

@media (max-width: 768px) {
  .page-group #sidebar_container.sidebarleft {
    float: none;
    width: 100%;
  }
  #content_container.contentright #content,
  #content_container.contentright {
    padding: 15px 0;
    margin: 0;
    width: 100%;
  }
  #view-group-description {
    margin: 10px 0 10px 0;
  }
  ul#pictureurls {
    float: none;
    width: auto;
  }
  #picturestats {
    margin: 0;
  }
}

/*--------------------------------------------------------------
# Member Map
--------------------------------------------------------------*/
.toolbar .searchnote,
.toolbar .default .notset {
  line-height: 40px;
}

/*--------------------------------------------------------------
# Infractions
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .infraction_infotable th {
    display: none;
  }
  .infraction_infotable tr td:not(:first-child) {
    display: inline-block;
    white-space: nowrap;
    color: #939393;
  }
  .infraction_infotable tr td span {
    display: inline-block !important;
  }
  .infraction_infotable tr td input[type=checkbox] {
    display: inline;
    float: right;
    margin: 2px 0 0 5px;
  }
  .infraction_infotable tr td:first-child {
    display: table;
    width: 100%;
    margin: 15px 0 0 0;
  }
  .page-infraction form input[name=preview] {
    display: none !important;
  }
}

/*--------------------------------------------------------------
# Moderation
--------------------------------------------------------------*/
.page-moderation #usercp_content {
  padding: 15px 0 0 0;
}

.page-moderation .posttext {
  margin: 15px 0 0 0;
}

#postlist.postlist_moderation {
  margin: 0;
}

.page-moderation .tbit .imod {
  top: initial;
  bottom: 15px;
}

.page-moderation #display_options {
  margin: 30px 0;
}

.page-moderation .vm_blockrow {
  margin: 15px  0 0 0;
}

/*--------------------------------------------------------------
# Post History
--------------------------------------------------------------*/
@media (max-width: 768px) {
  .page-showpostedithistory .blocksubhead.usernamecol,
  .page-showpostedithistory .blocksubhead.reasoncol {
    display: none;
  }
  .page-showpostedithistory .blocksubhead.datecol, #postlist div.datecol {
    width: calc(100% - 80px);
  }
  .page-showpostedithistory #postlist div.reasoncol,
  .page-showpostedithistory #postlist div.usernamecol {
    width: 100%;
    text-align: right;
  }
  .page-showpostedithistory #postlist div span {
    display: inline-block !important;
    margin: 0 5px 0 0;
  }
}

.page-showpostedithistory #postlist li {
  background: transparent;
}

/*--------------------------------------------------------------
# Print thread
--------------------------------------------------------------*/
.page-printthread {
  padding: 30px;
}

.page-printthread .pagination .popupbody {
  margin: 22px 0 0 0;
}

.page-printthread hr {
  display: none;
}

.page-printthread #postlist .postbit {
  border-bottom: 1px solid #eeeeee !important;
  padding: 30px 0;
}

.page-printthread a.maxperpage {
  float: none;
  margin: 0 0 15px 0;
  display: block;
}

.page-printthread .bbcode_container div.bbcode_quote {
  background: none;
  border: none;
}

/*--------------------------------------------------------------
# Subscriptions
--------------------------------------------------------------*/
.page-subscription .td.threadimod {
  vertical-align: bottom;
}

.page-subscription .groupcontrols .textcontrol {
  margin: 0 0 15px 15px;
}

/*--------------------------------------------------------------
# Converse
--------------------------------------------------------------*/
.page-converse .userprof blockquote {
  padding: 0;
}

/*--------------------------------------------------------------
# Visitor Messages
--------------------------------------------------------------*/
.page-visitormessage .block {
  padding: 15px;
}

.page-visitormessage .blockfoot {
  padding: 15px 0;
}

.page-visitormessage .actionbuttons .group {
  padding: 0;
}

/*--------------------------------------------------------------
# Member Profile
--------------------------------------------------------------*/
.dark #sidebar_container.member_summary .textcontrol,
.dark #userprof_content_container a,
.dark #sidebar_container a {
  color: #b1b5b6;
}

@media (max-width: 768px) {
  #sidebar_container.member_summary,
  #userprof_content_container {
    width: 100%;
    margin: 0;
    margin: 0 0 30px 0;
  }
}

#sidebar_container .userprof_button {
  background-image: none;
  bottom: 0;
  display: block;
  width: 100%;
  margin: 0 0 15px 0;
  border: 0;
  border-radius: 4px;
  background-color: #eff7fa;
  font-weight: normal;
}

#site-global-wrap.dark .member_summary .image_link_list .image_bit img,
#site-global-wrap.dark .member_summary dd.avatar img {
  border: 1px solid #414b4c;
}

#usermenu li {
  margin-bottom: 8px;
}

#usermenu li.separator {
  display: none;
}

#usermenu i.fa {
  color: #424242;
  width: 18px;
  text-align: center;
}

#site-global-wrap.dark #usermenu i.fa {
  color: #667578;
}

dl.tabslight {
  padding: 0;
  height: 25px;
  overflow: hidden;
}

dl.as-tabs dd,
dl.as-tabs dd a {
  background: transparent;
  color: #5f5f5f;
  background-image: none !important;
  padding: 0 0 0 5px !important;
}

@media (max-width: 768px) {
  dl.as-tabs dd a {
    display: block;
    max-width: 50px;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
  }
}

dl.as-tabs dd.selected,
dl.as-tabs dd.selected a {
  color: #CCCCCC;
}

.dark .userprof_headers:not(.subsectionhead) {
  color: #b1b5b6;
  background-color: #2d3c40;
}

.dark .newactivity a,
.dark .newactivity > span,
.dark reactivity a,
.dark .moreactivity span {
  color: #b1b5b6;
}

#site-global-wrap.dark dl.as-tabs dd.selected a {
  color: #667578 !important;
}

#activity_tab_container, #activitylist {
  margin: 0;
}

.page-member .attachment a {
  border: 0;
}

#view-infractions,
#view-friends-content > .block,
#view-likesreceived > .block,
#view-aboutme > .block,
.page-member #activitylist,
.page-member .userprof_editor {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}

#view-infractions {
  padding: 15px;
}

#view-likesreceived #above_postlist {
  margin: 15px 0 0 0;
}

#site-global-wrap.dark li.activitybit {
  color: #b1b5b6;
}

.page-member li.activitybit li.attachment {
  max-width: calc(100% - 15px);
}

.page-member li.activitybit .attachmentcontainer img,
.page-member li.activitybit li.attachment img {
  max-width: calc(100%);
  height: auto;
}

#view-postareas .subsection,
#sidebar_container.member_summary,
#activity_tab_container > div,
.memberprofiletabunder,
.activitystream_block dd.selected,
dd.userprof_module {
  background-color: #ffffff !important;
  border-width: 0;
  box-shadow: none;
  background-image: none !important;
}

dl.tabslight dd.userprof_moduleinactive a,
dl.tabslight dd.userprof_module a:hover,
dl.tabslight dd.userprof_module a {
  color: #3E3E3E;
  font-weight: normal;
}

#site-global-wrap.dark .activitystream_block dd,
#site-global-wrap.dark .userprof_content,
#site-global-wrap.dark #sidebar_container.member_summary,
#site-global-wrap.dark #activity_tab_container > div,
#site-global-wrap.dark .memberprofiletabunder,
#site-global-wrap.dark .activitystream_block dd.selected,
#site-global-wrap.dark dd.userprof_module {
  color: #b1b5b6;
  background-color: #414b4c  !important;
  border-width: 0;
}

.memberprofiletabunder {
  border-top-right-radius: 4px;
}

.userprof_module,
.activitystream_block dd, dd.userprof_moduleinactive {
  color: #424242;
  background-color: #eff7fa;
  border-width: 0;
  margin: 0 4px 0 0;
  background-image: none !important;
}

#sidebar_container .userprof_content .blockrow {
  background-color: #eff7fa;
  border-width: 0;
}

#sidebar_container.member_summary .textcontrol {
  line-height: normal !important;
}

.member_summary dl.stats dt {
  font-weight: normal;
}

#site-global-wrap.dark .postbit-lite .postbithead,
#site-global-wrap.dark .userprof_headers,
#site-global-wrap.dark #sidebar_container .userprof_button,
#site-global-wrap.dark #sidebar_container .userprof_content .blockrow,
#site-global-wrap.dark dd.userprof_moduleinactive {
  color: #b1b5b6;
  background-color: #2D3C40;
  border: 0;
}

#site-global-wrap.dark .userprof_title,
#site-global-wrap.dark #sidebar_container .blocksubhead,
#site-global-wrap.dark dl.stats dt,
#site-global-wrap.dark #sidebar_container dl.stats,
#site-global-wrap.dark #sidebar_container .blockbody.userprof_content,
#site-global-wrap.dark #sidebar_container .userprof_content .time,
#site-global-wrap.dark .userprof_content .time {
  color: #b1b5b6;
}

#site-global-wrap.dark .userprof_content .shade,
#site-global-wrap.dark #sidebar_container .userprof_content .shade {
  color: #667578;
}

.profile_editor_border,
.profile_content .actionbuttons,
.userprof_editor {
  border-width: 0;
}

#view-visitor_messaging .subsectionhead {
  margin: 15px 0 0 0;
}

.userprof_content,
.userprof_content_border {
  border: 0;
  background: transparent;
}

.userprof blockquote {
  padding: 0;
}

.page-member .profile_content .blockbody .stats dd {
  line-height: 19px;
  margin: 0 0 0 5px;
}

#view-postareas .block {
  border-radius: 0;
}

#view-postareas .blockbody {
  border-radius: 0;
  padding-top: 0;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
}

#view-postareas .userprof_content {
  padding: 15px;
}

/*--------------------------------------------------------------
# Passport
--------------------------------------------------------------*/
#mp-avatar {
  width: 85px;
  height: 85px;
  max-width: 85px;
}

/*--------------------------------------------------------------
# Purch & DFP Fixes
--------------------------------------------------------------*/
.mn_ab_leader {
  margin: 25px 0;
  text-align: center;
}

.ct_wallpaper #Leaderboard_Header_ATF-wrap,
.ct_wallpaper #page,
.ct_wallpaper #page-wrap,
.ct_wallpaper .container {
  background: transparent !important;
  width: auto !important;
  max-width: 1088px;
}

div[data-adunit="Leaderboard_Header_ATF"],
#purch_Y_L_1_1 {
  min-height: 90px;
}

body.mobile #purch_Y_L_1_1 {
  min-height: 50px;
}

div[data-adunit="Inline_ATF_1"],
div[data-adunit="Inline_BTF_2"],
div[data-adunit="Inline_BTF_3"],
div[data-adunit="Inline_BTF_4"],
div[data-adunit="Inline_BTF_5"],
#purch_Y_R_1_1,
#purch_Y_R_0_1,
#purch_Y_R_0_2,
#purch_Y_R_0_3,
#purch_Y_R_0_4 {
  min-height: 250px;
}

.netshelter-ad {
  text-align: center;
}

.netshelter-ad-inner {
  display: inline-block;
}

.adunit.abp {
  border: 1px solid #f2f2f2;
  position: relative;
  margin-top: 12px;
}

.adunit.abp:before {
  content: "Advertisement";
  position: absolute;
  right: 0;
  top: -17px;
  font-size: 11px;
  color: #bfbfbf;
}

.App-Nag--Loaded {
  margin: 60px 0 0 0;
}

.App-Nag--Loaded .top-header {
  top: 60px;
}

.App-Nag--Loaded__iFrame {
  width: 100%;
  height: 60px;
  box-sizing: border-box;
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 99;
}

/*--------------------------------------------------------------
# New Group (helper, tired of scrolling - judge me later)
--------------------------------------------------------------*/
/*--------------------------------------------------------------
# Explode Add-On
--------------------------------------------------------------*/
.explode {
  z-index: 2;
}

.explode {
  color: #e2264d;
  -webkit-filter: none;
  filter: none;
  will-change: font-size;
  animation: heart 1s cubic-bezier(0.17, 0.89, 0.32, 1.49);
}

.explode:before, .explode:after {
  animation: inherit;
  animation-timing-function: ease-out;
}

.explode:before {
  will-change: transform, border-width, border-color;
  animation-name: bubble;
}

.explode:after {
  will-change: opacity, box-shadow;
  animation-name: sparkles;
}

.explode:focus {
  text-shadow: 0 0 3px white,  0 1px 1px white, 0 -1px 1px white,  1px 0 1px white, -1px 0 1px white;
}

.explode:before, .explode:after {
  position: absolute;
  z-index: -1;
  top: 50%;
  left: 50%;
  border-radius: 50%;
  content: '';
}

.explode:before {
  box-sizing: border-box;
  margin: -2.25rem;
  border: solid 2.25rem #e2264d;
  width: 4.5rem;
  height: 4.5rem;
  transform: scale(0);
}

.explode:after {
  position: absolute;
  margin: -0.1875rem;
  width: 0.375rem;
  height: 0.375rem;
  box-shadow: 0.32476rem -3rem 0 -0.1875rem #ff8080, -0.32476rem -2.625rem 0 -0.1875rem #ffed80, 2.54798rem -1.61656rem 0 -0.1875rem #ffed80, 1.84982rem -1.89057rem 0 -0.1875rem #a4ff80, 2.85252rem 0.98418rem 0 -0.1875rem #a4ff80, 2.63145rem 0.2675rem 0 -0.1875rem #80ffc8, 1.00905rem 2.84381rem 0 -0.1875rem #80ffc8, 1.43154rem 2.22414rem 0 -0.1875rem #80c8ff, -1.59425rem 2.562rem 0 -0.1875rem #80c8ff, -0.84635rem 2.50595rem 0 -0.1875rem #a480ff, -2.99705rem 0.35095rem 0 -0.1875rem #a480ff, -2.48692rem 0.90073rem 0 -0.1875rem #ff80ed, -2.14301rem -2.12438rem 0 -0.1875rem #ff80ed, -2.25479rem -1.38275rem 0 -0.1875rem #ff8080;
}

@keyframes heart {
  0%, 17.5% {
    font-size: 0;
  }
}

@keyframes bubble {
  15% {
    transform: scale(1);
    border-color: #cc8ef5;
    border-width: 2.25rem;
  }
  30%, 100% {
    transform: scale(1);
    border-color: #cc8ef5;
    border-width: 0;
  }
}

@keyframes sparkles {
  0%, 20% {
    opacity: 0;
  }
  25% {
    opacity: 1;
    box-shadow: 0.32476rem -2.4375rem 0 0rem #ff8080, -0.32476rem -2.0625rem 0 0rem #ffed80, 2.1082rem -1.26585rem 0 0rem #ffed80, 1.41004rem -1.53985rem 0 0rem #a4ff80, 2.30412rem 0.85901rem 0 0rem #a4ff80, 2.08305rem 0.14233rem 0 0rem #80ffc8, 0.76499rem 2.33702rem 0 0rem #80ffc8, 1.18748rem 1.71734rem 0 0rem #80c8ff, -1.35019rem 2.0552rem 0 0rem #80c8ff, -0.60229rem 1.99916rem 0 0rem #a480ff, -2.44865rem 0.22578rem 0 0rem #a480ff, -1.93852rem 0.77557rem 0 0rem #ff80ed, -1.70323rem -1.77366rem 0 0rem #ff80ed, -1.81501rem -1.03204rem 0 0rem #ff8080;
  }
}

/* DFP Take over ad */
@media screen and (min-width: 1110px) {
  .dfp-wallpaper .mn_ubar {
    padding: 0;
  }
  .dfp-wallpaper .container {
    max-width: 100%;
  }
  .dfp-wallpaper #page, .dfp-wallpaper #Leaderboard_Header_ATF-wrap, .dfp-wallpaper #page-wrap {
    max-width: 1110px !important;
    margin-left: auto;
    margin-right: auto;
  }
}

/* Mona 4.5 Integration Styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
  margin: 0;
}

body {
  background: #f4f4f4 !important;
}

body a {
  color: inherit;
}

#site-global-wrap:not(.dark) #ctBoc a {
  transition: all ease-in .2s;
}

#site-global-wrap:not(.dark) #ctBoc a:hover {
  color: #479fbf;
}

.region-site-header .header {
  min-height: inherit;
}

.top-header__drawer-label {
  line-height: 30px;
}

.top-header__offerbody a,
.navigation__list a,
.nav-drawer__section a,
.nav-drawer__sub a,
.nav-drawer__sites a,
.nav-drawer__footer a,
.nav-drawer__header-links a {
  color: inherit;
}

.nav-drawer button {
  line-height: inherit;
}

h1 {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.font-loaded--oswald-regular h1 {
  font-family: "Oswald", Helvetica, Arial, sans-serif;
  font-weight: 400;
}

.container {
  overflow: inherit;
}

.row {
  display: block !important;
}

.hide {
  position: relative !important;
  left: inherit !important;
}

#Leaderboard_Header_ATF-wrap {
  padding: 20px 0 20px 0;
}

input#main-search {
  height: 100%;
  border: 0;
}

a.header-drawer__navigation-link,
.header-drawer__passport-links a,
input#main-search {
  color: black;
}

a.header-drawer__navigation-link:hover,
.header-drawer__passport-links a:hover {
  color: black;
  text-decoration: underline;
}

.tbit span.s .fa {
  background: #8562b5;
  color: #fff;
}

.mn_ubar_exp h2,
.mn_postbit .byline a,
a.textcontrol,
.actionbuttons .group .button,
.btn,
a.newcontent_textcontrol,
input.button {
  color: #b72007;
}

#tanswer div.p {
  border-top: 2px solid #8562b5;
}

.mn_i_tabs_cont .mn_i_m_si i.n,
.mn_postbit .social i.n {
  background: #8562b5;
}

.flist .f .fi ol.commalist li i.new {
  color: #8562b5;
}

.tbit span.s .fa {
  background: #8562b5;
  color: #fff;
}

.mn_ubar_exp h2,
.mn_postbit .byline a,
a.textcontrol,
.actionbuttons .group .button,
.btn,
a.newcontent_textcontrol,
input.button {
  color: #8562b5;
}

#tanswer div.p {
  border-top: 2px solid #8562b5;
}

.mn_i_tabs_cont .mn_i_m_si i.n,
.mn_postbit .social i.n {
  background: #8562b5;
}

.flist .f .fi ol.commalist li i.new {
  color: #8562b5;
}

.btn.btn-secondary {
  background: #8562b5;
  border: 1px solid #8562b5;
}

a.textcontrol:hover,
.btn:hover,
.button:hover,
.newcontent_textcontrol:hover,
.btn:focus {
  background: #9974cc !important;
  border: 1px solid #8562b5 !important;
}

/*--------------------------------------------------------------
# Supernav
--------------------------------------------------------------*/
.mn_index_top {
  margin: 0 0 25px 0;
}

.mn_ubar.container {
  max-width: 100%;
  padding: 0;
  width: 100%;
}

.dark .cms_article_txt_content,
.dark div.article_preview,
.dark .article {
  color: white;
}