@font-face {
  font-family: 'Goudy Bookletter 1911';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/l/font?kit=sykt-z54laciWfKv-kX8krex0jDiD2HbY6I5sBbRZ4M9AMc&skey=c69e3ee382ddc4a0&v=v10) format('woff2');
}
html,
body {
  height: 100%;
  font-size: inherit;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  text-rendering: optimizeLegibility;
}
body {
  background-color: #FCFCFC;
  font-size: inherit;
  color: #111;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: bold;
  font-size: inherit;
}
h3 {
  margin-bottom: 20px;
}
blockquote {
  padding: inherit;
  margin: inherit;
  font-size: inherit;
  border-left: inherit;
}
code {
  color: inherit;
}
pre {
  border: inherit;
}
dt {
  font-weight: inherit;
}
.flr {
  float: right;
}
.fll {
  float: left;
}
.fsl {
  font-size: larger;
}
.fw-normal {
  font-weight: normal!important;
}
.bigtxt {
  font-size: 20px!important;
}
.fsize.xl {
  background-color: #5c5b56 !important;
}
.flex {
  display: flex;
}
.flex-wrap {
  flex-wrap: wrap;
}
.flex-align-center {
  display: flex;
  align-items: center;
}
.flex-1 {
  flex: 1;
}
.flex-2 {
  flex: 2;
}
.flex-3 {
  flex: 3;
}
.justify-center {
  justify-content: center;
}
.justify-space-between {
  justify-content: space-between;
}
img.editable {
  text-indent: -10000px;
}
/* ==================== main elements ============ */
#page-container {
  height: 100%;
  min-height: 100%;
  position: relative;
  padding: 0 0 230px 0;
}
#header {
  width: 100%;
  margin: 0 auto;
  text-align: center;
  border-top: 3px solid #84827b;
}
#main {
  max-width: 985px;
  margin: 0 auto;
  padding: 0 10px;
}
.fc-header-image {
  width: 85px;
  height: 65px;
}
/* ==================== links ==================== */
a,
a:visited,
a:active {
  text-decoration: none;
  color: #84827b;
}
a:hover {
  text-decoration: none;
  color: #5c5b56;
}
a:focus {
  text-decoration: none;
}
/* ==================== forms ==================== */
input[type="text"],
input[type="url"],
input[type="password"],
textarea,
select {
  color: #000000;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  padding: 1px 0;
  background-color: #ffffff;
  border: 1px solid #BBB;
  letter-spacing: normal !important;
  line-height: normal !important;
  text-rendering: optimizeLegibility;
  text-shadow: none !important;
  text-transform: none;
  word-spacing: normal;
}
select {
  vertical-align: baseline;
  padding: 5px;
  font-size: 14px;
  line-height: 14px !important;
  height: 32px;
}
::-webkit-selection {
  background-color: #84827b;
  color: #ffffff;
}
::-moz-selection {
  background-color: #84827b;
  color: #ffffff;
}
::selection {
  background-color: #84827b;
  color: #ffffff;
}
/* ==================== buttons ==================== */
button.btn {
  border: 0;
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  font-size: 14px;
  padding: 5px 10px;
  color: #444;
  margin-right: 10px;
  background-color: rgba(0, 0, 0, 0.05);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
button.btn:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.35);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
button.btn.primary {
  color: #ffffff;
  background-color: #a8a7a2 !important;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
button.btn.primary:hover {
  color: #ffffff;
  background-color: #5c5b56 !important;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
button.btn.secondary {
  color: #ffffff;
  background-color: #888 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
}
button.btn.secondary:hover {
  color: #ffffff;
  background-color: #a8a7a2 !important;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.65) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.65) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.65) inset;
}
button.btn.tertiary {
  color: #ffffff;
  background-color: #FF3300 !important;
  text-shadow: 0 1px 0 rgba(135, 27, 0, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #470e00 inset;
  -moz-box-shadow: 0 0 2px 0 #470e00 inset;
  box-shadow: 0 0 2px 0 #470e00 inset;
}
button.btn.tertiary:hover {
  color: #ffffff;
  background-color: #D22A00 !important;
  text-shadow: 0 1px 0 #871B00;
  -webkit-box-shadow: 0 0 2px 0 #1f0600 inset;
  -moz-box-shadow: 0 0 2px 0 #1f0600 inset;
  box-shadow: 0 0 2px 0 #1f0600 inset;
}
button.btn.lrg {
  font-size: 18px;
  padding: 6px 14px;
}
button.btn.sml {
  font-size: 12px;
  padding: 4px 7px;
}
button.btn.xsml {
  font-size: 12px;
  padding: 4px 7px;
  font-weight: 400;
}
button.btn.xxsml {
  font-size: 10px;
  padding: 3px 7px;
  font-weight: 400;
}
a.btn {
  font-size: 16px;
  font-weight: bold;
  padding: 6px 10px;
  margin-right: 8px;
  color: #ffffff;
  outline: 0;
  background-color: #84827b;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
a.btn.lrg {
  font-size: 18px;
  line-height: 18px;
  padding: 8px 14px;
}
a.btn:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
.print-style-icon a.s.lnk-del {
  background-color: red;
}
/* ==================== round corners ==================== */
.rc3 {
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.rc4 {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}
.rc5 {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
/* ==================== main elements ==================== */
.content-top {
  width: 100%;
  max-width: 960px;
  margin: 0 auto 25px auto;
  position: relative;
}
.content-top .view-mobile {
  margin-top: -10px;
}
#content-main,
#content-aside {
  box-sizing: border-box !important;
  padding-top: 10px;
}
/* ==================== page header ==================== */
.page-top-logo {
  width: 300px;
  height: 225px;
  position: absolute;
  top: -115px;
  cursor: pointer;
  overflow: hidden;
  border-radius: 0 0 8px 8px;
}
/* ==================== Search Bar - Options (NEW) ==================== */
#search {
  flex: 3;
  border-radius: 0 4px 4px 0;
}
#search-options {
  display: flex;
  flex: 1;
  height: 100%;
  width: 100%;
  border-color: #dedede;
  border-radius: 4px 0 0 4px;
  border-right: none;
  font-size: 13px;
  outline: 0;
  padding-left: 15px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: url('https://static.stands4.com/app_common/img/chevron-down.svg') no-repeat;
  background-size: 15px;
  background-position: calc(90%);
}
label.radio-inline {
  display: inline-block !important;
}
/* ==================== page aside ==================== */
#content-aside section {
  max-width: 300px;
  margin: 20px auto;
  overflow: hidden;
}
#content-aside section.adunit {
  height: 250px;
  width: 250px;
  padding: 25px;
  margin: 20px 0;
  text-align: center;
  background-color: #EFEFEF;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
}
ins.adsbygoogle[data-ad-status="unfilled"] {
  display: none!important;
}
.fallback-content,
.ad-slot:has(ins.adsbygoogle[data-ad-status="filled"]) .fallback-content {
  display: none;
}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) .fallback-content {
  display: block;
}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) .fallback-content img {
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.ad-slot:has(ins.adsbygoogle[data-ad-status="unfilled"]) .fallback-content:hover img {
  -moz-transform: scale(1.3);
  -webkit-transform: scale(1.3);
  -o-transform: scale(1.3);
  -ms-transform: scale(1.3);
  transform: scale(1.3);
}
#content-aside .tagline {
  width: 300px;
  height: 55px;
  margin: 10px auto;
  text-align: center;
  position: relative;
  text-shadow: 0 1px 0 #ffffff;
}
#content-aside .tagline h2,
#content-aside .tagline h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  position: absolute;
  margin: 0;
  width: 300px;
}
#content-aside .tagline h3 {
  font-weight: 400;
  color: #444;
  font-size: 16px;
  line-height: 16px;
  top: 0;
  left: 0.14em;
  letter-spacing: 0.28em;
}
#content-aside .tagline h2 {
  font-weight: 700;
  color: #a8a7a2;
  font-size: 30px;
  line-height: 30px;
  top: 20px;
  left: 0.019em;
  letter-spacing: 0.038em;
}
#content-aside .tagline h2 span {
  font-family: 'Goudy Bookletter 1911', serif;
  font-weight: 200;
  color: #777;
  font-size: 44px;
  position: relative;
  top: 5px;
  left: 1px;
}
.sep-area {
  position: relative;
  height: 8px;
  display: flex;
  align-items: center;
}
.sep {
  margin: 0;
  width: 100%;
  border-color: #aaa;
}
.sep:after {
  content: '';
  width: 20px;
  height: 20px;
  background: #aaa;
  position: absolute;
  top: -6px;
  left: 50%;
  -moz-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 50%;
  border: 6px solid #FCFCFC;
}
#content-aside .nsep {
  position: relative;
  width: 300px;
  height: 13px;
  margin: 0 auto 12px;
  padding: 0;
}
#content-aside .nsep hr {
  position: absolute;
  width: 300px;
  top: 5px;
  height: 0;
  margin: 0;
  padding: 0;
  border-top: 3px double #aaa;
}
#content-aside .nsep h3 {
  font-family: 'Yanone Kaffeesatz', sans-serif;
  font-weight: 400;
  color: #555;
  font-size: 12px;
  line-height: 12px;
  margin: 0 auto;
  padding: 1px 0;
  width: 220px;
  text-align: center;
  text-transform: uppercase;
  background-color: #FCFCFC;
  position: absolute;
  top: 0;
  left: 40px;
  border-style: solid;
  border-color: transparent #CCC;
  border-width: 0 1px;
  letter-spacing: 0.18em;
  text-shadow: 0 1px 0 #ffffff;
}
#content-aside .nsep h3 span {
  font-weight: 700;
  color: #333333;
}
#content-aside hr.sec {
  height: 0;
  margin: 30px 0 15px 0;
  padding: 0;
  border-color: #AAA;
  position: relative;
  overflow: visible;
}
/* ==================== top page search ==================== */
.page-top-search {
  width: 100%;
  max-width: 960px;
  margin-top: 15px;
  color: #777;
  display: flex;
  justify-content: flex-end;
}
.page-word-search {
  width: 630px;
  height: 50px;
}
.view-mobile .page-word-search {
  left: 100px;
  width: 65%;
  top: 20px;
}
#search,
#search-mob {
  font-size: 16px;
  background-color: #ededed;
  border-color: #dedede;
  padding: 5px 52px 5px 15px;
  height: 50px;
  width: 100%;
}
#search-mob {
  padding: 5px 10px;
  height: 40px;
  border: none;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
}
#search:focus,
#search-mob:focus {
  background: #e7e7e7;
  border-color: #bdbdbd;
  outline: none;
}
.page-word-search-query::-webkit-input-placeholder {
  /* Chrome/Opera/Safari */
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.page-word-search-query::-moz-placeholder {
  /* Firefox 19+ */
  -moz-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  -o-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.page-word-search-query:-ms-input-placeholder {
  /* IE 10+ */
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}
.page-word-search-query:-moz-placeholder {
  /* Firefox 18- */
  -moz-transform: translateY(2px);
  -webkit-transform: translateY(2px);
  -o-transform: translateY(2px);
  -ms-transform: translateY(2px);
  transform: translateY(2px);
  font-size: 16px;
  color: rgba(0, 0, 0, 0.6);
}
#page-word-search-button {
  position: absolute;
  top: 5px;
  right: 5px;
  text-transform: uppercase;
  font-size: 10px;
  line-height: 10px;
  margin: 0;
  padding: 10px;
}
#page-word-search-button-mob {
  font-size: 18px;
  line-height: 18px;
  margin-right: 0;
  width: 40px;
  height: 40px;
}
.page-letter-search {
  font-size: 11px;
  margin: 5px 0 0 330px;
}
.page-letter-search > a {
  color: #222;
  min-width: 17px;
  display: inline-block;
  text-align: center;
}
.page-letter-search > a.z {
  padding: 0 4px;
}
.page-letter-search a:hover,
.page-letter-search a.s {
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  -o-border-radius: 3px;
  border-radius: 3px;
}
.page-letter-search a.s {
  font-weight: bold;
}
.page-letter-search a.s:hover {
  background-color: rgba(0, 0, 0, 0.25);
}
.page-letter-search > .vbar {
  border-left: 1px solid #84827b;
  margin-left: 12px;
}
/* ==================== letter search box  ==================== */
.cblocks .cblock.alpha-mob {
  padding: 5px 30px;
}
.cblocks .cblock.alpha-mob h3 {
  font-family: 'Oxygen', sans-serif;
  font-size: 36px;
  line-height: 35px;
  color: #000000;
}
.alpha-mob-list {
  overflow: hidden;
  margin: 5px 0 10px;
}
.alpha-mob-list > a {
  width: 45px;
  height: 45px;
  border: 2px solid #84827b;
  border-radius: 3px;
  margin: 0 5px 5px 0;
  line-height: 40px;
  font-size: 20px;
  font-weight: bold;
  display: inline-flex;
  justify-content: center;
  align-items: center;
}
.alpha-mob-list > a:hover {
  color: #ffffff;
  background-color: #84827b;
  border-color: #42413d;
}
.alpha-mob-list > a.s {
  color: #ffffff;
  background-color: rgba(0, 0, 0, 0.65);
  border-color: #222222;
}
.alpha-mob-list > a.z {
  background: #84827b;
  color: #ffffff;
  font-size: 15px;
  float: right;
}
.alpha-mob-list > .vbar + a.z {
  margin-right: 36px;
}
/* ==================== general content ==================== */
#content-main > div > div > hgroup,
#content-main > hgroup {
  border-bottom: 3px double #999;
  margin: 0 0 20px 0;
  text-shadow: 0 1px 0 #ffffff;
}
#content-main > div > div > hgroup h1,
#content-main > hgroup h1 {
  font-weight: 700;
  color: #000000;
  letter-spacing: -1px;
}
#content-main > div > div > hgroup h2,
#content-main > hgroup h2 {
  font-weight: 400;
  color: #000000;
  letter-spacing: -1px;
}
#content-main > div > div > hgroup h3,
#content-main > hgroup h3 {
  font-weight: 400;
  color: #444;
}
#content-main > div > div > hgroup h1,
#content-main > hgroup h1 {
  font-size: 30px;
  line-height: 38px;
}
#content-main > div > div > hgroup h2,
#content-main > hgroup h2 {
  font-size: 28px;
  line-height: 36px;
}
#content-main > div > div > hgroup h3,
#content-main > hgroup h3 {
  font-size: 16px;
  line-height: 21px;
}
#content-main > div > div > hgroup.hg1p h1,
#content-main > div > div > hgroup.hg1p23 h1,
#content-main > div > div > hgroup.hg1p3 h1,
#content-main > hgroup.hg1p h1,
#content-main > hgroup.hg1p23 h1,
#content-main > hgroup.hg1p3 h1 {
  font-weight: 400;
}
#content-main > div > div > hgroup.hg1p h1 strong,
#content-main > div > div > hgroup.hg1p23 h1 strong,
#content-main > div > div > hgroup.hg1p3 h1 strong,
#content-main > div > div > hgroup h2 strong,
#content-main > div > div > hgroup h3 strong,
#content-main > hgroup.hg1p h1 strong,
#content-main > hgroup.hg1p23 h1 strong,
#content-main > hgroup.hg1p3 h1 strong,
#content-main > hgroup h2 strong,
#content-main > hgroup h3 strong {
  font-weight: 700;
}
#content-main > div > div > hgroup h3 strong,
#content-main > hgroup h3 strong {
  color: #222222;
}
#content-main > div > div > hgroup h1,
#content-main > hgroup h1,
#content-main > div > div > hgroup h2,
#content-main > hgroup h2,
#content-main > div > div > hgroup h3,
#content-main > hgroup h3 {
  margin: 0 0 10px 0;
}
#content-main > div > div > hgroup.hg1b2 h1 + h2,
#content-main > hgroup.hg1b2 h1 + h2 {
  margin: -5px 0 10px 0;
}
#content-main > div > div > hgroup h1 a,
#content-main > div > div > hgroup h2 a,
#content-main > hgroup h1 a,
#content-main > hgroup h2 a {
  color: #000000;
}
#content-main > div > div > hgroup.hg1p23 h1 strong,
#content-main > div > div > hgroup.hg1p23 h2 strong,
#content-main > hgroup.hg1p23 h1 strong,
#content-main > hgroup.hg1p23 h2 strong,
#content-main > div > div > hgroup h1 a:hover,
#content-main > div > div > hgroup h2 a:hover,
#content-main > hgroup h1 a:hover,
#content-main > hgroup h2 a:hover,
#content-main > div > div > hgroup span.hl,
#content-main > hgroup span.hl {
  color: #84827b;
}
#content-main > div > div > hgroup.no-border,
#content-main > hgroup.no-border {
  border-bottom: 0;
}
#content-main > div > div > hgroup.hg1p23 h2,
#content-main > hgroup.hg1p23 h2 {
  font-size: 20px;
  line-height: 22px;
  color: #444;
}
#content-main > hgroup.hg1p3 h1 {
  font-size: 25px;
}
#content-main > hgroup.hg1b h1 {
  font-size: 34px;
}
/* ==================== sort / filter ==================== */
.filter-users button.action {
  margin-top: 5px;
  margin-right: 2px!important;
}
.filter-users .btn-group > .filter {
  font-size: 11px;
  margin: 0;
}
.filter-users .btn-group > .filter:focus,
.filter-users button.action:focus {
  outline: none;
}
#content-filters {
  padding: 10px;
  border-bottom: 1px dotted #BBB;
}
#content-filters span .sort {
  float: right;
  font-size: 11px;
  letter-spacing: 0;
}
#content-filters span .sort > a,
#content-filters span .sort > span {
  cursor: pointer;
  display: inline-block;
  margin-left: 10px;
  padding: 2px 5px;
  color: #444;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
