body.single{
    --width-entry-content : 60vw;
}


body.single header#masthead {
    border-bottom: 1px solid var(--blue-border);
    background: rgba(255, 255, 255, 0.85);
    box-shadow: 0px 2px 14px 0px rgba(101, 109, 142, 0.10);
    backdrop-filter: blur(17px);
}

main#site-content article{
    position: relative;
    max-width: 100%;
}
.row-single-content{
    display: flex;
    justify-content: space-between;
    width: 100%;
}
body.single .single-entry-content{
    padding-left: var(--container-space);
    padding-top: calc(var(--header-height-fixed) * 1);
    padding-bottom: var(--header-height-fixed);
}
body.single .single-entry-content{
    display: flex;
    flex-direction: column;
    width: var(--width-entry-content);
}
body.single .single-entry-content h1{
    color: var(--secondary);
    font-size: var(--xl-large-font);
    font-style: normal;
    font-weight: 600;
    line-height: 110%;
    margin-top: calc(var(--gap) * 2);
    margin-bottom: calc(var(--gap) * 2);
}
body .single-entry-content > :where(:not(.alignleft, .alignright, .alignfull, .alignwide, .container)){
    max-width: calc(var(--wp--style--global--content-size) * 1.1);
}
.single-entry-thumbnail{
    -webkit-position: sticky;
    position: sticky;
    top: 0;
    height: 100vh;
    max-width: calc(100% - var( --width-entry-content));
}
.single-entry-thumbnail img{
    width: 100%;
    object-fit: cover;
    object-position: center;
    height: 100vh;
}
.post-blog-content iframe{
 max-width: 100%;
}
#breadcrumbs span{
    display: flex;
    gap: 8px;
    font-size: var(--small-font);
}
#breadcrumbs span.breadcrumb_last {
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    max-width: clamp(150px, 30%, 28vw);
    display: block;
}
#breadcrumbs > span > span:first-of-type{
    color: var(--primary);
}
.single-entry-meta{
    padding-bottom: calc(var(--gap) * 2);
    margin-bottom: calc(var(--gap) * 2);
    border-bottom: 1px solid var(--blue-border);
}

.single-entry-meta-right{
    gap: calc(var(--gap));
}
.single-entry-meta-right .views-count{
    display: flex;
    gap: calc(var(--gap) * 0.25);
}
.single-entry-meta-right .views-count svg path{
    fill: var(--primary);
}
span.content-post-date{
    display: flex;
    width: max-content;
    gap: calc(var(--gap) * 0.5);
    align-items: center;
}
span.content-post-date > span{
    color: var(--primary);
}
/* Table content */
div#ez-toc-container{
    display: flex;
    padding: var(--gap);
    flex-direction: column;
    justify-content: center;
    align-items: flex-start;
    gap: var(--gap);
    align-self: stretch;
    border-radius: var(--radius);
    border: 1px solid rgba(255, 37, 129, 0.40);
    background: #FFF;
    box-shadow: 0px 1px 14px 0px rgba(106, 106, 106, 0.15);
}
#ez-toc-container nav{
    width: 100%;
}
#ez-toc-container ul{
    list-style: none;
}
#ez-toc-container .ez-toc-list-level-1{
    padding-left: 0px!important;
    width: 100%;
    margin: 0;
    gap: 0;
    display: flex;
    flex-direction: column;
}
.ez-toc-heading-level-2{
    display: flex;
    width: 100%;
    padding: calc(var(--gap) * 0.25) calc(var(--gap) * 0.25) 0 calc(var(--gap) * 1.2);
    margin-left: var(--gap);
    align-items: flex-start;
    align-self: stretch;
    flex-direction: column;
    gap: calc(var(--gap) * 0.25);
    border-left: 2px solid var(--cream);
    position: relative;
}
.ez-toc-heading-level-2:before {
    content: "";
    position: absolute;
    width: 8px;
    height: 8px;
    border-radius: 20px;
    background: var(--secondary);
    left: -1px;
    top: calc(var(--gap) * 0.25);
    transform: translate(-50%, 2px);
    z-index: 0;
    border: 4px solid var(--white);
}
body #ez-toc-container .ez-toc-list-level-3 {
    gap: 0;
    width: 100%;
    border-left: 1px solid var(--blue-border)!important;
    margin-bottom: calc(var(--gap) * 1);
}

