*{transition:all 0.3s ease-in-out;}
.text-left{text-align:left!important;}
.text-right{text-align:right!important;}
.img-thumb{max-height:64px;}

.col-95{flex:0 0 auto;width:95%;}
.col-96{flex:0 0 auto;width:96%;}
.col-97{flex:0 0 auto;width:97%;}
.col-98{flex:0 0 auto;width:98%;}
.col-99{flex:0 0 auto;width:99%;}

.col-05{flex:0 0 auto;width:5%;}
.col-04{flex:0 0 auto;width:4%;}
.col-03{flex:0 0 auto;width:3%;}
.col-02{flex:0 0 auto;width:2%;}
.col-01{flex:0 0 auto;width:1%;}

.mt--1{margin-top:-0.25rem!important;}
.mt--2{margin-top:-0.5rem!important;}
.mt--3{margin-top:-1.0rem!important;}
.mt--4{margin-top:-1.5rem!important;}
.mt--5{margin-top:-3rem!important;}
.mb--1{margin-bottom:-0.25rem!important;}
.mb--2{margin-bottom:-0.5rem!important;}
.mb--3{margin-bottom:-1rem!important;}
.mb--4{margin-bottom:-1.5rem!important;}
.mb--5{margin-bottom:-3rem!important;}

.ml-auto{margin-left:auto!important;}
.mr-auto{margin-right:auto!important;}
.ml-0{margin-left:0!important;}
.ml-1{margin-left:0.5rem!important;}
.ml-2{margin-left:1rem!important;}
.ml-3{margin-left:1.5rem!important;}
.ml-4{margin-left:2rem!important;}
.mr-0{margin-right:0!important;}
.mr-1{margin-right:0.5rem!important;}
.mr-2{margin-right:1rem!important;}
.mr-3{margin-right:1.5rem!important;}
.mr-4{margin-right:2rem!important;}

.btn-sm{font-size:0.9rem;font-family:Verdana,Arial,sans-serif;}

.accepted{position:absolute;top:0;left:0;display:flex;flex-direction:row;align-items:center;justify-content:center;z-index:9999;}
.accepted-info{margin-left:auto;margin-right:auto;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;}
.accepted-icon{font-size:2rem;}
.accepted-msg{font-size:1rem;font-weight:bold;}

label.success{margin:0 auto;padding:0;}
label.error{margin:0 auto;padding:0;}
label.valid{display:none;}

.modal-header{padding:0.25rem 1rem;border:none;}
.modal-body{padding:0.25rem 1rem;border:none;}
.modal-footer{padding:0.25rem 1rem;border:none;}
.modal-dialog{max-width:500px;}
.modal-content{border-radius:0.5rem;}

.contenteditable{min-height:50px;overflow-y:auto;}

.content-container{height:100vh;overflow-y:auto;}

/* --------------------------------- */

#main{margin:auto;padding:0.25rem;}

#splash{height:100vh;display:flex;align-items:center;}
#splash-info{width:100%;display:flex;align-items:center;justify-content:center;}
#panel{padding:1rem;border-radius:12px;position:relative;}
#welcome{width:100%;margin:0.5rem auto;}
#welcome h1{text-align:center;}
#navigation{width:100%;margin-left:auto;margin-right:auto;text-align:center;}

#header{width:100%;padding:0.1rem 0;}
#account{padding-left:1rem;font-weight:bolder;text-align:left;}
#account a, #account a:link, #account a:visited{text-decoration:none;}
#account a:hover, #account a:focus{text-decoration:none;}
#logo{text-align:center;}
#coins{padding-right:1rem;text-align:right;cursor:pointer;}

#info{width:100%;margin:auto;align-items:center;justify-content:center;}

.avatar{display:flex;justify-content:center;align-items:center;}
.avatar-info{width:42px;height:42px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bolder;}
.avatar-info-full{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bolder;}

@media (min-width:576px){ .avatar-info{width:42px;height:42px;font-size:0.8rem;} }
@media (min-width:768px){ .avatar-info{width:64px;height:64px;font-size:0.9rem;} }
@media (min-width:992px){ .avatar-info{width:42px;height:42px;font-size:1.1rem;} }
@media (min-width:1200px){ .avatar-info{width:42px;height:42px;font-size:1.2rem;} }

.avatar-default{content:"\f4e1";}
.media-default{max-width:512px;max-height:256px;min-height:256px;width:100%;height:auto;margin-left:auto;margin-right:auto;}

#coin{display:flex;align-items:center;justify-content:center;}
#coin-icon{font-weight:bold;font-size:1.5rem;}
#coin-qty{margin-left:0.5rem;align-self:center;}

#content{flex-direction:column;}
#column{flex-direction:column;}

#footer{width:100%;padding:0.5rem 0.25rem;position:sticky;bottom:0;display:flex;}

#post label.error{font-size:x-small;}

.post-full{width:100%;}
.post-full-content{width:100%;margin:auto;padding:0;display:flex;flex-wrap:wrap;align-items:center;}