#content-filters span .sort.fsize > span {
  cursor: pointer;
  margin-left: 5px;
}
a.fsize {
  cursor: pointer;
}
#content-filters span .sort > a:hover,
#content-filters span .sort > span:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
#content-filters span .sort > a.s,
#content-filters span .sort > span.s {
  color: #ffffff;
  background-color: #a8a7a2;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
#content-filters span .sort > a.s:hover,
#content-filters span .sort > span.s:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
#content-filters > span .category {
  float: left;
  font-size: 11px;
  letter-spacing: 0;
  margin: -1px;
  white-space: nowrap;
}
#content-filters select:not([multiple]) {
  margin-left: 10px;
  padding: 0 5px;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  font-size: 11px;
  height: 18px;
  letter-spacing: 0;
  color: #444;
  white-space: nowrap;
  border-radius: 5px;
}
#content-filters select:not([multiple]):hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
#content-filters select:not([multiple]).s {
  color: #ffffff;
  background-color: #84827b;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
#content-filters select:not([multiple]).s:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
#content-main > div > div > hgroup h3.filter {
  font-size: 11px;
}
#content-main > div > div > hgroup h3.filter a {
  margin-left: 7px;
  padding: 2px 5px;
  color: #444;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
#content-main > div > div > hgroup h3.filter a:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
#content-main > div > div > hgroup h3.filter a.s {
  color: #ffffff;
  background-color: #84827b;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
#content-main > div > div > hgroup h3.filter a.s:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
/* ==================== top main ad units ==================== */
.ad-slot.no-mbtm {
  margin-bottom: 0;
}
#content-main .adunit-middle {
  min-height: 150px;
  margin: 0 auto 30px;
}
#content-main .adunit-middle-2col > div {
  float: left;
  text-align: center;
}
#content-main .adunit-middle-3col > div {
  float: left;
  text-align: center;
}
/* ==================== static content ==================== */
#content-body {
  position: relative;
}
#content-body > div > h3,
#content-body > h3 {
  font-size: 22px;
  line-height: 26px;
  color: #444;
  font-weight: 400;
  text-shadow: 0 1px 0 #ffffff;
}
#content-body > div > section,
#content-body > section {
  margin: 0 0 15px 0;
  text-shadow: 0 1px 0 #ffffff;
}
#content-body > div > section > h4,
#content-body > section > h4 {
  font-size: 16px;
  line-height: 20px;
  color: #222222;
  margin: 0 0 15px 0;
}
#content-body > div > section p,
#content-body > section p {
  margin: 0 0 15px 0;
  font-size: 13px;
  line-height: 18px;
  color: #333333;
}
#content-body > div > section p strong,
#content-body > section p strong {
  color: #000000;
}
#content-body > div > section p sup,
#content-body > section p sup {
  font-weight: 700;
  color: #000000;
}
#content-body > div > section p.smalltype,
#content-body > section p.smalltype {
  font-size: 11px;
  line-height: 12px;
}
#content-body > div > section ul,
#content-body > section ul {
  font-size: 17px;
  line-height: 21px;
  color: #333333;
  margin: 0 0 15px 35px;
  padding: 0;
  direction: initial;
}
#content-body > div > section + div.bcols,
#content-body > section + div.bcols {
  margin-top: 50px;
}
#content-body > div > section + form,
#content-body > section + form {
  margin-top: 30px;
}
#content-body > div > section.split > .row > div > div,
#content-body > section.split > div {
  float: left;
  min-height: 224px;
  padding: 20px;
}
#content-main .callout,
#content-body > div > section.split > .row > div > div,
#content-body > section.split > div {
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  background-color: #fdfdfd;
  -webkit-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.25);
  -moz-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.25);
  box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.25);
}
#content-body section.split > div:first-child > div {
  margin-left: 0;
}
#content-body section.split > div h2 {
  font-family: 'Alegreya Sans', sans-serif;
  margin: 0 0 10px 0;
  font-size: 24px;
  line-height: 26px;
  color: #84827b;
}
#content-body section.split > div p {
  font-size: 14px;
  line-height: 18px;
  margin: 15px 0 0;
}
#content-body section.split > div ul {
  list-style-type: none;
  margin: 15px 0 0;
  padding: 0;
}
#content-body section.split > div li {
  font-size: 14px;
  line-height: 18px;
  float: left;
  width: 130px;
  margin: 0 0 5px 0;
  position: relative;
}
#content-body section.split > div li .new-item {
  position: relative;
  color: #ffffff;
  background-color: #FF3300;
  text-shadow: none;
  padding: 0 3px 0 2px;
  font-size: 10px;
  line-height: 10px;
  left: 8px;
  top: -5px;
  font-weight: 700;
}
#content-body section.split > div p.actions {
  line-height: 40px;
}
/* ==================== forms ==================== */
#content-body label {
  display: block;
  font-weight: 700;
  margin-bottom: 5px;
}
#content-body input[type="text"].fw,
#content-body input[type="url"].fw,
#content-body input[type="password"].fw {
  width: 100%;
  padding: 10px;
}
#content-body input[type="text"].sw,
#content-body input[type="url"].sw,
#content-body input[type="password"].sw {
  width: 133px;
  padding: 3px;
}
#content-body input[type="text"].pd,
#content-body input[type="url"].pd,
#content-body input[type="password"].pd {
  padding: 5px;
}
#content-body textarea.fw {
  width: 100%;
  padding: 10px;
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
}
#content-body textarea[readonly] {
  background-color: #F1F1F1;
  border: 3px solid #CCC;
  resize: none;
}
#content-body textarea[readonly].fw {
  width: 100%;
  padding: 20px;
}
#content-body input[type="text"][readonly] {
  background-color: #F1F1F1;
  border: 3px solid #CCC;
  resize: none;
}
#content-body input[type="text"][readonly].fw {
  width: 100%;
  padding: 10px 20px;
}
#content-body select.fw {
  width: 440px;
}
#content-body label span.mandatory {
  margin-left: 10px;
  font-weight: 700;
  color: #84827b;
}
#content-body label span.mandatory span {
  font-weight: 400;
  margin-left: 3px;
  font-size: 10px;
  vertical-align: middle;
  font-style: italic;
}
#content-body p.sl label {
  font-weight: 400;
  margin-bottom: 0;
  margin-left: 10px;
  display: inline;
}
#content-main .cols {
  margin: 0 0 20px 0;
  padding: 0;
}
#content-main .cols .col-left {
  float: left;
  padding: 10px 15px 0 0;
}
#content-main .cols .col-left > section {
  padding: 20px 0 0;
  margin: 20px 0 0;
  font-size: 14px;
  line-height: 14px;
}
#content-main .cols .col-left > section.add-border {
  border-top: 1px solid #BBB;
}
#content-main .cols .col-left > section:first-child {
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}
#content-main .cols .col-left > section p {
  margin: 0 0 5px 0;
  line-height: 17px;
}
#content-main .cols .col-left > section hgroup {
  margin: 0 0 15px 0;
  text-shadow: 0 1px 0 #ffffff;
}
#content-main .cols .col-left > section hgroup.add-border {
  padding: 0 0 10px 0;
  border-bottom: 1px dotted #999;
  margin-bottom: 0;
}
#content-main .cols .col-left > section hgroup h1 {
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  color: #000000;
}
#content-main .cols .col-left > section hgroup h2 {
  margin: 0;
  font-size: 18px;
  line-height: 18px;
  font-weight: 700;
  color: #222222;
}
#content-main .cols .col-left > section hgroup h2 span {
  color: #555;
  font-weight: 400;
  font-size: 14px;
}
#content-main .cols .col-left > section hgroup h3 {
  margin: 5px 0 0;
  font-size: 15px;
  line-height: 17px;
  font-weight: 400;
  color: #444;
}
#content-main .cols .col-left > section hgroup h4 {
  margin: 5px 0 0;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  color: #000000;
}
#content-main .cols .col-left > section .well {
  margin: 0 0 20px 0;
  padding: 15px 20px;
  font-size: 15px;
  line-height: 20px;
  background-color: #FCFCFC;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
}
/* ==================== translation ==================== */
#content-main .cols .col-left > .translate .well {
  padding-top: 5px;
  padding-bottom: 10px;
}
#content-main .translate p {
  margin: 0;
  font-size: 18px;
  line-height: 20px;
  color: #333333;
  letter-spacing: -1px;
  text-shadow: 0 1px 0 #ffffff;
}
#content-main .translate p.lang {
  position: relative;
  border-bottom: 1px dotted #BBB;
  background-position: 0 11px;
  background-repeat: no-repeat;
  padding: 10px 10px 10px 28px;
}
#content-main .translate p.lang > span.flag {
  position: absolute;
  top: 15px;
  left: 0;
}
.flag {
  display: inline-block;
  height: 15px;
  width: 23px;
  margin: -3px 5px -3px 0;
  background-position: -4px -1094px;
  background-repeat: no-repeat;
}
.flag-ad {
  background-position: -4px -3px;
}
.flag-ae {
  background-position: -37px -3px;
}
.flag-ag {
  background-position: -4px -24px;
}
.flag-ar {
  background-position: -37px -864px;
}
.flag-ast {
  background-position: -37px -1137px;
}
.flag-at {
  background-position: -37px -45px;
}
.flag-au {
  background-position: -4px -66px;
}
.flag-be {
  background-position: -37px -66px;
}
.flag-bf {
  background-position: -4px -87px;
}
.flag-bg {
  background-position: -37px -87px;
}
.flag-blr {
  background-position: -4px -1158px;
}
.flag-bo {
  background-position: -4px -108px;
}
.flag-br {
  background-position: -4px -1073px;
}
.flag-bz {
  background-position: -37px -108px;
}
.flag-ca {
  background-position: -4px -129px;
}
.flag-cd {
  background-position: -37px -129px;
}
.flag-cg {
  background-position: -4px -150px;
}
.flag-ch {
  background-position: -37px -150px;
}
.flag-cl {
  background-position: -4px -171px;
}
.flag-cm {
  background-position: -37px -171px;
}
.flag-co {
  background-position: -37px -192px;
}
.flag-cs {
  background-position: -4px -213px;
}
.flag-da {
  background-position: -37px -234px;
}
.flag-de {
  background-position: -37px -213px;
}
.flag-dj {
  background-position: -4px -234px;
}
.flag-dz {
  background-position: -4px -255px;
}
.flag-ee {
  background-position: -37px -255px;
}
.flag-eg {
  background-position: -4px -276px;
}
.flag-el {
  background-position: -4px -1052px;
}
.flag-eo {
  background-position: -4px -1137px;
}
.flag-en,
.flag-us {
  background-position: -4px -1011px;
}
.flag-es {
  background-position: -37px -276px;
}
.flag-fa {
  background-position: -4px -444px;
}
.flag-fi {
  background-position: -4px -297px;
}
.flag-fr {
  background-position: -37px -297px;
}
.flag-gb {
  background-position: -37px -318px;
}
.flag-gl {
  background-position: -37px -1053px;
}
.flag-gm {
  background-position: -4px -339px;
}
.flag-gt {
  background-position: -37px -339px;
}
.flag-he,
.flag-iw,
.flag-yi {
  background-position: -37px -402px;
}
.flag-hi,
.flag-in,
.flag-te,
.flag-kn {
  background-position: -4px -423px;
}
.flag-hn {
  background-position: -4px -360px;
}
.flag-ht {
  background-position: -37px -360px;
}
.flag-hu {
  background-position: -4px -381px;
}
.flag-hy {
  background-position: -37px -24px;
}
.flag-id {
  background-position: -37px -381px;
}
.flag-ie,
.flag-ga {
  background-position: -4px -402px;
}
.flag-iq {
  background-position: -37px -423px;
}
.flag-is {
  background-position: -37px -1158px;
}
.flag-it {
  background-position: -37px -444px;
}
.flag-ja {
  background-position: -4px -486px;
}
.flag-jm {
  background-position: -4px -465px;
}
.flag-jo {
  background-position: -37px -465px;
}
.flag-kg {
  background-position: -37px -486px;
}
.flag-km {
  background-position: -4px -1180px;
}
.flag-ko {
  background-position: -4px -528px;
}
.flag-kp {
  background-position: -37px -507px;
}
.flag-kw {
  background-position: -37px -528px;
}
.flag-kz {
  background-position: -4px -549px;
}
.flag-la {
  background-position: -37px -1073px;
}
.flag-lb {
  background-position: -4px -570px;
}
.flag-lc {
  background-position: -37px -570px;
}
.flag-ls {
  background-position: -4px -591px;
}
.flag-lu {
  background-position: -37px -591px;
}
.flag-lv {
  background-position: -4px -612px;
}
.flag-mg {
  background-position: -37px -612px;
}
.flag-mk {
  background-position: -4px -633px;
}
.flag-ml {
  background-position: -37px -633px;
}
.flag-mm {
  background-position: -4px -654px;
}
.flag-mt {
  background-position: -37px -654px;
}
.flag-mx {
  background-position: -4px -675px;
}
.flag-na {
  background-position: -37px -675px;
}
.flag-ne {
  background-position: -4px -696px;
}
.flag-ng {
  background-position: -37px -696px;
}
.flag-ni {
  background-position: -4px -717px;
}
.flag-nl {
  background-position: -37px -717px;
}
.flag-no {
  background-position: -4px -738px;
}
.flag-nzl {
  background-position: -4px -1115px;
}
.flag-om {
  background-position: -37px -738px;
}
.flag-pa {
  background-position: -4px -759px;
}
.flag-pe {
  background-position: -37px -759px;
}
.flag-pg {
  background-position: -4px -780px;
}
.flag-ph {
  background-position: -37px -1221px;
}
.flag-pl {
  background-position: -4px -801px;
}
.flag-pt {
  background-position: -37px -801px;
}
.flag-py {
  background-position: -4px -822px;
}
.flag-qa {
  background-position: -37px -822px;
}
.flag-ro {
  background-position: -4px -843px;
}
.flag-ru {
  background-position: -37px -843px;
}
.flag-rw {
  background-position: -4px -864px;
}
.flag-sg {
  background-position: -37px -885px;
}
.flag-si {
  background-position: -4px -1200px;
}
.flag-sk {
  background-position: -37px -1180px;
}
.flag-sl {
  background-position: -4px -906px;
}
.flag-sn {
  background-position: -37px -906px;
}
.flag-so {
  background-position: -4px -927px;
}
.flag-sv {
  background-position: -4px -885px;
}
.flag-tam {
  background-position: -37px -1200px;
}
.flag-td {
  background-position: -4px -948px;
}
.flag-tj {
  background-position: -37px -948px;
}
.flag-tl {
  background-position: -4px -969px;
}
.flag-tr {
  background-position: -37px -969px;
}
.flag-tz {
  background-position: -4px -990px;
}
.flag-uk {
  background-position: -37px -990px;
}
.flag-ur {
  background-position: -37px -780px;
}
.flag-ve {
  background-position: -37px -1011px;
}
.flag-vi {
  background-position: -4px -1032px;
}
.flag-ye {
  background-position: -37px -1032px;
}
.flag-za {
  background-position: -37px -1093px;
}
.flag-zh {
  background-position: -4px -192px;
}
#content-main .translate p.translate-select {
  font-size: 13px;
  line-height: 13px;
  letter-spacing: 0;
  padding: 10px 0 15px 0;
}
#content-main .translate p.translate-select select {
  margin-left: 10px;
  padding: 3px;
  font-size: 12px;
  line-height: 12px !important;
  height: 26px;
}
#content-main .translate h4 {
  font-size: inherit;
}
#content-main .translate-line {
  display: flex;
  align-items: center;
}
/* ==================== languagepicker (Source: https://codepen.io/axel1998/pen/RWOpXq) ==================== */
.languagepicker-content {
  position: relative;
  height: 25px;
}
.languagepicker {
  background-color: #ffffff;
  display: inline-block;
  padding: 0;
  height: 25px;
  max-height: 243px;
  overflow: hidden;
  -webkit-transition: all 0.3s ease;
  -moz-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
  vertical-align: top;
  margin: 0!important;
  border: 1px solid #eee;
  position: relative;
  width: 100%;
  z-index: 10;
}
.languagepicker-content.closed:after {
  content: "";
  position: absolute;
  top: calc(50% + 1px);
  right: 10px;
  display: block;
  -moz-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  z-index: 1000;
  border-top: 7px solid #444;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}
.languagepicker a {
  color: #000000;
  text-decoration: none;
}
.languagepicker > li {
  display: flex;
  align-items: center;
  padding: 0 10px;
  line-height: 12px;
  cursor: pointer;
  height: 25px;
  font-size: 11px;
}
.languagepicker > li:not(:first-child) {
  border-top: 1px solid #eee;
}
.languagepicker > li.used:not(.active) {
  background: #e5e5e5;
  color: #b5b5b5;
  cursor: default;
}
.languagepicker > li.used:not(.active) > img {
  opacity: 0.5;
}
.languagepicker > li.op-disabled {
  border-top: 1px solid #777;
  height: 0;
  padding: 0;
}
.languagepicker > li.op-disabled + li {
  border-top: none;
}
.languagepicker.mouse-in > li:not(.used):hover,
.languagepicker.mouse-in > li.active {
  background-color: #a8a7a2;
  color: #ffffff;
}
.languagepicker > li img {
  margin-right: 5px;
}
.roundborders {
  border-radius: 5px;
}
.languagepicker.mouse-in {
  height: auto;
  overflow-y: auto;
}
/* ==================== Speech ==================== */
.tts-icon.speaking {
  color: #a2a2a2;
}
/* ==================== siteprop ==================== */
#content-main .siteprop {
  margin: 0 0 20px 0;
  padding: 20px 20px 10px;
  background-color: #fdfdfd;
  -webkit-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  -moz-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
}
#content-main .siteprop .siteprop-int p {
  margin: 0 0 5px 0;
  font-size: 15px;
  line-height: 21px;
  color: #111;
}
#content-main .siteprop .siteprop-int .bottom {
  margin: 20px 0 0;
  border-top: 1px dotted #AAA;
  padding-top: 10px;
}
#content-main .siteprop .siteprop-int .bottom > p {
  background: rgba(128, 128, 128, 0.1);
  padding: 10px;
}
#content-main .siteprop .siteprop-int .bottom > span.flr {
  margin: 7px 0 4px 0;
}
#content-main .siteprop hgroup {
  margin: 0 0 15px 0;
  text-shadow: 0 1px 0 #ffffff;
}
#content-main .siteprop h1 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 34px;
  line-height: 34px;
  color: #84827b;
  margin: 0;
}
#content-main .siteprop h2 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 22px;
  line-height: 22px;
  color: #84827b;
  margin: 0;
}
/* ==================== bibliographic citation ==================== */
.translate,
.biblio {
  font-size: 14px;
  line-height: 14px;
  margin: 20px 0 0 !important;
  padding: 20px 20px 10px;
  border-top: 1px solid #BBB;
}
.biblio {
  padding-bottom: 20px;
  margin-bottom: 20px !important;
  border-bottom: 1px solid #BBB;
}
.translate hgroup,
.biblio hgroup {
  margin: 0 0 15px;
  text-shadow: 0 1px 0 #ffffff;
}
.translate hgroup h3,
.biblio hgroup h3 {
  color: #000000;
  font-size: 20px;
  font-weight: 700;
  letter-spacing: -1px;
  line-height: 20px;
  margin: 0;
}
.translate hgroup h4,
.biblio hgroup h4 {
  color: #000000;
  font-size: 13px;
  font-weight: 400;
  line-height: 15px;
  margin: 5px 0 0;
}
.translate .well,
.biblio .well {
  font-size: 15px;
  line-height: 20px;
  margin: 0 !important;
  padding: 10px 20px 5px;
  background-color: #fdfdfd;
  -webkit-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  -moz-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
}
.biblio .well {
  padding: 20px 20px 15px;
}
#content-main .biblio .well {
  position: relative;
  margin-bottom: 0!important;
}
#content-main .biblio .well p {
  padding: 0;
  margin: 0;
  color: #000000;
}
#content-main .biblio .well cite {
  font-style: normal;
  font-weight: 700;
}
#content-main .biblio.no-border {
  border-bottom: none;
}
#cite-style-select {
  font-size: 11px;
  border-bottom: 1px dotted #BBB;
  padding: 0 0 10px 0 !important;
  margin: 0 0 10px 0 !important;
}
#cite-style-select > span {
  cursor: pointer;
  font-size: 11px;
  margin-left: 10px;
  padding: 2px 5px;
  color: #444;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
