html body {
    top: 0px !important;
}

.skiptranslate {
    display: none !important;
}
.tool-container{
    bottom:50px !important;
    top:auto !important;
    z-index:99999999 !important;
}

.tool-container .tool-items a {
    margin:4px;
}


.goog-te-gadget-simple {
  margin:4px 0;
}

#google_language_translator select.goog-te-combo {
  width:143px;
  background:#fff;
  box-shadow:none !important;
  -moz-box-shadow:none !important;
  -webkit-box-shadow:none !important;
  padding:3px !important;
  height:auto !important;
  border:1px solid lightgray !important;
  border-radius:0px !important;
  -webkit-border-radius:0px;
  -moz-border-radius:0px !important;
  -o-border-radius:0px !important;
}

#google_language_translator select.goog-te-combo:focus {
  outline:none !important;
}

#flags {
  overflow:hidden;
}

#flags ul {
  margin:0;
  padding:0;
}

#flags li {
  /* float:left !important; */
  margin-bottom:0 !important;
  padding:0 !important;
  border:none !important;
  list-style:none !important;
  content:none !important;
}

#flags li:before {
  content:none !important;
  border:none !important;
  background:none !important;
}

#flags a,
.tool-container .tool-items a {
  display:inline-block;
  cursor:pointer;
}

a.nturl.single-language {
    border:0;
}

a.single-language span.flag {
    display:inline-block;
    vertical-align:middle;
    margin-right:5px;
}

#flags.size24 a,
.tool-container .tool-items a,
a.single-language span.size24 {
    width: 24px !important;
    height: 18px !important;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
}

#flags.size22 a,
a.single-language span.size22 {
    width: 22px !important;
    height: 17px !important;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
}

#flags.size20 a,
a.single-language span.size20 {
    width: 20px !important;
    height: 14px !important;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
}

#flags.size18 a,
a.single-language span.size18 {
    width: 18px !important;
    height: 14px !important;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
}

#flags.size16 a,
#language span.size16,
a.single-language span.size16 {
    width: 16px !important;
    height: 12px !important;
    box-sizing:content-box;
    -webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -o-box-sizing:content-box;
    -ms-box-sizing:content-box;
}

.tool-container .tool-items a {
  display:inline-block;
  margin:3px 5px 3px;
  width:24px !important;
  height:18px !important;
}

.goog-te-gadget {
  color:#444;
  font-size:11px;
  font-family:"Arial",sans,sans-serif;
}

.goog-te-gadget img {
  vertical-align:middle;
}

select.goog-te-combo:focus {
  box-shadow:none !important;
  -moz-box-shadow:none !important;
  -webkit-box-shadow:none !important;
}

.flag{
    padding:1px 0;
}

a.nturl {
  cursor:pointer;
}

.flag img,
.alt_flag img{
    border:0px !important;
    margin-top:2px !important;
    padding:0px !important;
}

.attribution {
    width:152px;
    line-height:1em;
    margin-top:4px;
}

span.goog-branding {
    font-size: 11px;
    font-family: arial;
    color: rgb(102, 102, 102);
    white-space: nowrap;
    padding-top: 4px;
    text-align: left;
    width: 150px;
    margin-top: 2px;
    left:170px;
    z-index: 9999;
    float: right;
}

span.goog-branding img {
    float: left;
    margin:0px;
    width: 37px;

}

span.vertical-translator {
    position:auto;
    float:none !important;
    font-size: 11px;
    font-family: arial;
    color: rgb(102, 102, 102);
    white-space: nowrap;
    vertical-align: middle;
    padding-top: 4px;
    text-align: left;
    width: 150px;
    margin-top: 2px;
    right: -50px;
    z-index: 9999;
}

.tool-container .tool-items .flag img {
    width:24px !important;
    height:24px !important;
    margin-top:1px !important;
}

.tool-items .flag {
    padding:0px !important;
}

.tool-container {
    line-height:1;
}

#footer-instance {
    display:none !important;
}

code {
    border:1px solid lightgray;
}


/* Individual flag backgrounds (18px) */

