.search-toggle {
    background-color: transparent;
    cursor: pointer;
    /* position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%); */
    font-size: var(--step-0);
    border: 0;
    margin-bottom: var(--space-0);
    color: hsl(var(--menu-link-white));
}
    .search-toggle::before {
        font-family: var(--font-awesome);
        display: block;
        cursor: pointer;

    }
    .search-toggle:focus::before {
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
        }
    .search-toggle#open-search::before {
            content: '\f002';
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
        }


#site-search.search-inline .search-wrapper {
        position: relative;
        height: 50px;
        width: 45px;
        overflow: hidden;
        display: flex;
        align-items: center;
        justify-content: flex-end;



        
    }


#site-search.search-inline .search-wrapper #cancel-search {
            position: relative;
            right: -var(--space-8);
            left: unset;
            top: unset;
            color: var(--black, #333);
            transform: unset;
        }


#site-search.search-inline .search-wrapper #cancel-search::before {
                content: '\f00d';
            }


#site-search.search-inline .search-wrapper form {
            position: relative;
            flex-direction: row;
            width: 100%;
            align-items: center;
            justify-content: center;
            padding: 0;
            display: none;   
        }


#site-search.search-inline .search-wrapper form .form-actions {
                position: relative;
                height: 50px;
                width: 50px;
                display: flex;
                align-items: center;
                justify-content: center;
                background: hsl(var(--menu-link-white));
            }


#site-search.search-inline .search-wrapper form .form-actions input[type="submit"] {
                    font-family: var(--font-awesome);
                    color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    font-size: var(--step-0);
                    margin: 0;
                    padding: 0;
                    border: 0;
                    display: block;
                    width: 100%;
                    height: 40px;
                    background-color: transparent;
                }


#site-search.search-inline .search-wrapper form .form-actions input[type="submit"]:focus {
                        outline: 3px solid -webkit-focus-ring-color;
                        box-shadow: 0 0 0 6px #FFF;
                        outline-offset: 2px;
                        /* z-index: 1000; */
                    }


#site-search.search-inline .search-wrapper form .form-actions:hover {
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                }


#site-search.search-inline .search-wrapper form .form-actions:hover input[type="submit"] {
                        color: hsl(var(--menu-link-white));
                    }


#site-search.search-inline .search-wrapper form .form-item {
                height: 50px;
                width: 90%;
                box-sizing: border-box;
                position: relative;
            }


#site-search.search-inline .search-wrapper form .form-item:focus-within::before {
                        content: '';
                        position: absolute;
                        border: 2px solid #5699d4;
                        inset: 2px;
                    }


#site-search.search-inline .search-wrapper form .form-item input[type='search'] {
                    height: 50px;
                    font-size: var(--step-1);
                    font-family: var(--clocktower-sans-serif);
                    font-weight: var(--extra-light-weight);
                    border: 0;
                    width: 100%;
                    padding-left: var(--space-8);
                    outline: 0;
                       
                        
                
                   
                }


#site-search.search-inline .search-wrapper form .form-item input[type='search']::-moz-placeholder {
                        font-style: italic;
                    }


#site-search.search-inline .search-wrapper form .form-item input[type='search']::placeholder {
                        font-style: italic;
                    }


#site-search.search-inline .search-wrapper form .form-item span {
                    width: 100%;
                }


#site-search.search-inline .search-wrapper form .form-item span input[type="search"] {
                        width: 100%;
                        height: var(--space-32);
                        padding-left: var(--space-16);
                    }


#site-search.search-inline .search-wrapper form .form-item label {
                        border: 0 !important;
                        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                            clip-path: inset(50%) !important;  /* 2 */
                        height: 1px !important;
                        margin: -1px !important;
                        overflow: hidden !important;
                        padding: 0 !important;
                        position: absolute !important;
                        width: 1px !important;
                        white-space: nowrap !important;            /* 3 */
                    
                }


#site-search.search-inline.active .search-wrapper {
            width: 45em;
        }


#site-search.search-inline.active .search-wrapper #search-toggle {
                left: unset;
                right: 0;
            }


#site-search.search-inline.active .search-wrapper form {
                max-width: 100%;
                animation: cubic-bezier(1, 0, 0, 1);
                display: flex;
    
            }


.search-modal {
    background-color: transparent;   
    border: 0;
    align-items: center;

}


.search-modal::backdrop {
        position: fixed;
        top: 0px;
        right: 0px;
        bottom: 0px;
        left: 0px;
        background: rgba(0, 0, 0, .75);

    }


