.search_wrap, .search_wrap .search_form { position:relative; } .search_wrap .search_field { width:6em; padding: 0 0 0 1.75em !important; vertical-align:middle; -webkit-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 !important; background-color: transparent !important; } .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 !important; } .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 !important; width: 15em; height: 4.7727em; line-height: 4.7727em; -webkit-border-radius: 3em; -ms-border-radius: 3em; border-radius: 3em; } .sc_layouts_row_type_normal .search_wrap .search_submit { display:block; font-size: 11px; text-align:center; width: 1em; height: 4.7727em; line-height: 4.7727em; position:absolute; bottom: auto; top: 0; left: 1em; } .sc_layouts_row_type_normal .search_wrap .search_submit:before { font-size: 13px; } .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 !important; } /* Search style 'Expand' */ .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_style_fullscreen .search_form { display: inline-block; } .search_style_fullscreen.search_opened .search_form { display: block; } .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; -ms-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; -ms-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 { padding: 0 2.3em 0 2.3em; } .sc_layouts_row_type_normal .sc_layouts_column .search_style_fullscreen:not(.search_opened) .search_submit { width: 4.7727em; 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; -ms-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: 10000; overflow: hidden; } .search_style_fullscreen.search_opened .search_form { position: relative; width: 50%; top: 50%; left: 50%; -webkit-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%); -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; } /* Search results */ .search_wrap .search_results { display:none; position:absolute; z-index:10000; 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); -ms-transform: rotate(45deg); transform: rotate(45deg); } .sc_layouts_column_align_right .search_wrap .search_results { left: auto; right: 1em; } .sc_layouts_column_align_right .search_wrap .search_results:after { left:auto; right:3em; } .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; }