/*
Theme Name: BlankSlate
Theme URI: https://opencollective.com/blankslate
Author: Web Guy
Author URI: https://opencollective.com/blankslate#section-contributors
Description: Donate: https://opencollective.com/blankslate. Learn: https://blankslate.me/. BlankSlate is the definitive WordPress boilerplate starter theme. I've carefully constructed the most clean and minimalist theme possible for designers and developers to use as a base to build websites for clients or to build completely custom themes from scratch. Clean, simple, unstyled, semi-minified, unformatted, and valid code, SEO-friendly, jQuery-enabled, no programmer comments, standardized and as white label as possible, and most importantly, the CSS is reset for cross-browser-compatability, with no intrusive visual CSS styles added whatsoever. A perfect skeleton theme. For support and suggestions, go to: https://github.com/webguyio/blankslate/issues. Thank you.
Tags: accessibility-ready, one-column, two-columns, custom-menu, featured-images, microformats, sticky-post, threaded-comments, translation-ready
Version: 2025
Requires at least: 5.2
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v3 or Later
License URI: https://www.gnu.org/licenses/gpl.html
Text Domain: blankslate

BlankSlate WordPress Theme 2011-2025
BlankSlate is distributed under the terms of the GNU GPL
*/

:root {
    --orange-main: #e47413;
    --green-main: #5b920d;
}


body {
    font-family: 'AzarMehr', sans-serif;
    font-weight: 400;
    font-size: 16px;
    color: #311903;
    background-color: #faf7f4;

    font-smooth: antialiased;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizeLegibility;
    -webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -o-text-size-adjust: 100%;
    text-size-adjust: 100%;

}

.abar {
    font-family: 'Abar VF', sans-serif;
    font-variation-settings: "wght" 400, "CNTR" 0;
    font-feature-settings: "kern" on, "liga" on, "calt" on;
    -moz-font-feature-settings: "kern" on, "liga" on, "calt" on;
    -webkit-font-feature-settings: "kern" on, "liga" on, "calt" on;
    -ms-font-feature-settings: "kern" on, "liga" on, "calt" on;
    -o-font-feature-settings: "kern" on, "liga" on, "calt" on;
}


#wrapper {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    min-height: 100vh;
    display: flex;
    flex-direction: column;
    gap: 0;
}

header#header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    height: 150px;
    margin: 0 0 0;
}

div#site-title h1 {
    font-family: 'Abar VF';
    font-variation-settings: "wght" 950, "CNTR" 0;
}

ul.menu {
    gap: 25px;
    display: flex;
    align-items: center;

    li.language-switcher-wrapper {
        position: relative;

        &::before {
            content: 'انتخاب زبان';
            position: absolute;
            font-size: 0.7rem;
            font-weight: 900;
            background: rgb(49 25 3 / 15%);
            color: rgb(49 25 3 / 100%);
            top: -10px;
            right: 15px;
            padding: 3px 10px;
            border-radius: 40px;
            word-spacing: -1px;
            opacity: 0.9;
        }
    }

    .language-switcher {
        display: flex;
        background: #fff;
        padding: 5px;
        border-radius: 100px;
        gap: 3px;
    }

    .lang-item a {
        padding: 10px 12px;
        display: block;
        border-radius: 100px;
        transition: all 0.3s ease-in-out;

        &:hover {
            background: rgba(228, 116, 19, 0.35);
        }
    }

    .lang-item.current_page_item a {
        background: var(--orange-main);
        color: #fff;
        font-weight: 600;
        box-shadow: 0 7px 10px -3px var(--orange-main);
    }
}

.hero {
    position: relative;;

    &::before {
        content: '';
        display: block;
        position: absolute;
        background: rgb(228 116 19 / 15%);
        width: 100vw;
        height: 70vh;
        right: 50%;
        top: -150px;
        transform: translateX(50%);
        z-index: -1;
    }
}