.search-modal .search-wrap {
        display: flex;
        /* align-items: center; */
        min-width: 50vw;
        min-height: 75vh;
        flex-direction: column;
        justify-content: center;
    }


.search-modal .search-wrap h2 {
            font-size: var(--step-5);
            color: hsl(var(--menu-link-white));
            font-family: var(--clocktower-serif);
            margin-bottom: var(--space-32);
        }


.search-modal .search-wrap #cancel-search {
            position: absolute;
            color: hsl(var(--menu-link-white));
            font-size: var(--step-4);
            top: 0;
            right: 0;
        }


.search-modal .search-wrap #cancel-search::before {
                content: '\f00d';
            }


.search-modal .search-wrap form {
    
            display: flex;
            flex-direction: row;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
        }


.search-modal .search-wrap form .form-item {
                flex: auto;
                min-height: 50px;
                width: 100%;
    
            }


.search-modal .search-wrap form .form-item input[type="search"] {
                    display: block;
                    width: 100%;
                    height: 50px;
                    padding-left: var(--space-8);
                    font-family: var(--clocktower-sans-serif);
                    border: 0;
                }


.search-modal .search-wrap form .form-actions {
                flex: 0 0 50px;
            }


.search-modal .search-wrap form .form-actions button {
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)));
                    color: hsl(var(--menu-link-white));
                    border: transparent;
                    height: 50px;
                    width: 50px;
                    margin-bottom: 0;
                }


#open-search-mobile {
    padding-right: var(--space-8);
}


#open-search-mobile::before {
        color: hsl(var(--text-black-dm, var(--text-black)) 1);
    }


@media (min-width: 1025px) {


#open-search-mobile {
        display: none
}
    }


#mobile-search {
    z-index: 10000;
    display: none;
    position: absolute;
    inset: 0;
    height: 100%;
    background: hsl(0deg 100% 0% / 95%);
    overflow: hidden;
}


#mobile-search.active {
        display: block;
    }


#mobile-search #close-mobile-search {
        background-color: transparent;
        border-radius: 99em;
        font-size: var(--step-4);
        z-index: 100;
        top: var(--space-16);
        right: var(--space-16);
        color: hsl(var(--text-white-dm, var(--text-white)) 1);
    }


#mobile-search #close-mobile-search .buttonWrap {
            color: hsl(var(--text-white-dm, var(--text-white)) 1); 
            
        }


#mobile-search #close-mobile-search .buttonWrap span {
                background: hsl(var(--text-white-dm, var(--text-white)) 1);
            }


#mobile-search .views-exposed-form {
        position: absolute;
        display: flex;
        align-items: center;
    }


#mobile-search .views-exposed-form form {
            background-color: transparent;
            display: flex;
            flex-direction: column;
            align-items: flex-start;
            padding: 0;
        }


#mobile-search .views-exposed-form form h2 {
                color: hsl(var(--text-white-dm, var(--text-white)) 1);
                font-size: var(--step-5);
                white-space:break-spaces;
                display: inline;
                padding: 0 5%;

            }


#mobile-search .views-exposed-form form .form-item {
                width: 100%;
            
                
            }


#mobile-search .views-exposed-form 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 .views-exposed-form form .form-item {

            
                    display: flex;
}


#mobile-search .views-exposed-form form .form-item input[type='search'] {
                        height: 3var(--space-8);
                        background: transparent;
                        border: 0;
                        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;
                    }


#mobile-search .views-exposed-form form .form-wrap {
                padding: 0 5%;
            }


#mobile-search .views-exposed-form form .form-wrap .form-actions {
                    margin-top: var(--space-16);
                    display: flex;
                    width: 100%;
                    position: relative;
                }


#mobile-search .views-exposed-form form .form-wrap .form-actions input[type='submit'] {
                        text-align: center;
                        background: transparent;
                        border: 1px solid hsl(var(--border-carnelian) 1);
                        color: hsl(var(--text-white-dm, var(--text-white)) 1);
                        border-radius: var(--space-4);
                        width: 100px;
                        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 {
        display: none
}
    }


.search-page .views-exposed-form form {
            padding: 0;
            position: relative;
            margin-top: var(--space-32);
        }


.search-page .views-exposed-form form .form-item {
                width: 100%;
                height: 100%;
                
               
            }


.search-page .views-exposed-form form .form-item label {
                        border: 0 !important;
                        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                            clip-path: inset(50%) !important;  /* 2 */
                        height: 1px !important;
                        margin: -1px !important;
                        overflow: hidden !important;
                        padding: 0 !important;
                        position: absolute !important;
                        width: 1px !important;
                        white-space: nowrap !important;            /* 3 */
                    
                }


