/*
Theme Name: Vkusopedia theme
Theme URI: https://vkusopedia.bg
Description: A custom theme for Vkusopedia website. Child of Hello Elementor theme.
Author: Agma Studio
Author URI: https://agma.bg
Template: hello-elementor
Version: 1.0.0
Text Domain: vkusopedia
License: GNU General Public License v3 or later.
License URI: https://www.gnu.org/licenses/gpl-3.0.html
Tags: custom-background, custom-logo, custom-menu, featured-images
*/


/*** ELEMENTOR FIXES ***/
.elementor-icon-wrapper{
    display: flex;
}
.elementor-widget-text-editor a,
.elementor-widget-text-editor a:hover{
    font-size: inherit;
    font-weight: inherit;
}
 
.elementor-widget-theme-post-content p:only-child,
.elementor-widget-theme-post-content *:last-child{
    margin: 0;
}
 
.elementor-widget-text-editor p:only-child,
.elementor-widget-text-editor p:last-child{
    margin: 0;
}
 
.elementor-lightbox .dialog-lightbox-widget-content .dialog-close-button{
    cursor: pointer; 
    will-change: transform;
}
.elementor-lightbox .dialog-lightbox-widget-content .dialog-close-button{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.elementor-lightbox .dialog-lightbox-widget-content .dialog-close-button:hover{
    transform: rotate(90deg); 
    -moz-transform: rotate(90deg); 
    -webkit-transform: rotate(90deg); 
    -o-transform: rotate(90deg); 
    -ms-transform: rotate(90deg); 
    transform-origin: center; 
    -moz-transform-origin: center; 
    -webkit-transform-origin: center; 
    -o-transform-origin: center; 
    -ms-transform-origin: center; 
    transform-style: preserve-3d; 
    -moz-transform-style: preserve-3d; 
    -webkit-transform-style: preserve-3d; 
    -o-transform-style: preserve-3d; 
    -ms-transform-style: preserve-3d; 
    -webkit-backface-visibility: hidden;
 
    font-size: var(--lightbox-header-icons-size);
}
.elementor-popup-modal .dialog-close-button:focus-visible,
.elementor-popup-modal .dialog-close-button:focus,
.elementor-popup-modal .dialog-close-button:active{
    outline: none;
    border: 0;
}
 
.elementor-heading-title > a{
    font-size: inherit;
    font-weight: inherit;
    line-height: inherit;
    text-transform: inherit;
}
.elementor-widget-heading .elementor-heading-title[class*=elementor-size-]>a{
    color: inherit;
    font-size: inherit;
    line-height: inherit;
    font-family: inherit;
    font-weight: inherit;
    text-transform: inherit;
}
 
@media (width > 782px) {
    body.admin-bar .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__container{
        top: 32px;
    }
    body.admin-bar .elementor-menu-cart__main{
        height: calc(100% - 32px);
    }
}
@media (600px <= width <= 782px) {
    body.admin-bar .elementor-widget-woocommerce-menu-cart .elementor-menu-cart__container{
        top: 46px;
    }
}

.elementor-widget-off-canvas {
    --e-off-canvas-animation-duration: 0.5s;
}

.elementor-counter{
    text-align: center;
}

@media (width <= 480px) {
    .elementor-widget-loop-grid .elementor-loop-container{
        grid-auto-rows: auto !important;

        & .e-loop-item > .elementor-element{
            height: auto !important;
        }
    }
    .remove-equal-height-on-mobiles{
        display: flex;
        flex-direction: column;

        & .elementor-element{
            height: auto !important;
        }
    }
}
/*** ELEMENTOR FIXES ***/


/*** ELEMENTOR BETTER GLOBALS ***/
body{
    --e-global-typography-text-font-weight: 400;
    --e-global-typography-ba4aa93-font-weight: 400;
    --e-global-typography-6f63718-font-weight: 500;

    --color-white: var(--e-global-color-35d2092);
    --color-white-70: var(--e-global-color-79f9823);
    --color-white-50: var(--e-global-color-540b004);
    --color-white-25: var(--e-global-color-e67b873);
    --color-white-15: var(--e-global-color-87827fb);
    --color-transparent: var(--e-global-color-0c57e9e);
    --color-primary: var(--e-global-color-primary);
    --color-secondary: var(--e-global-color-secondary);
    --color-text: var(--e-global-color-text);
    --color-accent: var(--e-global-color-accent);
    --color-black: var(--e-global-color-bf6e092);
    --color-black-50: var(--e-global-color-d354852);
    --color-green-dark: var(--e-global-color-d19580e);
    --color-green-dark-50: var(--e-global-color-5238f8a);
    --color-green-medium: var(--e-global-color-62e112a);
    --color-green-medium-15: var(--e-global-color-48b4d90);
    --color-green-light: var(--e-global-color-6d6abdd);
    --color-red: var(--e-global-color-0865edf);
    --color-orange: var(--e-global-color-8b3761d);
    --color-yellow: var(--e-global-color-71dcb9d);
    --color-beige: var(--e-global-color-00dbedb);
    --color-beige-light: var(--e-global-color-c18d95a);

    --font-jost: var(--e-global-typography-primary-font-family);
    --font-comic-sans: var(--e-global-typography-1ea850d-font-family);

    --item-text-active-color: var(--color-white-70);
    --item-text-active-decoration: none;

    /*
    --color-white-80: var(--e-global-color-f2a71c8);
    --color-white-65: var(--e-global-color-165bfb3);
    
    --font-primary: var(--e-global-typography-39208c4-font-family);
    */
}
/*** ELEMENTOR BETTER GLOBALS ***/


/*** GLOBALS ***/
a,
button,
.agma-button,
.noSelect{
    -webkit-touch-callout: none; 
    -webkit-user-select: none; 
    -khtml-user-select: none; 
    -moz-user-select: none; 
    -ms-user-select: none; 
    user-select: none; 
    -webkit-tap-highlight-color: transparent;

    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
/*** GLOBALS ***/


/*** CLASSES ***/
.aspect-ratio-1-1{
    aspect-ratio: 1 / 1;
}
.centered-horizontaly{
	transform: translate(-50%, 0);
}
.centered-verticaly{
	transform: translate(0, -50%);
}
.centered-horizontaly-verticaly{
	transform: translate(-50%, -50%);
}
.pointer-events-none{
    pointer-events: none;
}
/*** CLASSES ***/


/*** ELEMENTS ***/
.elementor-widget-button{
    & .elementor-button{

        & .elementor-button-content-wrapper{
            align-items: center;

            & .elementor-button-icon{
                margin-left: 0;
                -webkit-transition: all 0.4s ease;
                -moz-transition: all 0.4s ease;
                -o-transition: all 0.4s ease;
                -ms-transition: all 0.4s ease;
                transition: all 0.4s ease;

                i{
                    font-size: 18px;
                }
            }
        }

        &:hover{
            & .elementor-button-icon{
                margin-left: 15px;
            }
        }
    }
}
.elementor-widget-button.category-button{
    & .elementor-button{
        padding: 17px 25px;

        & .elementor-button-icon{
            margin-left: 0;

            i{
                font-size: 24px;
            }
        }
        & .elementor-button-text{
            letter-spacing: normal;
        }
        &:hover{
            padding: 17px 10px 17px 25px;

            & .elementor-button-icon{
                margin-left: 15px;
            }
            & .elementor-button-text{
                letter-spacing: normal;
            }
        }
    }
}

.category-box .elementor-widget-icon{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.category-box:hover .elementor-widget-icon{
    margin-left: 15px;
    margin-right: -15px;
}

.agma-link-with-arrow .elementor-icon-box-wrapper{
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.agma-link-with-arrow:hover .elementor-icon-box-wrapper{
    gap: 20px !important;
}
/*** ELEMENTS ***/


/*** RESPONSIVE VIDEOS ***/
.elementor-widget-theme-post-content p:has(iframe){
    position: relative; 
    padding-bottom: 56.25%; 
    height: 0; 
    overflow: hidden;
}
.elementor-widget-theme-post-content p:has(iframe) iframe, 
.elementor-widget-theme-post-content p:has(iframe) object, 
.elementor-widget-theme-post-content p:has(iframe) embed{
    position: absolute; 
    top: 0; 
    left: 0; 
    width: 100%; 
    height: 100%;
}
/*** RESPONSIVE VIDEOS ***/


/*** HEADER ***/
header.elementor-location-header{

    & .elementor-widget-search .e-search-form{
        height: 40px;
        max-height: 40px;

        & .e-search-input-wrapper{
            margin-right: -10px;
            z-index: 1;

            & .e-search-input{

            }
        }
        & .e-search-submit{
            z-index: 2;
        }
    }
}

.mobile-nav-credits .elementor-shortcode{
    display: flex;
    flex-direction: column;
    gap: 0;
    text-align: center;

    & .footer-credits{
        margin: 0;
    }
    & .footer-signature{
        margin: 0;
    }
    p{
        font-size: var(--e-global-typography-5b84614-font-size);
        color: var(--e-global-color-secondary);
    }
    a{
        color: var(--e-global-color-secondary);

        &:hover{
            color: var(--e-global-color-62e112a);
        }
    }
}
/*** HEADER ***/


/*** FOOTER ***/
.footer-credits .elementor-shortcode{
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    gap: 20px;

    @media (width <= 620px) {
        flex-direction: column;
        gap: 0;
    }

    & .footer-credits{
        margin: 0;
    }
    & .footer-signature{
        margin: 0;
    }
    p{
        font-size: var(--e-global-typography-5b84614-font-size);
        color: var(--e-global-color-540b004);
    }
    a{
        color: var(--e-global-color-540b004);

        &:hover{
            color: var(--e-global-color-35d2092);
        }
    }
}
/*** FOOTER ***/


/*** HOMEPAGE ***/
.hero-container .hero-title span{
    color: var(--color-yellow);
}
@media (width <= 768px) {
    .hero-container:before{
        background-image: linear-gradient(90deg, var( --color-black ) 0%, var( --color-black ) 100%) !important;
    }
}

.continuous-carousel{
    ul{
        color: var(--color-white);
        font-family: var(--font-comic-sans);
        font-size: 20px;
        font-style: italic;
        justify-content: flex-start;

        @media (width <= 768px) {
            font-size: 18px;
        }
        @media (width <= 620px) {
            font-size: 16px;
        }
        @media (width <= 420px) {
            font-size: 14px;
        }

        li{
            display: flex;
            flex-direction: row;
            align-items: center;
            gap: 20px;

            &:before{
                content: '';
                width: 14px;
                height: 14px;
                display: block;
                background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 7C14 6.10783 13.2759 5.38375 12.3837 5.38375H10.9016L11.9506 4.3348C12.5825 3.70284 12.5825 2.67975 11.9506 2.04941C11.3186 1.41907 10.2955 1.41746 9.6652 2.04941L8.61625 3.09836V1.61626C8.61625 0.724082 7.89217 0 7 0C6.10783 0 5.38374 0.724082 5.38374 1.61626V3.09836L4.3348 2.04941C3.70284 1.41746 2.67975 1.41746 2.04941 2.04941C1.41907 2.68137 1.41746 3.70446 2.04941 4.3348L3.09836 5.38375H1.61626C0.724082 5.38375 0 6.10783 0 7C0 7.89217 0.724082 8.61626 1.61626 8.61626H3.09836L2.04941 9.66521C1.41746 10.2972 1.41746 11.3202 2.04941 11.9506C2.68137 12.5825 3.70446 12.5825 4.3348 11.9506L5.38374 10.9016V12.3837C5.38374 13.2759 6.10783 14 7 14C7.89217 14 8.61625 13.2759 8.61625 12.3837V10.9016L9.6652 11.9506C10.2972 12.5825 11.3202 12.5825 11.9506 11.9506C12.5825 11.3186 12.5825 10.2955 11.9506 9.66521L10.9016 8.61626H12.3837C13.2759 8.61626 14 7.89217 14 7Z" fill="%23E8BB07"/></svg>');
            }
        }
    }
}

.spice-container .image{
    flex-grow: 1;
}
/*** HOMEPAGE ***/


/*** POST ARCHIVE ***/
.post-loop-item .more-link:hover .elementor-icon-box-icon{
	-webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
}
.post-loop-item .more-link:hover .elementor-icon-box-icon{
	margin-left: 10px;
}
.post-loop-item .more-link:hover .elementor-icon-box-icon .elementor-icon{
	fill: var( --e-global-color-d19580e ) !important;
	color: var( --e-global-color-d19580e ) !important;
}

@media (width <= 1024px) {
    .author-image{
        position: relative !important;
    }
}
/*** POST ARCHIVE ***/


/*** SPICES ARCHIVE ***/
.facetwp-facet.facetwp-facet-type,
.facetwp-facet.facetwp-facet-kitchen{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: self-start;
    gap: 10px;
    margin: 0;

    & > div{
        background: transparent;
        margin-bottom: 0px;
        cursor: pointer;
        border: 1px solid #46683626;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: #1B300880;
        padding: 7px 15px;
        line-height: 20px;
        display: block;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

        &:hover{
            border-color: var(--color-green-light);
            color: var(--color-green-dark);
        }
        & .facetwp-display-value{
            padding: 0;
            display: block;
            line-height: 20px;
        }
        & .facetwp-counter{
            display: none;
        }

        @media (width <= 620px) {
            color: var(--color-green-dark);
            border-color: var(--color-green-dark);
        }

    }
    & .checked,
    & .checked:hover{
        color: var(--color-white);
        background-color: var(--color-green-dark);
        border-color: var(--color-green-dark);
        background-image: none;
        line-height: 20px;
        display: block;
    }
    & .disabled{
        cursor: not-allowed;
    }

}
.facetwp-facet.facetwp-facet-count_spices{
    margin: 0;
    font-size: 16px;
    line-height: 1;
    color: #1B300880;

    @media (width <= 620px) {
        color: var(--color-green-dark);
    }
}
.facetwp-facet.facetwp-facet-sort_spices{
    margin: 0;

    select{
        background: transparent;
        cursor: pointer;
        border: 1px solid #46683626;
        border-radius: 4px;
        font-size: 14px;
        font-weight: 400;
        color: #1B300880;
        padding: 7px 15px;
        line-height: 20px;
        display: block;

        -webkit-transition: all 0.4s ease;
        -moz-transition: all 0.4s ease;
        -o-transition: all 0.4s ease;
        -ms-transition: all 0.4s ease;
        transition: all 0.4s ease;

        &:active,
        &:focus,
        &:focus-visible,
        &:focus-within{
            outline: none;
        }

        @media (width <= 620px) {
            color: var(--color-green-dark);
            border-color: var(--color-green-dark);
        }
    }

    &:hover select{
        border-color: var(--color-green-light);
        color: var(--color-green-dark);
    }
}

& .facetwp-facet.facetwp-facet-load_more{
    margin: 0;

    button{
        border-color: var(--color-red);
        margin-top: 60px;

        @media (width <= 620px) {
            margin-top: 40px;
        }
    }
    button:hover,
    button:focus{
        border-color: var(--color-secondary);
    }
    button:focus-visible{
        outline: none;
    }
}
/*** SPICES ARCHIVE ***/


/*** SINGLE SPICE ***/
.podpravka-content.elementor-widget-theme-post-content{
    p,
    ul,
    ol{
        margin: 0 0 25px 0;
        padding: 0;
    }

    p:last-child,
    p:only-child{
        margin: 0;
    }

    p a{
        color: var(--color-green-dark);
        font-style: normal;
        text-decoration: underline;

        &:hover{
            color: var(--color-green-light);
        }
    }

    p > strong{
        color: var(--color-green-dark);
    }

    table{
        margin: 0 0 25px 0;
        padding: 0;
        background-color: var(--color-white);
        display: block;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        width: fit-content;
        max-width: 100%;

        thead{
            color: var(--color-green-dark);
        }
    }
    table tbody>tr:nth-child(odd)>td, 
    table tbody>tr:nth-child(odd)>th,
    table tbody tr:hover>td, 
    table tbody tr:hover>th{
        background-color: var(--color-beige-light);
    }

    & .wp-block-image{
        margin: 0 0 40px 0;

        img{
            width: 100%;
            max-width: 100%;
            border-radius: 20px;
        }
    }

    h2{
        margin: 0 0 20px 0;
        padding: 15px 0 0 0;
        font-size: 44px;
        font-style: normal;
    }
    h3{
        margin: 0 0 20px 0;
        padding: 15px 0 0 0;
        font-size: 28px;
        font-style: normal;
    }
    @media (width <= 1280px) {
        h2{
            font-size: 38px;
        }
        h3{
            font-size: 24px;
        }
    }
    @media (width <= 768px) {
        h2{
            font-size: 32px;
        }
        h3{
            font-size: 22px;
        }
    }
}

.podpravka-green-box{
    & .elementor-widget-table-of-contents{
        & .elementor-toc__header{
            padding-bottom: 20px;
        }
        & .elementor-toc__body{
            ul{
                padding-right: 15px;

                li{
                    border-bottom: 1px solid var(--color-white-15);
                    padding: 15px 0;
                    margin: 0;

                    & .elementor-toc__list-item-text-wrapper{
                        position: relative;

                        &::before{
                            content: '';
                            width: 14px;
                            height: 14px;
                            background-image: url('data:image/svg+xml,<svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M14 7C14 6.10783 13.2759 5.38375 12.3837 5.38375H10.9016L11.9506 4.3348C12.5825 3.70284 12.5825 2.67975 11.9506 2.04941C11.3186 1.41907 10.2955 1.41746 9.6652 2.04941L8.61625 3.09836V1.61626C8.61625 0.724082 7.89217 0 7 0C6.10783 0 5.38374 0.724082 5.38374 1.61626V3.09836L4.3348 2.04941C3.70284 1.41746 2.67975 1.41746 2.04941 2.04941C1.41907 2.68137 1.41746 3.70446 2.04941 4.3348L3.09836 5.38375H1.61626C0.724082 5.38375 0 6.10783 0 7C0 7.89217 0.724082 8.61626 1.61626 8.61626H3.09836L2.04941 9.66521C1.41746 10.2972 1.41746 11.3202 2.04941 11.9506C2.68137 12.5825 3.70446 12.5825 4.3348 11.9506L5.38374 10.9016V12.3837C5.38374 13.2759 6.10783 14 7 14C7.89217 14 8.61625 13.2759 8.61625 12.3837V10.9016L9.6652 11.9506C10.2972 12.5825 11.3202 12.5825 11.9506 11.9506C12.5825 11.3186 12.5825 10.2955 11.9506 9.66521L10.9016 8.61626H12.3837C13.2759 8.61626 14 7.89217 14 7Z" fill="%23E8BB07"/></svg>');
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: contain;
                        }
                        &::after{
                            content: '';
                            width: 20px;
                            height: 13px;
                            background-image: url('data:image/svg+xml,<svg width="20" height="13" viewBox="0 0 20 13" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M19.5511 6.01788L13.781 0.201538C13.5149 -0.0645941 13.0829 -0.068451 12.8168 0.197681C12.5506 0.463813 12.5468 0.895796 12.8129 1.16193L17.4297 5.81731H0.682687C0.304702 5.81731 0 6.12201 0 6.5C0 6.87798 0.304702 7.18269 0.682687 7.18269H17.4297L12.8129 11.8381C12.5468 12.1042 12.5506 12.5362 12.8168 12.8023C13.0829 13.0685 13.5149 13.0646 13.781 12.7985L19.5511 6.98212C19.8133 6.71599 19.8133 6.28401 19.5511 6.01788Z" fill="%23E8BB07"/></svg>');
                            background-repeat: no-repeat;
                            background-position: center;
                            background-size: contain;
                            position: absolute;
                            right: 0;
                            top: 50%;
                            transform: translate(-50%, -50%);

                            -webkit-transition: all 0.4s ease;
                            -moz-transition: all 0.4s ease;
                            -o-transition: all 0.4s ease;
                            -ms-transition: all 0.4s ease;
                            transition: all 0.4s ease;
                        }
                        
                        svg{
                            display: none;
                        }
                        a:hover{
                            color: var(--color-white-70);
                            text-decoration: none;
                        }
                    }
                    &:hover{
                        & .elementor-toc__list-item-text-wrapper{
                            &::after{
                                right: -15px;
                            }
                        }
                    }
                }
                li:last-child,
                li:only-child{
                    border-bottom: 0px;
                }
            }
        }
    }
}

.related-podpravki-sidebar{
    & .elementor-loop-container{
        & .e-loop-item:not(:last-child):not(:last-of-type):not(only-of-type):not(:only-child){
            margin: 0 0 20px 0;
            padding: 0 0 20px 0;
            border-bottom: 1px solid var(--color-green-medium-15);
        }
    }
}

ul.spice-list{
    list-style: none;
    margin: 0;
    padding: 0;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    gap: 10px;

    li{

        a{
            display: block;
            background-color: #E5E0BB;
            font-size: 16px;
            line-height: 20px;
            color: #1B300899;
            padding: 6px 14px;
            border-radius: 4px;
            border: 1px solid #D4CFAE;
            text-decoration: none;

            &:hover{
                background-color: #D4CFAE;
                text-decoration: none;
            }
        }
    }

}
/*** SINGLE SPICE ***/


/*** SINGLE POST ***/
.single-post-hero{
    & #breadcrumbs{
        & > span{
            display: flex;
            flex-wrap: wrap;
            align-items: center;
        }
        a,
        & > span > span{
            display: inline-block;
            line-height: 20px;

            @media (width <= 768px) {
                font-size: 12px;
            }
        }
        i{
            font-size: 14px;
            line-height: 20px;
        }
    }
}

.post-meta-data{
    & .post-reading-time{
        color: var(--color-green-dark);
        font-size: var( --e-global-typography-ba4aa93-font-size );
        line-height: var( --e-global-typography-ba4aa93-line-height );
        font-family: var( --font-jost ), Sans-serif;
        font-weight: var( --e-global-typography-text-font-weight );
    }
}

.post-content.elementor-widget-theme-post-content{
    display: flex;
    gap: 55px;
    justify-content: stretch;
    align-items: flex-start;
    position: relative;

    @media (width <= 1366px) {
        gap: 20px;
    }
    @media (width <= 1024px) {
        flex-direction: column;
        align-items: center;
        gap: 50px;
    }

    & .sidebar{
        width: 480px;
        background-color: var(--color-green-dark);
        border-radius: 10px;
        padding: 55px 45px 30px 45px;
        box-shadow: 15px 15px 30px 0px rgba(0, 0, 0, 0.05);
        order: 2;
        color: var(--color-white);

        position: -webkit-sticky;
        position: sticky;
        top: 20px;

        @media (width <= 1366px) {
            width: 400px;
        }
        @media (width <= 1024px) {
            order: 1;
            position: relative;
            top: unset;
            width: 480px;
        }
        @media (width <= 520px) {
            width: 100%;
            padding: 55px 20px 30px 20px;
        }

        & .sidebar-heading{
            font-size: 20px;
            font-weight: 400;
            line-height: 100%;
            color: var(--color-white);
            margin: 0 0 20px 0;
        }

        ul.sidebar-toc{
            list-style: decimal-leading-zero;
            list-style-position: inside;
            padding: 0;

            ::marker{
                color: var(--color-yellow);
                letter-spacing: 2px;
                font-size: 14px;
            }

            li{
                padding: 10px 0;

                a{
                    color: var(--color-white);
                    text-decoration: none;
                    -webkit-transition: all 0.3s ease;
                    -moz-transition: all 0.3s ease;
                    -o-transition: all 0.3s ease;
                    -ms-transition: all 0.3s ease;
                    transition: all 0.3s ease;

                    &:hover{
                        text-decoration: none;
                        color: var(--color-yellow);
                    }
                }
            }
            li:not(:last-child):not(:only-child){
                border-bottom: 1px solid;
                border-image-source: linear-gradient(90deg, var(--color-white-50) 0%, var(--color-green-dark) 100%);
                border-image-slice: 1;
            }
        }
    }

    & .content{
        width: calc(100% - 535px);
        order: 1;

        @media (width <= 1366px) {
            width: calc(100% - 420px);
        }
        @media (width <= 1024px) {
            width: 100%;
        }

        p,
        ul,
        ol{
            margin: 0 0 25px 0;
            padding: 0;
        }

        p:last-child,
        p:only-child{
            margin: 0;
        }

        p a{
            color: var(--color-green-dark);
            font-style: normal;
            text-decoration: underline;

            &:hover{
                color: var(--color-green-light);
            }
        }

        p > strong{
            color: var(--color-green-dark);
        }

        table{
            margin: 0 0 25px 0;
            padding: 0;
            background-color: var(--color-white);
            display: block;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            width: fit-content;
            max-width: 100%;

            thead{
                color: var(--color-green-dark);
            }
        }
        table tbody>tr:nth-child(odd)>td, 
        table tbody>tr:nth-child(odd)>th,
        table tbody tr:hover>td, 
        table tbody tr:hover>th{
            background-color: var(--color-beige-light);
        }

        & .wp-block-image{
            margin: 0 0 40px 0;

            img{
                width: 100%;
                max-width: 100%;
                border-radius: 20px;
            }
        }

        h2{
            margin: 0 0 40px 0;
            padding: 5px 0 0 0;
            font-size: 44px;
            font-style: normal;
        }
        h3{
            margin: 0 0 40px 0;
            padding: 5px 0 0 0;
            font-size: 28px;
            font-style: normal;
        }
        @media (width <= 1280px) {
            h2{
                font-size: 38px;
            }
            h3{
                font-size: 24px;
            }
        }
        @media (width <= 768px) {
            h2{
                font-size: 32px;
            }
            h3{
                font-size: 22px;
            }
        }

        & .ai-answer-block{
            background-color: var(--color-yellow);
            color: var(--color-green-dark);
            margin: 0 0 25px 0;
            padding: 40px 40px 40px 80px;
            border-radius: 20px;
            position: relative;

            h3{
                color: inherit;
            }
            p{
                font-weight: 400;
            }
            &:before{
                content: '\e903';
                font-family: "feather";
                width: 30px;
                height: 30px;
                display: block;
                font-size: 30px;
                line-height: 30px;
                text-align: center;
                position: absolute;
                left: 30px;
                top: 50px;
                z-index: 2;
            }
            &:after{
                content: "";
                width: 26px;
                height: 26px;
                background-color: var(--color-beige-light);
                border-radius: 50%;
                position: absolute;
                top: 52px;
                left: 32px;
                z-index: 1;
            }
        }

        & .quick-facts{
            margin: 0 0 25px 0;
        }

        & .faq-block{
            background-color: var(--color-beige);
            margin: 0;
            padding: 40px 40px 20px 40px;
            border-radius: 20px;
            position: relative;

            @media (width <= 480px) {
                padding: 40px 20px 20px 30px;
            }

            h2{
                margin: 0 0 10px 0;
                padding: 0;
            }
            h5{
                font-size: 28px;
                font-weight: 400;
                line-height: 100%;
                color: var(--color-green-light);
                margin: 0 0 20px 0;
            }

            & .faq-item{
                display: flex;
                flex-direction: column;
                padding: 20px 0;
                gap: 20px;

                h3{
                    font-size: 20px;
                    line-height: 120%;
                    letter-spacing: 0.3px;
                    padding: 0;
                    margin: 0;
                }
                & .faq-answer{
                    color: var(--color-green-dark);
                }
            }
            & .faq-item:not(:last-child):not(:only-child){
                border-bottom: 1px solid;
                border-image-source: linear-gradient(90deg, var(--color-black-50) 0%, var(--color-beige) 100%);
                border-image-slice: 1;
            }
        }

        strong{
            font-weight: 600;
        }
    }
}

body.admin-bar .elementor-widget-theme-post-content .sidebar{
    top: 52px;

    @media (width <= 1024px) {
        top: unset;
    }
}

div[data-elementor-type="single-post"] .elementor-author-box,
div[data-elementor-type="archive"] .elementor-author-box{
    img{
        display: block;
    }

    @media (width <= 620px) {
        flex-direction: column;
    }
    & .elementor-author-box__avatar{
        @media (width <= 620px) {
            margin: 0 auto 40px auto !important;
        }
    }
    & .elementor-author-box__button{
        @media (width <= 480px) {
            width: 100%;
        }
    }
    & .elementor-author-box__name{
        margin: 0 0 20px 0;
    }
}
/*** SINGLE POST ***/


/*** BACK TO TOP ***/
.cd-top{
    display: block; 
    height: 40px; 
    width: 40px; 
    position: fixed; 
    bottom: 20px; 
    right: 20px; 
    box-shadow: 0 0 5px rgba(0,0,0,0.15); 
    overflow: hidden; 
    visibility: hidden; 
    opacity: 0; 
    background-color: var(--color-green-medium);
    color: var(--color-white) !important;
    border-radius: 50%; 
    z-index: 1000;
    cursor: pointer;
 
    -webkit-transition: all 0.4s ease;
    -moz-transition: all 0.4s ease;
    -o-transition: all 0.4s ease;
    -ms-transition: all 0.4s ease;
    transition: all 0.4s ease;
 
    &:before{
        content: '\e845';
        font-family: "feather";
        font-style: normal;
        font-weight: normal;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        text-align: center;
        line-height: 40px;
        font-size: 20px;
    }
 
    &:hover{
        background-color: var(--e-global-color-secondary); 
        opacity: 1;
    }
}
.cd-top.cd-is-visible,
.cd-top.cd-fade-out,
.no-touch .cd-top:hover{
    -webkit-transition: opacity .3s 0s,visibility 0 0; 
    -moz-transition:opacity .3s 0s,visibility 0 0; 
    transition: opacity .3s 0s,visibility 0 0;
}
.cd-top.cd-is-visible{
    visibility: visible; 
    opacity: 1;
}
.cd-top.cd-fade-out{
    opacity: 1;
}
.no-touch .cd-top:hover{
    background-color: var(--e-global-color-secondary); 
    opacity: 1;
}
/*** BACK TO TOP ***/