/*||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
/*|||||||||||||||||| stiobhart.net LESS |||||||||||||||*/
/*||||||||||||||||||||||||||||||||||||||||||||||||||||||*/
@import "mdrgallery.css";
@import "mdricons.css";
@import "monokai.css";
.MDRdropshadow {
  box-shadow: 0px 10px 30px #999680;
}
.MDRglowshadow {
  box-shadow: 0px 0px 6px #999680;
}
.MDRnoshadow {
  box-shadow: none;
}
html {
  font-size: 23px;
}
body {
  color: #515151;
  background: #fffbe6;
  margin: 0px;
  padding: 0px;
  line-height: 1.5rem;
  font-family: Roboto, Noto, "Helvetica Neue", Helvetica, arial, freesans, clean, sans-serif;
}
@font-face {
  font-family: 'antonioregular';
  src: url('/fonts/antonio/antonioregular.eot');
  src: url('/fonts/antonio/antonioregular.eot?#iefix') format('embedded-opentype'), url('/fonts/antonio/antonioregular.woff2') format('woff2'), url('/fonts/antonio/antonioregular.woff') format('woff'), url('/fonts/antonio/antonioregular.ttf') format('truetype'), url('/fonts/antonio/antonioregular.svg#antonioregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'antoniolight';
  src: url('/fonts/antonio/antoniolight.eot');
  src: url('/fonts/antonio/antoniolight.eot?#iefix') format('embedded-opentype'), url('/fonts/antonio/antoniolight.woff2') format('woff2'), url('/fonts/antonio/antoniolight.woff') format('woff'), url('/fonts/antonio/antoniolight.ttf') format('truetype'), url('/fonts/antonio/antoniolight.svg#antoniolight') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'antoniobold';
  src: url('/fonts/antonio/antoniobold.eot');
  src: url('/fonts/antonio/antoniobold.eot?#iefix') format('embedded-opentype'), url('/fonts/antonio/antoniobold.woff2') format('woff2'), url('/fonts/antonio/antoniobold.woff') format('woff'), url('/fonts/antonio/antoniobold.ttf') format('truetype'), url('/fonts/antonio/antoniobold.svg#antoniobold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'notethisregular';
  src: url('/fonts/notethis/notethis.eot');
  src: url('/fonts/notethis/notethis.eot?#iefix') format('embedded-opentype'), url('/fonts/notethis/notethis.woff2') format('woff2'), url('/fonts/notethis/notethis.woff') format('woff'), url('/fonts/notethis/notethis.ttf') format('truetype'), url('/fonts/notethis/notethis.svg#notethisregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droidsansregular';
  src: url('/fonts/droidsans/droidsans.eot');
  src: url('/fonts/droidsans/droidsans.eot?#iefix') format('embedded-opentype'), url('/fonts/droidsans/droidsans.woff') format('woff'), url('/fonts/droidsans/droidsans.ttf') format('truetype'), url('/fonts/droidsans/droidsans.svg#droidsansregular') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'droidsansbold';
  src: url('/fonts/droidsans/droidsansbold.eot');
  src: url('/fonts/droidsans/droidsansbold.eot?#iefix') format('embedded-opentype'), url('/fonts/droidsans/droidsansbold.woff') format('woff'), url('/fonts/droidsans/droidsansbold.ttf') format('truetype'), url('/fonts/droidsans/droidsansbold.svg#droidsansbold') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'librebaskerville-regular';
  src: url('/fonts/librebaskerville/librebaskerville-regular.otf');
  src: url('/fonts/librebaskerville/librebaskerville-regular.woff') format('woff'), url('/fonts/librebaskerville/librebaskerville-regular.woff2') format('woff2'), url('/fonts/librebaskerville/librebaskerville-regular.svg#librebaskerville') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'librebaskerville-bold';
  src: url('/fonts/librebaskerville/librebaskerville-bold.otf');
  src: url('/fonts/librebaskerville/librebaskerville-bold.woff') format('woff'), url('/fonts/librebaskerville/librebaskerville-bold.woff2') format('woff2'), url('/fonts/librebaskerville/librebaskerville-bold.svg#librebaskerville') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'librebaskerville-regular';
  src: url('/fonts/librebaskerville/librebaskerville-regular.otf');
  src: url('/fonts/librebaskerville/librebaskerville-regular.woff') format('woff'), url('/fonts/librebaskerville/librebaskerville-regular.woff2') format('woff2'), url('/fonts/librebaskerville/librebaskerville-regular.svg#librebaskerville') format('svg');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'trypewriter';
  src: url('/fonts/trypewriter/trypewriter.eot');
  src: url('/fonts/trypewriter/trypewriter.eot?#iefix') format('embedded-opentype'), url('/fonts/trypewriter/trypewriter.woff') format('woff'), url('/fonts/trypewriter/trypewriter.ttf') format('truetype'), url('/fonts/trypewriter/trypewriter.svg#trypewriter') format('svg');
  font-weight: normal;
  font-style: normal;
}
* {
  box-sizing: border-box;
}
.row::after {
  content: "";
  clear: both;
  display: table;
}
[class*="column"] {
  width: 100%;
  box-shadow: none;
}
@media only screen and (min-width: 600px) {
  .columnwee01 {
    width: 8.33%;
  }
  .columnwee02 {
    width: 16.66%;
  }
  .columnwee03 {
    width: 25%;
  }
  .columnwee04 {
    width: 33.33%;
  }
  .columnwee05 {
    width: 41.66%;
  }
  .columnwee06 {
    width: 50%;
  }
  .columnwee07 {
    width: 58.33%;
  }
  .columnwee08 {
    width: 66.66%;
  }
  .columnwee09 {
    width: 75%;
  }
  .columnwee10 {
    width: 83.33%;
  }
  .columnwee11 {
    width: 91.66%;
  }
  .columnwee12 {
    width: 100%;
  }
}
@media only screen and (min-width: 768px) {
  .column01 {
    width: 8.33%;
  }
  .column02 {
    width: 16.66%;
  }
  .column03 {
    width: 25%;
  }
  .column04 {
    width: 33.33%;
  }
  .column05 {
    width: 41.66%;
  }
  .column06 {
    width: 50%;
  }
  .column07 {
    width: 58.33%;
  }
  .column08 {
    width: 66.66%;
  }
  .column09 {
    width: 75%;
  }
  .column10 {
    width: 83.33%;
  }
  .column11 {
    width: 91.66%;
  }
  .column12 {
    width: 100%;
  }
}
[class*="column"] {
  float: left;
  padding: 15px;
}
header.banner {
  width: 100%;
  background: #000000;
  border-bottom: 9px solid #cc0000;
  box-shadow: 0px 10px 30px #999680;
}
header.banner div.navbar {
  font-family: 'notethisregular';
  text-decoration: none;
  padding: 6px 0px 0px 6px;
  font-size: 1.5em;
}
header.banner img {
  max-width: 100%;
  display: block;
  margin-left: auto;
  margin-right: auto;
}
main.singlepage {
  margin-left: auto;
  margin-right: auto;
  max-width: 1200px;
}
main.indexpage,
main.listpage {
  display: grid;
  grid-gap: 16px;
  grid-template-columns: repeat(auto-fit, minmax(400px, 1fr));
  padding: 10px;
  overflow: hidden;
}
@media only screen and (max-width: 400px) {
  main.indexpage {
    grid-template-columns: 1fr;
    grid-template-rows: auto;
    grid-gap: 20px;
  }
}
article.postpagecard,
article.portfoliopagecard {
  max-width: 100%;
  background: #ffffff;
  border-radius: 16px;
  text-align: center;
  overflow: hidden;
  box-shadow: 0px 0px 6px #999680;
}
article.portfoliopagecard header {
  font-size: 1.5rem;
  line-height: auto;
  font-family: 'antonioregular';
}
article.postpagecard header {
  background-color: #cc0000;
  color: #ffffff;
  padding: 6px 0px 0px 0px;
}
article.portfoliopagecard header {
  background-color: #ffffff;
  color: #cc0000;
  padding: 0px 0px 6px 0px;
}
article.postpagecard header,
article.postpagecard header a {
  color: #ffffff;
  font-size: 1.5rem;
  line-height: auto;
  font-family: 'antonioregular';
  text-decoration: none;
  margin-bottom: 12px;
}
article.postpagecard header span.headerpostdate {
  /*Don't show it inline. Show it underneath*/
  font-size: 1rem;
  text-align: right;
  color: #ffffff;
  padding-right: 10px;
}
div.indexpagebyeline {
  font-family: 'trypewriter';
  text-align: center;
  font-weight: 800;
  font-size: 1.25em;
  padding: 0.5em;
}
article.singlepage p {
  padding: 10px;
}
article.singlepage header {
  margin: 24px 0px 12px 0px;
}
article.singlepage header div.posttopdate {
  color: #999999;
}
article.singlepage header div.title {
  color: #cc0000;
  font-size: 2em;
  font-weight: bold;
  line-height: 1.5em;
  font-family: 'antonioregular';
  text-decoration: none;
  text-align: center;
}
article.singlepage header div.byeline {
  font-family: 'notethisregular';
  color: #999999;
  text-align: center;
  font-size: 1.75em;
}
article header span.headerpostdate {
  /*Don't show it inline. Show it underneath*/
  display: block;
  font-size: 0.85em;
  text-align: right;
  font-size: 1em;
  color: #999999;
}
div.paginatorheading {
  text-align: center;
  white-space: nowrap;
  font-size: 1.5rem;
  font-family: 'notethisregular';
  margin-top: 16px;
}
div.paginator {
  text-align: center;
}
ul.pagination::before {
  content: "Page: ";
  font-weight: bold;
  font-size: 1.5rem;
  color: #cc0000;
}
ul.pagination li {
  display: inline;
  color: #cc6666;
  font-weight: bold;
  font-size: 1.5rem;
}
ul.pagination li a {
  color: #cc6666;
}
ul.pagination li.active,
ul.pagination li.active a {
  background: #cc0000;
  color: #fffbe6;
  padding: 0px 2px 0px 2px;
}
ul.pagination li.disabled {
  display: none;
}
ul.pagination .paginationfirst {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url('data:image/svg+xml;utf-8,<svg enable-background="new 0 0 32 32" height="32px" id="svg2" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><g id="background"><rect fill="none" height="32" width="32"/></g><g id="chapter_x5F_previous"><path fill="%23cc0000" d="M20,15.999L32,28V4L20,15.999z M18,28V4L6,15.999L18,28z M0,28h4V4H0V28z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
ul.pagination .paginationprevious {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url('data:image/svg+xml;utf-8,<svg enable-background="new 0 0 32 32" height="32px" id="svg2" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><g id="background"><rect fill="none" height="32" width="32"/></g><g id="play_x5F_back"><polygon fill="%23cc0000" points="22,4 10,15.999 22,28  "/></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
ul.pagination .paginationnext {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url('data:image/svg+xml;utf-8,<svg enable-background="new 0 0 32 32" height="32px" id="svg2" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><g id="backbord"><rect fill="none" height="32" width="32"/></g><g id="play"><polygon fill="%23cc0000" points="10,4 22,15.999 10,28  "/></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
ul.pagination .paginationlast {
  display: inline-block;
  width: 1.25em;
  height: 1.25em;
  background-image: url('data:image/svg+xml;utf-8,<svg enable-background="new 0 0 32 32" height="32px" id="svg2" version="1.1" viewBox="0 0 32 32" width="32px" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns%23" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns%23" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:svg="http://www.w3.org/2000/svg"><g id="background"><rect fill="none" height="32" width="32"/></g><g id="chapter_x5F_next"><path fill="%23cc0000" d="M0,28l12-12.001L0,4V28z M14,28l12-12.001L14,4V28z M28,4v24h4V4H28z"/></g></svg>');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}
form#searchform input[type="search"] {
  border-radius: 16px;
  border: 2px solid #000000;
  padding: 3px;
  font-size: 1.25rem;
}
footer span.mdr-search {
  color: #999999;
  padding-left: 0.5em;
  margin-top: 2em;
  margin-bottom: 2em;
  position: relative;
  top: 3px;
  font-size: 1.25rem;
}
div.scrolltotop {
  text-align: center;
  padding: 12px;
  font-size: 1.25rem;
}
div.scrolltotop:hover:before {
  color: #ff0000;
  content: "[ ";
}
div.scrolltotop:hover:after {
  color: #ff0000;
  content: " ]";
}
footer {
  padding: 12px;
  text-align: center;
  background: #000000;
  border-top: 9px solid #cc0000;
  box-shadow: 0px -10px 30px #999680;
}
footer span.coipcheart {
  font-size: 0.75em;
}
footer.articlefooter {
  padding: 12px;
  background: #fffbe6;
  /*default page BG*/
  text-align: left;
  color: #999999;
  border: none;
  border-top: 1px solid #999999;
  box-shadow: none;
}
footer.articlefooter span.footermetaheading {
  display: block;
  font-weight: bold;
  padding-bottom: 12px;
}
img,
iframe {
  max-width: 100%;
}
div.image-block,
div.video-block {
  text-align: center;
}
div.image-block.floatleft {
  display: inline;
  float: left;
  margin: 1em 18px 18px 0px;
}
div.image-block.floatright {
  display: inline;
  float: right;
  margin: 1em 0px 18px 18px;
}
div.quote-block blockquote {
  font-family: 'librebaskerville-regular';
  font-style: italic;
  background: #ffffff;
  padding: 0px 2rem 0px 2rem;
}
div.quote-block blockquote footer {
  text-align: right;
  font-size: 0.75em;
  color: #418ade;
  padding: 0px;
  margin-top: -0.75em;
  background: none;
  box-shadow: none;
  border: none;
}
div.quote-block::before {
  font-family: 'librebaskerville-regular';
  opacity: 15%;
  content: "\275d";
  color: #418ade;
  float: left;
  font-size: 4rem;
  font-style: italic;
}
figure.image-block figcaption,
figure.listing-block figcaption {
  font-style: italic;
  font-weight: 100;
  font-family: 'librebaskerville-regular';
  font-size: 0.85em;
}
figure {
  display: block;
  width: 100%;
  margin-left: auto;
  margin-right: auto;
}
figure img,
figure.video {
  display: block;
  margin-left: auto;
  margin-right: auto;
  max-width: 100%;
  text-align: center;
}
figcaption {
  text-align: center;
  color: #999999;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: 'antonioregular';
  text-align: center;
  clear: both;
  font-weight: 400;
  text-decoration: underline;
}
h1 {
  font-size: 1.75em;
  margin-top: 1.75em;
}
h2 {
  font-size: 1.5em;
  margin-top: 1.5em;
}
h3 {
  font-size: 1.25em;
  margin-top: 1.25em;
}
h4 {
  font-size: 1em;
  margin-top: 1.em;
}
h5 {
  font-size: 0.85em;
  margin-top: 0.85em;
}
h6 {
  font-size: 0.75em;
  margin-top: 0.75em;
}
code,
.pretendcode {
  background: #eee8d5;
  padding: 1px 3px 1px 3px;
  max-width: 100%;
  overflow: auto;
}
aside.admonition-block,
section.admonition-block {
  display: inline-flex;
  width: 100%;
  align-items: center;
  /* align vertical */
  background: #ffffff;
  font-style: italic;
  font-weight: 100;
  font-size: 0.80em;
  font-family: 'librebaskerville-regular';
}
aside.admonition-block .block-title,
section.admonition-block .block-title {
  display: none;
}
aside.admonition-block p,
section.admonition-block p {
  padding: 0px 12px 0px 12px;
  line-height: 1.5rem;
}
section.caution::before {
  font-style: normal;
  font-family: 'MDRicons';
  content: "\f06a";
  background: #cc0000;
  color: #ffffff;
  font-size: 3rem;
  padding: 1rem;
  line-height: 2;
}
section.warning::before {
  font-style: normal;
  font-family: 'MDRicons';
  content: "\f071";
  color: #ffffff;
  background: #ff9900;
  font-size: 3rem;
  padding: 1rem;
  line-height: 2;
}
aside.note::before {
  font-style: normal;
  font-family: 'MDRicons';
  content: "\f05a";
  background: #418ade;
  color: #ffffff;
  font-size: 3rem;
  padding: 1rem;
  line-height: 2;
  text-align: left;
}
aside.tip::before {
  font-style: normal;
  font-family: 'MDRicons';
  content: "\f0eb";
  color: #ffffff;
  font-size: 3rem;
  padding: 1rem;
  background: #ff9900;
  line-height: 2;
}
a:link,
a:visited {
  color: #cc0000;
  text-decoration: none;
}
a.tag {
  white-space: nowrap;
  display: inline-block;
}
pre {
  display: box;
  font-family: 'courier-new', monospace;
  color: #000000;
  background: #ffffff;
  padding: 9px;
}
pre.highlight {
  background: none;
}
span.highlight {
  background: #A2F16D;
}
span.line-through {
  text-decoration: line-through;
}
ul li,
ol li {
  padding: 0.5rem 0 0.5rem 0.5rem;
}
p.centred {
  text-align: center;
}
section#isso-thread h4 {
  color: #cc0000;
  font-size: 1.5em;
  line-height: auto;
  font-family: 'antonioregular';
  text-decoration: none;
  margin-bottom: 12px;
}
section#isso-thread div.isso-comment-footer,
section#isso-thread section.auth-section {
  text-align: right;
}
section#isso-thread div.isso-postbox div.textarea {
  min-height: 120px;
  border: 1px solid #999999;
  box-shadow: none;
  background: #ffffff;
  padding: 9px;
}
section#isso-thread div.isso-postbox div.textarea .placeholder {
  color: #999999;
}
section#isso-thread div.isso-postbox section.auth-section {
  margin: 1rem 0px 1rem 0px;
}
section#isso-thread div.isso-postbox section.auth-section p.input-wrapper,
section#isso-thread div.isso-postbox section.auth-section p.post-action {
  display: inline;
}
section#isso-thread div.isso-postbox section.auth-section p.input-wrapper input,
section#isso-thread div.isso-postbox section.auth-section p.post-action input {
  border-radius: 3px;
  border: 1px solid #999999;
  font: inherit;
}
section#isso-thread div.isso-postbox section.auth-section p.input-wrapper input[type=submit],
section#isso-thread div.isso-postbox section.auth-section p.post-action input[type=submit] {
  color: #ffffff;
  background-color: #cc0000;
  cursor: pointer;
}
section#isso-thread div.isso-postbox section.auth-section p.input-wrapper input[type=submit]:hover,
section#isso-thread div.isso-postbox section.auth-section p.post-action input[type=submit]:hover {
  background-color: #ff0000;
}
section#isso-thread div.isso-postbox section.auth-section p.input-wrapper input .placeholder,
section#isso-thread div.isso-postbox section.auth-section p.post-action input .placeholder {
  color: #999999;
}
section#isso-thread div.isso-comment {
  margin: 0px 0px 1rem 0px;
}
section#isso-thread div.isso-comment div.avatar {
  display: inline-block;
  float: left;
  padding: 1rem;
}
section#isso-thread div.isso-comment div.avatar svg {
  border-radius: 2rem;
  border: 0.5rem #ffffff solid;
  box-shadow: 0px 0px 6px #999680;
  max-width: 20%;
  min-width: 5rem;
}
section#isso-thread div.isso-comment div.text-wrapper {
  background: #ffffff;
}
section#isso-thread div.isso-comment div.text-wrapper p {
  overflow: hidden;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-header {
  background: #cc0000;
  font-size: 1.5rem;
  padding: 3px;
  text-align: center;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-header span.author,
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-header a.author {
  color: #ffffff;
  margin-right: 2rem;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-header span.spacer {
  display: none;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-header a.permalink {
  font-size: 1rem;
  font-style: italic;
  color: #ffffff;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-header span.note {
  font-size: 1rem;
  margin-left: 2rem;
  background: #ffffff;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer {
  padding: 1rem;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer span.votes {
  padding-right: 1rem;
  font-size: 1.5rem;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer span.spacer {
  display: none;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.upvote {
  padding: 0px 0.5rem 0px 0.5rem;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.upvote:before {
  font-family: 'MDRicons';
  font-size: 1.5rem;
  content: "\f087";
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.downvote {
  padding: 0px 0.5rem 0px 0.5rem;
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.downvote:before {
  font-family: 'MDRicons';
  font-size: 1.5rem;
  content: "\f088";
}
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.reply,
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.edit,
section#isso-thread div.isso-comment div.text-wrapper div.isso-comment-footer a.delete {
  background: #cc0000;
  color: #ffffff;
  margin-right: 1rem;
  padding: 0.25rem 0.5rem 0.25rem 0.5rem;
  border-radius: 0.25rem;
}
section#isso-thread div.isso-follow-up div.isso-comment {
  background: #dddddd;
}
div.gallery {
  background: #fffbe6;
  padding: 18px 9px 9px 9px;
  text-align: center;
  margin: 2rem 0 2rem 0;
}
div.gallery img.gallerythumb {
  border: solid 3px #ffffff;
  max-width: 200px;
  max-height: 200px;
  width: auto;
  height: auto;
}
div.gallery a span.mdricon {
  position: relative;
  left: -30px;
  top: -10px;
  color: #cc0000;
  opacity: 0.66;
}
div.portfolioimage {
  background: #000000;
  padding: 2em;
  text-align: center;
}
/* Tooltip container */
.tooltip {
  position: relative;
  display: inline-block;
}
/* Tooltip text */
.tooltip .tooltiptext {
  visibility: hidden;
  width: auto;
  background-color: #cc0000;
  color: #ffffff;
  text-align: center;
  padding: 3px 6px 3px 6px;
  border-radius: 6px;
  position: absolute;
  z-index: 1;
  top: 100%;
  left: 50%;
  margin-top: 6px;
  margin-left: -20px;
}
.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* |||||||||||||||||| IMPORT OTHER STYLESHEETS ||||||||||||||||| */