#cite-style-select > span:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
#cite-style-select > span.s {
  color: #ffffff;
  background-color: #a8a7a2;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
#cite-style-select > span.s:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
#cite-content {
  font-family: 'Droid Serif', serif;
  font-size: 15px !important;
  line-height: 19px !important;
  word-break: break-word;
}
#cite-content a {
  color: #000000;
}
#cite-content a:hover {
  color: #84827b;
}
.well > .cit-copy-frame {
  position: absolute;
  right: 8px;
  top: 13px;
}
.well > .cit-copy-frame .cp-msg {
  margin-right: 5px;
  font-size: 12px;
  color: #84827b;
}
.well > .cit-copy-frame > .cit-copy {
  color: #84827b;
  font-size: 14px;
  padding: 4px 6px;
  border-radius: 5px;
  cursor: pointer;
}
.well > .cit-copy-frame > .cit-copy:hover {
  color: #5c5b56;
}
.citation-footer {
  display: flex;
  justify-content: flex-end;
  color: #000000;
  font-size: 9px;
  letter-spacing: .3px;
  align-items: center;
  line-height: 9px;
  margin-top: 5px!important;
}
.biblio > .citation-footer {
  margin-bottom: 20px;
  padding: 0;
  border: none;
  box-shadow: none;
  background: transparent;
}
.citation-footer > a {
  font-weight: 600;
}
.citation-footer > a > img {
  height: 18px;
  margin: 0 5px;
}
/* ==================== definition ==================== */
#content-main .cols .col-left > .definition {
  text-shadow: 0 1px 0 #ffffff;
}
#content-main .cols .col-left > .definition .well {
  padding-top: 5px;
  padding-bottom: 10px;
}
#content-main .definition p {
  font-size: 12px;
  line-height: 12px;
}
#content-main .definition dl {
  font-size: 12px;
  line-height: 12px;
  margin: 10px 0 5px 0;
}
#content-main .definition dt {
  font-size: 14px;
  line-height: 18px;
  font-weight: 700;
  margin: 0 0 5px 0;
}
#content-main .definition dt .pos {
  font-style: italic;
  color: #555;
  font-weight: 400;
  margin-left: 10px;
  font-size: 12px;
}
#content-main .definition dd {
  margin: 0 0 0 15px;
  color: #333333;
  line-height: 15px;
}
/* ==================== callout ==================== */
#content-main .callout {
  margin: 0 0 20px 0;
  padding: 15px 20px;
}
#content-main .callout .callout-int {
  display: block;
}
#content-main .callout hgroup {
  display: table-cell;
  vertical-align: middle;
  margin: 0;
  text-shadow: 0 1px 0 #ffffff;
  max-width: 400px;
  border-bottom: none;
}
#content-main .callout h2 {
  color: #84827b;
  margin: 0;
  font-size: 20px;
  line-height: 20px;
  font-weight: 700;
  letter-spacing: -1px;
}
#content-main .callout h2.h2b {
  color: #000000;
  margin: 0;
  font-size: 19px;
  line-height: 24px;
  font-weight: 400;
  letter-spacing: -1px;
  margin-top: 10px;
}
#content-main .callout h2.h2b strong {
  color: #84827b;
  font-weight: 700;
}
#content-main .callout h3 {
  color: #000000;
  margin: 5px 0 0;
  font-size: 15px;
  line-height: 19px;
  font-weight: 400;
}
#content-main .callout a {
  color: #84827b;
}
#content-main .callout .actions {
  display: table-cell;
  vertical-align: middle;
  text-align: right;
  width: 200px;
}
#content-main .callout .actions button.btn {
  margin-right: 0;
}
#content-main .cols .col-left .callout {
  margin: 30px 0 20px 0;
}
#content-main .cols .col-left .callout .actions {
  width: 160px;
}
/* ==================== Alt languages ==================== */
#content-main hr.sec.alt-langs:after,
#content-main .alt-langs-header {
  position: absolute;
  font-family: 'Droid Sans Mono', sans-serif;
  font-size: 10px;
  line-height: 10px;
  top: -6px;
  left: 0;
  text-align: center;
  text-transform: uppercase;
  padding: 0 10px 0 0;
  background-color: #FCFCFC;
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
}
#content-main .alt-langs-header {
  display: block;
  top: -26px;
}
/* ==================== no items in list ==================== */
#content-main .no-items {
  margin: 10px 0 20px 0;
  padding: 20px;
  background-color: rgba(0, 0, 0, 0.05);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.65);
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
}
#content-main .no-items hgroup {
  margin: 0!important;
  text-align: center;
}
#content-main .no-items h2 {
  color: #888!important;
  margin: 0;
  font-size: 24px;
  line-height: 24px;
  font-weight: 400!important;
  letter-spacing: -1px;
}
#content-main .no-items h3 {
  color: #444;
  margin: 10px 0 0;
  font-size: 18px;
  line-height: 24px;
  font-weight: 400;
}
#content-main .no-items p {
  font-size: 16px;
  line-height: 22px;
  margin: 5px 0 0;
  color: #444;
}
#content-main .no-items p.more-link {
  margin: 20px 0 10px 0;
}
#content-main .no-items #more-link > a {
  color: #ffffff !important;
}
/* ==================== right inner sidebar ==================== */
#content-main .cols .col-right {
  float: right;
  font-size: 12px;
  line-height: 14px;
  text-shadow: 0 1px 0 #ffffff;
  border-left: 1px dotted #999;
  padding-left: 15px;
  padding-top: 10px;
  margin-left: -1px;
}
#content-main .cols .col-right > section {
  margin: 0 0 30px 0;
}
#content-main .cols .col-right h4 {
  margin: 0 0 15px 0;
  font-size: 14px;
  line-height: 16px;
  font-weight: 400;
  color: #000000;
}
#content-main .cols .col-right ul {
  margin: 0 0 10px 0;
  padding: 0;
}
#content-main .cols .col-right li {
  list-style-type: none;
}
#content-main .cols .col-right ul.xs li {
  margin: 0 0 10px 0;
}
#content-main .cols .col-right ul.ts li {
  margin: 0 0 5px 0;
}
#content-main .cols .col-right ul.es li {
  position: relative;
  margin: 0 0 10px 0;
  padding: 0 0 0 30px;
  background-position: 0 3px;
  background-repeat: no-repeat;
}
#content-main .cols .col-right ul.es i {
  position: absolute;
  left: 3px;
  top: 5px;
  font-size: 14px;
  color: #7d7d7d;
}
#content-main .cols .col-right ul.es i.fab.fa-amazon {
  font-size: 16px;
}
#content-main .cols .col-right > section p {
  color: #444;
  font-size: 12px;
  line-height: 15px;
  margin-top: 12px;
  margin-bottom: 12px;
}
#content-main .cols .col-right > section p strong {
  color: #000000;
  font-weight: 700;
}
#content-main .cols .col-right h5 {
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 5px 0;
  font-weight: 400;
  color: #555;
}
#content-main .cols .col-right h5 strong {
  font-weight: 700;
  color: #000000;
}
#content-main .avatar {
  border: 1px solid #D5D5D5;
  background-color: #ffffff;
  padding: 2px;
  width: 80px;
  height: 80px;
  margin-top: 10px;
  box-sizing: content-box;
}
#content-main .avatar img {
  width: 80px;
  height: 80px;
}
/* ==================== balanced columns ==================== */
#content-main .bcols {
  padding: 0;
  position: relative;
}
#content-main .bcols .bcols-ext h3 {
  color: #84827b;
}
#content-main .bcols > section {
  max-width: 640px;
}
#content-main .bcols > section > div {
  display: table-cell;
  vertical-align: top;
  text-shadow: 0 1px 0 #ffffff;
}
#content-main .bcols > section > div p {
  margin: 0;
  padding: 0;
}
#content-main .bcols > section > div p.err {
  margin-top: 10px;
}
#content-main .bcols > section > .col-left {
  border-right: 1px dotted #999;
  padding: 20px 15px 0 0;
}
#content-main .bcols > section > .col-right {
  width: 159px;
  padding: 43px 0 0 15px;
}
#content-main .err {
  color: #FF3300;
  font-size: 13px;
  line-height: 15px;
  font-weight: 400;
  margin-top: 10px;
}
#content-main .err > a {
  color: inherit;
  text-decoration: underline;
}
#content-main .err strong {
  color: #FF3300;
  font-weight: 700;
}
#content-main .bcols > section:first-child > .col-left {
  padding-top: 10px;
}
#content-main .bcols > section:first-child > .col-right {
  padding-top: 35px;
}
#content-main .bcols > section:last-of-type > div {
  padding-bottom: 20px;
}
#content-main .bcols > section > .col-left ul {
  list-style-type: none;
  margin: 15px 0 0;
  padding: 0;
}
#content-main .bcols > section > .col-left li {
  margin: 0 0 5px 20px;
  padding: 0;
  float: left;
  width: 215px;
}
#content-main .bcols > section > .col-left li label {
  display: inline;
  font-weight: 400;
  margin-left: 10px;
}
#content-main .bcols > section > .col-left .btns {
  line-height: 30px;
}
#content-main .bcols > section > .col-left .btns > span.loader {
  font-size: 11px;
  color: #777;
  margin-left: 20px;
}
#content-main .bcols > section > .col-left .inner-section {
  margin-top: 20px;
}
#content-main .bcols > section > .col-left p.ptext {
  margin: 15px 0 0;
}
#content-main .bcols > section > .col-left p.ptext button {
  margin-left: 15px;
}
#content-main .bcols > section > .col-left p.sl {
  margin-top: 10px;
  margin-left: 35px;
  text-indent: -23px;
  line-height: 19px;
  font-size: 14px;
}
#content-main .bcols > section > .col-right h4 {
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 5px 0;
  font-weight: 700;
  color: #84827b;
}
#content-main .bcols > section > .col-right h5 {
  font-size: 13px;
  line-height: 16px;
  margin: 0 0 5px 0;
  font-weight: 400;
  color: #84827b;
}
#content-main .bcols > section > .col-right p {
  font-size: 11.5px;
  line-height: 15px;
  margin: 0 0 10px 0;
  word-break: break-word;
}
#content-main .bcols > section > .col-left .special {
  background-color: #84827b;
  margin: 0 0 10px 0;
  padding: 15px 15px 10px 15px;
  -webkit-box-shadow: 0 0 5px 0 rgba(1, 81, 166, 0.5) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(1, 81, 166, 0.5) inset;
  box-shadow: 0 0 5px 0 rgba(1, 81, 166, 0.5) inset;
}
#content-main .bcols > section > .col-left .special hgroup {
  margin: 0 0 10px 0;
  border-style: dotted;
  border-width: 0 0 1px 0;
  border-color: rgba(255, 255, 255, 0.6);
}
#content-main .bcols > section > .col-left .special hgroup h2 {
  font-weight: 700;
  font-size: 26px;
  line-height: 26px;
  margin: 0 0 5px 0;
  padding: 0;
  letter-spacing: -1px;
  color: #ffffff;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
}
#content-main .bcols > section > .col-left .special hgroup h3 {
  font-weight: 700;
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 10px 0;
  padding: 0;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 0 rgba(1, 81, 166, 0.35);
}
#content-main .bcols > section > .col-left .special p {
  margin: 0 0 5px 0;
  padding: 0;
  font-size: 12px;
  line-height: 15px;
  color: rgba(255, 255, 255, 0.9);
  text-shadow: 0 1px 0 rgba(1, 81, 166, 0.35);
}
#content-main .bcols > section > .col-left .special p.link a {
  font-weight: 700;
  color: rgba(255, 255, 255, 0.9);
}
#content-main .bcols > section > .col-left .special p.link a:hover {
  color: #ffffff;
}
#content-main .bcols > section > .col-left .special p.sl {
  margin-top: 10px;
  margin-left: 20px;
  text-indent: -23px;
  font-size: 16px;
  line-height: 20px;
}
#content-main .bcols .avatar {
  border: 1px solid #D5D5D5;
  background-color: #ffffff;
  padding: 2px;
  width: 120px;
  height: 120px;
  margin: 10px 0;
}
#content-main .bcols .avatar img {
  width: 120px;
  height: 120px;
}
#content-main .bcols .last-update .col-left p {
  font-size: 11px;
  line-height: 11px;
  color: #333333;
}
#content-main p.more-link {
  margin-top: 30px;
  margin-bottom: 30px;
  text-align: center;
}
/* ==================== avatar upload ==================== */
.upload {
  visibility: hidden;
  position: absolute;
  top: -9999px;
  left: -9999px;
}
.upload-filename {
  color: #333333;
  padding: 10px!important;
  margin-bottom: 15px!important;
  background-color: #FCFCFC;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2) inset;
}
/* ==================== legal ==================== */
.legal {
  margin: 0 0 50px 0;
  font-size: 14px;
  line-height: 20px;
}
.legal ol.alpha {
  list-style-type: upper-alpha;
}
/* ==================== tabular data ==================== */
#content-main .tdata-ext {
  margin: 0;
}
#content-main .tdata {
  border-bottom: 1px solid #999;
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
  margin: 0 0 20px 0;
}
#content-main .tdata th,
#content-main .tdata td {
  padding: 10px 5px;
  margin: 0;
  border: 0;
  font-size: 14px;
  line-height: 20px;
  vertical-align: top;
}
#content-main .tdata td.dx,
#content-main .tdata td.tm {
  word-break: break-word;
}
#content-main .tdata thead th {
  text-align: left;
  border-bottom: 3px double #999;
}
#content-main .tdata tbody tr.hl {
  background-color: rgba(51, 51, 51, 0.05);
}
#content-main .tdata tbody tr:hover {
  background-color: rgba(51, 51, 51, 0.05);
}
#content-main .tdata tbody td {
  border-bottom: 1px dotted #BBB;
}
#content-main .tdata .tal {
  text-align: left;
}
#content-main .tdata .tac {
  text-align: center;
}
#content-main .tdata .tar {
  text-align: right;
}
#content-main .tdata .vam {
  vertical-align: middle;
}
#content-main .tdata .vat {
  vertical-align: top;
}
#content-main .tdata .nowrap {
  min-width: 80px;
}
#content-main .tdata td.sc,
#content-main .tdata td.cn,
#content-main .tdata td.et,
#content-main .tdata td.tm,
#content-main .tdata td.dm {
  /* desc column on sub category page */
  font-size: 16px;
  line-height: 20px;
}
#content-main .tdata td.sc,
#content-main .tdata td.tm {
  font-weight: 700;
}
#content-main .tdata td.et {
  color: #333333;
}
/* extended desc column on serp, letter, recent pages */
#content-main .tdata td.dx p {
  margin: 0;
  padding: 0;
}
#content-main .tdata td.dx p.desc,
#content-main .tdata td.dx p.uname {
  font-size: 16px;
  line-height: 20px;
  margin: 0 0 3px 0;
  word-break: break-word;
}
#content-main .tdata td.dx p.path,
#content-main .tdata td.dx p.udesc,
#content-main .tdata td.dx p.uemail,
#content-main .tdata td.dx p.bsource {
  font-size: 11px;
  line-height: 13px;
}
#content-main .tdata td.dx p.udesc {
  background-color: #E4E4E4;
  padding: 10px;
  margin-top: 10px;
}
#content-main .tdata td.dx p.uemail {
  margin-top: 10px;
  font-weight: 700;
}
#content-main .tdata td.dx p.bsource {
  margin-top: 10px;
  text-align: right;
}
#content-main .tdata td.dx p.ititle {
  font-size: 14px;
  line-height: 18px;
  margin: 0 0 3px 0;
  font-weight: 700;
}
#content-main .tdata td.dx p.ititle a,
#content-main .tdata td.dx p.ititle a:visited {
  color: #222222;
}
#content-main .tdata td.dx p.ititle a:hover {
  color: #0A82C6;
}
#content-main .tdata td.dx p.iprice {
  color: #555;
}
#content-main .tdata td.dx p.iprice a,
#content-main .tdata td.dx p.iprice a:visited {
  color: #555;
}
#content-main .tdata td.dx p.iprice a:hover {
  color: #222222;
}
#content-main .tdata td.dx p.iprice span.op {
  text-decoration: line-through;
  color: #990000;
  font-size: 14px;
  text-shadow: none;
}
#content-main .tdata td.dx p.iprice span.np {
  font-size: 22px;
  line-height: 30px;
  color: #009900;
}
#content-main .tdata td.dx p.desc span.hl {
  background-color: rgba(132, 130, 123, 0.2);
}
#content-main .tdata td.dx span.nd {
  color: #ffffff;
  background-color: #FF9800;
  text-shadow: none;
  padding: 1px 3px 0;
  font-size: 9px;
  line-height: 9px;
  font-weight: 400;
  margin-left: 10px;
}
#content-main .tdata td.gdx p {
  margin: 0 0 5px 0;
  padding: 0;
}
#content-main .tdata td.gdx p.title {
  font-weight: 700;
  font-size: 16px;
  line-height: 22px;
}
#content-main .tdata td.gdx p.title a {
  color: #222222;
}
#content-main .tdata td.gdx p.title a:hover {
  color: #0A82C6;
}
#content-main .tdata td.gdx p.link {
  font-size: 12px;
  line-height: 12px;
}
#content-main .tdata td.bl {
  /* author/timeago column recent page */
  font-size: 11px;
  line-height: 14px;
  color: #777;
}
#content-main .tdata td.fx {
  /* full list fixed width column */
  font-weight: 700;
  font-size: 12px;
  line-height: 12px;
}
#content-main .tdata td.mx {
  /* term on top, missing pages */
  font-weight: 700;
  font-size: 13px;
  line-height: 13px;
  letter-spacing: -1px;
}
#content-main .tdata td.dt {
  font-size: 11px;
  line-height: 14px;
}
#content-main .tdata td.bar span.s {
  background-color: #198bb0;
  display: block;
  position: relative;
  height: 16px;
}
#content-main .tdata td.bar span.c {
  font-size: 11px;
  line-height: 11px;
  color: rgba(255, 255, 255, 0.7);
  text-shadow: none;
  position: absolute;
  top: 3px;
  left: 5px;
}
#content-main .tdata td .p-added {
  margin-top: 5px;
}
#content-main .tdata td.icon {
  line-height: 20px;
  vertical-align: middle;
  opacity: 0;
  -webkit-transition: opacity 0.75s ease;
  -moz-transition: opacity 0.75s ease;
  -o-transition: opacity 0.75s ease;
  transition: opacity 0.75s ease;
}
#content-main .tdata td.icon > * {
  cursor: pointer;
}
#content-main .tdata tr:hover td.icon {
  opacity: 1;
}
/*  fontawesome icons */
#content-main .tdata td.icon .far,
#content-main .tdata td.icon .fas {
  font-size: 15px;
  opacity: 0.6;
}
/* my list icon */
#content-main .tdata td.ml-add span.add-list,
#content-main .tdata td.ml-del span.rm-list {
  position: relative;
  width: 9px;
  height: 13px;
  border: 2px solid #7b7b7b;
  display: block;
  box-sizing: content-box;
}
#content-main .tdata td.ml-add span.add-list:before,
#content-main .tdata td.ml-del span.rm-list:before {
  content: '';
  position: absolute;
  background: #f4f4f4;
  top: -7px;
  right: -5px;
  width: 7px;
  height: 10px;
  border-bottom: 2px solid #7b7b7b;
  -moz-transform: rotateZ(43deg);
  -webkit-transform: rotateZ(43deg);
  -o-transform: rotateZ(43deg);
  -ms-transform: rotateZ(43deg);
  transform: rotateZ(43deg);
}
/* add to list */
#content-main .tdata td.ml-add span.add-list:after {
  content: '+';
  position: absolute;
  bottom: -3px;
  right: -5px;
  width: 7px;
  height: 11px;
  color: #218eb3;
  background: #f4f4f4;
  display: inline-block;
  font-size: 13px;
  line-height: 11px;
  font-weight: bold;
}
/* remove from list */
#content-main .tdata td.ml-del span.rm-list:after {
  content: '';
  position: absolute;
  bottom: 1px;
  right: -5px;
  width: 8px;
  height: 4px;
  border: 1px solid #f4f4f4;
  background: red;
}
/* variable font size  */
#content-main .tdata.font-lg td.fsl,
#content-main .tdata.font-lg td.fsl > p:not(.path) {
  font-size: large;
}
/* delete icon */
#content-main .tdata td.icon .fas.fa-trash-alt {
  color: #f06864;
  opacity: 1;
}
/* search amazon icon */
#content-main .tdata td.icon.az .fab,
#content-main .tdata td.icon.gg .fab {
  position: relative;
  top: 2px;
  font-size: 18px;
  opacity: .6;
}
/* search google icon */
#content-main .tdata td.icon.gg .fab {
  top: 0;
  font-size: 15px;
}
/* ================== rank ==================== */
.rank-bar {
  font-family: 'Oxygen', sans-serif;
  font-size: 11px;
  line-height: 11px;
  position: absolute;
  right: -5px;
}
.ranks-box > .rank-bar {
  top: 6px;
  right: 20px;
}
.rank-bar > :not(:last-child) {
  margin-right: 6px;
}
.rank-bar > .audio {
  display: inline-block;
  width: 15px;
  margin: 0 0 0 6px;
  height: 14px;
  line-height: 14px;
  position: relative!important;
  top: 1px!important;
}
.rank-label,
.rank-score {
  color: #000000;
}
.rank-icon {
  margin: 0;
  width: 60px;
  height: 18px;
}
.rank-icon-serp,
.rank-icon-thanks {
  position: relative;
  width: auto;
  font-size: 11px;
  line-height: 11px;
  font-family: 'Oxygen', sans-serif;
  color: #444;
  float: right;
}
.rank-score > b {
  font-size: 13px;
  line-height: 5px;
}
#content-main .tdata .rate-stars > span,
.rank-icon > span {
  font-family: 'Font Awesome 5 Pro';
  font-size: 10px;
  cursor: pointer;
  display: inline-block;
  height: 18px;
  line-height: 18px;
  width: 12px;
}
#content-main .tdata .rate-stars > span:before,
.rank-icon > span:before {
  content: "\f005";
}
/* Empty & Light */
#content-main .tdata .rt span.se:before,
.rank-icon > span.se:before {
  font-weight: 400;
  color: #84827b;
}
/* Filled & Light  */
#content-main .tdata .rt span.sf:before,
.rank-icon > span.sf:before {
  font-weight: 900;
  color: #84827b;
}
/* Filled & Dark  */
#content-main .tdata .rt span.sv:before,
.rank-icon > span.sv:before {
  font-weight: 900;
  color: #42413d;
}
/* Empty & Dark  */
#content-main .tdata .rt span.sh:before,
.rank-icon > span.sh:before {
  font-weight: 400;
  color: #42413d;
}
/* rank column */
#content-main .tdata .rt span.sc {
  width: 60px;
  height: 18px;
  color: transparent;
}
#content-main .tdata td.pr {
  /* param name */
  font-weight: 700;
}
#content-main .tdata td.pv {
  /* param value type */
  font-style: italic;
}
#content-main .tdata td.pdv {
  /* param def value */
  font-weight: 700;
}
/* param desc */
#content-main .tdata td.pd p {
  margin: 0;
  padding: 0;
}
#content-main .tdata td.pd ul {
  margin: 5px 0 0;
}
#content-main .tdata td.pd li {
  list-style-type: none;
  margin-left: 15px;
}
#content-main .tdata td.pd li strong {
  color: #198bb0;
}
/* index pill on missing page */
#content-main .tdata td.idx > span {
  padding: 5px 0 5px 7px;
  font-size: 11px;
  line-height: 11px;
  display: block;
  text-align: left;
  color: #444;
  width: 27px;
  position: relative;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.08);
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.85);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.3) inset;
}
/* index + trend pill on top page */
#content-main .tdata td.idxt > span {
  width: 40px;
}
#content-main .tdata td.idxt > span > span {
  font-size: 10px;
  line-height: 10px;
  font-weight: 400;
  position: absolute;
  right: 7px;
  top: 5px;
}
#content-main .tdata td.idxt.tr-up > span > span {
  color: #02B500;
}
#content-main .tdata td.idxt.tr-down > span > span {
  color: #FF3300;
}
/* settings for 2 column pages: top */
#content-main .tdata-2col {
  width: 50%;
  float: left;
}
#content-main .tdata-2col tbody tr:hover {
  background-color: transparent;
}
/* settings for 4 column pages: missing */
#content-main .tdata-4col {
  width: 25%;
  float: left;
}
#content-main .tdata-4col tbody tr:hover {
  background-color: transparent;
}
/* ==================== pager ==================== */
#content-main .pager {
  margin: 20px 0 20px 0;
  font-weight: 700;
  font-size: 12px;
  line-height: 23px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.75);
  text-align: inherit;
}
#content-main .pager a {
  display: inline-block;
  margin-right: 6px;
  padding: 6px 12px;
  color: #444;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