.hero-inner {
    .kt-inside-inner-col {
        display: flex;
        align-items: center;
        gap: 2rem;

        h3.wp-block-kadence-advancedheading {
            font-size: 1.4rem;
            word-spacing: -4px;
            font-variation-settings: "wght" 700, "CNTR" 0;
        }

        h2.wp-block-kadence-advancedheading {
            font-size: 2rem;
            word-spacing: -4px;
            font-variation-settings: "wght" 950, "CNTR" 0;
            color: var(--orange-main);
        }

        .hero-desc.wp-block-kadence-advancedheading {
            font-size: 1.3rem;
            text-align: center;
            max-width: 800px;
            line-height: 1.7;
            word-spacing: -2px;

            strong {
                font-weight: 400;
            }
        }
    }
}





.poster-section {
    position: relative;

    > .kt-row-column-wrap {
        padding: 0 !important;

        .poster-section-inner {

            > .kt-inside-inner-col {
                gap: 0;
                padding: 10px;

                &::before {
                    content: '';
                    position: absolute;
                    z-index: -1;
                    width: 350px;
                    height: 350px;
                    top: 70px;
                    background: var(--orange-main);
                    right: 50%;
                    transform: translateX(50%);
                    border-radius: 100%;
                    filter: blur(110px);
                }

                figure.wp-block-image {
                    border-radius: 34px;
                    overflow: hidden;
                    box-shadow: 0 15px 40px -12px rgb(228 116 19 / 15%), 0 6px 12px -2px rgb(62 29 1 / 10%);
                    background: #fff;
                    padding: 10px;
                    max-width: 550px;
                    margin: 30px auto 20px;

                    img {
                        border-radius: 24px;
                    }
                }
    
                .poster-section-content {
                    height: 100%;
                    padding: 0;
                    text-align: right;
                    width: 800px;
                    margin: 5rem auto;

                .kt-inside-inner-col {
                        gap: 1rem;
                        display: flex;
                        font-size: 1.3rem;
                        line-height: 1.7;
                        word-spacing: -1px;
                        font-weight: 500;

                    i {
                        color: var(--orange-main);
                    }

                    ul.wp-block-list {
                        display: flex;
                        flex-direction: column;
                        gap: 1rem;
                        font-family: 'Abar VF';
                        font-variation-settings: "wght" 700, "CNTR" 0;
                        width: 120%;
                        position: relative;
                        right: 50%;
                        transform: translateX(50%);
                        margin: 2rem 0;

                        li {
                            background: #fff;
                            color: var(--orange-main);
                            padding: 15px 30px;
                            border-radius: 150px;
                            width: fit-content;
                            position: relative;
                        }
                    }


                    .wp-block-kadence-advancedbtn.kb-buttons-wrap {
                        margin: 30px 0 0;
                    }
                }
            }
        }
    }
}
}











.download {
    margin: 10rem 0;

    .download-title {
        font-size: 2rem;
        font-variation-settings: "wght" 950, "CNTR" 0;
        padding: 0 0 1rem;
    }

    .download-title-support {
        padding: 0 0 5rem;
    }

    .download-rows > .kt-inside-inner-col {
        gap: 2rem;
        display: flex;

        > .wp-block-kadence-column {
            background: #fff;
            padding: 5rem 1rem 1rem;
            border-radius: 24px;
            position: relative;

            > .kt-inside-inner-col {
                position: initial;
                gap: 2rem;
            }

            h3 {
                position: absolute;
                top: 0;
                background: rgb(228 116 19 / 15%);
                right: 50px;
                color: var(--orange-main);
                padding: 10px 30px;
                font-size: 1.2rem;
                font-variation-settings: "wght" 700, "CNTR" 0;
                word-spacing: -2px;
            }

            figure.wp-block-image {
                border-radius: calc(24px - 1rem);
                overflow: hidden;
                border: 1px solid rgb(228 116 19 / 70%);
                width: 22%;

                img {
                    object-fit: cover;
                    width: 100%;
                    height: 100%;
                }
            }
        }
    }
}












