/* sammy */

body {
  font-family: arial, helvetica, sans-serif;
  margin-left: 0;
  margin-top:0;
}

.page {
  font-weight: 400;
  color: rgb(80, 88, 100);
}

html { font-size: .26rem; } /*12 for mobile, 5 for comp  */

@media only screen and (min-width:981px) /* for comp  */
{
  .page {max-width: 834px;}
  html { font-size: 44.5%;}
  #header .gogo {color: #056899 !important;}
  .gogo, a.gogo:link, .voteButton, .gomo, .selection {color:#056899 !important;}
  .gone2, a.gone2:link {background-color:#056899 !important;color:white !important;}
}

.Bp0{font-size: 6.6rem !important; }
.Bp1{font-size: 4.8rem !important; }
.Bp2{font-size: 4.4rem !important;}
.Bp3{font-size: 3.9rem !important;}
.Bp4{font-size: 3.4rem !important;}
.Bp5{font-size: 2.9rem !important;}
.Bp9{font-size: 2.5rem !important;}

 #posts-by .Bp4{font-size:4.4rem !important;}

.greyTrast {color: #808080a1}

.Y{color:rgb(253, 215, 7)}

.leroy {
  display: inline-block;
  width: 20%;
  padding-right: 2%;
  text-align:right;
  vertical-align: top;
}

.reginald {
  display: inline-block;
  width: 76%;
}

.gone {color:rgba(213, 14, 14, 0.85) !important;}

#header {
  top:0;
  background: none repeat scroll 0 0   #fff;
  position:sticky;
  position:-webkit-sticky;
  z-index:100;
  padding-bottom: .4%;
  margin: 0 0 1% 0;

  width:inherit;
/*max-width: 1250px;*/
}

#header .leroy {
  text-align:left;
}

#header .gogo {
color: #2faedf;
}

#header .gone, .gverse, .gone {
color: rgba(198, 4, 4, 0.88) !important;
}

#header .gomo {
  background-color: white;
    color: #1582c4;
}

#content {
padding-top: 0%;
overflow: hidden;
}
/*items wall 3*   vs 1*/

.header-gundo {
margin-top: -.4%;
}

.header-trin {
  margin-top:0.5%;
}

.header-element {
  display: inline-block;
  white-space: nowrap;
  padding-right:2%;
}

.header-primo .header-element {
  padding-right:3%;
}

.header-gundo .header-element, .header-trin .header-element {
  padding-right:2%;
}

/***** ITEMS *****/
.item:not(:first-child) {
  margin-top:6%;
}

.item-image, .item-video {
  margin-bottom:1%;
}

.item-video {
  width:100%;
  height:500px;
}

/**** MISCELLANEOUS *****/
.clickable {
  cursor: pointer;
}

.black {
  color:#000;
}

.inPut {
  font-size:inherit;
  margin: .6% 0 0 0;
  width: 81%;
  border: 1px solid rgba(38, 121, 177, 0.18);
  color: rgba(0, 5, 9, 0.7);
}

.inPut2 {
  border: 0;
  outline: 0;
  background: #0abaf02e;
  padding-top: 2%;
  font-size:inherit;
  margin-top: 4%;
}

input.inPut2[readonly] {
border-bottom:none;
}

.inputLabel {
  display: inline-block;
  min-width: 18%;
}

.inputField {
  display:inline-block;
  width:76%;

}

.hint {
  color: grey;
}

.col1 .inputLabel {
  color: black;
  font-size: .78em;
}

.pgpEntry {
  border: 1px solid #732323;
  font-size: 1em;
  font-family: monospace;
  background-color: transparent;
  color: #333333;
}

.forceWrap {
  white-space: pre-wrap; /* css-3 */
  white-space: -moz-pre-wrap; /* Mozilla, since 1999 */
  white-space: -pre-wrap; /* Opera 4-6 */
  white-space: -o-pre-wrap; /* Opera 7 */
  word-wrap: break-word; /* ie 5.5+ and Safari */
}

.m3 {
  margin-top: 4%;
}

.settingsSection .hint {
  margin-bottom: 1%;
}

.sectionDetails {
  margin-top: 1%;
  /*font-size: 1.7em;*/
}

.savedMsg {
  display:none;
  color: #000;
}

input[type="submit"], input[type="button"], button {
  border: 0;
  padding: 0;
  background: inherit;
  font-family: inherit;
  font-size: inherit;
}

.orderMessage pre {
  font-family: courier, monospace !important;
  font-size: 0.75em;
}

