/* Layout */

.avp-post-layout{

    display:flex;
    align-items:flex-start;
    gap:5%;

}

.avp-post-toc{

    order:1;
    width:20%;
    flex-shrink:0;
	align-self:flex-start;
	position:sticky;
    top:200px;
}

body.single-post {
    overflow-x:visible!important;
    overflow-y:visible!important;
}


.avp-post-body{

    order:2;

    width:75%;

    min-width:0;

}

.avp-post-toc h4{

    margin-bottom:22px;
    font-size:14px;
	opacity:0.7;

}

.avp-post-toc ul{

    position:relative;
    margin:0;
    padding:0 0 0 22px;
    list-style:none;

}

.avp-post-toc ul::before{

    content:"";

    position:absolute;

    left:0;
    top:0;
    bottom:0;

    width:1px;

    background:#E6E6E6;

}

.avp-post-toc li{

    position:relative;
	list-style:none;
    margin-bottom:18px;

}

.avp-post-toc li::before{

    content:"";

    position:absolute;

    left:-22px;
    top:0;

    width:3px;
    height:100%;

    background:#E4002B;

    transform:scaleY(0);
    transform-origin:top;

    transition:.25s ease;

}


.avp-post-toc a{

    display:block;
	
	font-size:15px;
	line-height:1.5;
    
	color:#9A9A9A;

    text-decoration:none;

    transition:.25s;

}

.avp-post-toc li.active a{

    color:#111;

}

.avp-post-toc li.active::before{

    transform:scaleY(1);

}

.avp-post-toc a:hover{

    opacity:1;

}

@media (max-width:1100px){

    .avp-post-layout{

        display:block;

    }

    .avp-post-body{

        width:100%;

    }

    .avp-post-toc{

        display:none;

    }

}