/*  
---------------------------------------------------
Site Search Form
---------------------------------------------------  
*/

body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search {
    overflow: hidden;
    position: relative;
    z-index: 604;
    width: 22px; height: 50px;
    background: none;
    transition: max-width 0.35s ease-in-out 0.1s, left 0.35s ease-in-out 0s, right 0.35s ease-in-out 0s;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search:not(.open-search) {
    left: auto;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search.open-search {
    overflow: visible;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search a.expand-search {
    content: "Open";
    width: 22px; height: 50px;
    padding: 12px 0 0 1px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    z-index: 3;
    font-size: 25px;
    cursor: pointer;
    text-align: center;
    color: rgba(var(--main-navigation-link), 1);
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search a.expand-search em {
    display: none;
}

body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search:not(.open-search) a.expand-search .close-icon { 
    display: none;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search.open-search a.expand-search .search-icon { 
    display: none;
}

body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search form {
    position:absolute; top:50%; right:30px;
    width:50px; max-width:50px;
    z-index: -10;
    display: none;
    transform: translateY(-50%);
    transition: max-width 0.35s ease-in-out 0.2s;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search.open-search form {
    width:360px; max-width:360px;
    z-index: 1;
    display: block;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search form fieldset { 
    margin:0;
}

body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search button.btn {
    right: 0;
    font-size: 25px;
    opacity: 0;
    transition: opacity 0.35s ease-in-out 0.1s;
}
body:not(.header-03-lg):not(.header-11-lg):not(.header-12-lg):not(.header-15-lg):not(.header-16-lg) header#site-header .site-search.open-search button.btn {
    opacity: 1;
    transition: opacity 0.35s ease-in-out 0s;
}
.site-search button.btn i.icon {
    position: absolute; top:50%; left:50%;
    transform: translate(-50%,-50%);
}

footer#site-footer .site-search .form-control {
    height: 50px;
    min-height: 50px;
    padding-right: 50px;
}
footer#site-footer .site-search button.btn { 
    width: calc(50px - var(--base-border-width) - var(--base-border-width));
    height: calc(50px - var(--base-border-width) - var(--base-border-width));
    width: 50px;
    height: 50px;
}