/* Theme: Alchemist / Blog Post CSS Template / Updated: 26/10/21 */
.text-field img {
  max-width: 100%;
}
.btn-share-link .fa {
  font-size: 1.2em;
}
.btn-share-link:hover .fa {
  color: var(--primary) !important;
}
.fr-video iframe {
  max-width: 100%;
  max-height: 60vw;
}
.hover-arrow-left-small:hover svg path {
  transform: translateX(-50%);
}
.hover-arrow-right-small:hover svg path {
  transform: translateX(50%);
}
.hover-arrow-left-small svg path,
.hover-arrow-right-small svg path {
  transition: all 0.3s ease;
}
.hover-arrow-left-small svg,
.hover-arrow-right-small svg {
  vertical-align: baseline;
}
body {
  background-color: #f7f8f8;
}
.bg-secondary {
  background-color: #fff;
}
#menu:not(.scrolled) {
  background-color: #000 !important;
}

img.fr-dii.fr-fir {
  float: right;
  margin: 5px 0 5px 5px;
  max-width: calc(100% - 5px);
}

img.fr-dii.fr-fil {
  float: left;
  margin: 5px 5px 5px 0;
  max-width: calc(100% - 5px);
}
hr {
  border: none;
}
.post-nav-title {
  display: none;
}
.no-transition {
  transition: none !important;
}
@media (min-width: 768px) {
  .post-nav-title {
    display: block;
  }
}
@media (max-width: 767px) {
  .nav-post-title {
    display: none;
  }
}