#flags.size18 a[title="Afrikaans"],
.tool-container .tool-items a[title="Afrikaans"],
a.single-language[title="Afrikaans"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -4px no-repeat;
}
#flags.size18 a[title="Albanian"],
.tool-container .tool-items a[title="Albanian"],
a.single-language[title="Albanian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -4px no-repeat;
}
#flags.size18 a[title="Amharic"],
.tool-container .tool-items a[title="Amharic"],
a.single-language[title="Amharic"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -468px no-repeat;
}
#flags.size18 a[title="Arabic"],
.tool-container .tool-items a[title="Arabic"],
a.single-language[title="Arabic"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -4px no-repeat;
}
#flags.size18 a[title="Armenian"],
.tool-container .tool-items a[title="Armenian"],
a.single-language[title="Armenian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -4px no-repeat;
}
#flags.size18 a[title="Azerbaijani"],
.tool-container .tool-items a[title="Azerbaijani"],
a.single-language[title="Azerbaijani"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -4px no-repeat;
}
#flags.size18 a[title="Basque"],
.tool-container .tool-items a[title="Basque"],
a.single-language[title="Basque"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -4px no-repeat;
}
#flags.size18 a[title="Belarusian"],
.tool-container .tool-items a[title="Belarusian"],
a.single-language[title="Belarusian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -33px no-repeat;
}
#flags.size18 a[title="Bengali"],
.tool-container .tool-items a[title="Bengali"],
a.single-language[title="Bengali"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -33px no-repeat;
}
#flags.size18 a[title="Bosnian"],
.tool-container .tool-items a[title="Bosnian"],
a.single-language[title="Bosnian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -33px no-repeat;
}
#flags.size18 a[title="Bulgarian"],
.tool-container .tool-items a[title="Bulgarian"],
a.single-language[title="Bulgarian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -33px no-repeat;
}
#flags.size18 a[title="Catalan"],
.tool-container .tool-items a[title="Catalan"],
a.single-language[title="Catalan"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -33px no-repeat;
}
#flags.size18 a[title="Cebuano"],
.tool-container .tool-items a[title="Cebuano"],
a.single-language[title="Cebuano"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -33px no-repeat;
}
#flags.size18 a[title="Chichewa"],
.tool-container .tool-items a[title="Chichewa"],
a.single-language[title="Chichewa"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -410px no-repeat;
}
#flags.size18 a[title="Chinese (Simplified)"],
.tool-container .tool-items a[title="Chinese (Simplified)"],
a.single-language[title="Chinese (Simplified)"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -62px no-repeat;
}
#flags.size18 a[title="Chinese (Traditional)"],
.tool-container .tool-items a[title="Chinese (Traditional)"],
a.single-language[title="Chinese (Traditional)"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -62px no-repeat;
}
#flags.size18 a[title="Corsican"],
.tool-container .tool-items a[title="Corsican"],
a.single-language[title="Corsican"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -91px no-repeat;
}
#flags.size18 a[title="Croatian"],
.tool-container .tool-items a[title="Croatian"],
a.single-language[title="Croatian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -62px no-repeat;
}
#flags.size18 a[title="Czech"],
.tool-container .tool-items a[title="Czech"],
a.single-language[title="Czech"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -62px no-repeat;
}
#flags.size18 a[title="Danish"],
.tool-container .tool-items a[title="Danish"],
a.single-language[title="Danish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -62px no-repeat;
}
#flags.size18 a[title="Dutch"],
.tool-container .tool-items a[title="Dutch"],
a.single-language[title="Dutch"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -62px no-repeat;
}
#flags.size18 a[title="English"],
.tool-container .tool-items a[title="English"],
a.single-language[title="English"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -352px no-repeat;
}
#flags.size18 a.united-states[title="English"],
a.single-language.united-states[title="English"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -352px no-repeat;
}
#flags.size18 a.canada[title="English"] a.single-language.canada[title="English"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -439px no-repeat;
}
#flags.size18 a[title="Esperanto"],
.tool-container .tool-items a[title="Esperanto"],
a.single-language[title="Esperanto"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -91px no-repeat;
}
#flags.size18 a[title="Estonian"],
.tool-container .tool-items a[title="Estonian"],
a.single-language[title="Estonian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -91px no-repeat;
}
#flags.size18 a[title="Filipino"],
.tool-container .tool-items a[title="Filipino"],
a.single-language[title="Filipino"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -91px no-repeat;
}
#flags.size18 a[title="Finnish"],
.tool-container .tool-items a[title="Finnish"],
a.single-language[title="Finnish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -91px no-repeat;
}
#flags.size18 a[title="French"],
.tool-container .tool-items a[title="French"],
a.single-language[title="French"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -91px no-repeat;
}
#flags.size18 a[title="Frisian"],
.tool-container .tool-items a[title="Frisian"],
a.single-language[title="Frisian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -62px no-repeat;
}
#flags.size18 a[title="Galician"],
.tool-container .tool-items a[title="Galician"],
a.single-language[title="Galician"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -91px no-repeat;
}
#flags.size18 a[title="Georgian"],
.tool-container .tool-items a[title="Georgian"],
a.single-language[title="Georgian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -120px no-repeat;
}
#flags.size18 a[title="German"],
.tool-container .tool-items a[title="German"],
a.single-language[title="German"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -120px no-repeat;
}
#flags.size18 a[title="Greek"],
.tool-container .tool-items a[title="Greek"],
a.single-language[title="Greek"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -120px no-repeat;
}
#flags.size18 a[title="Gujarati"],
.tool-container .tool-items a[title="Gujarati"],
a.single-language[title="Gujarati"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -120px no-repeat;
}
#flags.size18 a[title="Haitian"],
.tool-container .tool-items a[title="Haitian"],
a.single-language[title="Haitian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -120px no-repeat;
}
#flags.size18 a[title="Hawaiian"],
.tool-container .tool-items a[title="Hawaiian"],
a.single-language[title="Hawaiian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -468px no-repeat;
}
#flags.size18 a[title="Hausa"],
.tool-container .tool-items a[title="Hausa"],
a.single-language[title="Hausa"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -120px no-repeat;
}
#flags.size18 a[title="Hebrew"],
.tool-container .tool-items a[title="Hebrew"],
a.single-language[title="Hebrew"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -149px no-repeat;
}
#flags.size18 a[title="Hindi"],
.tool-container .tool-items a[title="Hindi"],
a.single-language[title="Hindi"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -149px no-repeat;
}
#flags.size18 a[title="Hmong"],
.tool-container .tool-items a[title="Hmong"],
a.single-language[title="Hmong"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -149px no-repeat;
}
#flags.size18 a[title="Hungarian"],
.tool-container .tool-items a[title="Hungarian"],
a.single-language[title="Hungarian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -149px no-repeat;
}
#flags.size18 a[title="Icelandic"],
.tool-container .tool-items a[title="Icelandic"],
a.single-language[title="Icelandic"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -149px no-repeat;
}
#flags.size18 a[title="Igbo"],
.tool-container .tool-items a[title="Igbo"],
a.single-language[title="Igbo"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -149px no-repeat;
}
#flags.size18 a[title="Indonesian"],
.tool-container .tool-items a[title="Indonesian"],
a.single-language[title="Indonesian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -178px no-repeat;
}
#flags.size18 a[title="Irish"],
.tool-container .tool-items a[title="Irish"],
a.single-language[title="Irish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -178px no-repeat;
}
#flags.size18 a[title="Italian"],
.tool-container .tool-items a[title="Italian"],
a.single-language[title="Italian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -178px no-repeat;
}
#flags.size18 a[title="Japanese"],
.tool-container .tool-items a[title="Japanese"],
a.single-language[title="Japanese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -178px no-repeat;
}
#flags.size18 a[title="Javanese"],
.tool-container .tool-items a[title="Javanese"],
a.single-language[title="Javanese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -178px no-repeat;
}
#flags.size18 a[title="Kannada"],
.tool-container .tool-items a[title="Kannada"],
a.single-language[title="Kannada"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -178px no-repeat;
}
#flags.size18 a[title="Kazakh"],
.tool-container .tool-items a[title="Kazakh"],
a.single-language[title="Kazakh"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -410px no-repeat;
}
#flags.size18 a[title="Khmer"],
.tool-container .tool-items a[title="Khmer"],
a.single-language[title="Khmer"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -207px no-repeat;
}
#flags.size18 a[title="Korean"],
.tool-container .tool-items a[title="Korean"],
a.single-language[title="Korean"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -207px no-repeat;
}
#flags.size18 a[title="Kurdish"],
.tool-container .tool-items a[title="Kurdish"],
a.single-language[title="Kurdish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -468px no-repeat;
}
#flags.size18 a[title="Kyrgyz"],
.tool-container .tool-items a[title="Kyrgyz"],
a.single-language[title="Kyrgyz"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -468px no-repeat;
}
#flags.size18 a[title="Lao"],
.tool-container .tool-items a[title="Lao"],
a.single-language[title="Lao"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -207px no-repeat;
}
#flags.size18 a[title="Latin"],
.tool-container .tool-items a[title="Latin"],
a.single-language[title="Latin"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -207px no-repeat;
}
#flags.size18 a[title="Latvian"],
.tool-container .tool-items a[title="Latvian"],
a.single-language[title="Latvian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -207px no-repeat;
}
#flags.size18 a[title="Lithuanian"],
.tool-container .tool-items a[title="Lithuanian"],
a.single-language[title="Lithuanian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -207px no-repeat;
}
#flags.size18 a[title="Luxembourgish"],
.tool-container .tool-items a[title="Luxembourgish"],
a.single-language[title="Luxembourgish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -496px no-repeat;
}
#flags.size18 a[title="Macedonian"],
.tool-container .tool-items a[title="Macedonian"],
a.single-language[title="Macedonian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -236px no-repeat;
}
#flags.size18 a[title="Malagasy"],
.tool-container .tool-items a[title="Malagasy"],
a.single-language[title="Malagasy"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -410px no-repeat;
}
#flags.size18 a[title="Malay"],
.tool-container .tool-items a[title="Malay"],
a.single-language[title="Malay"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -236px no-repeat;
}
#flags.size18 a[title="Malayalam"],
.tool-container .tool-items a[title="Malayalam"],
a.single-language[title="Malayalam"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -410px no-repeat;
}
#flags.size18 a[title="Maltese"],
.tool-container .tool-items a[title="Maltese"],
a.single-language[title="Maltese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -236px no-repeat;
}
#flags.size18 a[title="Maori"],
.tool-container .tool-items a[title="Maori"],
a.single-language[title="Maori"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -236px no-repeat;
}
#flags.size18 a[title="Marathi"],
.tool-container .tool-items a[title="Marathi"],
a.single-language[title="Marathi"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -236px no-repeat;
}
#flags.size18 a[title="Mongolian"],
.tool-container .tool-items a[title="Mongolian"],
a.single-language[title="Mongolian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -236px no-repeat;
}
#flags.size18 a[title="Myanmar (Burmese)"],
.tool-container .tool-items a[title="Myanmar (Burmese)"],
a.single-language[title="Myanmar (Burmese)"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -410px no-repeat;
}
#flags.size18 a[title="Nepali"],
.tool-container .tool-items a[title="Nepali"],
a.single-language[title="Nepali"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -265px no-repeat;
}
#flags.size18 a[title="Norwegian"],
.tool-container .tool-items a[title="Norwegian"],
a.single-language[title="Norwegian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -265px no-repeat;
}
#flags.size18 a[title="Pashto"],
.tool-container .tool-items a[title="Pashto"],
a.single-language[title="Pashto"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -496px no-repeat;
}
#flags.size18 a[title="Persian"],
.tool-container .tool-items a[title="Persian"],
a.single-language[title="Persian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -265px no-repeat;
}
#flags.size18 a[title="Polish"],
.tool-container .tool-items a[title="Polish"],
a.single-language[title="Polish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -265px no-repeat;
}
#flags.size18 a[title="Portuguese"],
.tool-container .tool-items a[title="Portuguese"],
a.single-language[title="Portuguese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -265px no-repeat;
}
#flags.size18 a.brazil[title="Portuguese"],
a.single-language.brazil[title="Portuguese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -439px no-repeat;
}
#flags.size18 a[title="Punjabi"],
.tool-container .tool-items a[title="Punjabi"],
a.single-language[title="Punjabi"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -265px no-repeat;
}
#flags.size18 a[title="Romanian"],
.tool-container .tool-items a[title="Romanian"],
a.single-language[title="Romanian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -294px no-repeat;
}
#flags.size18 a[title="Russian"],
.tool-container .tool-items a[title="Russian"],
a.single-language[title="Russian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -294px no-repeat;
}
#flags.size18 a[title="Samoan"],
.tool-container .tool-items a[title="Samoan"],
a.single-language[title="Samoan"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -468px no-repeat;
}
#flags.size18 a[title="Scots Gaelic"],
.tool-container .tool-items a[title="Scots Gaelic"],
a.single-language[title="Scots Gaelic"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -468px no-repeat;
}
#flags.size18 a[title="Serbian"],
.tool-container .tool-items a[title="Serbian"],
a.single-language[title="Serbian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -294px no-repeat;
}
#flags.size18 a[title="Sesotho"],
.tool-container .tool-items a[title="Sesotho"],
a.single-language[title="Sesotho"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -410px no-repeat;
}
#flags.size18 a[title="Shona"],
.tool-container .tool-items a[title="Shona"],
a.single-language[title="Shona"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -496px no-repeat;
}
#flags.size18 a[title="Sindhi"],
.tool-container .tool-items a[title="Sindhi"],
a.single-language[title="Sindhi"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -352px no-repeat;
}
#flags.size18 a[title="Sinhala"],
.tool-container .tool-items a[title="Sinhala"],
a.single-language[title="Sinhala"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -439px no-repeat;
}
#flags.size18 a[title="Slovak"],
.tool-container .tool-items a[title="Slovak"],
a.single-language[title="Slovak"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -294px no-repeat;
}
#flags.size18 a[title="Slovenian"],
.tool-container .tool-items a[title="Slovenian"],
a.single-language[title="Slovenian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -294px no-repeat;
}
#flags.size18 a[title="Somali"],
.tool-container .tool-items a[title="Somali"],
a.single-language[title="Somali"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -294px no-repeat;
}
#flags.size18 a[title="Spanish"],
.tool-container .tool-items a[title="Spanish"],
a.single-language[title="Spanish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -323px no-repeat;
}
#flags.size18 a.mexico[title="Spanish"],
a.single-language.mexico[title="Spanish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -439px no-repeat;
}
#flags.size18 a[title="Sundanese"],
.tool-container .tool-items a[title="Sundanese"],
a.single-language[title="Sundanese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -381px no-repeat;
}
#flags.size18 a[title="Swahili"],
.tool-container .tool-items a[title="Swahili"],
a.single-language[title="Swahili"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -323px no-repeat;
}
#flags.size18 a[title="Swedish"],
.tool-container .tool-items a[title="Swedish"],
a.single-language[title="Swedish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -323px no-repeat;
}
#flags.size18 a[title="Tajik"],
.tool-container .tool-items a[title="Tajik"],
a.single-language[title="Tajik"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -439px no-repeat;
}
#flags.size18 a[title="Tamil"],
.tool-container .tool-items a[title="Tamil"],
a.single-language[title="Tamil"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -323px no-repeat;
}
#flags.size18 a[title="Telugu"],
.tool-container .tool-items a[title="Telugu"],
a.single-language[title="Telugu"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -323px no-repeat;
}
#flags.size18 a[title="Thai"],
.tool-container .tool-items a[title="Thai"],
a.single-language[title="Thai"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -323px no-repeat;
}
#flags.size18 a[title="Turkish"],
.tool-container .tool-items a[title="Turkish"],
a.single-language[title="Turkish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -352px no-repeat;
}
#flags.size18 a[title="Ukrainian"],
.tool-container .tool-items a[title="Ukrainian"],
a.single-language[title="Ukrainian"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -352px no-repeat;
}
#flags.size18 a[title="Urdu"],
.tool-container .tool-items a[title="Urdu"],
a.single-language[title="Urdu"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -147px -352px no-repeat;
}
#flags.size18 a[title="Uzbek"],
.tool-container .tool-items a[title="Uzbek"],
a.single-language[title="Uzbek"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -439px no-repeat;
}
#flags.size18 a[title="Vietnamese"],
.tool-container .tool-items a[title="Vietnamese"],
a.single-language[title="Vietnamese"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -381px no-repeat;
}
#flags.size18 a[title="Welsh"],
.tool-container .tool-items a[title="Welsh"],
a.single-language[title="Welsh"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -31px -381px no-repeat;
}
#flags.size18 a[title="Xhosa"],
.tool-container .tool-items a[title="Xhosa"],
a.single-language[title="Xhosa"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -2px -4px no-repeat;
}
#flags.size18 a[title="Yiddish"],
.tool-container .tool-items a[title="Yiddish"],
a.single-language[title="Yiddish"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -60px -381px no-repeat;
}
#flags.size18 a[title="Yoruba"],
.tool-container .tool-items a[title="Yoruba"],
a.single-language[title="Yoruba"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -89px -381px no-repeat;
}
#flags.size18 a[title="Zulu"],
.tool-container .tool-items a[title="Zulu"],
a.single-language[title="Zulu"] span.size18 {
    background: url(/assets/flags18-03e386abd15c475a3007b54db00c031793665de81ccd5d7ee7b2a9ba83ca2bee.png) -118px -381px no-repeat;
}
/* Individual flag backgrounds (16px) */