.search-page .views-exposed-form form .form-item input[type='text'] {
                    width: 100%;
                    height: var(--space-64);
                    font-size: var(--step-0);
                    padding: var(--space-4) var(--space-16);
                    box-sizing: border-box;
                
                }


.search-page .views-exposed-form form .form-item input[type='text'] span {
                    }


.search-page .views-exposed-form form .form-actions {
                position: absolute;
                top: 0;
                right: 0;
                height: 100%;
            }


.search-page .views-exposed-form form .form-actions input[type="submit"] {
                    font-family: var(--font-awesome);
                    background: transparent;
                    border: transparent;
                    color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    font-size: var(--step-1);
                    margin: 0;
                    padding: 0;
                    display: flex;
                    height: 100%;
                    justify-content: center;
                    min-width: var(--space-64);
                }


.search-page .search-result {
        /* @include m.boxShadowLight;  */

        border: 1px solid #eee;
        margin: var(--space-32) 0;
        padding: var(--space-16) var(--space-32);
    }


.search-page .search-result h2 {
            margin-top: 0;
            margin-bottom: var(--space-4);
        }


.search-page .search-result h2 a {
                color: hsl(var(--link-blue) 1);
                font-size: var(--step-1);
                
            }


.search-page .search-result p {
            margin-top: 0;
            max-width: unset;
        }


.search-page .search-result p strong {
                font-weight: var(--regular-weight);
                background-color: hsl(var(--highlighted) 1);
            }


.events-listing-page .views-exposed-form {
        margin: 0;
        background-color: transparent;
        display: flex;
        flex-direction: row;
        padding: 0;
        justify-content: space-between;
        }


@media (min-width: 1025px) {


.events-listing-page .views-exposed-form {
            justify-content: flex-end
        }
        }


.events-listing-page .views-exposed-form .form-item {
                width: 100%;
                height: 100%;
                flex: 1 0 75%;
                
               
            }


@media (min-width: 1025px) {


.events-listing-page .views-exposed-form .form-item {
                    flex: 0 1 300px !important
                
               
            }
                }


.events-listing-page .views-exposed-form .form-item label {
                        border: 0 !important;
                        clip: rect(1px, 1px, 1px, 1px) !important; /* 1 */
                            clip-path: inset(50%) !important;  /* 2 */
                        height: 1px !important;
                        margin: -1px !important;
                        overflow: hidden !important;
                        padding: 0 !important;
                        position: absolute !important;
                        width: 1px !important;
                        white-space: nowrap !important;            /* 3 */
                    
                }


.events-listing-page .views-exposed-form .form-item input[type='text'] {
                    width: 100%;
                    height: var(--space-64);
                    font-size: var(--step-0);
                    padding: var(--space-4) var(--space-16);
                    box-sizing: border-box;
                
                }


.events-listing-page .views-exposed-form .form-item input[type='text'] span {
                    }


.events-listing-page .views-exposed-form .form-item select {
                    height: var(--space-64);
                    font-size: var;
                }


.events-listing-page .views-exposed-form .form-actions {
                width: unset;
                margin-left: var(--space-16);
            }


.events-listing-page .views-exposed-form .form-actions input[type="submit"] {
                    font-family: var(--clocktower-sans-serif) !important;
                    color: #FFF;
                    border: transparent;
                    background: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    margin: 0;
                    padding: 0;
                    display: flex;
                    height: var(--space-32);
                    width: 5em;
                    justify-content: center;
                    min-width: var(--space-64);
                    font-size: var(--step-0);
                }


.search-result {
        /* @include m.boxShadowLight;  */

        border: 1px solid #eee;
        margin: var(--space-32) 0;
        padding: var(--space-16) var(--space-32);   
}


.search-result h2 {
            margin-top: 0;
            margin-bottom: var(--space-4);
        }


.search-result h2 a {
                color: hsl(var(--link-blue) 1);
                font-size: var(--step-1);
                
            }


.search-result p {
            margin-top: 0;
            max-width: unset;
        }


.search-result p strong {
                font-weight: var(--regular-weight);
                background-color: hsl(var(--highlighted) 1);
            }


/* Majors search */


form.views-exposed-form {
    position: relative;
    margin-top: var(--space-32);
    grid-column:1/4;
    margin: 0 var(--space-16);
    padding: var(--space-16) 2var(--space-8);
    background-color: transparent;
    display: flex;
    align-items: end;
    flex-direction: column;
}


