/*  
---------------------------------------------------
Site Search Form
---------------------------------------------------  
*/

/*
.form.site-search-form { }*/

.site-search {
    position: relative;
    margin: var(--base-half-spacing) 0;
}

header#site-header .site-search {
    margin-top: 0; margin-bottom: 0; 
}

.site-search .heading,
.site-search .expand-search {
    display: none;
}

.site-search .expand-search {
    margin: 0;
}

.site-search fieldset {
    position: relative;
    pointer-events: all;
    margin:0;
}

.site-search .form-group {
    margin:0;
}

.site-search .form-control {
    width: 100%;
    height: 50px;
    min-height: 50px;
    padding-right: 50px;
}

html[dir="ltr"] .site-search .form-control { 
    border-radius: var(--form-field-border-radius) var(--btn-border-radius) var(--btn-border-radius) var(--form-field-border-radius);
}

html[dir="rtl"] .site-search .form-control { 
    border-radius: var(--btn-border-radius) var(--form-field-border-radius) var(--form-field-border-radius) var(--btn-border-radius);
}

.site-search button.btn {
    width: calc(50px - var(--base-border-width) - var(--base-border-width));
    width: 50px;
    height: calc(50px - var(--base-border-width) - var(--base-border-width));
    height: 50px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: var(--base-border-width);
    right: var(--base-border-width);
    top: 0;
    right: 0;
    font-size: 25px;
    text-align: center;
}

footer#site-footer .site-search .form-control {
    width: 100%;
    height: 40px;
    min-height: 40px;
    padding-right: 40px;
}

footer#site-footer .site-search button.btn { 
    width: calc(40px - var(--base-border-width) - var(--base-border-width));
    width: 40px;
    height: calc(40px - var(--base-border-width) - var(--base-border-width));
    height: 40px;
    top: var(--base-border-width);
    right: var(--base-border-width);
    top: 0;
    right: 0;
}