.google-sheet {
    margin: 10rem 0;

    .google-sheet-title {
        font-size: 1.6rem;
        font-variation-settings: "wght" 950, "CNTR" 0;
        padding: 0 0 5rem;
        text-align: center;
    }


    a.kb-button.google-sheet-cta-alt {
        appearance: none;
        background: transparent;
        padding: 20px 25px;
        border-radius: 70px;
        word-spacing: -2px;
        font-weight: 500;
        color: var(--orange-main);

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


a.kb-button.google-sheet-cta {
    appearance: none;
    background: var(--orange-main);
    padding: 20px 25px;
    border-radius: 70px;
    word-spacing: -2px;
    font-weight: 500;
    box-shadow: 0 9px 14px -5px var(--orange-main);

    &:hover {
        background: var(--green-main);
        box-shadow: 0 9px 14px -5px var(--green-main);
    }
}














html[lang="en-US"] {
    body {
        font-family: "Inter", sans-serif;
        font-optical-sizing: auto;
        font-weight: 400;
        font-style: normal;
        font-size: 16px;
        color: #311903;
        background-color: #faf7f4;
    
        font-smooth: antialiased;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
        text-rendering: optimizeLegibility;
        -webkit-text-size-adjust: 100%;
        -moz-text-size-adjust: 100%;
        -ms-text-size-adjust: 100%;
        -o-text-size-adjust: 100%;
        text-size-adjust: 100%;

        direction: ltr;
        text-align: left;
    }

    .abar {
        font-family: "Inter", sans-serif;
    }

    li.language-switcher-wrapper {
        position: relative;

        &::before {
            content: 'Select Language';
            position: absolute;
            font-size: 0.7rem;
            font-weight: 900;
            background: rgb(49 25 3 / 15%);
            color: rgb(49 25 3 / 100%);
            top: -10px;
            right: 15px;
            padding: 3px 10px;
            border-radius: 40px;
            word-spacing: -1px;
            opacity: 0.9;
        }
    }

    div#site-title h1 {
        font-family: "Inter", sans-serif;
        font-variation-settings: initial;
        font-weight: 900;
    }


    .hero-inner {
        & .kt-inside-inner-col {

            h2.wp-block-kadence-advancedheading {
                font-size: 4.4rem;
                word-spacing: -2px;
                font-variation-settings: initial;
                color: var(--orange-main);
                font-weight: 700 !important;
                letter-spacing: -2px;
            }

            h3.wp-block-kadence-advancedheading {
                font-size: 2.3rem;
                word-spacing: 0px;
                font-variation-settings: initial;
                letter-spacing: -1px;
            }

            .hero-desc.wp-block-kadence-advancedheading {
                font-size: 1.4rem;
                text-align: center;
                max-width: 800px;
                line-height: 1.4;
                word-spacing: 0px;
                letter-spacing: -0.5px;
            }
        }
    }




    .poster-section {
        & > .kt-row-column-wrap {
            & .poster-section-inner {
                & > .kt-inside-inner-col {
                    .poster-section-content {
                        height: 100%;
                        padding: 0;
                        text-align: left;
                        width: 800px;
                        margin: 5rem auto;


                        .kt-inside-inner-col {
                            gap: 1rem;
                            display: flex;
                            font-size: 1.6rem;
                            line-height: 1.5;
                            word-spacing: 0px;
                            font-weight: 400;
                            letter-spacing: -0.7px;

                            ul.wp-block-list {
                                display: flex;
                                flex-direction: column;
                                gap: 1rem;
                                font-family: "Inter";
                                font-variation-settings: initial;
                                width: 120%;
                                position: relative;
                                right: initial;
                                transform: translateX(-50%);
                                margin: 2rem 0;
                                left: 50%;
                            }
                        }
                    }
                }
            }
        }
    }


    .download {
        .download-title {
            font-size: 2.5rem;
            font-variation-settings: initial;
            padding: 0;
            line-height: 1;
            letter-spacing: -0.5px;
            font-weight: 700;

        }

        .download-title-support {
            padding: 0 0 5rem;
            font-weight: 500;
            font-size: 1.3rem;
            letter-spacing: -0.5px;
            opacity: 0.5;
            line-height: 1;
        }


        & .download-rows > .kt-inside-inner-col {
            & > .wp-block-kadence-column {
                h3 {
                    position: absolute;
                    top: 0;
                    background: rgb(228 116 19 / 15%);
                    right: initial;
                    color: var(--orange-main);
                    padding: 10px 30px;
                    font-size: 1.2rem;
                    font-variation-settings: initial !important;
                    word-spacing: 0px;
                    left: 50px;
                    letter-spacing: -0.5px;
                }
            }
        }
    }


    .single-post article.post {
        font-variation-settings: initial !important;
        font-family: "Inter", sans-serif;

        * {
            font-variation-settings: initial !important;
            font-family: "Inter", sans-serif;
        }

        & header {
            h1.entry-title {
                font-family: Inter;
                font-size: 1.8rem;
                text-align: center;
                font-weight: 700;
            }
        }

        .entry-content {
            ul {
                padding: 0 0 0 1.5rem;
                margin: 1rem 0;
                list-style: disc;
            }

            ol {
                padding: 0 0 0 1.5rem;
                margin: 1rem 0;
                list-style: decimal;
            }
        }
    }

    body.blog .container {
        font-variation-settings: initial !important;
        font-family: "Inter", sans-serif;

        * {
            font-variation-settings: initial !important;
            font-family: "Inter", sans-serif;
        }
    }

    .posts-grid {
        & .post {
            footer {
                display: flex;
                align-items: center;
                justify-content: flex-end;
                gap: 1rem;
                flex: 1 1 25%;

                a.read-more {
                    i[class^='iconoir-'] {
                        font-size: 1.4rem;
                        transform: rotate(180deg);
                    }
                }
            }
        }
    }


}










/* Events */
.page:not(.home) #content article header.header {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
    height: 15vh;
    justify-content: center;



    h1.entry-title {
        font-size: 3rem;
        font-family: 'Abar VF';
        font-variation-settings: "wght" 950, "CNTR" 0;
    }
}