#content-main .pager a:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
#content-main .pager a.s {
  color: #ffffff;
  background-color: #84827b;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
}
#content-main .pager a.s:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
#content-main .pager a.va {
  color: #ffffff;
  background-color: #AFAFAF;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4) inset;
}
#content-main .pager a.va:hover {
  color: #ffffff;
  background-color: #909090;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.65) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.65) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.65) inset;
}
#content-main .pager a.arr {
  padding: 2px 8px;
  color: #777;
  text-shadow: 0 1px 0 #ffffff;
  font-size: 26px;
  position: relative;
  line-height: 34px;
  top: 2px;
  width: 30px;
  font-weight: 400;
  background: none !important;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#content-main .pager a.arr:hover {
  color: #5c5b56;
}
/* ==================== header ==================== */
#header-int {
  width: 95%;
  max-width: 960px;
  margin: 0 auto;
  position: relative;
}
#header-int > div {
  font-size: 11px;
  line-height: 28px;
  height: 28px;
  padding: 0 10px;
  float: right;
  margin: 0 0 0 5px;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
}
#header-int > div a,
#header-int > div a:visited,
#user-ident {
  color: #ffffff;
}
/*
#header-int > div a:hover {
  	color: @white;
}
*/
.user-ident-name {
  margin: 0 0 0 5px;
  font-weight: 700;
}
#user-msg .env-icon {
  padding-right: 3px;
  margin-top: 4px;
  font-weight: bold;
}
#user-msg .msg-count {
  font-weight: bold;
}
#user-login {
  background-color: #a8a7a2;
  right: 0;
  line-height: 22px;
  font-weight: 700;
  color: #ffffff;
}
#user-ident {
  background-color: #a8a7a2;
}
#user-msg,
#user-hist {
  background-color: rgba(0, 0, 0, 0.6);
}
#user-hist i {
  margin-top: 4px;
  font-weight: bold;
}
#network-header {
  position: relative;
  font-weight: 700;
  background-color: rgba(0, 0, 0, 0.3);
  color: #ffffff;
  cursor: pointer;
  -webkit-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 4px 4px -4px rgba(0, 0, 0, 0.5) inset;
}
#network-header .arw {
  color: #333333;
  text-shadow: none;
  font-weight: 400;
  font-size: 11px;
  margin-left: 7px;
}
#network-header .arw > i {
  -webkit-transition: transform 0.3s ease;
  -moz-transition: transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
}
#network-header .arw.up > i {
  -moz-transform: rotate(180deg);
  -webkit-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