textarea.autosize {
  font-family: inherit;
  font-size: inherit;
  transition: height 0.4s ease 0s;
  resize: none;
  min-height: 4.5em;
  max-height: 8em;
  -webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box; /* Firefox, other Gecko */
  box-sizing: border-box; /* Opera/IE 8+ */
}

textarea.pgpEntry.autosize {
  font-family: monospace;
  min-height: 15em;
  max-height: 20em;
}

textarea.autosize.expanded {
  min-height: 15rem;
}

.privateMessage-thread {
  width: 80%;
  margin: 2% 0 5% 2%;
}

.privateMessage {
  margin-bottom: 3%;
}

.privateMessage-contactName {
  font-weight: bold !important;
  color: #547986 !important;
}

.privateMessage .privateMessage-header {
  margin-top: 3%;
}

.privateMessage .privateMessage-header.opened {
  color: transparent;
  text-shadow: 0 0 2px rgba(70, 115, 150, 0.54);
}

.privateMessage .privateMessage-body {
  margin-top: 3%;
}

.privateMessage-writer .privateMessage-name {
  color: #547986;
  width:100%;
}

.privateMessage-writer .privateMessage-body {
  margin-top: 2%;
  border: solid 1px rgb(60, 143, 163);
  min-height: 14.5rem;
  max-height: 16rem;
  width: 101%;
  vertical-align: bottom;
}

input.privateMessage-subject {
  border: 1px solid #547986;
}

.messageCategory.gone {
  font-weight: 600 !important;
}

.order-review textarea.autosize {
  min-height: 4em;
  max-height: 16em;
}

.order-review .flagged {
  font-size: .7em !important;
  opacity: 0.5 !important;
}

.order-review.freeOrder {
  opacity: 0.7 !important;
}

.editSettings span.actions {
  margin-left: 1%;
}

.fluid-span_5_of_5 {
  width: 100%;
}

.fluid-span_4_of_5 {
  width: 79.68%;
}

.fluid-span_3_of_5 {
  width: 59.36%;
}

.fluid-span_2_of_5 {
  width: 39.04%;
}

.fluid-span_1_of_5 {
  width: 18.72%;
}

.fluid-section {
  clear: both;
  padding: 0;
  margin: 0;
}

.fluid-group:before,
.fluid-group:after {
  content: "";
  display: table;
}

.fluid-group:after {
  clear: both;
}

.fluid-column {
  display: block;
  float: left;
  margin: 1% 0 1% 1.6%;
}

.fluid-column:first-child {
  margin-left: 0;
}

@media only screen and (max-width: 480px) {
  .fluid-column {
      margin: 1% 0 1% 0;
  }

  .fluid-span_5_of_5,
  .fluid-span_4_of_5,
  .fluid-span_3_of_5,
  .fluid-span_2_of_5,
  .fluid-span_1_of_5 {
      width: 100%;
  }
}

.imageCase {
  height: 210px;
}

@media only screen and (max-width: 600px) {
  .imageCase {
      height: 120px;
  }
}

.fontoggle {
  font-size: 133%;
}

.countrySelector .highlight {
  background-color: rgba(38, 121, 177, 0.15);
}

:visited {
  font-weight: 500;
  color: inherit;
}

a:link {
  text-decoration: none;
  color:inherit;
}

.gogo, a.gogo:link, .voteButton, .gomo, .selection {
  color: #0abaf0;
  cursor: pointer;
  opacity: 1;
}

a.gogo:hover, span.gogo:hover, div.gogo:hover,
input.gogo:hover, button.gogo:hover, a.gogo:hover {
text-decoration: underline;
background-color: inherit;
cursor:pointer;
}

.alert, alert2 {
color:rgba(253, 42, 42, 0.85);
}

.escape {
  color:rgba(153, 104, 5, 1)  !important
}

.nogo {
  opacity:0.6;
  cursor: default;
}

.gone2 {
  background-color: #4897ec;
  color:white !important;
  padding: 0 5px 1px 5px;
  border-radius: 5px;
}

.going {
  animation-name: going;
  animation-duration: 4s;
  animation-iteration-count: infinite;
  cursor:default !important;
  text-decoration:none !important;
  font-weight:500;
}

.going2 {
  animation-name: going2;
  animation-duration: 4s;
  animation-iteration-count: infinite;
}

.going3 {
  animation-name: going3;
  animation-duration: 4s;
  animation-delay: 1.3s;
  animation-iteration-count: infinite;
}

.pulse {
  animation-name: pulse;
  animation-duration: 3s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
}

@keyframes going {
    0%, 100% {
        color: rgba(60, 118, 183, 1);
    }

    50% {
        color: rgba(13,145,238, 1);
    }
}