[lang="en-US"] {
    .page:not(.home) #content article header.header h1.entry-title {
        font-family: "Inter", sans-serif;
        font-variation-settings: initial;
        font-weight: 700;
    }

    #respond h3#reply-title {
        font-size: 1.4rem;
        font-family: "Inter", sans-serif;
        font-variation-settings: initial;
        font-style: normal;
        font-weight: 700;
    }

    #respond {
        & #commentform {
            & p.comment-form-comment {
                .comment-toolbar {
                    margin: 0 !important;
                    display: flex;
                    align-items: center;
                    gap: 2px;
                    position: absolute;
                    left: initial;
                    right: 15px;
                    top: 15px;
                }
            }
        }
    }
}


.events-desc {
    width: 80%;
    margin: 0 auto;
    text-align: center;
    font-size: 1.5rem;
    line-height: 1.4;
    word-spacing: -1px;
    font-weight: 500;
}


#comments {
    display: flex;
    gap: 20vh;
    flex-direction: column;
    justify-content: space-between;
    margin: 10vh 0;
}


#comments-list {
    position: relative;

    ul {
        display: flex;
        flex-wrap: wrap;
        width: 100%;
        gap: 1.5rem;


        li.comment {
            flex: 1 1 47%;
            background: #fff;
            padding: 30px;
            border-radius: 24px;
            box-shadow: 0 10px 24px -12px rgb(49 25 3 / 20%);

            .comment-body {
                display: flex;
                flex-direction: column;
                gap: 30px;

                .comment-meta {
                    display: flex;
                    align-items: center;
                    justify-content: space-between;

                    .comment-author cite {
                        font-size: 1.2rem;
                        font-family: 'Abar VF';
                        font-variation-settings: "wght" 950, "CNTR" 0;
                        font-style: normal;
                    }

                    .comment-metadata {
                        font-size: 0.9rem;
                        background: rgb(49 25 3 / 9%);
                        color: #311903;
                        font-weight: 700;
                        word-spacing: -1px;
                        padding: 7px 10px;
                        border-radius: 40px;
                        line-height: 1;
                    }
                }


                .comment-content {
                    font-size: 1.1rem;
                    line-height: 1.5;
                    font-weight: 500;
                    color: rgb(49 25 3 / 65%);
                }
            }
        }
    }
}





