.search_wrap,
.search_wrap .search_form {
position:relative;
}
.search_wrap .search_field {
width:6em;
padding: 0 0 0 1.75em;
vertical-align:middle;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
}
.search_wrap .search_submit {
position:absolute;
bottom: 0;
left: 0;
background-color:transparent;
padding: 0;
font-size:inherit;
font-weight: inherit;
line-height:inherit;
}
.search_wrap .search_submit:before {
margin:0;
}
.sc_layouts_row_type_narrow .search_wrap .search_field,
.sc_layouts_row_type_compact .search_wrap .search_field {
border: none;
background-color: transparent;
}
.sc_layouts_row_type_compact .search_wrap .search_submit {
font-size:1.25em;
font-weight: 400;
}
.sc_layouts_column_icons_position_right .search_wrap .search_field {
padding: 0 1.75em 0 0;
}
.sc_layouts_column_icons_position_right .search_wrap .search_submit {
left: auto;
right: 0;
}
.sc_layouts_row_type_normal .search_wrap .search_field {
font-size: 11px;
text-transform:uppercase;
padding: 0 1.5em 0 3em;
width: 15em;
height: 4.7727em;
line-height: 4.7727em;
-webkit-border-radius: 3em;
-moz-border-radius: 3em;
-ms-border-radius: 3em;
border-radius: 3em;
}
.sc_layouts_row_type_normal .search_wrap .search_submit {
display:block;
font-size: 18px;
text-align:center;
width: 1em;
height: 2.889em;
line-height: 2.889em;
position:absolute;
bottom: auto;
top: 0;
left: 1em;
}
.sc_layouts_row_type_normal .search_wrap .search_submit:before {
font-size: 18px;
}
.sc_layouts_row_type_normal .sc_layouts_column_icons_position_right .search_wrap .search_submit {
left: auto;
right: 1em;
}
.sc_layouts_row_type_normal .sc_layouts_column_icons_position_right .search_wrap .search_field {
padding: 1em 3em 1em 1.5em;
} .search_wrap.search_style_expand .search_field {
width: 0;
visibility:hidden;
}
.search_style_expand.search_opened .search_field  {
width: 6em;
visibility:visible;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand .search_field {
height: 4.7727em;
line-height:4.7727em;
padding-top: 0;
padding-bottom: 0;
visibility:visible;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand:not(.search_opened) .search_field {
padding: 0 2.3em 0 2.3em;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand.search_opened .search_field {
width: 15em;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_expand:not(.search_opened) .search_submit {
width: 4.7727em;
left:0;
right: auto;
} .search_style_fullscreen .search_field {
width: 0;
visibility:hidden;
}
.search_style_fullscreen .search_field,
.search_style_fullscreen .search_submit,
.search_style_fullscreen .search_submit:before {
-webkit-transition: none;
-moz-transition: none;
-ms-transition: none;
-o-transition: none;
transition: none;
}
.search_style_fullscreen.search_opened .search_field,
.search_style_fullscreen.search_opened .search_submit,
.search_style_fullscreen.search_opened .search_submit:before {
-webkit-transition: all .3s ease;
-moz-transition: all .3s ease;
-ms-transition: all .3s ease;
-o-transition: all .3s ease;
transition: all .3s ease;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen .search_field {
width: 0;
height: 4.7727em;
line-height:4.7727em;
padding-top: 0;
padding-bottom: 0;
visibility:visible;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen:not(.search_opened) .search_field {
opacity: 0;
position: relative;
}
.sc_layouts_search {
position: relative;
padding-left: 0.5em;
margin-left: 0.5em;
}
.sc_layouts_search:before {
position: absolute;
content: '';
width: 1px;
height: 1.5em;
background-color: #c8c8c8;
top: 50%;
left: 0;
-webkit-transform: translateY(-50%);
-moz-transform: translateY(-50%);
-ms-transform: translateY(-50%);
transform: translateY(-50%);
}
.sc_layouts_item:first-child .sc_layouts_search {
padding-left: 0em;
margin-left: 0em;
margin-right: 1em;
}
.sc_layouts_item:first-child .sc_layouts_search:before {
content: none;
}
.scheme_dark .sc_layouts_search:before {
opacity: 0.15;
}
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen:not(.search_opened) .search_submit {
width: 2.889em;
left:0;
right: auto;
}
.search_style_fullscreen .search_close {
display:none;
}
.search_style_fullscreen .search_close:before {
margin:0;
}
.search_style_fullscreen.search_opened .search_close {
position: absolute;
right: 0;
top: 0;
display: inline-block;
font-size: 2rem;
font-weight: 300;
text-align: center;
cursor: pointer;
-webkit-transition: all ease .3s;
-moz-transition: all ease .3s;
-ms-transition: all ease .3s;
-o-transition: all ease .3s;
transition: all ease .3s;
}
.search_style_fullscreen.search_opened .search_form_wrap {
position: fixed;
background-color:rgba(255,255,255,0.9);
bottom: 0;
left: 0;
right: 0;
top: 0;
width: 100%;
height: 100%;
z-index: 999;
overflow: hidden;
}
.search_style_fullscreen.search_opened .search_form {
position: relative;
width: 50%;
top: 50%;
left: 50%;
-webkit-transform:translateX(-50%) translateY(-50%);
-moz-transform:translateX(-50%) translateY(-50%);
-ms-transform:translateX(-50%) translateY(-50%);
transform:translateX(-50%) translateY(-50%);
border-bottom: 1px solid #fff;
font-size:1em;
}
.search_style_fullscreen.search_opened .search_results {
top: 0;
display:none !important;
}
.search_style_fullscreen.search_opened .search_submit:before {
font-size: inherit;
}
.search_style_fullscreen.search_opened .search_submit,
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_submit {
position: absolute;
left: 0 !important;
right: auto !important;
top: 50%;
font-size: 2rem;
-webkit-transform:translateY(-50%);
-moz-transform:translateY(-50%);
-ms-transform:translateY(-50%);
transform:translateY(-50%);
}
.search_style_fullscreen.search_opened .search_field,
.sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen.search_opened .search_field {
font-size: 2rem !important;
font-weight: 400 !important;
line-height: 3em !important;
height: 3em;
letter-spacing: 1px;
margin: 0;
padding: 0 0 0 2em;
border: none;
white-space: pre-wrap;
word-wrap: break-word;
resize: none;
overflow: hidden;
display: block;
visibility:visible;
width: 100%;
}
.search_style_fullscreen.search_opened .search_field,
.search_style_fullscreen.search_opened .search_field:hover,
.search_style_fullscreen.search_opened .search_field:focus {
background-color: transparent !important;
} .content .search_wrap {
max-width:50%;
margin:0;
}
.post_item_none_search .search_wrap,
.post_item_none_archive .search_wrap {
max-width:none;
}
.content .search_wrap .search_form_wrap {
width: 100%;
}
.content .search_wrap .search_form_wrap .search_field {
width:100%;
}
.post_item_none_search .search_wrap .search_field,
.post_item_none_archive .search_wrap .search_field {
padding: 1.2em 3em 1em 1em;
}
.post_item_none_search .search_wrap .search_submit,
.post_item_none_archive .search_wrap .search_submit {
right: 1em;
top: 0em;
left: auto;
}
.content .search_wrap .search_results {
width:100%;
} .search_wrap .search_results {
display:none;
position:absolute;
z-index:1000;
left: 0;
top:3.5em;
background-color: #fff;
border: 1px solid #e5e5e5;
width: 22em;
padding: 2em 1.5em;
text-align:left;
}
.search_wrap .search_results:after {
content:" ";
width:10px;
height:10px;
background-color: #fff;
border-left: 1px solid #e5e5e5;
border-top: 1px solid #e5e5e5;
position: absolute;
top:-6px;
left:3em;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-o-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
}
.search_wrap .search_results .search_results_close {
position: absolute;
top:3px;
right:3px;
display:block;
text-align:center;
overflow:hidden;
font-size:1em;
width:1.2em;
height:1.2em;
line-height:1.2em;
cursor:pointer;
}
.search_wrap .post_more {
display:block;
text-align:center;
}
.search_wrap .post_meta {
font-style:normal;
}