.translator {
    position: fixed;
    bottom: 60px;
    left: 2px;
    z-index: 999;
}
.translator:hover {
    cursor: pointer;
}
.translate-wrapper  {
    display: none;
}
.translator:hover .translate-wrapper {
    display: block;
}
.translator button#btn-translate {
  background: transparent;
  color: white;
  padding: 5px 10px;
  /* text-shadow: 0px -1px 0px rgba(0,0,0,0.25); */
  border: none;
}
#btn-translate img {
    width: 50px;
}

#translate-content, #google_translate_element{
  /* display: none; */
}
#google_translate_element {
    display: none;
}
/* Some Dashboard mobile styles */

@media only screen and (max-width:1023px) {
  .metabox-holder {
    float:none !important;
    width:100% !important;
  }
  .flagdisplay {
    float:none !important;
    width:100% !important;
  }
  .flagdisplay div {
    margin-bottom:10px;
  }
} /* End 1023px */

@media only screen and (max-width:767px) {
    #btn-translate img {
        width: 25px;
    }
}
/*!
 * Quill Editor v1.3.0
 * https://quilljs.com/
 * Copyright (c) 2014, Jason Chen
 * Copyright (c) 2013, salesforce.com
 */
.ql-container {
  box-sizing: border-box;
  font-family: Helvetica, Arial, sans-serif;
  font-size: 13px;
  height: 100%;
  margin: 0px;
  position: relative;
}
.ql-container.ql-disabled .ql-tooltip {
  visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
  pointer-events: none;
}
.ql-clipboard {
  left: -100000px;
  height: 1px;
  overflow-y: hidden;
  position: absolute;
  top: 50%;
}
.ql-clipboard p {
  margin: 0;
  padding: 0;
}
.ql-editor {
  box-sizing: border-box;
  line-height: 1.42;
  height: 100%;
  outline: none;
  overflow-y: auto;
  padding: 12px 15px;
  tab-size: 4;
  -moz-tab-size: 4;
  text-align: left;
  white-space: pre-wrap;
  word-wrap: break-word;
}
.ql-editor > * {
  cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
  margin: 0;
  padding: 0;
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol,
.ql-editor ul {
  padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
  list-style-type: none;
}
.ql-editor ul > li::before {
  content: '\2022';
}
.ql-editor ul[data-checked=true],
.ql-editor ul[data-checked=false] {
  pointer-events: none;
}
.ql-editor ul[data-checked=true] > li *,
.ql-editor ul[data-checked=false] > li * {
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before,
.ql-editor ul[data-checked=false] > li::before {
  color: #777;
  cursor: pointer;
  pointer-events: all;
}
.ql-editor ul[data-checked=true] > li::before {
  content: '\2611';
}
.ql-editor ul[data-checked=false] > li::before {
  content: '\2610';
}
.ql-editor li::before {
  display: inline-block;
  white-space: nowrap;
  width: 1.2em;
}
.ql-editor li:not(.ql-direction-rtl)::before {
  margin-left: -1.5em;
  margin-right: 0.3em;
  text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
  margin-left: 0.3em;
  margin-right: -1.5em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
  padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
  padding-right: 1.5em;
}
.ql-editor ol li {
  counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
  counter-increment: list-0;
}
.ql-editor ol li:before {
  content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
  content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
  counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
  counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
  content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
  counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
  counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
  content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
  counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
  counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
  content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
  counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
  counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
  content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
  counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
  counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
  content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
  counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
  counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
  content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
  counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
  counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
  content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
  counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
  counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
  content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
  padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
  padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
  padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
  padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
  padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
  padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
  padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
  padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
  padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
  padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
  padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
  padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
  padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
  padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
  padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
  padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
  padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
  padding-right: 28.5em;
}
.ql-editor .ql-video {
  display: block;
  max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
  margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
  margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
  background-color: #000;
}
.ql-editor .ql-bg-red {
  background-color: #e60000;
}
.ql-editor .ql-bg-orange {
  background-color: #f90;
}
.ql-editor .ql-bg-yellow {
  background-color: #ff0;
}
.ql-editor .ql-bg-green {
  background-color: #008a00;
}
.ql-editor .ql-bg-blue {
  background-color: #06c;
}
.ql-editor .ql-bg-purple {
  background-color: #93f;
}
.ql-editor .ql-color-white {
  color: #fff;
}
.ql-editor .ql-color-red {
  color: #e60000;
}
.ql-editor .ql-color-orange {
  color: #f90;
}
.ql-editor .ql-color-yellow {
  color: #ff0;
}
.ql-editor .ql-color-green {
  color: #008a00;
}
.ql-editor .ql-color-blue {
  color: #06c;
}
.ql-editor .ql-color-purple {
  color: #93f;
}
.ql-editor .ql-font-serif {
  font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
  font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
  font-size: 0.75em;
}
.ql-editor .ql-size-large {
  font-size: 1.5em;
}
.ql-editor .ql-size-huge {
  font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
  direction: rtl;
  text-align: inherit;
}
.ql-editor .ql-align-center {
  text-align: center;
}
.ql-editor .ql-align-justify {
  text-align: justify;
}
.ql-editor .ql-align-right {
  text-align: right;
}
.ql-editor .ql-embed-selected {
  border: 1px solid #777;
  user-select: none;
}
.ql-editor.ql-blank::before {
  color: rgba(0,0,0,0.6);
  content: attr(data-placeholder);
  font-style: italic;
  pointer-events: none;
  position: absolute;
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
  background: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  float: left;
  height: 24px;
  padding: 3px 5px;
  width: 28px;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
  float: left;
  height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
  outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type=file],
.ql-snow .ql-toolbar input.ql-image[type=file] {
  display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
  color: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
  fill: #06c;
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
  stroke: #06c;
}
@media (pointer: coarse) {
  .ql-snow.ql-toolbar button:hover:not(.ql-active),
  .ql-snow .ql-toolbar button:hover:not(.ql-active) {
    color: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
    fill: #444;
  }
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
  .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
  .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
    stroke: #444;
  }
}
.ql-snow {
  box-sizing: border-box;
}
.ql-snow * {
  box-sizing: border-box;
}
.ql-snow .ql-hidden {
  display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
  visibility: hidden;
}
.ql-snow .ql-tooltip {
  position: absolute;
  transform: translateY(10px);
}
.ql-snow .ql-tooltip a {
  cursor: pointer;
  text-decoration: none;
}
.ql-snow .ql-tooltip.ql-flip {
  transform: translateY(-10px);
}
.ql-snow .ql-formats {
  display: inline-block;
  vertical-align: middle;
}
.ql-snow .ql-formats:after {
  clear: both;
  content: '';
  display: table;
}
.ql-snow .ql-stroke {
  fill: none;
  stroke: #444;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
  fill: none;
  stroke: #444;
  stroke-miterlimit: 10;
  stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
  fill: #444;
}
.ql-snow .ql-empty {
  fill: none;
}
.ql-snow .ql-even {
  fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
  stroke-width: 1;
}
.ql-snow .ql-transparent {
  opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
  display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
  display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
  display: none;
}
.ql-snow .ql-editor {
  font-size: 15px;
	line-height: 28px;
}
.ql-snow .ql-editor h1 {
  font-size: 36px;
}
.ql-snow .ql-editor h2 {
  font-size: 26px;
}
.ql-snow .ql-editor h3 {
  font-size: 22px;
}
.ql-snow .ql-editor h4 {
  font-size: 20px;
}
.ql-snow .ql-editor h5 {
  font-size: 18px;
}
.ql-snow .ql-editor h6 {
  font-size: 18px;
}
.ql-snow .ql-editor a {
  text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
  border-left: 4px solid #ccc;
  margin-bottom: 5px;
  margin-top: 5px;
  padding-left: 16px;
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
  background-color: #f0f0f0;
  border-radius: 3px;
}
.ql-snow .ql-editor pre {
  white-space: pre-wrap;
  margin-bottom: 5px;
  margin-top: 5px;
  padding: 5px 10px;
}
.ql-snow .ql-editor code {
  font-size: 85%;
  padding-bottom: 2px;
  padding-top: 2px;
}
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
  content: "\A0";
  letter-spacing: -2px;
}
.ql-snow .ql-editor pre.ql-syntax {
  background-color: #23241f;
  color: #f8f8f2;
  overflow: visible;
}
.ql-snow .ql-editor img {
  max-width: 100%;
}
.ql-snow .ql-picker {
  color: #444;
  display: inline-block;
  float: left;
  font-size: 14px;
  font-weight: 500;
  height: 24px;
  position: relative;
  vertical-align: middle;
}
.ql-snow .ql-picker-label {
  cursor: pointer;
  display: inline-block;
  height: 100%;
  padding-left: 8px;
  padding-right: 2px;
  position: relative;
  width: 100%;
}
.ql-snow .ql-picker-label::before {
  display: inline-block;
  line-height: 22px;
}
.ql-snow .ql-picker-options {
  background-color: #fff;
  display: none;
  min-width: 100%;
  padding: 4px 8px;
  position: absolute;
  white-space: nowrap;
}
.ql-snow .ql-picker-options .ql-picker-item {
  cursor: pointer;
  display: block;
  padding-bottom: 5px;
  padding-top: 5px;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  color: #ccc;
  z-index: 2;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
  fill: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
  stroke: #ccc;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  display: block;
  margin-top: -1px;
  top: 100%;
  z-index: 1;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
  width: 28px;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
  right: 4px;
}
.ql-snow .ql-icon-picker .ql-picker-options {
  padding: 4px 0px;
}
.ql-snow .ql-icon-picker .ql-picker-item {
  height: 24px;
  width: 24px;
  padding: 2px 4px;
}
.ql-snow .ql-color-picker .ql-picker-options {
  padding: 3px 5px;
  width: 152px;
}
.ql-snow .ql-color-picker .ql-picker-item {
  border: 1px solid transparent;
  float: left;
  height: 16px;
  margin: 2px;
  padding: 0px;
  width: 16px;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
  position: absolute;
  margin-top: -9px;
  right: 0;
  top: 50%;
  width: 18px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
  content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
  width: 98px;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
  font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
  font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
  font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
  font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
  font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
  font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
  width: 108px;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
  content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
  font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
  font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
  width: 98px;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
  content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
  font-size: 10px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
  font-size: 18px;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
  font-size: 32px;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
  background-color: #fff;
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
  background-color: #000;
}
.ql-toolbar.ql-snow {
  border: 1px solid #ccc;
  box-sizing: border-box;
  font-family: 'Helvetica Neue', 'Helvetica', 'Arial', sans-serif;
  padding: 8px;
}
.ql-toolbar.ql-snow .ql-formats {
  margin-right: 15px;
}
.ql-toolbar.ql-snow .ql-picker-label {
  border: 1px solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
  border: 1px solid transparent;
  box-shadow: rgba(0,0,0,0.2) 0 2px 8px;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
  border-color: #ccc;
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
  border-color: #000;
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
  border-top: 0px;
}
.ql-snow .ql-tooltip {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0px 0px 5px #ddd;
  color: #444;
  padding: 5px 12px;
  white-space: nowrap;
}
.ql-snow .ql-tooltip::before {
  content: "Visit URL:";
  line-height: 26px;
  margin-right: 8px;
}
.ql-snow .ql-tooltip input[type=text] {
  display: none;
  border: 1px solid #ccc;
  font-size: 13px;
  height: 26px;
  margin: 0px;
  padding: 3px 5px;
  width: 170px;
}
.ql-snow .ql-tooltip a.ql-preview {
  display: inline-block;
  max-width: 200px;
  overflow-x: hidden;
  text-overflow: ellipsis;
  vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
  border-right: 1px solid #ccc;
  content: 'Edit';
  margin-left: 16px;
  padding-right: 8px;
}
.ql-snow .ql-tooltip a.ql-remove::before {
  content: 'Remove';
  margin-left: 8px;
}
.ql-snow .ql-tooltip a {
  line-height: 26px;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
  display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type=text] {
  display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
  border-right: 0px;
  content: 'Save';
  padding-right: 0px;
}
.ql-snow .ql-tooltip[data-mode=link]::before {
  content: "Enter link:";
}
.ql-snow .ql-tooltip[data-mode=formula]::before {
  content: "Enter formula:";
}
.ql-snow .ql-tooltip[data-mode=video]::before {
  content: "Enter video:";
}
.ql-snow a {
  color: #06c;
}
.ql-container.ql-snow {
  border: 1px solid #ccc;
}
/* Blog detail and admin preview share this final presentation layer. */
.blog-show-page,
.blog-show-page *,
.blog-preview,
.blog-preview * {
  box-sizing: border-box;
}

