body:not(.wp-admin) > header { overflow:initial!important;}
body > header > section.topbar .search { position:relative;}


#searchkit-button { 
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
    border-radius: 0px; border:none; padding:0px; margin:0px; box-shadow:none;
    display:inline-block; width:48px; height:48px; background-color:transparent; color:#fff; white-space:nowrap; float:right;
    }
#searchkit-button > * { pointer-events:none;}
#searchkit-button > i {display:inline-block; vertical-align:middle; width:48px; height:48px; padding:12px;}
#searchkit-button > i svg { display:block; width:100%; height:auto;}
#searchkit-button > span { display:none; vertical-align:middle; white-space:normal;}

#searchkit-dialog {
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
    border-radius: 0px; border:none; padding:0px; margin:0px; box-shadow:none;
    display:block; position:absolute; pointer-events:none; top:0px; right:0px; left:auto; bottom:auto; opacity:0; width:48px; transition: opacity 75ms linear, width 275ms ease-in-out;
    background-color: #0f172f; 
}
#searchkit-dialog[open] { pointer-events:all; opacity:1; width:100%; padding-right:48px; }

#searchkit-close { 
	-webkit-appearance: none; -moz-appearance: none; appearance: none;
    border-radius: 0px; border:none; padding:0px; margin:0px; box-shadow:none;
    display:inline-block; width:48px; height:48px; background-color:transparent; color:#fff; white-space:nowrap;
    position:absolute; right:0px; top:0px;
    }
#searchkit-close > * { pointer-events:none;}
#searchkit-close > i {display:inline-block; vertical-align:middle; width:48px; height:48px; padding:12px;}
#searchkit-close > i svg { display:block; width:100%; height:auto;}
#searchkit-close > span { display:none; vertical-align:middle; white-space:normal;}

#searchkit-form { position:relative; font-size: 16px;}
#searchkit-form input {
	-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; 
    -webkit-box-shadow: inset 0px 0px 0px 1px #000000; box-shadow: inset 0px 0px 0px 1px #000000; font-family:inherit; font-size:1em;
    background-color:transparent; border:none; border-radius:0px; margin: 0px; padding: 0px; text-align: left;
    }
#searchkit-form input[type="text"] { height:48px; padding: 8px;}
#searchkit-form fieldset { position:relative; z-index:0; -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; display:block; border:none; border-radius:0px; margin: 0px; padding: 0px;}
#searchkit-form button { -webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none; display:inline-block; border:none; border-radius:0px; margin: 0px; padding: 0px; white-space:nowrap;}
#searchkit-form button > i { display:inline-block; vertical-align:middle; width:48px; height:48px; padding:12px; margin:0px;}
#searchkit-form button > span { display:inline-block; vertical-align:middle; white-space:normal;}

#searchkit-form fieldset input[type="text"] { padding-left:48px; color:#fff;}
#searchkit-form button[type="submit"] { position:absolute; left:0px; top:0px; z-index:1; color:#fff;}
#searchkit-form button[type="submit"] span { display:none;}

#searchkit-results { background-color:#fff; max-height:256px; overflow:hidden; overflow-y:auto; color:#000; position:absolute; left:0px; top:48px; width:100%;}
#searchkit-results h4 { display:block; padding:8px; margin: 0px; background-color:#00accc; color:#fff; }
#searchkit-results ul {display:block; padding:0px; margin:0px; list-style:none; }
#searchkit-results ul li {display:block; }
#searchkit-results ul li a { display:block; padding:8px; text-decoration: none;}
#searchkit-results ul li a:hover { background-color:#f1f1f1;}