.post-full

position: relative
z-index: 50
.post-full-header
        margin: 0 auto
        padding: 6vw 3vw 3vw
        max-width: 1040px
        text-align: center
        .post-full-meta 
                display: flex
                justify-content: center
                align-items: center
                color: #738a94
                font-weight: 600
                text-transform: uppercase
                .post-full-meta-date
                        color: #3eb0ef
                .date-divider
                        display: inline-block
                        margin: 0 6px 1px
                .post-full-meta-category
                        color: #26a8ed
                        &:hover
                                text-decoration: underline
        .post-full-title
                margin: 0
                color: #090a0b
                font-size: 3.5rem
                font-weight: 700
        @media (max-width: 800px)
                .post-full-title
                        font-size: 2.8rem
        @media (max-width: 500px)
                .post-full-title
                        font-size: 2rem
.post-full-image
        @if $header_post_image == "big"
                margin: 0 -10vw -165px
                height: 800px
                background: #c5d2d9 50%
                background-size: cover
                border-radius: 5px
        @else
                margin: 0 auto
                max-width: 700px
                height: 350px
                background: #c5d2d9 50%
                background-size: cover
                border-radius: 5px
@media (max-width: 1170px)
        .post-full-image
                        margin: 0 -4vw -100px
                        height: 600px
                        border-radius: 0
@media (max-width: 800px)
        .post-full-image
                height: 400px
@media (max-width: 500px)
        .post-full-image
                height: 350px
                margin-bottom: 4vw
.post-full-content
        position: relative
        margin: 0 auto
        padding: 70px 100px 0
        min-height: 230px
        font-family: Georgia,serif
        font-size: 2.2rem
        line-height: 1.6em
        background: $white
        p, li
                font-size: 1.3rem
                line-height: 1.6
                strong
                        color: #090a0b
        p
                margin: 0 0 1.5em
                min-width: 100%
                &:first-child
                        font-size: 1.7rem
                img
                        display: block
                        +post_image
                video
                        display: block
                        margin-top: 1.5em
                        margin-bottom: 1.5em
                        vertical-align: middle
        a
                color: $black
                box-shadow: inset 0 -1px 0 #3eb0ef
                &:hover
                        color: #3eb0ef
                        text-decoration: none
        h1, h2, h3, h4, h5, h6
                color: #090a0b
                font-family: BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Open Sans,Helvetica Neue,sans-serif
                font-weight: 700
                margin: .5em 0 .2em
        h1
                font-size: 3rem
        h2
                font-size: 2.8rem
        h3
                font-size: 2.6rem
        h4
                font-size: 2.4rem
        h5
                font-size: 2.2rem
        h6
                font-size: 1.9rem
        ol, ul
                margin-top: 0
        ol
                li
                        margin: .5em 0
                        padding-left: .3em
                        line-height: 1.6em
                        &:first-child
                                margin-top: 0
        code
                padding: 0 5px 2px
                font-size: .8em
                line-height: 1em
                font-weight: 400!important
                background: #e5eff5
                border-radius: 3px
        pre
                overflow-x: auto
                margin: 1.5em 0 3em
                padding: 20px
                max-width: 100%
                border: 1px solid $white
                color: #e5eff5
                font-size: 1rem
                line-height: 1.5rem
                background: #0e0f11
                border-radius: 5px
                code
                        padding: 0
                        font-size: inherit
                        line-height: inherit
                        background: transparent
        blockquote
                margin: 0 0 1.5em
                padding: 0 1.8rem
                border-left: 3px solid #3eb0ef
                p
                        margin: 0 0 1em
                        color: inherit
                        font-size: 1.3rem !important
                        line-height: 1.5
                        font-style: italic
                        &:last-child
                                margin-bottom: 0
        hr
                margin: 4vw 0
        @media (max-width: 500px)
                h1
                        font-size: 2.7rem
                h2
                        font-size: 2.5rem
                h3
                        font-size: 2.2rem
                h4
                        font-size: 2rem
                h5
                        font-size: 1.7rem
                        margin: .6em 0 .25em
                h6
                        font-size: 1.5rem
                        margin: .6em 0 .3em
@media (max-width: 1170px)
        .post-full-content 
                padding: 5vw 7vw 0
@media (max-width: 800px)
        .post-full-content 
                font-size: 1.9rem
@media (max-width: 500px)
        .post-full-content
                padding: 0
@media (min-width: 500px)
        .post
                .post-full-content
                        &:before, &:after
                                display: none
        .post-full-content
                @if $header_post_image == "big"
                        &:before
                                left: -5px
                                transform: rotate(-5deg)
                        &:after
                                right: -5px
                                transform: rotate(5deg)
                        &:before, &:after
                                content: ""
                                position: absolute
                                top: 15px
                                z-index: -1
                                display: block
                                width: 20px
                                height: 200px
                                background: rgba(39,44,49,.15)
                                filter: blur(5px)
.subscribe-form
        margin: 1.5em 0
        padding: 6.5vw 7vw 7vw
        border: 1px solid #edf4f8
        text-align: center
        background: #f4f8fb
        border-radius: 7px
        .subscribe-form-title
                margin: 0 0 3px
                padding: 0
                color: #15171a
                font-size: 2rem
                line-height: 1
                font-weight: 700
        p
                margin: .8rem 0 1.4rem
                color: #738a94
                font-size: 1.4rem
                letter-spacing: .2px
@media (max-width: 650px)
        .subscribe-form-title
                font-size: 1.4rem
        p
                font-size: 1rem
.author-card, .post-full-footer
        display: flex
.post-full-footer
        justify-content: space-between
        align-items: center
        margin: 0 auto
        padding: 3vw 0 6vw
        max-width: 840px
        .author-card
                .author-profile-image, .avatar-wrapper
                        margin-right: 15px
                        position: relative
                        width: 60px
                        height: 60px
                        border-radius: 100%
                        background: #e3e9ed
                        display: block
                        object-fit: cover
                .author-profile-image
                        border: none
                .avatar-wrapper
                        position: relative
                        margin: 0
                        border: none
                        svg
                                margin: 0
                                width: 60px
                                height: 60px
                .author-card-content
                        .author-card-name
                                margin: 8px 0 0
                                padding: 0
                                font-size: 1.3rem
                                a
                                        color: #15171a
                                        font-weight: 700
                        p
                                margin: 0
                                color: #738a94
                                line-height: 1.3
                                font-size: .98rem
                                a
                                        color: #738a94
                                        &:hover
                                                color: #3eb0ef
        .post-full-footer-right
                -ms-flex-negative: 0
                flex-shrink: 0
                margin-left: 20px
                .author-card-button
                        display: block
                        padding: 9px 16px
                        border: 1px solid #aebbc1
                        color: #738a94
                        font-size: .8rem
                        line-height: 1
                        font-weight: 500
                        border-radius: 20px
                        transition: all .2s ease
                        &:hover
                                border-color: #3eb0ef
                                color: #3eb0ef
                                text-decoration: none