.blog-show-titlebar { padding: 20px 0; }
.blog-show-titlebar #breadcrumbs { position: static; float: none; margin: 0; }
.blog-show-titlebar #breadcrumbs ul { margin: 0; }

.blog-show-page {
  width: 100%;
  padding: 40px 16px 72px;
  background: var(--black, #0a0a0a);
}
.blog-show-page > .container {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}
.blog-show-page .row { margin-right: 0; margin-left: 0; }
.blog-show-main {
  float: none;
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  padding: 0;
}

.blog-show-article,
.blog-preview {
  width: 100%;
  max-width: 1024px;
  margin: 0 auto;
  overflow: hidden;
  border: 1px solid var(--border, rgba(255, 255, 255, .08));
  border-radius: 10px;
  background: var(--card-bg, #161616);
  color: var(--white, #fff);
  box-shadow: 0 4px 20px rgba(0, 0, 0, .25);
  font-family: "Inter", "Open Sans", Arial, sans-serif;
}

.blog-show-hero { width: 100%; margin: 0; background: var(--black2, #111); }
.blog-show-hero img,
.blog-preview__image {
  display: block;
  width: 100%;
  max-width: 100%;
  height: auto;
  max-height: 580px;
  margin: 0;
  object-fit: cover;
}

.blog-show-content,
.blog-preview .utf_post_content {
  width: 100%;
  margin: 0;
  padding: clamp(30px, 5vw, 56px);
}
.blog-show-header { margin: 0 0 32px; padding: 0 0 24px; border-bottom: 1px solid var(--border, rgba(255, 255, 255, .08)); }
.blog-show-header h1,
.blog-preview .utf_post_content > h1 {
  max-width: none;
  margin: 0;
  padding: 0;
  color: var(--white, #fff);
  font-size: clamp(34px, 5vw, 50px);
  font-weight: 800;
  line-height: 1.16;
  letter-spacing: -.025em;
  text-align: left;
}
.blog-show-meta,
.blog-preview__meta {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 8px 20px;
  margin: 18px 0 0;
  padding: 0;
  color: var(--white40, rgba(255, 255, 255, .4));
  font-size: 13px;
  line-height: 1.5;
}
.blog-show-meta > * { position: relative; margin: 0; }
.blog-show-meta > * + *::before { position: absolute; left: -12px; content: "•"; color: var(--white40, rgba(255, 255, 255, .4)); }

.blog-show-body,
.blog-preview__body {
  width: 100%;
  margin: 0;
  padding: 0;
  color: var(--white70, rgba(255, 255, 255, .7));
  font-size: 17px;
  line-height: 1.8;
  overflow-wrap: anywhere;
  word-break: normal;
  text-align: left;
}
.blog-show-body > :first-child,
.blog-preview__body > :first-child { margin-top: 0 !important; }
.blog-show-body > :last-child,
.blog-preview__body > :last-child { margin-bottom: 0 !important; }
.blog-show-body p,
.blog-preview__body p { margin: 0 0 22px; padding: 0; color: inherit; font-size: inherit; line-height: inherit; }
.blog-show-body h1,
.blog-show-body h2,
.blog-show-body h3,
.blog-show-body h4,
.blog-show-body h5,
.blog-show-body h6,
.blog-preview__body h1,
.blog-preview__body h2,
.blog-preview__body h3,
.blog-preview__body h4,
.blog-preview__body h5,
.blog-preview__body h6 { padding: 0; color: var(--white, #fff); font-weight: 700; line-height: 1.3; text-align: left; }
.blog-show-body h1, .blog-preview__body h1 { margin: 42px 0 16px; font-size: 34px; }
.blog-show-body h2, .blog-preview__body h2 { margin: 40px 0 15px; font-size: 29px; }
.blog-show-body h3, .blog-preview__body h3 { margin: 32px 0 13px; font-size: 23px; }
.blog-show-body h4, .blog-preview__body h4 { margin: 28px 0 12px; font-size: 19px; }
.blog-show-body h5, .blog-show-body h6,
.blog-preview__body h5, .blog-preview__body h6 { margin: 24px 0 10px; font-size: 17px; }
.blog-show-body ul, .blog-show-body ol,
.blog-preview__body ul, .blog-preview__body ol { margin: 0 0 24px; padding: 0 0 0 28px; }
.blog-show-body li,
.blog-preview__body li { margin: 7px 0; padding-left: 3px; }
.blog-show-body blockquote,
.blog-preview__body blockquote {
  margin: 30px 0;
  padding: 18px 22px;
  border: 0;
  border-left: 4px solid #d30a40;
  background: rgba(232, 20, 42, .08);
  color: var(--white70, rgba(255, 255, 255, .7));
  font-size: 18px;
  line-height: 1.7;
}

.blog-show-body img,
.blog-preview__body img {
  display: block;
  width: auto;
  max-width: 100% !important;
  height: auto !important;
  margin: 28px auto;
  border-radius: 7px;
}
.blog-show-body figure, .blog-show-body picture,
.blog-preview__body figure, .blog-preview__body picture {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 28px auto;
  padding: 0;
}
.blog-show-body figure img, .blog-show-body picture img,
.blog-preview__body figure img, .blog-preview__body picture img { max-width: 100% !important; margin: 0 auto; }
.blog-show-body iframe, .blog-show-body video,
.blog-preview__body iframe, .blog-preview__body video {
  display: block;
  width: 100%;
  max-width: 100%;
  margin: 28px 0;
  border: 0;
  aspect-ratio: 16 / 9;
}
.blog-show-body a,
.blog-preview__body a { color: #c10d3c; text-decoration: underline; text-underline-offset: 3px; }

.blog-show-body table,
.blog-preview__body table,
.ql-pasted-table {
  display: table;
  width: 100%;
  max-width: 100%;
  margin: 28px 0;
  border-collapse: collapse;
  table-layout: auto;
  color: var(--white70, rgba(255, 255, 255, .7));
  background: var(--black2, #111);
}
.blog-show-body th, .blog-show-body td,
.blog-preview__body th, .blog-preview__body td,
.ql-pasted-table th, .ql-pasted-table td {
  min-width: 80px;
  padding: 10px 12px;
  border: 1px solid var(--border, rgba(255, 255, 255, .08));
  text-align: left;
  vertical-align: top;
}
.blog-show-body th,
.blog-preview__body th,
.ql-pasted-table th { background: var(--white10, rgba(255, 255, 255, .08)); color: var(--white, #fff); font-weight: 700; }

.blog-show-body .ql-align-center,
.blog-preview__body .ql-align-center { text-align: center; }
.blog-show-body .ql-align-right,
.blog-preview__body .ql-align-right { text-align: right; }
.blog-show-body .ql-align-justify,
.blog-preview__body .ql-align-justify { text-align: justify; }
.blog-show-body .ql-indent-1,
.blog-preview__body .ql-indent-1 { margin-left: 2em; }
.blog-show-body .ql-indent-2,
.blog-preview__body .ql-indent-2 { margin-left: 4em; }

.blog-show-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 40px 0 0; padding: 24px 0 0; border-top: 1px solid var(--border, rgba(255, 255, 255, .08)); }
.blog-show-tags span { margin: 0; padding: 6px 11px; border: 1px solid var(--border, rgba(255, 255, 255, .08)); border-radius: 999px; background: var(--white10, rgba(255, 255, 255, .08)); color: var(--white70, rgba(255, 255, 255, .7)); font-size: 12px; }
.blog-show-admin-preview { max-width: 1024px; margin: 0 auto 20px; }

.blog-preview__image-placeholder { min-height: 190px; display: grid; place-items: center; margin: 0; background: var(--black2, #111); color: var(--white40, rgba(255, 255, 255, .4)); font-size: 13px; }
.blog-preview__status { padding: 3px 8px; border-radius: 999px; background: var(--white10, rgba(255, 255, 255, .08)); color: var(--white70, rgba(255, 255, 255, .7)); font-size: 10px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.blog-preview__status--published { background: rgba(34, 197, 94, .14); color: #86efac; }
.blog-preview__status--archived { background: var(--white10, rgba(255, 255, 255, .08)); color: var(--white40, rgba(255, 255, 255, .4)); }
.blog-preview__empty { color: var(--white40, rgba(255, 255, 255, .4)) !important; font-style: italic; }

@media (max-width: 700px) {
  .blog-show-page { padding: 20px 10px 48px; }
  .blog-show-content,
  .blog-preview .utf_post_content { padding: 26px 20px; }
  .blog-show-header h1,
  .blog-preview .utf_post_content > h1 { font-size: 32px; }
  .blog-show-body,
  .blog-preview__body { font-size: 16px; line-height: 1.75; }
  .blog-show-body h1, .blog-preview__body h1 { font-size: 29px; }
  .blog-show-body h2, .blog-preview__body h2 { font-size: 25px; }
  .blog-show-body h3, .blog-preview__body h3 { font-size: 21px; }
  .blog-show-meta > * + *::before { display: none; }
  .blog-show-body table,
  .blog-preview__body table,
  .ql-pasted-table { display: block; overflow-x: auto; white-space: nowrap; }
}

/* Blog index */
.blog-index-page,
.blog-index-page * { box-sizing: border-box; }
.blog-index-page { min-height: 70vh; padding-bottom: 72px; background: var(--black, #0a0a0a); color: var(--white, #fff); }
.blog-index-container { width: 100%; max-width: 1200px; margin: 0 auto; padding-right: 20px; padding-left: 20px; }
.blog-index-hero {
  position: relative;
  overflow: hidden;
  padding: clamp(56px, 8vw, 96px) 0;
  border-bottom: 1px solid var(--border, rgba(255, 255, 255, .08));
  background: radial-gradient(circle at 75% 20%, rgba(232, 20, 42, .2), transparent 35%), var(--black2, #111);
}
.blog-index-hero::after { position: absolute; right: -80px; bottom: -150px; width: 360px; height: 360px; border: 1px solid rgba(232, 20, 42, .16); border-radius: 50%; content: ""; }
.blog-index-hero .blog-index-container { position: relative; z-index: 1; }
.blog-index-eyebrow { display: block; margin-bottom: 10px; color: var(--red, #e8142a); font-size: 11px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.blog-index-hero h1 { max-width: 760px; margin: 0; color: var(--white, #fff); font-size: clamp(38px, 6vw, 64px); font-weight: 800; line-height: 1.08; letter-spacing: -.035em; }
.blog-index-hero p { max-width: 660px; margin: 20px 0 0; color: var(--white70, rgba(255, 255, 255, .7)); font-size: clamp(16px, 2vw, 19px); line-height: 1.7; }
.blog-index-content { padding-top: 42px; }

.blog-feature-card { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(340px, .8fr); overflow: hidden; border: 1px solid var(--border, rgba(255, 255, 255, .08)); border-radius: 14px; background: var(--card-bg, #161616); box-shadow: 0 16px 42px rgba(0, 0, 0, .22); }
.blog-feature-card__media,
.blog-card__media { display: block; overflow: hidden; background: var(--black2, #111); }
.blog-feature-card__media { min-height: 430px; }
.blog-feature-card__media img,
.blog-card__media img { display: block; width: 100%; height: 100%; object-fit: cover; transition: transform .35s ease; }
.blog-feature-card:hover .blog-feature-card__media img,
.blog-card:hover .blog-card__media img { transform: scale(1.025); }
.blog-feature-card__content { display: flex; flex-direction: column; align-items: flex-start; justify-content: center; padding: clamp(28px, 4vw, 50px); }
.blog-card__label { display: inline-flex; margin-bottom: 16px; padding: 5px 9px; border: 1px solid rgba(232, 20, 42, .35); border-radius: 999px; background: rgba(232, 20, 42, .1); color: #ff7b89; font-size: 10px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }
.blog-feature-card h2 { margin: 0; color: var(--white, #fff); font-size: clamp(28px, 3.5vw, 42px); line-height: 1.18; letter-spacing: -.025em; }
.blog-feature-card h2 a,
.blog-card h3 a { color: inherit; text-decoration: none; }
.blog-feature-card__content > p { margin: 18px 0 0; color: var(--white70, rgba(255, 255, 255, .7)); font-size: 15px; line-height: 1.7; }
.blog-card__meta { display: flex; flex-wrap: wrap; gap: 7px 17px; margin-top: 14px; color: var(--white40, rgba(255, 255, 255, .4)); font-size: 11px; }
.blog-card__meta > * + * { position: relative; }
.blog-card__meta > * + *::before { position: absolute; left: -10px; content: "•"; }
.blog-card__tags { display: flex; flex-wrap: wrap; gap: 6px; margin-top: 18px; }
.blog-card__tags span { padding: 4px 8px; border: 1px solid var(--border, rgba(255, 255, 255, .08)); border-radius: 999px; background: var(--white10, rgba(255, 255, 255, .08)); color: var(--white70, rgba(255, 255, 255, .7)); font-size: 10px; }
.blog-card__read-more { display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; color: #ff6676; font-size: 12px; font-weight: 700; text-decoration: none; }
.blog-card__read-more::after { content: "→"; font-size: 16px; transition: transform .15s ease; }
.blog-card__read-more:hover::after { transform: translateX(3px); }
.blog-card__placeholder { display: grid; width: 100%; height: 100%; min-height: 230px; place-items: center; background: linear-gradient(145deg, #211017, #110d0f); color: rgba(255, 255, 255, .18); font-size: 25px; font-weight: 800; letter-spacing: .08em; text-transform: uppercase; }

.blog-index-list { margin-top: 58px; }
.blog-index-section-heading { display: flex; align-items: flex-end; justify-content: space-between; gap: 20px; margin-bottom: 22px; }
.blog-index-section-heading h2 { margin: 0; color: var(--white, #fff); font-size: 28px; line-height: 1.2; }
.blog-index-section-heading > span { color: var(--white40, rgba(255, 255, 255, .4)); font-size: 12px; }
.blog-card-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; }
.blog-card { display: flex; min-width: 0; overflow: hidden; flex-direction: column; border: 1px solid var(--border, rgba(255, 255, 255, .08)); border-radius: 12px; background: var(--card-bg, #161616); transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease; }
.blog-card:hover { transform: translateY(-4px); border-color: rgba(232, 20, 42, .35); box-shadow: 0 14px 30px rgba(0, 0, 0, .25); }
.blog-card__media { height: 220px; }
.blog-card__content { display: flex; height: 100%; flex-direction: column; align-items: flex-start; padding: 22px; }
.blog-card__content .blog-card__meta { margin-top: 0; }
.blog-card h3 { margin: 12px 0 0; color: var(--white, #fff); font-size: 21px; line-height: 1.35; letter-spacing: -.015em; }
.blog-card__content > p { margin: 13px 0 0; color: var(--white70, rgba(255, 255, 255, .7)); font-size: 13px; line-height: 1.65; }
.blog-card .blog-card__read-more { margin-top: auto; padding-top: 20px; }
.blog-card .blog-card__tags + .blog-card__read-more { margin-top: 0; }

.blog-index-pagination { margin-top: 42px; }
.blog-index-pagination nav.pagination { display: flex; justify-content: center; }
.blog-index-pagination nav.pagination ul { display: flex; align-items: center; gap: 7px; margin: 0; padding: 0; list-style: none; }
.blog-index-pagination .page-link { display: grid; min-width: 38px; height: 38px; padding: 0 11px; place-items: center; border: 1px solid var(--border, rgba(255, 255, 255, .08)); border-radius: 7px; background: var(--white10, rgba(255, 255, 255, .08)); color: var(--white70, rgba(255, 255, 255, .7)); text-decoration: none; }
.blog-index-pagination .active .page-link,
.blog-index-pagination .page-link.current-page { border-color: var(--red, #e8142a); background: var(--red, #e8142a); color: #fff; }
.blog-index-empty { max-width: 620px; margin: 40px auto 0; padding: 64px 24px; border: 1px solid var(--border, rgba(255, 255, 255, .08)); border-radius: 14px; background: var(--card-bg, #161616); text-align: center; }
.blog-index-empty > span { color: var(--red, #e8142a); font-size: 38px; }
.blog-index-empty h2 { margin: 12px 0 0; color: var(--white, #fff); font-size: 28px; }
.blog-index-empty p { margin: 12px auto 22px; color: var(--white70, rgba(255, 255, 255, .7)); line-height: 1.7; }

@media (max-width: 920px) {
  .blog-feature-card { grid-template-columns: 1fr; }
  .blog-feature-card__media { min-height: 0; height: 380px; }
  .blog-card-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}

@media (max-width: 620px) {
  .blog-index-container { padding-right: 14px; padding-left: 14px; }
  .blog-index-hero { padding: 52px 0; }
  .blog-index-hero h1 { font-size: 39px; }
  .blog-index-content { padding-top: 24px; }
  .blog-feature-card__media { height: 250px; }
  .blog-feature-card__content { padding: 25px 20px; }
  .blog-feature-card h2 { font-size: 29px; }
  .blog-index-list { margin-top: 42px; }
  .blog-index-section-heading { align-items: flex-start; flex-direction: column; gap: 6px; }
  .blog-card-grid { grid-template-columns: 1fr; gap: 16px; }
  .blog-card__media { height: 230px; }
}
/*
 * This is a manifest file that'll be compiled into application.css, which will include all the files
 * listed below.
 *
 * Any CSS (and SCSS, if configured) file within this directory, lib/assets/stylesheets, or any plugin's
 * vendor/assets/stylesheets directory can be referenced here using a relative path.
 *
 * You're free to add application-wide styles to this file and they'll appear at the bottom of the
 * compiled file so the styles you add here take precedence over styles defined in any other CSS
 * files in this directory. Styles in this file should be added after the last require_* statement.
 * It is generally better to create a new file per style scope.
 *
 * require_tree .




 */