@media (min-width: 1025px) {


form.views-exposed-form {
        align-items: end;
        flex-direction: row
}
    }


form.views-exposed-form .form-item {
        box-sizing: border-box;
        display: inline-block;

       
    }


@media (min-width: 1025px) {


form.views-exposed-form .form-item {
            margin: 0 var(--space-8)

       
    }
            
        }


form.views-exposed-form .form-item label {
            font-size: var(--step--1);
            margin-bottom: var(--space-16);
            color: hsl(var(--text-black-dm, var(--text-black)) 1);
        }


form.views-exposed-form .form-item input[type='search'], form.views-exposed-form .form-item input[type='text'] {
            width: 100%;
            height: var(--space-32);
            font-size: var(--step-0);
            padding: var(--space-4) var(--space-16);
            box-sizing: border-box;
            background: hsl(var(--input-background) 1);
        
        }


form.views-exposed-form .form-item input[type='search']::-ms-clear, form.views-exposed-form .form-item input[type='search']::-ms-reveal, form.views-exposed-form .form-item input[type='search']::-webkit-search-decoration, form.views-exposed-form .form-item input[type='search']::-webkit-search-cancel-button, form.views-exposed-form .form-item input[type='search']::-webkit-search-results-button, form.views-exposed-form .form-item input[type='search']::-webkit-search-results-decoration, form.views-exposed-form .form-item input[type='text']::-ms-clear, form.views-exposed-form .form-item input[type='text']::-ms-reveal, form.views-exposed-form .form-item input[type='text']::-webkit-search-decoration, form.views-exposed-form .form-item input[type='text']::-webkit-search-cancel-button, form.views-exposed-form .form-item input[type='text']::-webkit-search-results-button, form.views-exposed-form .form-item input[type='text']::-webkit-search-results-decoration {
                display: none;
            }


form.views-exposed-form .form-item input[type='search'] span, form.views-exposed-form .form-item input[type='text'] span {
            }


form.views-exposed-form .form-item.js-form-type-textfield {
            width: 100%;
        }


@media (min-width: 1025px) {


form.views-exposed-form .form-item.js-form-type-textfield {
                flex: 1 1 40%
        }

            }


form.views-exposed-form .form-item.js-form-type-select {
            width: 100%;
        }


@media (min-width: 1025px) {


form.views-exposed-form .form-item.js-form-type-select {
                flex: 1 1 20%
        }

            }


form.views-exposed-form .form-item.js-form-type-select select {
                background: hsl(var(--input-background) 1);
                border: hsl(var(--input-border) 1);
            }


form.views-exposed-form .form-actions {
        position: relative;
        top: 0;
        right: 0;
        display: inline-block;
        width: 100%;
    }


@media (min-width: 1025px) {


form.views-exposed-form .form-actions {
            width: auto
    }

        }


form.views-exposed-form .form-actions input[type="submit"] {
            background: hsl(var(--carnelian-dm, var(--carnelian)) 1);
            color: hsl(var(--text-white-dm, var(--text-white)) 1);
            border-radius: var(--space-4);
            font-family: var(--font-awesome);
            font-size: var(--step-1);
            padding: 0;
            justify-content: center;
            width: 100px;
            height: 45px;
            margin: var(--space-16) 0;
            display: flex;
        }


@media (min-width: 1025px) {


form.views-exposed-form .form-actions input[type="submit"] {
                background: transparent;
                border: transparent;
                color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                margin: 0;
                width: var(--space-64)
        }

                form.views-exposed-form .form-actions input[type="submit"]:hover, form.views-exposed-form .form-actions input[type="submit"]:focus {
                    box-shadow: unset;
                    background-color: hsl(var(--carnelian-dm, var(--carnelian)) 1);
                    color: hsl(var(--text-white-dm, var(--text-white)) 1);
                }
            }


html[data-theme="dark"] #search-utility .search-wrapper form .form-item input[type="search"] {
                        background: hsl(var(--card-background-light) 1);
                        color: hsl(var(--text-black-dm, var(--text-black)) 1);
                        font-weight: var(--regular-weight);
                    }


html[data-theme="dark"] #search-utility .search-wrapper form .form-actions input[type="submit"] {
                        color: hsl(var(--text-black-dm, var(--text-black)) 1);
                    }


/* IF SITE IS ON REVERSE HEADER */


header#site-header.reverse #site-search #open-search, .header--overlay #site-search #open-search {
            color: hsl(var(--text-white)) !important;
        }