/*
Theme Name:   Gogreen - Child theme
Theme URI:    http://webdesign-finder.com/gogreen-v2
Description:  Extra Small child theme of Gogreen theme
Author:       the MWTemplates team
Author URI:   https://themeforest.net/user/mwtemplates
Template:     gogreen
Version:      0.0.1
License:      Commercial
License URI:  https://themeforest.net/licenses/regular_extended
Text Domain:  gogreen
Domain Path:  /languages
Tags:         blog, e-commerce, news, custom-background, custom-colors, custom-logo, custom-menu, custom-header, editor-style, featured-images, footer-widgets, full-width-template, sticky-post, theme-options, threaded-comments, block-styles, wide-blocks, left-sidebar, right-sidebar, one-column, two-columns, grid-layout, microformats, post-formats, translation-ready
*/

/* Your styles goes here*/
.wrapper-search-dropdown{
    position: absolute;
    top: 100%;
   right: 60px;
    background: white;
    padding: 10px;
    transition: all .35s ease-in-out;
    opacity: 0;
    display: none;
    transform: scale(0);
}
.wrapper-search-dropdown.active{
    display: flex;
    align-items: center;
    opacity: 1;
    transform: scale(1);
}
.admin-bar #search_dropdown{
    top:0;
}
#search_dropdown {
    z-index: 10;
    opacity: 1;
    position: relative;
    top: 0;
    right: 0;
    left: 0;
    padding: 0;
    transform: scale(1);
    transition: all .35s ease-in-out;
    min-width: 350px;
}
#search_dropdown .search-form {
    margin-left: 0;

}
.admin-bar #search_modal_close{
    top: 0;
}
#search_modal_close{
    position: relative;
    top: 0;
    left: auto;
    width: 40px;
    height: 40px;
}
#search_modal_close span, #search_modal_close span::before, #search_modal_close span::after {
    width: 16px;
    height: 2px;
    background-color: black;
}
#search_dropdown .search-form input[type=search]::-webkit-input-placeholder{
    color: gray;
}
#search_dropdown button .svg-icon svg {
    fill: #00bbfa;
}
#search_dropdown .search-form input[type=search]{
    color: black;
    border-bottom: 1px solid #cecece;
    height: 40px;
    padding: 10px 16px;
    padding-right: 65px;
    border-radius: 0;
}
.layout-search .search-form button.search-submit, .layout-search .search-form button.search-submit:hover {
    right: 50px;
    top: 50%;
}
input[type="search" i]::-webkit-search-cancel-button {
    appearance: none;
    display: block;
    opacity: 0;
}

.search-form button{
    height: 40px;
    width: 40px;
}

.social-icon-search-new{
    display: flex;
    align-items: center;
    justify-content: center;
}

.icon-search-new{
    width: 24px;
    max-width: 24px;
    height: 24px;
}