@import url("https://fonts.googleapis.com/css?family=Lato:400,700,400italic");

:root {
  --font-family-sans-serif: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  --font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
}

body {
  font-family: "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
  font-size: 1.05rem;

}

/* .card-header:first-child {
  border-radius: calc(0.0625rem - 1px) calc(0.0625rem - 1px) 0 0
} */


.thumb-post {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 400px;
  margin-bottom: 1rem;
}

.linkcard-img {
  object-fit: cover; /* Do not scale the image */
  object-position: center; /* Center the image within the element */
  width: 100%;
  max-height: 375px;
}

p.linkcard-text,p.linkcard-text:hover {
  text-decoration: none;
}

h3.linkcard-text,h3.linkcard-text:hover {
  text-decoration: none;
}

.blog-title {
  color: #5f9ea0;
}

.blog-desc {
  color: #5f9ea0;
}

.reblog-avatar {
  padding-bottom: 5px;
}

.already-reblogged {
  color: #1fc600;
}

.tag-link {
  color: #8f8f8f;
}

.likedpost {
  color: IndianRed;
}



.makepost {
  padding-top: 10px;
  border-radius: 0rem;
  border-left: 0.5px;
}

.footer-link {
  font-size: 0.8rem;
  padding: 0.5rem 0.5rem
}

.footercont {
  padding: 7rem;
}

.card-body .img-fluid {
    background-color: #eff5f6;
}

.bloglist {
  list-style-type: none;
}

.mx-auto.img-fluid {
	background-color: inherit;
}

.img-fluid {
  height: auto;
}

.alert {
  border-radius: 0.0625rem;
}

.form-control {
  border-radius: 0.0625rem;
}

.nav-tabs .nav-link {
  border-radius: 0.0625rem;
}

.dropdown-menu {
  border-radius: 0.0625rem;
  min-width: max-content !important;
}

.makepostcontainer {
  border: 1px;
}

.tag-warning {
  background: repeating-linear-gradient(
  45deg,
  #cccccc,
  #cccccc 10px,
  #fff5b1 10px,
  #fff5b1 20px
);
}

.comment-blockquote {
  border-left:3px solid;
  padding-left: 4px;
  margin-top: 5px;
}

.tagblockbutton b {
  display: inline;
}

.tagblockbutton:not(.collapsed)  span {
  display: none;
}

.tagblockbutton.collapsed b {
  display: none;
}



.delete-sortable{
    color: red;
    display: none;
    position: absolute;
    z-index:100;
    content: 'x';
}

.sortable-image {
  text-align: center;
}

.sortable-image:hover .delete-sortable {
   display:block
}

.bloglist {
  list-style-type: none;
}

.droparea {

  border: 3px dashed #444;
  max-width: 100%;
  height: 200px;
  width: 100%;
  text-align: center;
  padding: 50px;
}

.usereditable {
  border: 1px dashed #696969;
}

.badge64 { /* Put in cols */
  height:25px;
  width: 25px;
  position: absolute;
  margin-left: -27px;
}

.badgerow {
  position: absolute;
  margin-top: 55%;

}

.bd-callout {
    padding: 0.25rem;
    margin-top: 0.25rem;
    margin-bottom: 1.25rem;
    border: 1px solid #eee;
    border-left-width: .25rem;
    border-radius: .25rem
}

.bd-callout h4 {
    margin-top: 0;
    margin-bottom: .25rem
}

.bd-callout p:last-child {
    margin-bottom: 0
}

.bd-callout code {
    border-radius: .25rem
}

.bd-callout+.bd-callout {
    margin-top: -.25rem
}

.bd-callout-info {
    border-left-color: #5bc0de
}

.bd-callout-info h4 {
    color: #5bc0de
}

.bd-callout-warning {
    border-left-color: #f0ad4e
}

.bd-callout-warning h4 {
    color: #f0ad4e
}

.bd-callout-danger {
    border-left-color: #d9534f
}

.bd-callout-danger h4 {
    color: #d9534f
}

.image-caption {
  margin: auto;
  margin-top: -120px;
  z-index: 150;
  width:90%;
  position: relative;
}

.image-description {
  margin: auto;
  margin-top: -15px;
  z-index: 150;
  width: 90%;
  position: relative;
}

.image-editor-forms {
  z-index: 150;
  position: absolute;
  margin-top: -120px;
  text-align: center;
}

.title-icon {
  padding-right: 10px;
}

.mail-badge {
  top: 50%;
  left: 60%;
  position: absolute;
}

.navbar-icon {
  font-size: 25px;
  padding-left: 5px;
  padding-right: 5px;
}

.blog-dropdown {
  padding-left: 5px;
}

.wf-note {
  margin-bottom: 1rem;
}