/* Theme: Alchemist / Blog Post CSS Template / Updated: 17/1/22 */
.text-field img {
    max-width: 100%;
}
.btn-share-link{
    width: 25px;
    height: 25px;
    display: flex;
    align-items: center;
    justify-content: center;
}
.btn-share-link .fa {
    font-size: 1.2em;
}
.btn-share-link:hover .fa {
    opacity: .7;
}
.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;
}
.blog-author-image {
    width: 2rem;
    height: 2rem;
    border-radius: 50%;
    object-fit: cover;
    object-position: center;
}
img.fr-dii.fr-fir, .fr-dvi.fr-fvr {
    float: right;
    margin: 5px 0 5px 5px;
    max-width: calc(100% - 5px);
}
img.fr-dii.fr-fil, .fr-dvi.fr-fvl {
    float: left;
    margin: 5px 5px 5px 0;
    max-width: calc(100% - 5px);
}
.hero-blog-image{
    border: 2px solid #3c3c3b;
    border-radius: 30px;
}
.article .container{
    max-width: 1440px;
    padding-left: 120px;
    padding-right: 120px;
}
.article{
    background-color: #fff6d9;
}
.article header{
    margin-top: 87px!important;
}
.article header figure{
    margin-bottom: 73px!important;
}
.article h1{
    font-size: 80px;
    line-height: .94em;
    margin-bottom: 34px!important;
    max-width: 80%;
}
.article .post-published{
    font-size: 18px;
    line-height: 1.1em;
    letter-spacing: 2px;
    margin-bottom: 0!important;
    font-family: "Americanecondregular";
}
.post-info{
    line-height: 1.1em;
}
.article-body{
    margin-top: 33px!important;
    margin-bottom: 39px!important;
}
.article-body p{
    font-size: 16px;
    line-height: 19px;
    margin-bottom: 22px;
}
h2,h3,h4,h5,h6{
    font-size: 30px;
    text-transform: uppercase;
    line-height: 19px;
    margin-bottom: 27px;
}
.article .row{
    padding-left: 0px;
    padding-right: 0px;
}
.fr-view img{
    width: 100%;
}
@media(max-width:991px){
    .article .container{
        padding-left: 40px;
        padding-right: 40px;
    }
    .article header figure{
        margin-bottom: 50px!important;
    }
    .article h1{
        font-size: 60px;
        margin-bottom: 26px!important;
    }
}
@media(max-width: 450px){
   .article .container{
        padding-left: 20px;
        padding-right: 20px;
    }
    .article header figure{
        margin-bottom: 40px!important;
    }
    .article h1{
        font-size: 40px;
        max-width: 100%;
    }
    .article .post-published{
        font-size: 16px;
    }
}