#respond {
    position: relative;


    h3#reply-title {
        font-size: 1.4rem;
        font-family: 'Abar VF';
        font-variation-settings: "wght" 950, "CNTR" 0;
        font-style: normal;
    }

    #commentform {
        display: grid;
        grid-template: auto / 2fr 1fr;
        gap: 10px;


        p.comment-notes {
            padding: 0.5rem 0 0;
            grid-column: 1 / -1;
            grid-row: 1 / 1;
        }

        p.comment-form-comment {
            grid-column: 1 / 1;
            grid-row: 2 / 5;
            display: flex;
            flex-direction: column;
            gap: 5px;
            background: #fff;
            border: 1px solid rgb(49 25 3 / 34%);
            padding: 15px;
            border-radius: 24px;
            position: relative;

            &:has(textarea:focus) {
                border-color: var(--orange-main);
            }

            label {
                font-size: 0.9rem;
            }

            .comment-toolbar {
                margin: 0 !important;
                display: flex;
                align-items: center;
                gap: 2px;
                position: absolute;
                left: 15px;
                top: 15px;

                button {
                    margin-right: 0;
                    padding: 5px 10px;
                    border: none;
                    background: rgb(49 25 3 / 10%);
                    color: #311903;
                    cursor: pointer;
                    border-radius: 50px;
                    line-height: 1;
                    font-size: 0.9rem;

                    &:hover {
                        background: var(--orange-main);
                        color: #fff;
                    }
                }
            }


            textarea#comment {
                margin: 30px 0 0;
                resize: vertical;

                &:focus {
                    outline: none;
                }
            }
        }


        p.comment-form-author {
            background: #fff;
            border: 1px solid rgb(49 25 3 / 34%);
            border-radius: 24px;
            display: flex;
            flex-direction: column;
            padding: 15px;

            &:has(input:focus) {
                border-color: var(--orange-main);
                background: rgb(255 254 252);
            }

            input {
                height: 100%;

                &:focus {
                    outline: none;
                }
            }
        }


        p.comment-form-email {
            background: #fff;
            border: 1px solid rgb(49 25 3 / 34%);
            border-radius: 24px;
            display: flex;
            flex-direction: column;
            padding: 15px;

            &:has(input:focus) {
                border-color: var(--orange-main);
                background: rgb(255 254 252);
            }

            input {
                height: 100%;

                &:focus {
                    outline: none;
                    background: rgb(255 254 252);
                }
            }
        }


        p.form-submit {
            display: flex;
            justify-content: flex-end;
        }


        input#submit {
            background: var(--orange-main);
            color: #fff;
            width: 50%;
            height: 55px;
            border-radius: 50px;
            text-align: center;
            font-size: 1.2rem;
            font-family: 'AzarMehr';
            font-weight: 700;

            &:hover {
                background: #311903;
            }
        }
    }
}










/* News */
body.blog .container {
    position: relative;
    display: flex;
    flex-direction: column;
    gap: 10vh;

    header.page-header {
        height: 12vh;
        display: grid;
        align-items: end;
        text-align: center;

        h1 {
            font-family: 'Abar VF';
            font-variation-settings: "wght" 950, "CNTR" 0;
            font-size: 2.5rem;
        }
    }
}