@keyframes going2 {
  0%, 100% {
      color: #1582c4;
    }

  50% {
      color: rgba(153, 104, 5, 1);
  }
}

@keyframes going3 {
  0%, 100% {

    }

  15% {
      color:   rgba(153, 104, 5, 1);
      transform: scale(1.5);
  }

  67% {
      color:   rgba(153, 104, 5, 1);
      transform: scale(.3);
  }
}

@keyframes pulse {
  0%,100% {
      opacity:initial;
  }
  50% {
      opacity:25%;
  }
}

div.escape:hover {text-decoration: none !important;}

.bluescreen .gogo {
  color: #fff !important;
}

.bluescreen .gogo:hover {
  text-decoration: underline;
  background-color: inherit;
}

.bumpButton.gogo {
  opacity: .4 !important;
}

.tag {
  border: none;
}

.buy {
  font-size: .89em;
}

.grey {
color: #888;
}

.highlight {
  background-color: rgba(38, 121, 177, 0.15);
}

/***** prices *****/
.price, .money {

}

a > .price:hover, a > .money:hover {
  text-decoration: underline;
  cursor: pointer;
}

@font-face {
  font-family: BTC;
  font-style: normal;
  font-weight: 100;
  src: url("BTC.ttf") format("truetype");
}

.BTC .currencySymbol, .BTC.currencySymbol {
  font-family: BTC, sans-serif;
  font-size: .93em;
  font-weight: 800;
}

.time {
  color: #999;
}

.externalLink {
  color: #13936f !important;
}

a.externalLink:hover {
  border-bottom: 1px solid blue;
  background-color: inherit;
}

span.externalLink:hover {
  border-bottom: 1px solid blue;
  text-decoration: underline;
  background-color: inherit;
  color: #777;
}

.externalLink a:visited {
  color: inherit;
}

.lc {
  text-transform: lowercase;
}

.heading {
  margin: 7.4% 0 1% 0;
  display: inline-block;
  color: #A2A5AB;
}

.errorContainer {
  color:rgba(183, 84, 11, 0.68);
  display: block;
}

/* textcolor */
/*backgrounds and type darkblue and white and reverse versa*/
/*4294ff*/

.littleBlack {
  font-size: .73em;
  color: #000;
}

.mediumDistinct {
  color: rgb(104, 104, 104);
  font-size: 1.4em;
}

.instruction {
  color: rgb(118, 128, 139);
}

.bigSoft {
  color: rgba(147, 157, 162, 0.62);
  font-size: 2.7em;
}

.verbiage {
  color: rgb(19, 85, 111);
}

.codeage {
  font-family: monospace;
}

::-webkit-input-placeholder {
  /* WebKit browsers */
  color: rgba(81, 135, 158, 0.85);
}

:-moz-placeholder {
  /* Mozilla Firefox 4 to 18 */
  color: rgba(81, 135, 158, 0.85);
}

::-moz-placeholder {
  /* Mozilla Firefox 19+ */
  color: rgba(81, 135, 158, 0.85);
}

:-ms-input-placeholder {
  /* Internet Explorer 10+ */
  color: rgba(81, 135, 158, 0.85);
}

.notice {
  color: rgb(58, 114, 178) !important;
  font-size: 1.3em;
}

.transform-threequarter {
  transform: scale(0.75) translate(-12.5%, 12.5%);
  -webkit-transform: scale(0.75) translate(-12.5%, 12.5%);
}

.transform-half {
  transform: scale(0.5) translate(-25%, 25%);
  -webkit-transform: scale(0.5) translate(-25%, 25%)
}

/* remove the spinner controls from a number input field */
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
input[type="number"] {
  -moz-appearance: textfield;
}

.voteButton {
  font-size:7rem !important;
  opacity: 0.69;
  cursor: pointer;
}

.voteButton:hover  {
  text-decoration: none !important;
}

.voted {
  color:#000 !important;
  opacity: .7;
}

/* topic container is used for topics, people and items on the wall */
div.topic:not(:first-child) {
  padding-top:3.5%;
}

.topic .leroy, .topic .reginald {
  vertical-align: top;
}

.topic-leroyjr {
  width:35%;
  display:inline-block;
}

.topic-reginaldjr {
  display: inline-block;
  vertical-align: top;
  width: 60%;
  padding-left: 3%;
  margin-top:0;
}

.wwTopic .topic-leroyjr {
  width:49%;
}

.wwTopic .topic-reginaldjr {
  width: 43%;
  padding-left: 6%;
}

.topic-image img,
.post-image img {
  width:100%;
}

