/* Wutsearch.com 🚀 Copyright 2025 Jeff Starr @ monzillamedia.com. All rights reserved. Search engine names and logos copyright their respective owners. */

body {
	margin: 10px 0; padding: 10px 0; color: #777; text-align: center; 
	font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, 'Lucida Grande', sans-serif;
	}
a { color: #3580C1; } a:hover { color: #2365A0; text-decoration: none; }

.menu { margin: 0 0 20px 0; padding: 0 0 5px 0; line-height: 1; font-size: 14px; text-align: center; }
.menu-item { display: inline-block; margin: 0 12px; }
.menu-item span { font-size: 12px; }
.menu-item-options span { position: relative; top: 1px; }

.box { display: inline-block; width: 30%; margin: 40px 0; padding: 20px 0; vertical-align: top; }
.box:hover { background-repeat: no-repeat; background-position: right top; background-image: url(/img/drag-drop-l.png); background-size: 20px 20px; }
.box form { margin: 20px 0 0 0; }
.box label { display: none; }
.box input { 
	box-sizing: border-box; padding: 10px; vertical-align: middle; font-size: 14px; border: 0; border-radius: 2px;
	-webkit-appearance: none; -moz-appearance: none; -ms-appearance: none; -o-appearance: none; appearance: none;
	}
.box input[type=search] { width: 70%; }
.box input:focus { outline: none; }
.box-hidden { display: none; }

.search { height: 92px; margin: 0 auto; text-indent: -9999em; background-repeat: no-repeat; background-position: center; }
.search-goo { background-image: url(/img/google.png);     background-size: 201px 68px;  width: 201px; }
.search-ddg { background-image: url(/img/ddg.png);        background-size: 92px  92px;  width: 92px; }
.search-sp  { background-image: url(/img/sp.svg);         background-size: 235px 46px;  width: 235px; }
.search-yan { background-image: url(/img/yandex.png);     background-size: 142px 80px;  width: 142px; }
.search-gib { background-image: url(/img/gibiru.png);     background-size: 226px 30px;  width: 226px; }
.search-qua { background-image: url(/img/qwant.svg);      background-size: 94px  92px;  width: 94px; }
.search-bin { background-image: url(/img/bing.png);       background-size: 158px 64px;  width: 158px; }
.search-swi { background-image: url(/img/swissc.png);     background-size: 153px 92px;  width: 153px; }
.search-sea { background-image: url(/img/searx.png);      background-size: 160px 60px;  width: 160px; }
.search-moj { background-image: url(/img/mojeek.svg);     background-size: 150px 45px;  width: 150px; }
.search-bai { background-image: url(/img/baidu.png);      background-size: 220px 124px; width: 220px; }
.search-met { background-image: url(/img/metager.svg);    background-size: 220px 39px;  width: 220px; }
.search-eco { background-image: url(/img/ecosia.png);     background-size: 128px 92px;  width: 128px; }
.search-brv { background-image: url(/img/brave.png);      background-size: 92px  92px;  width: 92px; }
.search-dao { background-image: url(/img/rightdao.png);   background-size: 256px 66px;  width: 256px; }
.search-tig { background-image: url(/img/infotiger.png);  background-size: 256px 82px;  width: 256px; }
.search-alx { background-image: url(/img/alexandria.svg); background-size: 256px 58px;  width: 256px; }
.search-sez { background-image: url(/img/seznam.svg);     background-size: 256px 52px;  width: 256px; }
.search-lux { background-image: url(/img/luxxle.svg);     background-size: 120px 47px;  width: 120px; }

.info { margin: 40px 0 10px 0; font-size: 12px; }

.version { font-weight: bold; }

.contact { font-size: 12px; }
.contact a { padding: 0 5px; text-decoration: none; }
.contact a:hover { text-decoration: none; }

.none-selected { margin: 40px 0 0 0; }

/* options */

.options { position: fixed; z-index: 3; top: 0; left: 0; width: 100%; height: 100%; min-height: 100%; visibility: hidden; opacity: 0; transition: 0.5s; }
.options-wrap { 
	position: absolute; z-index: 9; top: 25%; left: 0; right: 0; width: 100%; max-width: 400px; margin: 0 auto; border-radius: 3px; border: 0; 
	color: #fff; background-color: #444;
	}
.options-content { padding: 20px 20px 40px 20px; }
.options-close {
	position: absolute; right: -10px; top: -10px; width: 30px; height: 30px; line-height: 26px; 
	font-size: 20px; font-weight: bold; border-radius: 50%; border: 0; cursor: pointer; 
	}
.options-visible { opacity: 1; visibility: visible; }
.options-col { display: inline-block; width: 45%; vertical-align: top; }
.options-col div { margin: 7px 0 7px 17px; line-height: 20px; font-size: 16px; text-align: left; }
.options input, .options label { display: inline-block; vertical-align: middle; }
.options-col label a { color: #fff; text-decoration: none; }
.options-col label a:hover { color: #3580C1; text-decoration: #2365A0 solid underline 1px; text-underline-offset: 2px; }

/* lite mode */

.box:hover { background-color: #fefefe; }
.box[style]:not([style='']) { background: #fafafa; }

input { background-color: #efefef; color: #222; }
input[type=submit]:hover { background-color: #eaeaea; }

.contact { color: #ccc; }
.contact a { color: #999; }
.contact a:hover { color: #777; }

.options { background-color: rgba(0,0,0,0.9); }
.options-close { color: #333; background-color: #999; }
.options-close:hover { color: #333; background-color: #ccc; }

/* dark mode */

.dark { background-color: #222; }
.dark .box:hover { background-color: #232323; background-image: url(/img/drag-drop.png); }
.dark .box[style]:not([style='']) { background: #2c2c2c; }

.dark input { background-color: #444; color: #ccc; }
.dark input[type=search]:focus { color: #eee; }
.dark input[type=submit] { color: #ccc; }
.dark input[type=submit]:hover { background-color: #555; color: #eee; }

.dark .search-sp  { background-image: url(/img/sp-l.svg);     background-size: 235px 46px; width: 235px; }
.dark .search-yan { background-image: url(/img/yandex-l.png); background-size: 142px 80px; width: 142px; }
.dark .search-gib { background-image: url(/img/gibiru-l.png); background-size: 226px 30px; width: 226px; }
.dark .search-qua { background-image: url(/img/qwant-l.svg);  background-size: 94px  92px; width: 94px; }
.dark .search-swi { background-image: url(/img/swissc-l.png); background-size: 153px 92px; width: 153px; }
.dark .search-lux { background-image: url(/img/luxxle-l.svg); background-size: 120px 47px; width: 120px; }

.dark .search-alx,
.dark .search-sez,
.dark .search-tig { filter: opacity(90%) invert(100%); }

.dark .contact { color: #333; }
.dark .contact a { color: #555; }
.dark .contact a:hover { color: #777; }

.dark .options { background-color: rgba(0,0,0,0.7); }
.dark .options-close { color: #333; background-color: #999; }
.dark .options-close:hover { color: #333; background-color: #ccc; }

/**/

@media (max-width: 1100px) {
	
	.box { width: 45%; margin: 20px 0; }
	
}
@media (max-width: 700px) {
	
	body { padding: 20px 0; }
	input[type=search] { width: 60%; }
	.box { width: 100%; margin: 10px 0; }
	
}