#network-header:hover,
#network-header.s {
  background-color: rgba(0, 0, 0, 0.8);
}
#network-header:hover .arw,
#network-header.s .arw {
  color: #ffffff;
}
#network-header-links {
  background: rgba(210, 210, 210, 0.95);
  position: absolute;
  left: 0;
  top: 30px;
  width: 155px;
  text-align: left;
  list-style-type: none;
  padding: 0;
  margin: 0;
  border: 1px solid #000000;
  -webkit-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.5);
  box-shadow: 0 0 12px 4px rgba(0, 0, 0, 0.5);
  z-index: 15000;
}
#network-header-links li:first-child > span {
  border-radius: 5px 5px 0 0;
}
#network-header-links li:last-child > span {
  border-radius: 0 0 5px 5px;
}
#network-header-links li span {
  color: #110006;
  display: block;
  padding: 9px;
  font-size: 15px;
  line-height: 10px;
  font-weight: 200;
  letter-spacing: 0.4px;
  background-color: #f4f4f4;
}
#network-header-links > li:not(:last-child) {
  border-bottom: 1px solid #dadada;
}
#network-header-links li:hover span {
  color: #ffffff;
}
#network-header-links .nw-abbreviations:hover span {
  background-color: rgba(25, 139, 176, 0.55);
}
#network-header-links .nw-anagrams:hover span {
  background-color: rgba(194, 90, 86, 0.55);
}
#network-header-links .nw-definitions:hover span {
  background-color: rgba(179, 0, 45, 0.55);
}
#network-header-links .nw-synonyms:hover span {
  background-color: rgba(84, 147, 32, 0.55);
}
#network-header-links .nw-rhymes:hover span {
  background-color: rgba(222, 66, 209, 0.55);
}
#network-header-links .nw-quotes:hover span {
  background-color: rgba(71, 88, 101, 0.55);
}
#network-header-links .nw-phrases:hover span {
  background-color: rgba(169, 122, 81, 0.55);
}
#network-header-links .nw-poetry:hover span {
  background-color: rgba(147, 112, 219, 0.55);
}
#network-header-links .nw-lyrics:hover span {
  background-color: rgba(141, 98, 130, 0.55);
}
#network-header-links .nw-literature:hover span {
  background-color: rgba(148, 100, 41, 0.55);
}
#network-header-links .nw-convert:hover span {
  background-color: rgba(156, 177, 107, 0.55);
}
#network-header-links .nw-references:hover span {
  background-color: rgba(255, 174, 0, 0.55);
}
#network-header-links .nw-uszip:hover span {
  background-color: rgba(231, 26, 26, 0.55);
}
#network-header-links .nw-symbols:hover span {
  background-color: rgba(159, 159, 91, 0.55);
}
#network-header-links .nw-biographies:hover span {
  background-color: rgba(17, 102, 198, 0.55);
}
#network-header-links .nw-grammar:hover span {
  background-color: rgba(69, 149, 150, 0.55);
}
#network-header-links .nw-scripts:hover span {
  background-color: rgba(132, 130, 123, 0.55);
}
#network-header-links .nw-calculator:hover span {
  background-color: #967F66;
}
/* ==================== footer ==================== */
#footer {
  width: 100%;
  padding: 20px 0 0;
  min-height: 260px;
  font-size: 11px;
  background-color: rgba(0, 0, 0, 0.9);
  -webkit-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.9) inset;
  -moz-box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.9) inset;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.9) inset;
  z-index: 99;
}
#footer li {
  white-space: nowrap;
}
#footer-int {
  max-width: 985px;
  margin: 0 auto;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
}
#footer-int ul {
  float: left;
  text-align: left;
  margin: 0 45px 0 0;
  padding: 0 0 0 15px;
  list-style-type: none;
  height: 190px;
  border-style: dotted;
  border-width: 0 0 0 1px;
  border-color: rgba(255, 255, 255, 0.2);
}
#footer-int ul.last,
#footer-int ul:last-of-type {
  margin-right: 0;
}
#footer-int li {
  margin: 0 0 6px 0;
  font-size: 12px;
  line-height: 15px;
}
#footer-int .h5 {
  color: #BBB;
  font-size: 18px;
  margin: 0 0 15px 15px;
}
#footer-int a,
#footer-int span.light {
  color: #A5A5A5;
}
#footer-int li.ex a {
  color: #DDD;
}
#footer-int a:hover,
#footer-int li.ex a:hover {
  color: #84827b;
}
#footer-int li.ex span {
  color: #84827b;
  font-size: 13px;
}
#footer .copyright {
  color: #777;
  font-size: 10px;
  line-height: 15px;
  margin: 25px 0 0 5px;
  float: left;
}
#footer-int .copyright strong {
  color: #a0a0a0;
  font-weight: 400;
}
.s4-shape {
  width: 20px;
  height: 15px;
}
#s4-network {
  padding: 0 0 0 15px;
  height: 190px;
  border-style: dotted;
  border-width: 0 0 0 1px;
  border-color: rgba(255, 255, 255, 0.2);
}
#s4-network .h5 {
  color: #BBB;
  margin: 0 0 15px 0;
  font-size: 15px;
  line-height: 12px;
  font-weight: 700;
}
#s4-network ul {
  height: 122px;
  border-left: none;
  padding-left: 0;
  display: flex;
  flex-wrap: wrap;
  /* Allows items to wrap onto new rows */
  list-style: none;
  margin: 0;
}
#s4-network li {
  display: flex;
  align-items: center;
}
#s4-network li > .xs-logo {
  background-image: url('../png/footer-logos.png');
  width: 20px;
  height: 20px;
  display: inline-block;
  margin-right: 5px;
  background-size: 40px 180px;
  /* Total size of the sprite */
}
.nw-abbreviations > .xs-logo {
  background-position: 0 0;
}
.nw-anagrams > .xs-logo {
  background-position: 0 -20px;
}
.nw-biographies > .xs-logo {
  background-position: 0 -40px;
}
.nw-convert > .xs-logo {
  background-position: 0 -60px;
}
.nw-calculator > .xs-logo {
  background-position: 0 -80px;
}
.nw-definitions > .xs-logo {
  background-position: 0 -100px;
}
.nw-grammar > .xs-logo {
  background-position: 0 -120px;
}
.nw-ua > .xs-logo {
  background-position: 0 -140px;
}
.nw-lyrics > .xs-logo {
  background-position: 0 -160px;
}
.nw-phrases > .xs-logo {
  background-position: 20px 0;
}
.nw-poetry > .xs-logo {
  background-position: 20px -20px;
}
.nw-quotes > .xs-logo {
  background-position: 20px -40px;
}
.nw-references > .xs-logo {
  background-position: 20px -60px;
}
.nw-rhymes > .xs-logo {
  background-position: 20px -80px;
}
.nw-scripts > .xs-logo {
  background-position: 20px -100px;
}
.nw-symbols > .xs-logo {
  background-position: 20px -120px;
}
.nw-synonyms > .xs-logo {
  background-position: 20px -140px;
}
.nw-uszip > .xs-logo {
  background-position: 20px -160px;
}
/* ==================== testimonials ==================== */
#testimonials > .row > div > div .bq-before {
  color: #84827b;
}
#testimonials > .row > div > div .bq-after {
  color: rgba(132, 130, 123, 0.9);
}
#testimonials > .row > div > div hr {
  border-color: rgba(132, 130, 123, 0.9);
}
/* ==================== social ==================== */
#social-icons {
  margin: 25px 20px 0 0;
}
#social-icons .social {
  float: left;
  margin-right: 10px;
  width: 20px;
  height: 20px;
  font-size: 14px;
  text-align: center;
  background-color: #818181;
  border-radius: 50%;
  color: #1f1f1f;
}
#social-icons .social:hover {
  background-color: #AAA;
}
.fb-like.fb_iframe_widget {
  height: 22px;
  max-width: 100px;
}
/* ================== social share buttons ==================== */
.social-shares {
  margin-top: 5px;
}
/* override bootstrap padding*/
.social-shares > div:first-child {
  padding-left: 5px;
  padding-top: 2px;
}
/* ==================== content blocks - index page ==================== */
.cblocks {
  margin: 10px 0 0;
}
.cblocks > .row {
  display: table-row;
}
.cblocks > .row > div {
  display: table-cell;
  padding: 0 0 20px 0;
}
.cblocks > .row > div > div {
  padding: 5px;
  position: relative;
}
.cblocks .cblock {
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  padding: 5px;
  margin: 0 0 20px 0;
  position: relative;
  background-color: #fdfdfd;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  -moz-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
  box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.4);
}
.cblocks .cblock hgroup {
  margin: 10px 15px;
}
.cblocks .cblock h3 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 50px;
  line-height: 50px;
  margin: 0 15px 0 0;
  padding: 0 15px 0 0;
  float: left;
}
.cblocks .cblock h4 {
  font-weight: 700;
  font-size: 14px;
  line-height: 16px;
  margin: 7px 30px 0 0;
}
.cblocks .cblock .more {
  position: absolute;
  top: 10px;
  right: 15px;
  font-size: 50px;
  font-weight: 400;
  line-height: 50px;
}
.cblocks .cblock .more a {
  color: #999;
}
.cblocks .cblock .cblock-int {
  padding: 1px 10px;
}
.cblocks .cblock .cblock-int > .sb-add-btn {
  margin: 10px 0;
}
.cblocks .fflag .cblock-int {
  line-height: 22px;
}
.cblocks .ebooks .cblock-int p {
  line-height: 22px;
  font-size: 15px;
}
.cblocks .ebooks h3 {
  margin-top: -30px;
}
button.btn.btn-2,
button.btn.btn-3 {
  color: #ffffff;
  -webkit-border-radius: 0.25em;
  -moz-border-radius: 0.25em;
  -o-border-radius: 0.25em;
  border-radius: 0.25em;
  background-color: #a8a7a2;
  text-transform: uppercase;
  letter-spacing: 0.05em;
}
button.btn.btn-2 {
  width: 100%;
  padding: 1rem 0;
}
button.btn.btn-3 {
  padding: 5px 10px;
  font-size: 11px;
}
/* ==================== Puzzles block (sidebar) ==================== */
#games-menu.cblock h3 {
  font-size: 50px;
  color: #84827b;
  border-color: #5c5b56;
  border-style: dotted;
  border-width: 0 1px 0 0;
}
#games-menu.cblock h4 {
  font-size: 14px;
  color: #84827b;
}
#games-menu.cblock ul {
  list-style-type: none;
  padding: 0;
  margin: 5px 0;
}
#games-menu.cblock li {
  text-transform: uppercase;
  font-size: 14px;
  line-height: 14px;
  font-weight: 700;
  padding: 10px 5px 0;
  margin: 0 0 5px 0;
  border-top: 1px dotted #AAA;
}
#games-menu.cblock li {
  position: relative;
  margin-bottom: 10px;
}
#games-menu.cblock li:first-child {
  border-top: none;
}
#games-menu.cblock li a {
  position: relative;
  color: #222222;
}
/* ==================== header banner ==================== */
#content-main .adunit-middle-2col > div {
  position: relative;
}
#content-main .adunit-middle-2col span.ads-label {
  position: absolute;
  font-family: 'Droid Sans Mono', sans-serif;
  font-size: 10px;
  line-height: 10px;
  top: -15px;
  left: 280px;
  text-align: center;
  text-transform: uppercase;
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
}
#content-aside div.ads-label {
  font-family: 'Droid Sans Mono', sans-serif;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  text-transform: uppercase;
  color: #222222;
  text-shadow: 0 1px 0 #ffffff;
  padding: 0;
  margin: 10px 0;
}
#content-aside div.ads-label + .adunit {
  margin-top: 0;
}
/* ==================== editor page ==================== */
.ribbon-wrapper {
  position: absolute;
  top: -3px;
  right: -3px;
  width: 85px;
  height: 88px;
  overflow: hidden;
}
.ribbon {
  font: bold 13px Sans-Serif;
  color: #222;
  text-align: center;
  text-shadow: rgba(255, 255, 255, 0.5) 0px 1px 0px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  position: relative;
  padding: 7px 0;
  left: -5px;
  top: 15px;
  width: 120px;
  -webkit-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 0 3px 0 rgba(0, 0, 0, 0.3);
}
.ribbon-4 {
  background-color: #eae9e7;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#fffae5), to(#eae9e7));
  background-image: -webkit-linear-gradient(top, #fffae5, #eae9e7);
  background-image: -moz-linear-gradient(top, #fffae5, #eae9e7);
  background-image: -ms-linear-gradient(top, #fffae5, #eae9e7);
  background-image: -o-linear-gradient(top, #fffae5, #eae9e7);
  color: #666666;
}
.ribbon-3 {
  background-color: #FFD600;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffd600), to(#f3af00));
  background-image: -webkit-linear-gradient(top, #ffd600, #f3af00);
  background-image: -moz-linear-gradient(top, #ffd600, #f3af00);
  background-image: -ms-linear-gradient(top, #ffd600, #f3af00);
  background-image: -o-linear-gradient(top, #ffd600, #f3af00);
  color: #cc6622;
}
.ribbon-2 {
  background-color: #F8F8F8;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#c0c0c0));
  background-image: -webkit-linear-gradient(top, #f8f8f8, #c0c0c0);
  background-image: -moz-linear-gradient(top, #f8f8f8, #c0c0c0);
  background-image: -ms-linear-gradient(top, #f8f8f8, #c0c0c0);
  background-image: -o-linear-gradient(top, #f8f8f8, #c0c0c0);
  color: #888888;
}
.ribbon-1 {
  background-color: #FFC2A0;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#ffc2a0), to(#e4840a));
  background-image: -webkit-linear-gradient(top, #ffc2a0, #e4840a);
  background-image: -moz-linear-gradient(top, #ffc2a0, #e4840a);
  background-image: -ms-linear-gradient(top, #ffc2a0, #e4840a);
  background-image: -o-linear-gradient(top, #ffc2a0, #e4840a);
  color: #C26815;
}
.ribbon:before,
.ribbon:after {
  content: "";
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  position: absolute;
  bottom: -3px;
}
.ribbon-3:before,
.ribbon-3:after {
  border-top: 3px solid #cc6622;
}
.ribbon-2:before,
.ribbon-2:after {
  border-top: 3px solid #888888;
}
.ribbon-1:before,
.ribbon-1:after {
  border-top: 3px solid #C26815;
}
.ribbon:before {
  left: 0;
}
.ribbon:after {
  right: 0;
}
.sub-category-header-icon .avatar {
  position: relative;
}
.category-header .editor-title {
  font-size: 12px;
  font-weight: 100;
  color: rgba(0, 0, 0, 0.6);
}
.category-header hgroup .description {
  min-height: 50px;
}
.category-header .buttons-line {
  text-align: right;
  border-top: 1px solid #e0e0e0;
  clear: both;
}
.category-header .buttons-line > button {
  margin: 10px 5px 0 0;
  text-transform: uppercase;
  border-radius: 3px;
  font-size: 11px!important;
  padding: 3px 5px!important;
}
hgroup.add-border > h2.alert-custom {
  border-color: rgba(132, 130, 123, 0.4);
  background-color: rgba(132, 130, 123, 0.2);
}
hgroup.add-border > h2 > span.total {
  font-size: 12px;
  color: #84827b;
  font-weight: 100;
}
.block-content {
  min-height: 60px;
}
.user-links > a {
  font-size: 14px;
}
.user-links > a:not(:last-child) {
  margin-right: 8px;
}
.user-links > a.website-link {
  color: #616161;
}
.user-links > a.fb-link {
  color: #3b58a0;
}
.user-links > a.twitter-link {
  color: #20abe4;
}
.user-links > a.lnkdn-link {
  color: #0072b4;
}
/* ==================== signup ==================== */
#content-main .bcols .user-thumb {
  border: 1px solid #D5D5D5;
  background-color: #ffffff;
  padding: 2px;
  width: 120px;
  height: 120px;
  margin-bottom: 10px;
}
#content-main .bcols .user-thumb img {
  width: 100%;
}
#content-main .bcols .user-thumb img.empty {
  display: inline-block;
}
.update-user-img {
  font-size: 14px;
  line-height: 14px;
}
/* ==================== all editors page ==================== */
#share-modal .copy-lnk,
.editors-list .editor .editor-join {
  background-color: #84827b;
}
/* ==================== top autocomplete ==================== */
.ui-widget {
  font-size: 15px !important;
}
.ui-autocomplete-loading {
  background: transparent url('../gif/loader_d4d4d4.gif') 400px center no-repeat;
}
.ui-autocomplete .ui-menu-item span.c {
  float: right;
  font-size: .8em;
  color: #888;
  margin-top: 2px;
  width: 320px;
}
.ui-autocomplete .ui-menu-item span.c > strong {
  color: #555;
  font-weight: 700;
  font-style: normal;
}
.ui-widget-content {
  border: 1px solid #ddd;
  background: #f8f8f8;
  color: #111111;
}
.ui-widget-content a {
  display: block;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover {
  border: 1px solid #ccc !important;
  background: #ededed!important;
  color: #2b2b2b!important;
}
/* ======================  audio  ====================== */
span.audio {
  font-size: 14px;
  color: #84827b;
  cursor: pointer;
  height: 18px;
  line-height: 18px;
}
.twinkle {
  animation: twinkle 1.5s infinite alternate;
}
@keyframes twinkle {
  50% {
    opacity: 0.3;
    -moz-transform: scale(1.15);
    -webkit-transform: scale(1.15);
    -o-transform: scale(1.15);
    -ms-transform: scale(1.15);
    transform: scale(1.15);
  }
}
/* ==================== print ==================== */
.print-style-icon {
  font-size: 11px;
  padding: 0 0 10px 0 !important;
  margin: 0 0 10px 0 !important;
}
.print-style-icon a,
.print-style-icon > span,
.add-to-list {
  cursor: pointer;
  font-size: 11px;
  margin-left: 0;
  padding: 3px 5px;
  color: #444;
  text-transform: uppercase;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
.print-style-icon a:hover,
.print-style-icon > span:hover,
.add-to-list:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
.print-style-icon a.s,
.print-style-icon > span.s,
.add-to-list.s {
  color: #ffffff;
  background-color: #777;
  text-shadow: 0 1px 0 rgba(85, 85, 85, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #222222 inset;
  -moz-box-shadow: 0 0 2px 0 #222222 inset;
  box-shadow: 0 0 2px 0 #222222 inset;
}
.print-style-icon a.s:hover,
.print-style-icon > span.s:hover,
.add-to-list.s:hover {
  color: #ffffff;
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
.print-style-icon .tts-icon {
  cursor: pointer;
  margin: 0;
}
/* ================================================= */
.no-margin,
#content-main.signup-div hgroup.hg1b h1 {
  margin: 0;
}
.no-padding {
  padding: 0;
}
#content-main.signup-div #content-body > h3:first-child {
  margin-top: 0;
}
.social-signin > div {
  display: block!important;
  text-align: center;
  text-align: -webkit-center;
}
.or-container {
  text-align: center;
  margin: 0;
  color: #333333;
  font-variant: small-caps;
}
.or-container .or-hr {
  margin: 30px 0 0;
  position: relative;
  top: 22px;
  height: 0;
  border: 0;
  border-top: 1px solid #cfd0d2;
}
.or-container #or {
  display: inline-block;
  position: relative;
  padding: 10px 20px;
  background-color: #FCFCFC;
}
/* ==================== image credit modal ==================== */
#img-credit ul {
  padding-left: 10px;
}
#login-modal.modal h4 {
  color: #84827b;
}
/* ============category-header============= */
.category-header {
  position: relative;
  margin: 0 0 20px 0;
  padding: 15px;
  background-color: #ffffff;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  -webkit-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.5);
  -moz-box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.5);
  box-shadow: 0 0.5em 2em 0 rgba(27, 41, 42, 0.5);
}
.category-header-icon,
.sub-category-header-icon,
.definition-bulb-icon {
  float: left;
  color: #424242;
  margin-left: 8px;
  margin-right: 17px;
  margin-top: 27px;
}
.category-header-icon {
  margin-top: 9px;
}
.definition-bulb-icon {
  margin-left: 20px;
}
.category-header-icon > img {
  width: 140px;
  height: 140px;
}
.category-header hgroup {
  padding: 0;
  overflow: hidden;
  text-shadow: 0 1px 0 #ffffff;
}
@media (max-width: 480px) {
  .category-header hgroup {
    margin: 0 10px 10px 0;
  }
}
.category-header hgroup h1 {
  margin: 5px 0 10px 0;
  padding: 0;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 25px;
  color: #84827b;
}
hgroup h1 > small {
  font-size: 13px;
}
.category-header hgroup h3 {
  padding: 0;
  margin-top: 3px;
  margin-bottom: 10px;
}
.category-header hgroup h3 a {
  padding: 0;
  font-weight: 500;
  color: #444;
  font-size: 13px;
}
.category-header hgroup h3 a:hover {
  padding: 0;
  font-weight: 500;
  color: #84827b;
  font-size: 13px;
}
.category-header hgroup h3 strong {
  color: #333333;
  font-size: 13px;
}
.category-header hgroup h2,
.category-header hgroup h4 {
  margin: 0;
  padding: 0;
  font-weight: 400;
  color: #333333;
  font-size: 15px;
  line-height: 20px;
}
.head-btns {
  position: relative;
  float: right;
  top: 10px;
  z-index: 99;
}
/* ============ advertise ================ */
#content-body ul.s4-adv-ul {
  font-size: 15px;
}
/* ============ Term of the day ============= */
.input-group.toftd {
  position: relative;
  top: 10px;
}
p.translate-select + .input-group.toftd {
  margin-bottom: 20px;
}
.input-group.toftd > input {
  padding: 6px 12px;
}
.toftd button.btn {
  padding: 9px 12px 8px;
  border: 1px solid transparent;
}
/* ============ API page ============= */
#content-body > div > section.doc h4,
#content-body > section.doc h4 {
  color: #84827b;
  margin: 15px 0;
}
/* ============ activity log ============= */
li.activity .details-preview {
  background: #84827b;
}
/* ============ search-history ============= */
#history-container .clear-history {
  margin-right: 0;
}
/* ============ comments ============= */
.cmt-publish {
  display: flex;
  align-items: center;
  margin-top: 5px;
}
.comment-form-container {
  background: rgba(240, 240, 240, 0.45);
  border: #e0dfdf 1px solid;
  padding: 20px;
  border-radius: 2px;
}
#s4-comments {
  margin: 20px 0;
}
.callout #s4-comments {
  padding: 0 15px;
}
.callout #s4-comments > h4 {
  margin-bottom: 10px;
}
#frm-comment-count {
  margin: 0 0 18px;
  font-size: 14px;
  font-weight: bold;
  color: initial;
}
#comment {
  position: relative;
  z-index: 5;
  height: auto;
  min-height: 50px;
  color: #000000;
}
#comment[data-placeholder]:empty:before {
  content: attr(data-placeholder);
  color: #a9a9a9;
}
.cmt-options {
  position: relative;
  top: -2px;
  background: #dbdbdb;
  padding: 10px 10px 8px;
  z-index: 1;
}
.cmt-options > .cmt-tools,
.cmt-options > .cmt-tools > #picture-btns,
.cmt-options > .cmt-tools > #record-btns {
  display: flex;
  align-items: center;
}
.cmt-options > .cmt-tools > #picture-btns > #pic-preview {
  margin-right: 2px;
  padding: 2px;
  box-sizing: content-box;
  background: #ebeced;
  border-radius: 3px;
  border: 1px dashed #949595;
}
.cmt-options > .cmt-tools > #picture-btns > span.pic-name {
  font-size: 12px;
}
.cmt-options > .cmt-tools > #record-btns > small {
  font-size: 11px;
  font-weight: 600;
  position: relative;
  top: 2px;
}
.cmt-options > .cmt-tools > #record-btns > small > #clear-audio {
  font-size: 10px;
}
.cmt-options > .cmt-tools > #picture-btns > button.btn,
.cmt-options > .cmt-tools > #record-btns > button.btn {
  margin: 0 3px;
}
.cmt-options > .cmt-tools > #record-btns > button.btn:focus {
  outline: none;
}
.cmt-options > .cmt-tools > #record-btns > #play-time {
  margin-right: 4px;
}
.cmt-options > .cmt-tools > #record-btns > #play-time:after {
  content: ' - ';
}
.cmt-options #submitButton {
  margin-right: 0;
}
.cmt-tools > span {
  width: 25px;
  height: 25px;
  line-height: 22px;
  padding: 0 3px;
  font-size: 14px;
  background: #f6f8f9;
  border: solid 2px #dbdfe4;
  cursor: pointer;
  opacity: .6;
  color: #333333;
}
.cmt-tools > span:hover {
  opacity: 1;
}
#comment-message {
  padding-top: 15px;
  font-size: 14px;
  display: none;
}
#comment-message > .alert {
  margin-bottom: 5px;
  padding: 8px 12px;
  font-size: 14px;
}
#comments-list {
  margin-left: 0!important;
  padding-left: 0;
  padding-top: 15px;
  border-top: 1px solid #aaa;
  margin-top: 15px;
  list-style: none;
}
#comments-list:empty {
  margin: 0;
  padding: 0;
  border-top: unset;
}
#comments-list > li:not(:first-child) {
  margin-top: 10px;
}
#comments-list .comment {
  position: relative;
  font-size: 14px;
  padding: 10px;
  -webkit-transition: all 0.6s ease-in-out;
  -moz-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}