.topic-image-title,
.post-image-title {
  margin-top: 1.5%;
  word-wrap:break-word;
}

.topic-headline-post {
  line-height:136%;
  margin-top:2%;
}

.topic-content {
  margin-top:1%;
  width:100%;
}

.topic .suppressed {
  display:none;
}

.post-leroyjr {
  width:23%;
  display:inline-block;
}

.post-reginaldjr {
  display: inline-block;
  vertical-align:top;
  width:73%;
  line-height: 140%;
  margin-left: 2%;
  margin-top: -.5%;
}

.post.highlight {
  background-color: rgb(246,246,246);
}

.post.latest {
  background-color: rgba(217, 24, 24, 0.03);
}

.topic-content .attachments,
.post-content .attachments {
  margin-bottom:1%;
}

.attachment-image, .attachment-link,
.attachment-video, .attachment-title {
  margin-top:2%;
  width: 100%;
}

.attachment-image:first-child,
.attachment-link:first-child,
.attachment-video:first-child {
  margin-top:0;
}

.topic-content .attachment-video {
  height:500px;
}

.post-content .attachment-image img {
  width:80%;
}

.post-content .attachment-video {
  width:80%;
  height:350px;
}

.post-content .ellipsis,
.topic-collapsed .ellipsis {
  font-size:2em;
  margin-bottom:2%;
  cursor:pointer;
}

.post-headline {
  font-weight:500;
}

.post-body {
margin-top:1%;
}

.post-writer {
  margin:2% 0 5%;
}

.post-writer textarea,
.post-writer input[type=text] {
  border: 1px solid rgba(38, 121, 177, 0.18);
  min-height:1em;
  width:95%;
}

.post-writer-headline textarea {
  font-size:5.0rem;
}

.post-writer-body textarea,
.post-writer-attachment-new input[type=text] {
  font-size:3.9rem;
}

.post-writer-headline,
.post-writer-body,
.post-writer-attachment-new,
.post-writer-attachment-existing {
  margin-bottom:2%;
}

.post-writer-attachment-new .imagePreview img {
  max-width:200px;
  height:auto;
}

.topic .reginald .actions {
  margin-top:1%;
}

.post-deleteConfirmation {
  margin-top:2%;
}

.post-voting {
  display:flex;
  justify-content: flex-end;
  text-align:center;
  margin-top: -7%;
}

.post-reginaldjr .shareLink, .topic-reginaldjr .shareLink {
  margin-top: 2%;
}

.shareHint {display:inline-block;}


.topic-metadata:not(:first-child) {
  margin-top:3%;
}

.youtube-player {
  position: relative;
  overflow: hidden;
  max-width: 100%;
}

.youtube-player iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.youtube-player .thumbnail {
  left: 0;
  top: 0;
  max-width: 100%;
  width: 100%;
  position: absolute;
  border: none;
  height: auto;
  cursor: pointer;
}

.youtube-player .play-button {
  z-index:10;
  left: 50%;
  top: 50%;
  margin-left: -32px;
  margin-top: -32px;
  position: absolute;
  cursor: pointer;
}

.fieldBox{
  width:9em;
}

.sup {
vertical-align: super;
font-size:0.8em;
}

.uc {
  text-transform:uppercase;
}
.lc {
  text-transform:lowercase;
}
.hidden {
  display:none;
}
.strikethrough {
  text-decoration: line-through;
}

.opacity50 {
  opacity:50%;
}

.cart-leroyjr {
  display: inline-block;
  width:26%;
}

.cart-reginaldjr {
  display: inline-block;
  vertical-align: top;
  width: 63%;
}

.valueUpdated {
  animation-name: value-updated;
  animation-duration: 2s;
  animation-iteration-count: 5;
}

@keyframes value-updated {
  0%, 100% {
      opacity: 1;
  }
  50% {
      opacity: .1;
  }
}


img.softened {
  border-radius: 11px;
}

/* select2 overrides */
select.select2 {
  visibility: hidden;
}

.select2-container {
  vertical-align:top;
}

.select2-container--default .select2-selection--single {
  border:none;
  height:unset;
  background-color:inherit;
}

.select2-container--default .select2-selection--single .select2-selection__arrow {
  display:none;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
  color: inherit;
  line-height: inherit;
  padding-left: 0px;
}

.select2-container--default.select2-container--disabled .select2-selection--single {
  background-color: inherit;
  cursor: default;
  text-decoration: none;
}

.wwItem:not(:first-child), .wwPerson:not(:first-child) {
  padding-top:9.5%;
}

.mine {
  color:#20527d;
  font-style:italic;
}