section.featured-posts {
    height: fit-content;
    display: flex;
    flex-direction: column;
    gap: 2rem;

    .featured-posts-grid {
        display: flex;
        justify-content: space-around;
        gap: 2rem;

        .featured-post {
            background: #fff;
            min-height: 350px;
            border-radius: 24px;
            display: flex;
            flex-direction: column;
            padding: 1.5rem;
            justify-content: space-between;
            box-shadow: 0 10px 24px -12px rgb(49 25 3 / 20%);
            flex: 1 1 31%;


            h3 {
                font-family: 'Abar VF';
                font-variation-settings: "wght" 750, "CNTR" 0;
                font-size: 1.2rem;
                line-height: 1.6;
                word-spacing: -1px;

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

            footer {
                display: flex;
                align-items: center;
                justify-content: space-between;


                a.read-more {
                    background: var(--orange-main);
                    color: #fff;
                    font-weight: 600;
                    line-height: 1;
                    display: inline-flex;
                    padding: 8px 10px;
                    border-radius: 100px;
                    align-items: center;
                    gap: 5px;
                    font-size: 0.9rem;

                    &:hover {
                        background: var(--green-main);
                    }

                    i[class^='iconoir-'] {
                        font-size: 1.4rem;
                    }
                }
            }
        }
    }
}


.posts-grid {
    display: flex;
    flex-direction: column;
    gap: 2rem;

    h2.section-title {
        font-family: 'Abar VF';
        font-variation-settings: "wght" 750, "CNTR" 0;
        font-size: 1.5rem;
    }


    .post {
        display: flex;
        justify-content: space-between;
        align-items: center;

        &:not(:last-child) {
            border-bottom: 1px solid rgb(49 25 3 / 35%);
            padding: 0 0 2rem;
        }

        h2 {
            font-family: 'Abar VF';
            font-variation-settings: "wght" 650, "CNTR" 0;
            font-size: 1.2rem;
            flex: 1 1 75%;
            line-height: 1.6;

            a {
                &:hover {
                    color: var(--orange-main);
                }
            }
        }

        footer {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            gap: 1rem;
            flex: 1 1 10%;


            a.read-more {
                background: rgb(228 116 19 / 15%);
                color: var(--orange-main);
                font-weight: 600;
                line-height: 1;
                display: inline-flex;
                padding: 8px 10px;
                border-radius: 100px;
                align-items: center;
                gap: 5px;
                font-size: 0.9rem;

                &:hover {
                    background: var(--orange-main);
                    color: #fff;
                }

                i[class^='iconoir-'] {
                    font-size: 1.4rem;
                }
            }
        }
    }
}




nav.pagination {
    position: relative;

    .nav-links {
        display: flex;
        justify-content: center;
        gap: 1rem;

        span {
            color: #311903;
            font-weight: 600;
            font-size: 1.2rem;
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            line-height: 1;
        }

        a {
            color: #311903;
            font-weight: 600;
            font-size: 1.2rem;
            background: rgba(49, 25, 3, 0.10);
            width: 50px;
            height: 50px;
            display: flex;
            align-items: center;
            justify-content: center;
            border-radius: 100%;
            line-height: 1;

            &:hover {
                background: var(--orange-main);
                color: #fff;
            }
            
            &.next {
                width: 100px;
                border-radius: 60px;
            }
            
            &.prev {
                width: 100px;
                border-radius: 60px;
            }
        }
    }
}










/* Single Post */
.single-post article.post {
    display: flex;
    flex-direction: column;
    gap: 5vh;

    header {
        height: 20vh;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        gap: 1rem;
        padding: 0 10rem;
        line-height: 1.4;

        h1.entry-title {
            font-family: 'Abar VF';
            font-variation-settings: "wght" 650, "CNTR" 0;
            font-size: 1.6rem;
            text-align: center;
        }
    }

    .entry-content {
        font-size: 1.1rem;
        line-height: 1.7;
        font-weight: 500;

        a {
            color: var(--orange-main);
            text-decoration: underline;

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

        h1 {
            font-size: 1.7rem;
            font-weight: 700;
            word-spacing: -1px;
            padding: 0 0 0.5rem;
        }

        h2 {
            font-size: 1.5rem;
            font-weight: 700;
            word-spacing: -1px;
            padding: 0 0 0.5rem;
        }

        h3 {
            font-size: 1.3rem;
            font-weight: 700;
            word-spacing: -1px;
            padding: 0 0 0.5rem;
        }

        h4 {
            font-size: 1.2rem;
            font-weight: 700;
            word-spacing: -1px;
            padding: 0 0 0.5rem;
        }

        h5 {
            font-size: 1.2rem;
            font-weight: 700;
            word-spacing: -1px;
            padding: 0 0 0.5rem;
        }

        h6 {
            font-size: 1.1rem;
            font-weight: 700;
            word-spacing: -1px;
            padding: 0 0 0.5rem;
        }

        ul {
            padding: 0 1.5rem 0 0;
            margin: 1rem 0;
            list-style: disc;
        }

        ol {
            padding: 0 1.5rem 0 0;
            margin: 1rem 0;
            list-style: decimal;
        }

        p {
            margin: 1rem 0;
        }

        blockquote {
            background: rgb(228 116 19 / 12%);
            padding: 3rem 4rem;
            width: 90%;
            margin: 3rem auto;
            border-radius: 24px;
            text-align: center;
            font-size: 1.2rem;
        }

        .wp-caption {
            position: relative;
            width: 100% !important;
            margin: 2rem auto;
            background: #fff;
            padding: 10px;
            border-radius: 24px;

            img {
                width: 100%;
                height: 100%;
                object-fit: cover;
                border-radius: 14px;
            }
        }
    }
}





html[lang="ar"] {
    li.language-switcher-wrapper {
        position: relative;

        &::before {
            content: 'اختر اللغة';
            position: absolute;
            font-size: 0.7rem;
            font-weight: 900;
            background: rgb(49 25 3 / 15%);
            color: rgb(49 25 3 / 100%);
            top: -10px;
            right: 15px;
            padding: 3px 10px;
            border-radius: 40px;
            word-spacing: -1px;
            opacity: 0.9;
        }
    }
}











footer#footer {
    padding: 10vh 0;
    text-align: center;
}





@media (max-width: 768px) {
    #wrapper {
        width: calc(100% - 30px);
        max-width: 100%;
        margin: 0 auto;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
        gap: 0;
    }

    header#header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 150px;
        margin: 0 0 0;
        flex-direction: row-reverse;
        gap: 25px;
    }

    .hero::before {
        content: '';
        display: block;
        position: absolute;
        background: rgb(228 116 19 / 15%);
        width: 100vw;
        height: 100vh;
        right: 50%;
        top: -150px;
        transform: translateX(50%);
        z-index: -1;
    }

    .hero-inner {
        & .kt-inside-inner-col {
            h3.wp-block-kadence-advancedheading {
                font-size: 1.4rem;
                word-spacing: -4px;
                font-variation-settings: "wght" 700, "CNTR" 0;
                text-align: center;
            }

            h2.wp-block-kadence-advancedheading {
                font-size: 2rem;
                word-spacing: -4px;
                font-variation-settings: "wght" 950, "CNTR" 0;
                color: var(--orange-main);
                text-align: center;
                line-height: 1.5;
            }

            .hero-desc.wp-block-kadence-advancedheading {
                font-size: 1.3rem;
                text-align: center;
                max-width: 800px;
                line-height: 1.5;
                word-spacing: -2px;
            }
        }
    }

    .poster-section {
        & > .kt-row-column-wrap {
            & .poster-section-inner {
                & > .kt-inside-inner-col {
                    &::before {
                        content: '';
                        position: absolute;
                        z-index: -1;
                        width: 250px;
                        height: 250px;
                        top: 0;
                        background: var(--orange-main);
                        right: 50%;
                        transform: translateX(50%);
                        border-radius: 100%;
                        filter: blur(100px);
                    }

                    .poster-section-content {
                        height: 100%;
                        padding: 0;
                        text-align: right;
                        width: 100% !important;
                        margin: 5rem auto;

                        & .kt-inside-inner-col { 
                            ul.wp-block-list {
                                display: flex;
                                flex-direction: column;
                                gap: 1rem;
                                font-family: 'Abar VF';
                                font-variation-settings: "wght" 700, "CNTR" 0;
                                width: 100% !important;
                                position: relative;
                                right: 50%;
                                transform: translateX(50%);
                                margin: 2rem 0;
                                font-size: 1.1rem;
                            }
                        }
                    }
                }
            }
        }
    }


    .download {
        .download-title {
            font-size: 1.9rem;
            font-variation-settings: "wght" 950, "CNTR" 0;
            padding: 0 0 1rem;
            line-height: 1.5;
        }

        & .download-rows > .kt-inside-inner-col {
            & > .wp-block-kadence-column {
                figure.wp-block-image {
                    border-radius: calc(24px - 1rem);
                    overflow: hidden;
                    border: 1px solid rgb(228 116 19 / 70%);
                    width: 100%;
                    height: auto;
                    aspect-ratio: 1 / 1.3;

                    > a {
                        width: 100%;
                        height: 100%;


                        img {
                            box-sizing: border-box;
                            height: 100%;
                            max-width: 100%;
                            vertical-align: bottom;
                            width: 100%;
                            object-fit: cover;
                        }
                    }
                }
            }

            .download-stories {
                figure.wp-block-image {
                    aspect-ratio: 1 / 1.8;
                }
            }
        }
    }






    .google-sheet {
        .google-sheet-title {
            font-size: 1.9rem;
            font-variation-settings: "wght" 950, "CNTR" 0;
            padding: 0 0 5rem;
            line-height: 1.5;
        }
    }



    html[lang="en-US"] {
        h2.wp-block-kadence-advancedheading {
            font-size: 2.9rem !important;
            word-spacing: -1px !important;
            font-variation-settings: "wght" 950, "CNTR" 0;
            color: var(--orange-main);
            text-align: center;
            line-height: 1 !important;
            letter-spacing: -2px !important;
        }

        h3.wp-block-kadence-advancedheading {
            font-size: 1.9rem !important;
            word-spacing: 0px;
            font-variation-settings: initial;
            letter-spacing: -1px;
        }
    }




    .events-desc {
        width: 90%;
        margin: 0 auto;
        text-align: center;
        font-size: 1.1rem;
        line-height: 1.5;
        word-spacing: -1px;
        font-weight: 500;
    }

    #respond {

        #commentform {
            display: flex;
            grid-template: auto / 2fr 1fr;
            gap: 10px;
            flex-direction: column;
        }
    }

    h3#reply-title {
        font-size: 1.1rem;
        font-family: 'Abar VF';
        font-variation-settings: "wght" 950, "CNTR" 0;
        font-style: normal;
    }

    #comments-list {
        & ul {
            & li.comment {
                & .comment-body {
                    .comment-meta {
                        display: flex
    ;
                        align-items: center;
                        justify-content: space-between;
                        flex-direction: column;
                        gap: 20px;
                    }
                }
            }
        }
    }


    .featured-posts-grid {
        display: flex;
        justify-content: space-around;
        gap: 2rem;
        flex-direction: column;
    }

    .posts-grid {
        .post {
            display: flex;
            justify-content: space-between;
            flex-direction: column;
            align-items: flex-end;
            gap: 2rem;
    
            footer {
                display: flex;
                align-items: center;
                justify-content: space-between;
                gap: 1rem;
                width: 100%;
            }
        }

    }

    .single-post article.post {
        header {
            height: 20vh;
            display: flex;
            flex-direction: column;
            align-items: center;
            justify-content: center;
            gap: 1rem;
            padding: 0;
            line-height: 1.4;
        }

        .entry-content {
            blockquote {
                background: rgb(228 116 19 / 12%);
                padding: 1.5rem 1.5rem;
                width: 90%;
                margin: 3rem auto;
                border-radius: 24px;
                text-align: center;
                font-size: 1.2rem;
            }
        }
    }

}