.ez-toc-list-level-3 > li{
    padding: calc(var(--gap) * 0.25) calc(var(--gap) * 0.75) 0 calc(var(--gap) * 1);
}
.ez-toc-list-level-3 > li:last-child{
    padding-bottom: 0;
}
.ez-toc-list-level-3 > li:first-child{
    padding-top: 0;
}
.ez-toc-title-container{
    display: flex;
    align-items: center;
    gap: calc(var(--gap) * 0.75);
}
div#ez-toc-container .ez-toc-title{
    color: var(--grey);
    font-size: var(--medium-font);
    font-style: normal;
    font-weight: 500;
    line-height: normal;
    margin: 0;
}

#ez-toc-container .ez-toc-heading-level-2 a{
    font-size: var(--regular-font);
}
#ez-toc-container .ez-toc-heading-level-3 a{
    font-size: var(--small-font);
    color: var(--black);
}
div#like-the-post{
    display: flex;
    flex-direction: column;
    gap: calc(var(--gap) * 1.5);
    align-items: center;
    justify-content: center;
}
div#like-the-post h3{
    color: var(--grey);
    font-size: var(--medium-font);
    font-style: normal;
    font-weight: 600;
    line-height: normal;
    margin-top: 0;
    margin-bottom: calc(var(--gap) * 0.25);
}

#single-after-content{
    display: flex;
    flex-direction: column;
    padding: calc(var(--gap) * 2) 0;
    margin-top: calc(var(--gap) * 2);
    gap: calc(var(--gap) * 6);
    border-top: 1px solid var(--blue-border);
}
.row-subtitle h2{
    display: flex;
    align-items: center;
    gap: var(--gap);
    font-size: var(--large-font);
    font-style: normal;
    line-height: normal;
}


/*******************/
  /* RESPONSIVE */
/*******************/

@media (max-width: 1600px) {
    body.single{
        --width-entry-content : 55vw;
    }

}
@media (max-width: 1440px) {
    body.single .single-entry-content{
        padding-right: calc(var(--gap)*3);
    }
}
@media (max-width: 1280px) {
    body.single{
        --width-entry-content : 60vw;
    }
}
@media (max-width: 1023px) {
    body.single{
        --width-entry-content : 100vw;
    }

    .row-single-content{
        flex-direction: column-reverse;
    }
    body.single .single-entry-content {
        padding-right: 0;
    }
    .single-entry-meta {
        padding-bottom: calc(var(--gap) * 1);
        margin-bottom: calc(var(--gap) * 1);
        border-bottom: 0px solid var(--blue-border);
    }
    .single-entry-thumbnail{
        position: relative;
        height: auto;
        margin-bottom: var(--gap);
    }
    .row-single-content > .single-entry-thumbnail {
        display: none;
    }
    .single-entry-thumbnail img{
        object-fit: contain;
        height: auto;
        border-radius: var(--radius);
    }
    
    body.single .single-entry-content {
        width: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-left: calc(var(--container-space-vw) * 1);
        padding-right: calc(var(--container-space-vw) * 1);
        padding-top: calc(var(--header-height-fixed)*1.5);
        padding-bottom: var(--header-height-fixed);
        border-right: none;
        box-shadow: none;
    }
}
@media (max-width: 992px) {

}
@media (max-width: 768px) {
    body.single .single-entry-content > *{
        max-width: 100%;
    }

    body.single .single-entry-content #breadcrumbs > span{
        flex-wrap: wrap;
        row-gap: 2px;
    }
    body.single .single-entry-content .single-entry-meta{
        border-bottom: 0;
        margin-bottom: calc(var(--gap) * 0.5);
    }
}
@media (max-width: 575px) {

    #breadcrumbs span {
        font-size: var(--small-font);
    }
    body.single .single-entry-content h1 {
        font-size: var(--x-large-font);
        margin-top: calc(var(--gap) * 1);
        margin-bottom: calc(var(--gap) * 1.5);
    }
    body.single .single-entry-content {
        padding-left: calc(var(--gap) * 1);
        padding-right: calc(var(--gap) * 1);
        padding-top: calc(var(--header-height-fixed) * 1.25);
    }
    .single-entry-meta {
        padding-bottom: 0;
    }
    .single-entry-meta-right {
        gap: calc(var(--gap));
        font-size: var(--small-font);
    }
    
}
@media (max-width: 420px) {

}