#comments-list .comment.focused {
  background: #ddd;
}
#comments-list .comment > .cmt-change {
  background: #f0f0f0;
  padding: 8px 10px;
  font-size: 12px;
  line-height: 12px;
}
#comments-list .comment .cmt-avatar img {
  width: 48px;
  height: 48px;
}
#comments-list > li > ul.cmt-replies > li > .comment {
  position: relative;
  border-left: 1px dotted #ccc;
  padding-left: 8px;
}
#comment > span.cmt-to,
#comments-list .comment .cmt-to {
  background: #a8a7a2;
  color: #ffffff;
  padding: 1px 3px;
  margin-right: 4px;
  cursor: pointer;
}
#notify-box input[type="checkbox"] {
  accent-color: #a8a7a2;
}
#comment > span.cmt-to {
  font-size: 15px;
}
#comments-list .cmt-actions {
  margin-top: 5px;
  font-size: 11px;
}
#comments-list .cmt-actions > span > span {
  cursor: pointer;
  color: #84827b;
}
#s4-comments .cmt-message {
  white-space: pre-wrap;
  word-break: break-word;
}
#s4-comments .cmt-message .collapse.in {
  display: inline;
}
#comments-list .comment .cmt-user {
  color: #84827b;
  font-weight: bold;
}
#comments-list .comment .cmt-user > .cmt-pending {
  text-transform: uppercase;
  margin-left: 6px;
  font-size: 12px;
  font-weight: 400;
  color: #84c33b;
}
#comments-list .comment .cmt-user > .cmt-pending:before {
  content: " \16EB ";
  position: relative;
  margin-right: 6px;
  color: initial;
}
#comments-list .comment .cmt-more-link {
  cursor: pointer;
}
#comments-list .comment .cmt-actions > span:not(:empty):not(:last-child) {
  margin-right: 4px;
}
#comments-list .comment .cmt-actions > span:not(:empty):not(:last-child):after {
  content: " \16EB ";
  position: relative;
  left: 1px;
}
#comments-list .comment .cmt-likes > i {
  background: #84827b;
  color: #ffffff;
  padding: 2px 3.5px;
  border-radius: 50%;
  font-size: 9px;
  display: inline-block;
  width: 16px;
  height: 15px;
}
#comments-list .comment .cmt-added {
  color: #90949c;
}
#comments-list li.cmt-hidden {
  display: none;
}
#s4-comments .cmt-loader-area {
  padding: 10px 0;
  font-size: 24px;
}
.cmt-admin-actions {
  position: absolute;
  top: 2px;
  right: 10px;
}
#comments-list .comment .cmt-admin-actions {
  display: none;
}
#comments-list .comment:hover .cmt-admin-actions {
  display: block;
}
/* ==================== recorder ==================== */
@keyframes bar {
  0% {
    height: 0;
  }
  100% {
    height: 100%;
  }
}
.equalizer {
  position: relative;
  left: -1px;
  display: inline-block;
  width: 8px;
  height: 8px;
}
.equalizer > .bar {
  width: 2px;
  height: 0;
  position: absolute;
  bottom: 0;
  left: 0;
  background: #000000;
  transition: height 0.4s ease;
}
.equalizer.active > .bar {
  animation: bar 0.4s 0s both alternate ease infinite;
}
.equalizer.active > .bar-1 {
  animation-delay: 0.2s;
}
.equalizer.active > .bar-2 {
  left: 4px;
  animation-delay: 0.4s;
}
.equalizer.active > .bar-3 {
  left: 8px;
  animation-delay: 0.6s;
}
/* ==================== media queries ==================== */
@media (max-width: 767px) {
  .view-mobile .page-top-logo {
    width: auto;
    height: auto;
    top: -15px;
    left: 20px;
  }
  .view-mobile .page-word-search {
    left: unset;
    float: right;
  }
}
/* ======== Mobile ======== */
@media (max-width: 767px) {
  #main {
    margin: 10px auto 0;
    padding: 0 15px;
  }
  .flex,
  .flex-align-center {
    flex-direction: column;
  }
  .content-top {
    margin-bottom: 10px;
  }
  .page-top-search {
    border-radius: 5px 5px 0 0;
    margin-bottom: 0;
  }
  .page-word-search-ops {
    position: absolute;
    width: 100%;
    top: 60px;
    left: 0;
    height: 20px;
    padding: 0;
    display: flex;
    justify-content: center;
    align-items: center;
  }
  .page-word-search-ops label,
  .page-word-search-ops label span {
    color: #ffffff;
    font-weight: bold;
  }
  .page-word-search-ops label {
    margin: 0;
    vertical-align: text-top;
  }
  .page-word-search-ops div {
    margin: 0 4px;
    font-size: 12px;
    line-height: 12px;
  }
  /* ==================== custom radio buttons ==================== */
  .custom-rb {
    position: absolute;
    clip: rect(0 0 0 0);
  }
  .custom-rb + label::before {
    content: '';
    position: relative;
    top: 3px;
    left: 3px;
    margin: 3px 12px 3px 0;
    display: inline-block;
    width: 6px;
    height: 6px;
    background: #a0a0a0;
    border-radius: 50%;
    border: 2px solid #323232;
    box-sizing: content-box;
    -webkit-box-shadow: 0 0 0 2px #4c4c4c;
    -moz-box-shadow: 0 0 0 2px #4c4c4c;
    box-shadow: 0 0 0 2px #4c4c4c;
  }
  .custom-rb:checked + label::before {
    background: #ffffff;
  }
  .page-letter-search {
    height: 25px;
    margin: 10px 0 0;
    background-color: #a8a7a2;
  }
  .page-letter-search.no-opts {
    height: 10px;
  }
  #content-filters span .sort {
    float: none;
    display: inline-block;
    margin-bottom: 10px;
  }
  #content-main .adunit-middle-2col > div {
    padding-top: 10px;
  }
  #content-filters > *,
  #content-main .adunit-middle {
    margin: 10px 0;
  }
  #content-body > div > section.split > .row > div > div {
    margin-bottom: 20px;
  }
  #content-main .translate p.translate-select select {
    margin: 10px 0 0;
  }
  #content-main .siteprop h1 {
    margin-top: 10px;
    font-size: 30px;
  }
  .languagepicker-content,
  .languagepicker:not(.mouse-in),
  .languagepicker:not(.mouse-in) > li {
    height: 40px;
  }
  .languagepicker-content.lp-small,
  .languagepicker-content.lp-small > .languagepicker:not(.mouse-in),
  .languagepicker-content.lp-small > .languagepicker:not(.mouse-in) > li {
    height: 30px;
  }
  #content-main .callout .actions {
    text-align: inherit;
  }
  #content-main .cols .col-left {
    padding: 0;
  }
  #content-main .bcols > section > .col-left {
    border-right: none;
    min-width: 303px;
    padding: 20px 0 0;
  }
  #content-main .bcols > section > div {
    display: block;
  }
  #content-main .tdata td.icon {
    opacity: 1;
  }
  #content-main .pager a {
    font-size: 16px;
    line-height: 36px;
    min-width: 48px;
    min-height: 48px;
    text-align: center;
    margin-bottom: 5px;
  }
  #header-int {
    width: 100%;
    padding: 0 15px;
  }
  #header-int > div {
    font-size: 12px;
    padding: 0 7px;
  }
  #footer-int ul,
  #s4-network {
    border-style: none;
    height: auto;
  }
  #footer-int .row,
  #s4-network .row {
    margin-bottom: 15px;
  }
  #footer-int .h5 {
    margin-left: 0;
  }
  #footer-int ul {
    padding-left: 0;
  }
  #footer-int li > a {
    padding: 4px;
    font-size: 17px;
    display: block;
  }
  #s4-network {
    padding-bottom: 15px;
    border-top: 1px solid grey;
    padding-top: 24px;
  }
  /* Mobile view: 3 columns with 6 items each */
  #s4-network ul > li {
    flex: 0 0 50%;
    /* Each item takes 50% of the width */
  }
  .social-shares > div:first-child {
    padding-left: 15px;
  }
  .category-header .buttons-line {
    display: flex;
    flex-direction: column;
  }
  .category-header .buttons-line > button {
    margin: 10px 0 0;
    font-size: 14px !important;
    padding: 6px !important;
  }
  .ui-menu .ui-menu-item {
    overflow: hidden;
  }
  .ui-autocomplete .ui-menu-item span.c {
    width: 100%;
  }
  .social-signin > div:last-child {
    margin-top: 10px;
  }
  .category-header hgroup {
    overflow: initial;
  }
  .callout #s4-comments {
    padding: 0;
  }
  #content-main .callout.comments-area {
    padding-left: 15px;
    padding-right: 15px;
  }
  #footer {
    min-height: 780px;
  }
}
/* ======== Tablet/Desk ======== */
@media (min-width: 768px) {
  #main,
  #header,
  #footer {
    min-width: 985px;
  }
  .page-word-search {
    display: flex;
  }
  #content-main,
  #content-aside {
    min-height: 700px;
  }
  #content-aside {
    padding-top: 36px;
  }
  #content-main .cols .col-left .callout .actions {
    padding-top: 25px;
  }
  #content-main .bcols > section > .col-left {
    width: 450px;
  }
  #content-main .bcols > section {
    display: table-row;
  }
  #footer-int {
    padding: 0;
  }
  #footer-int li {
    font-size: 13px;
    line-height: 16px;
  }
  /* Desktop view: 2 columns with 9 items each */
  #s4-network ul > li {
    margin-bottom: 2px;
    flex: 0 0 33.33%;
    /* Each item takes 33.33% of the width */
  }
  #s4-network li > .xs-logo {
    -moz-transform: scale(0.85);
    -webkit-transform: scale(0.85);
    -o-transform: scale(0.85);
    -ms-transform: scale(0.85);
    transform: scale(0.85);
  }
  #s4-network li:hover > .xs-logo {
    filter: brightness(1.5);
  }
  .cblocks {
    margin-top: 20px;
  }
  .category-header hgroup {
    margin: 0 10px 10px;
  }
  #comments-list > li > ul.cmt-replies > li > .comment {
    margin-left: 40px;
  }
}
/* ==================== New CSS ==================== */
:not(.stylish-list) > li {
  list-style: none!important;
}
/* ======= media (from media.css) ========= */
.ir {
  display: block;
  border: 0;
  text-indent: -999em;
  overflow: hidden;
  background-color: transparent;
  background-repeat: no-repeat;
  text-align: left;
  direction: ltr;
  line-height: 0;
}
.ir br {
  display: none;
}
.clearfix {
  zoom: 1;
}
.clearfix:before,
.clearfix:after {
  content: "";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media print {
  * {
    background: transparent !important;
    color: black !important;
    box-shadow: none !important;
    text-shadow: none !important;
    filter: none !important;
    -ms-filter: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  .ir a:after,
  a[href^="javascript:"]:after,
  a[href^="#"]:after {
    content: "";
  }
  pre,
  blockquote {
    border: 1px solid #999;
    page-break-inside: avoid;
  }
  tr,
  img {
    page-break-inside: avoid;
  }
  img {
    max-width: 100% !important;
  }
  @page {
    margin: 0.5cm;
  }
  p,
  h2,
  h3 {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
/* ==================== general ==================== */
p {
  margin-top: 1em;
  margin-bottom: 1em;
}
.log-avatar,
.grayscale {
  filter: grayscale(1);
  -webkit-filter: grayscale(1);
}
.fsl {
  line-height: 24px;
}
hr {
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
}
.sm-link {
  font-size: 13px;
}
#disp-quote > .sm-link {
  margin-left: 20px;
}
#content-aside .tagline h2 {
  letter-spacing: 0.03em;
}
.tts-icon {
  margin: -2px 10px 0;
}
hgroup .tts-icon {
  margin: 0 10px;
}
/* ==================== article page ==================== */
.cblocks .articles h3 {
  color: #84827b;
  margin: 0;
  font-size: 33px;
  line-height: 34px;
}
.cblocks .articles h4 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 17px;
  line-height: 22px;
  color: #333;
  margin: 4px 30px 4px 0;
}
.cblocks .articles .more a:hover {
  color: #84827b;
}
.cblocks .articles ul {
  list-style-type: none;
  padding: 5px 0 1px 5px;
}
.cblocks .articles li {
  font-size: 14px;
  line-height: 18px;
  color: #333;
  margin: 0 0 10px 5px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.cblocks .articles li a {
  color: #444;
}
.cblocks .articles li a:hover {
  color: #5c5b56;
}
/* ================== rank ==================== */
.rank-bar {
  top: -27px;
  right: 0;
}
#disp-quote-ext .rank-bar .audio {
  right: 0;
}
.rank-script-prefix,
.rank-script-suffix {
  font-size: 10px;
  line-height: 10px;
  color: #444;
  letter-spacing: 0;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  margin: 3px;
}
/* ================================================= */
#content-main .callout hgroup {
  vertical-align: top;
  padding: 5px 15px;
}
#content-main .callout h2 {
  color: #84827b;
}
#content-main .no-items > hgroup > h4 {
  font-size: 16px;
  font-weight: 100;
  line-height: 22px;
  margin: 5px 0 0;
  color: #444;
}
/* ==================== wselect ==================== */
.wselect {
  text-decoration: underline;
  cursor: pointer;
  color: #84827b;
}
.wselect-cnt {
  cursor: alias !important;
}
/* ================================================= */
#content-main .tdata td.fx a {
  color: #444;
}
#content-main .tdata td.fx a:hover {
  color: #5c5b56;
}
#content-main .tdata td.fx span.year {
  font-weight: 400;
  color: #333333;
}
#content-main .tdata td.rm h3 {
  font-size: 18px;
  line-height: 22px;
  margin: 5px 0 10px;
}
#content-main .tdata td.rm p {
  margin: 0 0 5px;
}
.tts-icon {
  margin-top: -15px !important;
}
#content-main .bcols .script-sell {
  margin: 20px 0;
  padding: 20px;
  width: 450px;
  display: block;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.1) inset;
}
#content-main .bcols .script-sell h3,
#content-main .bcols .script-sell h5 {
  margin: 0;
}
#content-main .bcols .script-sell h2 {
  margin: 10px 0 0;
}
#fld-method > ul {
  margin: 0!important;
}
#fld-method > ul > li {
  width: auto !important;
  margin: 0 !important;
}
#addref-summary dt {
  font-weight: 700;
  width: 180px;
  margin-bottom: 5px;
}
#addref-summary dd {
  margin-bottom: 5px;
}
.cblocks .cblock h3 {
  color: #84827b;
}
.cblocks .cblock h4 {
  color: #333333;
}
.cblocks .sell-details > h4 {
  margin: 10px 0!important;
  font-size: 18px!important;
  line-height: 18px!important;
}
.sell-details .cblock-int li strong {
  display: block;
  margin-bottom: 5px;
}
.script-details {
  font-size: 13px;
  line-height: 17px;
  margin-top: 20px;
}
.script-details dl {
  margin: 0;
}
.script-details dt {
  font-weight: 700;
  margin: 0 0 5px 0;
}
.script-details dd {
  margin: 0 0 10px 3px;
}
.script-details dt,
.script-details dd {
  display: inline;
}
.script-details dt:not(:first-child) {
  padding-left: 7px;
}
.script-details dd.dd-margin {
  border-right: 1px solid #bbb;
  padding-right: 11px;
}
.script-details .c-views {
  visibility: hidden;
}
.links-bar {
  margin-top: 10px;
}
.links-bar > a,
.links-bar > span {
  display: inline-block;
  margin-bottom: 2px;
}
.script-hl {
  background: #ffffc8;
  padding: 3px 2px;
}
/* ==================== Genres ====================== */
#content-filters {
  font-size: 11px;
}
#content-filters a.chosen-single,
#content-filters .chosen-container-single .chosen-single span {
  height: 18px;
  line-height: 18px;
}
#content-filters .chosen-container.chosen-container-single {
  font-size: 11px;
}
#content-filters .chosen-container-single .chosen-single div b {
  background-position-y: 0;
}
#content-filters .chosen-container-single .chosen-search input[type="text"] {
  padding-top: 2px;
  padding-bottom: 2px;
  background-position-y: -22px;
}
#content-filters li.active-result {
  padding: 1px 4px;
}
#content-filters .year-filter {
  padding: 0 0 0 5px;
  font-size: 11px;
  height: 18px;
}
#content-filters input[type=number]::-webkit-inner-spin-button,
#content-filters input[type=number]::-webkit-outer-spin-button {
  position: relative;
  right: -2px;
}
#content-filters .input-group-btn #filter-year {
  padding: 1px 5px;
  font-size: 11px;
  margin-right: 0;
  line-height: 16px;
}
/* ==================== sidebar ====================== */
.cblock.search-tags .genres,
.cblock.search-tags .styles {
  margin: 10px 0;
}
.cblock.search-tags .genres button {
  margin: 3px;
}
.cblock.search-tags .styles select {
  width: 100%;
}
@media (max-width: 767px) {
  .cblock.search-tags .genres button {
    min-width: 48px;
    font-size: 14px;
    line-height: 40px;
  }
  .cblock.search-tags .styles select {
    height: 40px;
  }
}
/* ================================================= */
#author-about {
  margin: 20px 0;
  border-bottom: 3px solid #84827b;
}
#author-about #author-bio-ext .author {
  font-weight: 700;
  font-size: 28px;
  line-height: 28px;
  margin: 0 20px 15px 0;
  letter-spacing: -2px;
  color: #84827b;
}
#author-about #author-bio-ext .author-bio-link {
  font-size: 12px;
}
/* ================================================= */
#disp-quote {
  margin: 0 0 30px 0;
  padding: 20px;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 0 rgba(132, 130, 123, 0.2) inset;
  -moz-box-shadow: 0 0 5px 0 rgba(132, 130, 123, 0.2) inset;
  box-shadow: 0 0 5px 0 rgba(132, 130, 123, 0.2) inset;
}
#disp-quote-ext {
  padding: 15px 20px 30px;
  margin: 0 0 20px;
  border-bottom: 4px dotted rgba(132, 130, 123, 0.2);
}
#disp-quote-ext blockquote {
  font-family: 'Courier', cursive;
  font-weight: 400;
  font-size: 15px;
  line-height: 17px;
  color: #000000;
  padding: 0;
  margin: 10px 0 0;
}
.cover-img {
  max-width: 150px;
  margin: 20px 0 0 20px;
  padding: 1px;
  background-color: #84827b;
  box-sizing: content-box;
}
#disp-script-title {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 36px;
  line-height: 41px;
  color: #42413d;
  padding: 0;
  margin: 10px 0;
  text-indent: 32px;
}
#disp-script-subtitle {
  font-family: 'Oxygen', sans-serif;
  font-weight: 100;
  font-size: 15px;
  line-height: 20px;
  color: #42413d;
  padding: 0;
  margin: 10px 0 15px 0;
  text-align: justify;
  word-break: break-word;
}
#disp-script-subtitle > strong {
  float: left;
  margin-right: 10px;
}
#disp-quote-int .awards {
  font-size: 12px;
  margin-bottom: 6px;
}
#disp-quote-int .add-infos {
  background-color: #eee;
  padding: 10px;
}
#disp-quote-int .script-rating {
  margin: 10px 0;
  font-size: 12px;
}
#disp-quote-int .script-rating td:first-child {
  padding-right: 10px;
}
.disp-script-for-sale-subtitle {
  font-weight: 400;
  font-size: 14px;
  line-height: 24px;
  color: #42413d;
  padding: 0;
  margin: 15px 0 15px 0;
}
.btn-promo {
  background-color: #65a665!important;
  color: #ffffff !important;
}
.btn-promo:hover {
  background-color: #196b19!important;
}
.badge-promo {
  background-color: #65a665!important;
  text-shadow: none;
}
.badge-promo > a {
  color: #ffffff;
}
#disp-quote-ext .bq-before {
  position: absolute;
  font-size: 26px;
  line-height: 100px;
  top: -31px;
}
#disp-quote-int {
  position: relative;
}
#disp-quote-author {
  float: right;
  margin: 0 20px;
  padding: 3px;
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
}
#disp-quote-author-meta {
  overflow: hidden;
  margin-left: 20px;
}
#disp-quote-author-meta .script-credits {
  border-top: 1px dotted #84827b;
  margin-top: 15px;
  padding-top: 15px;
}
#disp-quote-author-meta .script-credits p {
  font-size: 12px;
  line-height: 14px;
  margin: 0 0 5px;
  color: #444;
}
#disp-quote .author {
  font-weight: 700;
  font-size: 20px;
  line-height: 20px;
  margin: 10px 0 15px 0;
  letter-spacing: -1px;
  color: #84827b;
}
#disp-quote .author-thumb-ext {
  float: left;
  height: 0;
  margin: 10px 20px 0 0;
  display: table;
}
#disp-quote .author-thumb-ext > img {
  box-sizing: content-box;
  max-width: 120px;
}
#disp-quote .author + .author-bio {
  min-height: 100px;
}
#disp-quote .author-bio {
  font-size: 14px;
  line-height: 20px;
  margin: 10px 20px 20px 0;
  text-align: justify;
}
#disp-quote-ext blockquote .audio {
  position: absolute;
  width: 16px;
  top: -10px;
  right: -10px;
}
#producer-email {
  padding-left: 3px;
  float: left;
}
/* ==================== Famous authors - index page ==================== */
.cblocks .fauthors h3 {
  color: #84827b;
  margin: 0 20px 0 0;
  font-size: 32px;
  line-height: 32px;
}
.cblocks .fauthors h4 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
  color: #333333;
  margin: 4px 30px 4px 0;
}
.cblocks .fauthors .more a:hover {
  color: #84827b;
}
.cblocks .fauthors ul {
  list-style-type: none;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 16px;
  padding-bottom: 1px;
}
.cblocks .fauthors li {
  margin: 0 0 10px 0;
  font-size: 14px;
  line-height: 14px;
}
.cblocks .fauthors li a {
  color: #444;
}
.cblocks .fauthors li a:hover {
  color: #5c5b56;
}
.cblock .cblock-int + hgroup {
  margin: 0 15px -5px 15px;
}
/* ==================== game ==================== */
#content-main .adunit-middle {
  margin-top: 15px;
  padding: 0 15px;
}
#game {
  width: 92%;
  margin: 0 auto;
}
#game .origdef {
  font-style: italic;
}
#game .prompt {
  text-align: center;
}
#game .origdef .status-msg {
  font-size: 16px;
}
#game .origdef > p {
  padding: 10px 15px;
  border-bottom: 1px solid transparent;
  background-color: #84827b;
  color: #ffffff;
}
#game.flags-quiz .origdef > p {
  background-color: transparent;
}
#game .centered {
  text-align: center;
  vertical-align: bottom;
  color: #84827b;
}
#game > tbody > tr.ans-row > td {
  position: relative;
  margin-bottom: 20px;
  display: block;
}
#game .answer {
  border-radius: 4px;
  background: #f2f2f2;
  max-width: 95%;
  cursor: pointer;
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  margin: auto;
  display: flex;
  align-items: center;
}
#game .answer.label-success {
  background: #aaebad;
}
#game .answer.label-success > strong {
  color: #ffffff;
  background-color: #5cb85c;
}
#game .answer.label-danger {
  background-color: #edb7b5;
}
#game .answer.label-danger > strong {
  color: #ffffff;
  background-color: #d9534f;
}
#game .answer > strong {
  width: 40px;
  height: 100%;
  align-items: center;
  display: inline-flex;
  justify-content: center;
  background: rgba(0, 0, 0, 0.04);
  border-radius: 4px 0 0 4px;
  margin-right: 10px;
  color: #9c9c9c;
}
.quiz-preview #game .qz-option:hover:not(.label-success):not(.label-danger),
#game .answer.hover:not(.label-success):not(.label-danger) {
  background-color: #e4e4e4;
}
#game #error > strong {
  background-color: red;
  color: white;
  margin-bottom: 20px;
  display: inline-block;
  padding: 5px 10px;
}
#game a:hover {
  text-decoration: none;
}
#game a:active {
  text-decoration: none;
}
#quiz-modal .qz-badge {
  letter-spacing: 1px;
  color: #84827b;
}
#quiz-modal .qz-compliment {
  color: #84827b;
}
#quiz-modal .modal-dialog {
  -moz-transform: translateY(60%);
  -webkit-transform: translateY(60%);
  -o-transform: translateY(60%);
  -ms-transform: translateY(60%);
  transform: translateY(60%);
}
#quiz-modal #quiz-canvas {
  position: absolute;
  top: 0;
  left: 0;
  opacity: .6;
}
.toggle-sound {
  cursor: pointer;
  color: #84827b;
}
/*=== Quizz ===*/
#quiz-panel {
  padding: 15px 15px 0;
  border: 1px solid #ababab;
}
#quiz-panel ul.options {
  list-style: none;
  padding-left: 5px;
  margin-top: 15px;
}
#quiz-panel .progress-bar-info {
  background-color: #424242;
}
.quizz-block:not(:first-child) {
  display: none;
}
.quizz-block {
  padding: 10px 15px;
}
.quizz-block > strong {
  font-size: 20px;
}
.quizz-block input[type=radio] {
  margin-right: 10px;
}
.quizz-block label {
  display: inline-block !important;
  cursor: pointer;
}
.exercise-container {
  font-size: 18px;
  min-height: 100px;
  border-top: 1px solid #d6d6d6;
  padding: 15px 0;
  margin: 15px 0;
}
#print-solutions {
  display: none;
}
.quiz-label {
  display: inline-block;
  padding: 5px 8px;
  background-color: #84827b;
  text-shadow: none;
  color: #ffffff;
}
.msg-err.success {
  color: #008000;
}
.msg-err.wrong {
  color: #f00;
}
.solutions-container {
  font-size: 16px;
  padding-bottom: 20px;
}
.solutions-container .correction {
  color: #427f57;
  font-weight: bold;
  margin-left: 5px;
}
.solutions-container #quiz-solutions {
  width: 100%;
}
.solutions-container #quiz-solutions th,
.solutions-container #quiz-solutions td {
  padding: 15px;
  border: 1px solid #ccc;
}
.quiz-icon > i.fa-check {
  color: green;
}
.quiz-icon > i.fa-times {
  color: red;
}
#clock {
  width: 34px;
  display: inline-block;
}
/* ======== sidebar Quiz  ======== */
.quiz-preview h3 {
  color: #84827b;
  border-style: dotted;
  border-width: 0 1px 0 0;
  margin-right: 15px!important;
}
.quiz-preview h4 {
  color: #333333;
}
.quiz-preview h5 {
  text-align: center;
  padding: 10px 15px;
  background-color: #a8a7a2;
  color: #ffffff;
  font-size: 14px;
  line-height: 20px;
}
#game .qz-option {
  max-width: 100%;
  font-size: 14px;
  margin-bottom: 5px;
}
/* ==================== Quizzes Box ==================== */
.cblocks .quizzes-box h3 {
  color: #84827b;
  border-style: dotted;
  border-width: 0 1px 0 0;
  margin: 0 10px 0 0!important;
  font-size: 32px!important;
  line-height: 32px!important;
  padding-right: 5px;
}
.cblocks .quizzes-box h4 {
  color: #84827b;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 18px!important;
  line-height: 20px!important;
  color: #333333;
  margin: 4px 0!important;
}
.cblocks .quizzes-box h5 {
  text-align: center;
  padding: 10px 15px;
  background-color: #84827b;
  color: #ffffff;
  text-shadow: none;
}
.cblocks .quizzes-box li {
  font-size: 14px;
  display: flex;
  align-items: center;
}
.quizzes-box li.qz-abbr:hover {
  background-color: #1a8cb3;
}
.quizzes-box li.qz-defn:hover {
  background-color: #8f0024;
}
.quizzes-box li.qz-syno:hover {
  background-color: #437519;
}
.quizzes-box li.qz-quot:hover {
  background-color: #475865;
}
.quizzes-box li.qz-lyrc:hover {
  background-color: #8d6282;
}
.quizzes-box li.qz-poet:hover {
  background-color: #5a3875;
}
.quizzes-box li.qz-phr:hover {
  background-color: #a97a51;
}
.quizzes-box li.qz-gram:hover {
  background-color: #30696a;
}
.quizzes-box li.qz-symb:hover {
  background-color: #7f7f48;
}
.quizzes-box li.qz-scr:hover {
  background-color: #84827b;
}
.quizzes-box li.qz-cnv:hover {
  background-color: #9cb16b;
}
.quizzes-box li.qz-kam:hover {
  background-color: #ce1126;
}
.quizzes-box li.qz-lit:hover {
  background-color: #946429;
}
.quizzes-box li.qz-bio:hover {
  background-color: #0d519e;
}
.cblocks .quizzes-box li > a {
  width: 100%;
  color: #111;
  text-shadow: none;
}
.cblocks .quizzes-box li:hover *,
.cblocks .quizzes-box li > a:hover {
  color: #ffffff !important;
}
.cblocks .quizzes-box .quiz-icon {
  margin-right: 8px;
}
.cblocks .quizzes-box .quiz-icon img {
  width: 20px;
  border: 1px solid #a0a0a0;
  background-color: #ffffff;
  padding: 1px;
}
.album-meta-thumb {
  background-color: #ffffff;
  -webkit-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.2);
  padding: 3px;
  margin: 0 20px 0 0;
}
.album-meta-thumb img {
  background: url(../png/med_lyr_ph_thumb.png) no-repeat #f4f4f4 center;
  background-size: contain;
}
#game #added_by {
  font-size: 13px;
  line-height: 27px;
  background: rgba(144, 154, 162, 0.12);
  padding: 0 10px;
}
/* ==================== cblocks marketplace ==================== */
.cblocks .marketplace h3 {
  font-family: 'Oxygen', sans-serif;
  font-weight: 700;
  letter-spacing: -3px;
  font-size: 30px;
  line-height: 33px;
  color: #333333;
  margin: 3px 0 0;
}
.cblocks .marketplace h4 {
  font-size: 13px;
  color: #333333;
}
.cblocks .marketplace h4 a {
  font-size: 13px;
  color: #333333;
}
.cblocks .marketplace .more a:hover {
  color: #84827b;
}
.cblocks .marketplace .cblock-int {
  padding: 0 15px 0;
  color: #333333;
  font-size: 15px;
  line-height: 16px;
}
.cblocks .marketplace .cblock-int p {
  margin-bottom: 0;
}
.cblock .cblock-int + hgroup {
  margin: 0 15px -5px 15px;
}
.sidebar-marketplace-thumb {
  color: #333333;
  position: relative;
  top: 25px;
  right: 15px;
}
.sidebar-marketplace-thumb img {
  padding: 2px;
}
/* ================================================= */
.cblocks .filters h3 {
  float: none;
  font-size: 30px;
  margin: 0;
}
.cblocks .filters select {
  width: 100%;
  margin: 15px 0;
}
.cblocks .filters h4 {
  font-size: 22px;
  margin: 15px 0 10px 15px;
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  color: #424242;
}
.cblocks .filters .genres {
  margin: 10px 10px -10px 2px;
}
.cblocks .filters .genres button {
  margin: 3px;
}
.cblocks .testimonials h5 {
  font-size: 12px;
  margin: 8px 0 10px 6px;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  color: #424242;
}
.cblocks .testimonials h4 {
  font-family: 'Alegreya Sans', sans-serif;
  font-weight: 800;
  font-size: 20px;
  line-height: 22px;
  color: #333333;
  margin: 10px 30px 4px 0;
}
.cblocks .testimonials h2 {
  float: none;
  font-size: 14px;
  color: #444;
  margin: 3px;
  padding: 10px 3px;
  font-family: 'Oxygen', sans-serif;
  font-weight: 400;
  line-height: 17px;
}
/* ================================================= */
#content-main .tdata .qx a {
  color: #222222;
}
#content-main .tdata .qx a:hover {
  color: #84827b;
}
#content-main .tdata .qx p {
  margin: 0 0 5px 0;
}
#author-about + h3 {
  color: #000000;
  letter-spacing: -1px;
}
#content-main > div > div > hgroup h3.filter a.rc3 {
  margin-left: 4px;
}
/* ==================== favorite ==================== */
.favorites-title {
  color: #3d3d3d;
  font-weight: 600;
}
.fans-cnt {
  font-size: 11px;
}
.fans-cnt > button {
  font-size: 11px;
  margin: 0;
  padding: 2px 5px;
  color: #555;
  background-color: rgba(0, 0, 0, 0.05);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.2) inset;
}
.fans-cnt > button:hover {
  color: #222222;
  background-color: rgba(0, 0, 0, 0.15);
  -webkit-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  -moz-box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.5) inset;
}
.fans-cnt > button.s {
  color: #ffffff;
  background-color: #a8a7a2;
  text-shadow: 0 1px 0 rgba(66, 65, 61, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #42413d inset;
  -moz-box-shadow: 0 0 2px 0 #42413d inset;
  box-shadow: 0 0 2px 0 #42413d inset;
  display: inline-block;
}
.fans-cnt > button.s:hover {
  background-color: #5c5b56;
  text-shadow: 0 1px 0 #42413d;
  -webkit-box-shadow: 0 0 2px 0 #5c5b56 inset;
  -moz-box-shadow: 0 0 2px 0 #5c5b56 inset;
  box-shadow: 0 0 2px 0 #5c5b56 inset;
}
.btn-counter {
  position: relative;
}
.fans {
  cursor: pointer;
  border: 1px solid #d3d3d3;
  background-color: #eee;
  color: #777;
  position: relative;
  top: 2px;
  margin-left: 6px;
  padding: 0 8px;
  display: inline-block;
}
.fans:before {
  content: '';
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  background-color: #eee;
  border: 1px solid #d3d3d3;
  border-right: 0;
  border-top: 0;
  position: absolute;
  left: -3px;
  top: 4px;
  height: 6px;
  width: 6px;
  z-index: 1;
}
.fans:hover {
  color: #84827b;
}
.preview-favorites {
  list-style: none;
  padding-left: 0;
  margin-bottom: 0;
  overflow: hidden;
}
.preview-favorites > li {
  float: left;
  width: 20%;
  height: 120px;
  text-align: center;
}
.preview-favorites > li > a {
  display: block;
  margin: auto;
}
.preview-favorites > li > a:first-child {
  width: 85%;
}
.preview-favorites > li > a:last-child {
  margin-top: 5px;
  white-space: pre-wrap;
  height: 25px;
  overflow: hidden;
  font-size: 11px;
  line-height: 12px;
}
.preview-favorites > li img {
  width: 100%;
  margin: auto;
  display: block;
}
@media (max-width: 767px) {
  .preview-favorites > li img {
    height: 62px;
  }
}
.fans-cnt > button {
  padding-right: 8px;
}
.fans-cnt > button.fav-voted {
  background-color: #42413d;
}
/* =================== vote modal ==================== */
#login-modal.modal h4 {
  color: #84827b;
}
/* ==================== top page search ==================== */
.ui-menu-item {
  font-size: 1.3em !important;
  font-weight: 400 !important;
}
.ui-autocomplete .ui-menu-item .qt {
  margin: .2em 0;
}
.ui-autocomplete .ui-menu-item .au {
  font-size: .8em;
  color: #666;
  margin: .2em 0 .3em;
  font-weight: 600;
  text-align: right;
}
.ui-autocomplete .ui-menu-item .au2 {
  font-weight: 700;
  margin: .4em;
}
.ui-autocomplete-category {
  font-size: 1.3em !important;
  font-weight: 700;
  padding: .2em .4em;
  margin: .2em 0;
  line-height: 1.5;
  color: #84827b;
  background-color: rgba(132, 130, 123, 0.2);
}
.ui-menu-item span.hilite {
  color: #84827b;
  background-color: rgba(132, 130, 123, 0.2);
  font-weight: 700;
}
#content-main .tdata .qx span.hilite {
  background-color: rgba(132, 130, 123, 0.2);
}
/* ==================== callout ==================== */
#content-main .callout .actions button.lrg {
  margin-top: 18px;
}
/* ==================== serp data ==================== */
#content-main .tdata .nowrap-serp {
  min-width: 110px;
}
/* ==================== edit user ==================== */
#content-body > div > section.split > div li {
  font-size: 13.5px;
  width: 133px;
}
button.btn-affs {
  background-color: rgba(12, 115, 12, 0.75);
  color: #ffffff;
}
/* ==================== add script ==================== */
#content-main .bcols .case-thumb {
  border: 1px solid #D5D5D5;
  background-color: #ffffff;
  padding: 2px;
  width: 200px;
  margin: 0 0 10px 0;
}
#content-main .bcols .case-thumb img {
  display: inline-block;
  width: 100%;
}
#content-main .bcols .case-thumb img.empty {
  height: 200px;
}
.update-script-img,
.update-writer-img {
  font-size: 14px;
  line-height: 14px;
}
#content-main .bcols > section > .col-left ul.chosen-choices {
  margin: 0;
  padding: 0 5px;
  border-radius: 4px;
}
#content-main .bcols > section > .col-left li.search-field {
  margin: 0;
  width: auto;
}
#content-main .bcols > section > .col-left li.search-choice {
  margin: 3px 5px 3px 0;
  padding: 3px 20px 3px 5px;
  width: auto;
}
#content-main .bcols > section > .col-left ul.chosen-results {
  margin: 0;
}
#content-main .bcols > section > .col-left li.active-result,
#content-main .bcols > section > .col-left li.result-selected {
  margin: 0;
  padding: 5px 6px;
  width: 100%;
}
#fld-aname.ui-autocomplete-loading {
  background-position-x: 97%;
}
/* ==================== marketplace ==================== */
.tdata.marketplace .tags-list {
  margin-top: 5px;
  font-size: 11px;
  line-height: 12px;
  font-weight: bold;
}
.tdata.marketplace .price {
  color: #ffffff !important;
  background-color: #888;
  text-shadow: 0 1px 0 rgba(85, 85, 85, 0.75);
  -webkit-box-shadow: 0 0 2px 0 #000000 inset;
  -moz-box-shadow: 0 0 2px 0 #000000 inset;
  box-shadow: 0 0 2px 0 #000000 inset;
  padding: 2px 5px;
  white-space: nowrap;
}
.tdata.marketplace .mp-thumb {
  margin: 0 15px 10px 0;
}
.tdata.marketplace .mp-thumb img {
  width: 90px;
  min-height: 60px;
  background-color: #ffffff;
  border: 1px solid #666;
}
.marketplace .mp-box {
  background-color: #f3f3f3;
  padding: 10px 5px;
}
.marketplace .mp-box > div {
  padding: 0;
}
/* ==================== footer ====================== */
#footer-int li.ex span,
#footer-int a:hover,
#footer-int li.ex a:hover {
  color: #bdbcb9;
}
/* ==================== media queries ==================== */
/* ======== Mobile ======== */
@media (max-width: 767px) {
  #disp-quote > .sm-link {
    margin-left: 10px;
  }
  #disp-quote-author-meta {
    overflow: inherit;
    margin-left: 20px;
  }
  #disp-quote-ext {
    padding: 15px 10px 30px;
  }
  #content-body > div > h3 {
    margin-bottom: 30px;
  }
  #disp-quote {
    padding: 20px 10px;
  }
  #disp-script-title {
    font-size: 32px;
    line-height: 39px;
  }
  .cover-img {
    max-width: 130px;
    margin: 8px 0 0 10px;
  }
}
@media (max-width: 500px) {
  #disp-quote-int .add-infos {
    width: auto;
  }
}
@media (max-width: 992px) {
  #content-main .callout .actions {
    padding-left: 15px;
  }
}