/* Mobile Menu Button */
.menu-toggle {
    display: none;
    position: relative;
    top: -5px;
    left: 0;
    width: 40px;
    height: 40px;
    background: #fff;
    color: #311903;
    border: none;
    cursor: pointer;
    z-index: 1001;
    padding: 0;
    border-radius: 5px;
    margin-right: 15px;
}

.menu-toggle span {
    display: block;
    width: 24px;
    height: 2px;
    background: #311903;
    margin: 5px auto;
    transition: all 0.3s ease;
}

/* Mobile Menu */
.mobile-menu-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    z-index: 999;
    opacity: 0;
    visibility: hidden;
    transition: all 0.3s ease;
}

.mobile-menu-overlay.active {
    opacity: 1;
    visibility: visible;
}

.mobile-menu-container {
    position: fixed;
    top: 0;
    left: -300px;
    width: 280px;
    height: 100%;
    background: #fff;
    z-index: 1010;
    transition: left 0.3s ease;
    overflow-y: auto;
}

.mobile-menu-container.active {
    left: 0;
}

.mobile-menu {
    padding: 60px 20px 40px;
    list-style: none;
}

.mobile-menu li {
    margin-bottom: 15px;
}

.mobile-menu a {
    display: block;
    padding: 10px 0;
    color: #333;
    text-decoration: none;
    font-size: 16px;
    border-bottom: 1px solid #eee;
}

/* Close button */
.mobile-menu-close {
    position: absolute;
    top: 15px;
    right: 15px;
    background: none;
    border: none;
    font-size: 24px;
    cursor: pointer;
    color: #333;
}

/* Responsive */
@media (max-width: 768px) {
    .menu-toggle {
        display: block;
    }
    
    #menu {
        display: none;
    }
    
    .mobile-menu-container {
        display: block;
    }
}

/* Desktop styles */
@media (min-width: 769px) {
    .mobile-menu-overlay,
    .mobile-menu-container {
        display: none;
    }
}