.post-list{padding:0.5rem;}
.post{width:100%;}
.post-full{width:94%;flex:0 0 auto;}
.post-content{width:100%;margin:auto;padding:0;display:flex;flex-wrap:wrap;align-items:start;}
.post-content-full{width:100%;margin:auto;padding:0;display:flex;flex-wrap:wrap;align-items:start;}
.post-avatar{width:10%;flex:0 0 auto;}
.post-avatar-full{width:6%;flex:0 0 auto;margin:0 auto;}
.post-heading{text-align:left;}
.post-user-full{text-align:left;}
.post-date{width:10%;flex:0 0 auto;text-align:left;}
.post-date-full{text-align:left;}
.post-message-container{width:90%;display:flex;flex:0 0 auto;flex-direction:column;}
.post-message{margin:auto;padding-left:0.5rem;padding-right:0.5rem;}
.post-author{margin:0 auto 0 0;}
.post-info{width:100%;padding:0;flex:0 0 auto;margin:auto;display:flex;flex-wrap:wrap;align-items:center;font-size:small;}
.post-info-full{width:50%;padding:0;flex:0 0 auto;margin:1rem 0 auto auto;display:flex;flex-wrap:wrap;align-items:center;font-size:small;}
.post-body{align-items:center;justify-content:center;}
.post-replies{text-align:left;}
.post-replies span{vertical-align:top;}
.post-chains{text-align:left;}
.post-chains span{vertical-align:top;}
.post-likes{text-align:left;}
.post-likes span{vertical-align:top;}
.post-hates{text-align:left;}
.post-hates span{vertical-align:top;}
.post-flags{text-align:right;}
.post-flags span{vertical-align:top;}
.post-expires{text-align:right;}

.mobile{display:block;}
.mobile-flex{display:flex;}
.desktop{display:none;}
.desktop-flex{display:none;}

@media (min-width:576px){
  .post-info{width:100%;}
  .post-message-container{width:90%;flex-direction:column;}
  .post-avatar{width:10%;}
  .post-date{width:10%;}
  .post-content{align-items:start;}

  .mobile{display:block!important;}
  .mobile-flex{display:flex!important;}
  .desktop{display:none!important;}
  .desktop-flex{display:flex!important;}
}

@media (min-width:768px){
  .post-info{width:100%;}
  .post-message-container{width:90%;flex-direction:column;}
  .post-date{width:10%;}
  .post-content{align-items:start;}

  .mobile{display:block!important;}
  .mobile-flex{display:flex!important;}
  .desktop{display:none!important;}
  .desktop-flex{display:none!important;}
}

@media (min-width:992px){
  .post-info{width:25%;}
  .post-message-container{width:60%;flex-direction:row;}
  .post-avatar{width:4%;}
  .post-date{width:5%;}
  .post-content{align-items:center;}

  .mobile{display:none!important;}
  .mobile-flex{display:none!important;}
  .desktop{display:block!important;}
  .desktop-flex{display:flex!important;}
}

@media (min-width:1200px){
  .post-info{width:25%}
  .post-message-container{width:60%;flex-direction:row;}
  .post-avatar{width:4%;}
  .post-date{width:5%;}
  .post-content{align-items:center;}

  .mobile{display:none!important;}
  .mobile-flex{display:none!important;}
  .desktop{display:block!important;}
  .desktop-flex{display:flex!important;}
}


.post-replies-container{min-height:100px;width:100%;margin:2rem auto auto auto;padding:0;box-shadow:0 0 8px rgba(0,0,0,0.5);overflow:auto;}
.post-reply{margin:0;padding:0;min-height:50px;}
.post-reply-details{margin:0 auto;padding:0.5rem 0.25rem;}
.post-reply-avatar{margin:0 auto;padding:0;text-align:center;}
.post-reply-avatar-info{width:32px;height:32px;margin:0 auto;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:bolder;}
.post-reply-date{text-align:left;}
.post-reply-message{text-align:left;}
.post-reply-info{margin-top:0.25rem;padding:0;}
.post-reply-likes{text-align:left;}
.post-reply-likes span{vertical-align:top;}
.post-reply-hates{text-align:left;}
.post-reply-hates span{vertical-align:top;}
.post-reply-flags{text-align:right;}
.post-reply-flags span{vertical-align:top;}

#posting{min-height:100px;max-height:200px;overflow-y:scroll;}
#text-counter{font-size:x-small;text-align:right;}

#progress{width:100%;padding:6px;}
#progress_back{width:100%;border-radius:8px;overflow:hidden;}
#progress_bar{width:0%;height:8px;border-radius:8px 0 0 8px;transition:width 0.4s ease;}

.form-control.is-invalid, .was-validated .form-control:invalid{background-position:right calc(.375em + .4rem) center;}

#splash-body{height:100vh;display:flex;justify-content:center;align-items:center;}
.splash{max-width:400px;width:100%;margin:2rem auto 2rem auto;padding:2rem;border-radius:10px;box-shadow:0 4px 8px rgba(0,0,0,0.5);}
.splash-close{cursor:pointer;}

.roadmap{list-style:none;padding:0;}
.roadmap-item{display:flex;align-items:center;margin-bottom:10px;}
.roadmap-item i{margin-right:10px;}

.row-cols-3 > *{flex:0 0 auto;width:33%;}