.logo a img {
    height:initial;
}


body.single-post {
    .blog-post-section {
        margin-top:-2em;
    }


    .inner-page {
        padding:6em 0 6em;
        background-position: center!important;
    }

    .container {
        display:grid;
        grid-template-columns: 2fr 1fr;
        gap:3em;
    }
    
    .blog-post-header {
        
        display:grid;
        grid-template-columns: 1fr 4fr;
        gap:1em;
        align-items:center;
        background:rgba(0,0,0,.1);
        border-radius:10px;
        padding:1em 2em 1em 1em;
        margin-bottom:2em;

        img {
            width:100%;
        }

        h1 {
            margin:0;
            font-size:2em;
        }
    
    }

    .blog-post-content {
        padding:0 1em;
    }

    .area_side_bar {
        h2 {
            font-size:1.5em;
        }

        .wp-block-latest-posts__list.wp-block-latest-posts {
            li {
                
                a {
                    padding:.5em;
                    padding-left:50px;
                    background:rgba(0,0,0,.1);
                    border-radius:10px;
                    display: flex;
                    justify-content: flex-start;
                    line-height: 1.2em;
                    align-items: center;
                    margin-bottom:.5em;
                }

                a:hover {
                    background:#cd2653;
                    color:white;
                }
                a::before {
                    display: inline-block;
                    width:20px;
                    height:20px;
                    margin-left:-40px;
                    margin-right:10px;
                    content:"";
                    background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 512"><!--!Font Awesome Free 6.6.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2024 Fonticons, Inc.--><path d="M310.6 233.4c12.5 12.5 12.5 32.8 0 45.3l-192 192c-12.5 12.5-32.8 12.5-45.3 0s-12.5-32.8 0-45.3L242.7 256 73.4 86.6c-12.5-12.5-12.5-32.8 0-45.3s32.8-12.5 45.3 0l192 192z"/></svg>');
                    font-weight:bold;
                    background-size:contain;
                    background-repeat: no-repeat;
                    background-position: center;
                
                }
            }
        }
    }

    .contact-form {
        background:rgba(0,0,0,.1);
        border-radius:10px;
        padding:1em;

        h3 {
            font-size:1.5em;
            text-align: center;
            margin-bottom:1.5em;
        }
        .wpcf7  {
            
            input {
                height: initial;
            }
            .col-md-6, .col-12 {
                width:100%;
                margin:0;
            }
            p {
                margin:0 0 .5em;
            }

            button[type=submit]{
                background: #cd2653;
                border: 1px solid #cd2653;
                padding: 11px 0px;
                display: inline-block;
                color: rgb(255, 255, 255);
                width: 220px;
                font-weight: 400;
                text-align: center;
                font-family: 'Inter', sans-serif;
                text-transform: capitalize;
                transition: all 0.5s ease-in-out;
                border-radius: 5px;

            }
        }
    }
    
}

body.blog {

    .inner-page {
        padding:6em 0 6em;
        background-position: center!important;
    }

    .articles.container {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
        gap:2em;
        padding:2em 1em;
        text-align: center;
        
        article {
            background:rgba(0,0,0,.05);
            padding:1em;
            border-radius:10px;
        }
        .post-thumbnail {
            
            display: inline-block;
            width:100%;
            height:0;
            padding-bottom:70%;
            border-radius:7px;
            overflow: hidden;
            position: relative;
            margin-bottom: 1em;

            img {
                position:absolute;
                top:0;
                left:0;
                height:100%;
                width:100%;
                object-position:center;
                object-fit: cover;
            }

        }

        .posted-on .updated {
            display: none;
        }
        

        h2 {
            font-size:1.2em;
        }

        .wp-block-button {
            margin-top:2em;
        }
    }
}

@media all and (max-width:992px){
    body.blog {

    
        .articles.container {
            grid-template-columns: 1fr;
        }
    }

    body.single-post {
        .blog-post-header {
            padding:1em;
            grid-template-columns: 1fr;
        }
        .container {
            grid-template-columns: 1fr;
        }
    }
}