.mobile-search-wrap {
    z-index: var(--layer-ceiling);
}
    /* display: none;
    position: absolute;
    inset: 0;
    height: 100%;
    background: hsl(0deg 100% 0% / 95%);
    overflow: hidden; */

    /* &.active {
        display: block;
    } */


    .mobile-search-wrap #open-search-mobile {
        color: hsl(var(--text-black-dm, var(--text-black)));
        border: 0;
        background: transparent;
        display: block;
    }


    .mobile-search-wrap #open-search-mobile:before {
            content: '\f002';
            font-family: var(--font-awesome);
            font-size: var(--step-3);
            position: relative;            
        }


    .mobile-search-wrap #mobile-site-search {

        height: 100%;
        width: 100%;
        background: hsl(var(--menu-background-dm, var(--menu-background)));
        top: 0;
        padding: var(--space-32) var(--space-16);
        border: 0px;
        margin: var(--space-0);
        max-width: 100vw;
        max-height: 100vh;
    }


    .mobile-search-wrap #mobile-site-search::backdrop {
            background-color: transparent;
            display: none;
        }


    .mobile-search-wrap #mobile-site-search .search-wrap {

            display: flex;
            flex-direction: column;
            align-items: flex-start;
            justify-content: flex-start;
            height: 100%;
            margin-top: var(--space-64);
        }


    .mobile-search-wrap #mobile-site-search .search-wrap #close-search-mobile {
                background-color: transparent;
                border-radius: 99em;
                border: 1px solid transparent;
                font-size: var(--step-4);
                z-index: 100;
                top: var(--space-16);
                right: var(--space-16);
                color: hsl(var(--text-black-dm, var(--text-black)));
                position: absolute;
                width: 50px;
                height: 50px;
            }


    .mobile-search-wrap #mobile-site-search .search-wrap #close-search-mobile:focus, .mobile-search-wrap #mobile-site-search .search-wrap #close-search-mobile:hover {
                    border: 1px solid hsl(var(--text-black-dm, var(--text-black)));
                }


    .mobile-search-wrap #mobile-site-search .search-wrap #close-search-mobile:before {
                    content: '\f00d';
                    font-family: var(--font-awesome);
                    font-size: var(--step-3);
                }


    .mobile-search-wrap #mobile-site-search h2 {
            color: hsl(var(--text-white-dm, var(--text-white)) 1);
            font-size: var(--step-5);
            white-space:break-spaces;
            display: block;
            font-family: var(--clocktower-serif);
            position: relative;
            margin-bottom: var(--space-16);
            padding-bottom: var(--space-16);

        }


    .mobile-search-wrap #mobile-site-search h2:after {
                    content: "";
                    border-bottom: 3px solid hsl(var(--carnelian));
                    display: block;
                    height: 0.25em;
                    position: absolute;
                    /* margin: 0.5em auto; */
                    width: 3em;
                    left: 0;
            }


    .mobile-search-wrap #mobile-site-search form {
            background-color: transparent;
            display: flex;
            flex-direction: row;
            align-items: flex-start;
            padding: 0;
            width: 100%;

        }


    .mobile-search-wrap #mobile-site-search form .form-item {
                display: block;
                flex: 1 0 calc(100% - 50px);
            }


    .mobile-search-wrap #mobile-site-search form .form-item label {
                    font-size: var(--step-3);
                    font-weight: var(--regular-weight);
                    font-family: var(--clocktower-sans-serif);
                    margin-bottom: var(--space-16);
                    color: hsl(var(--text-white-dm, var(--text-white)) 1);
                }


    .mobile-search-wrap #mobile-site-search form .form-item input[type='search'] {
                    height: var(--space-48);
                    background: transparent;
                    border: 1px solid hsl(var(--text-black-dm, var(--text-black)));
                    /* border-bottom: 2px solid #FFF; */
                    font-size: var(--step-2);
                    color: hsl(var(--text-white-dm, var(--text-white)) 1);
                    display: inline;
                    flex-shrink: 1;
                    /* max-width: 350px; */
                    margin: 0 auto;
                    border-radius: 0;
                    height: 50px;
                    font-family: var(--clocktower-sans-serif);
                    padding-left: var(--space-16);
                    border-radius: var(--space-4);
                    width: 100%;

                }


    .mobile-search-wrap #mobile-site-search form .form-actions {
                display: block;
                margin-top: var(--space-0);
                display: flex;
                width: 100%;
                position: relative;
                margin-left: var(--space-8);
            }


    .mobile-search-wrap #mobile-site-search form .form-actions button[type='submit'] {
                    text-align: center;
                    background: hsl(var(--carnelian));
                    border: 1px solid hsl(var(--border-carnelian));
                    color: hsl(var(--text-white-dm, var(--text-white)));
                    border-radius: var(--space-4);
                    width: 50px;
                    height: 50px;
                    font-family: var(--font-awesome);
                    margin: 0;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    font-size: var(--step-3);
                }


    @media (min-width: 1025px) {.mobile-search-wrap {
        display: none
}
    }

#site-header.header--overlay #open-search-mobile {
        color: hsl(var(--text-white));
    }