/**
 * @file
 * The visual styles for Bartik's search form(s).
 */

.search-form {
	font-size: 0.875rem;
}
@media only screen and (min-width:851px){
.search-form .form-search, .search-block-form .form-search {
	float: left;
	padding: 2px 10px;
	border-radius: 2px 0 0 2px;
	margin: 0;
	border-right: none;
	outline: none;
	line-height: 20px;
	height: 25px;
	font-size: 13px;
}
}@media only screen and (max-width:851px){
.search-form .form-search, .search-block-form .form-search {
 
    float: left;
    padding: 5px 10px;
    border-radius: 2px 0 0 2px;
    margin: 0;
    border-right: none;
    outline: none;
    /*height: 20px; */
	font-size: 13px;
    max-width: 90px;
	line-height: 20px;
	
 
}
}
[dir="rtl"] .search-form .form-search, .search-block-form .form-search {
	float: right;
	margin-left: 5px;
	margin-right: 0;
}
.topheader .button.search-form__submit, .topheader .search-form__submit, .topheader .button.form-submit {
	background: rgb(255, 255, 255) url(../../images/loupe.svg) no-repeat center;
	cursor: pointer;
	height: 25px;
	margin-left: 0;
	margin-right: 0;
	overflow: hidden;
	padding: 0;
	text-indent: -9999px;
	direction: ltr;
	outline: none;
	width: 34px;
	border-radius: 0 2px 2px 0;
	color: #fff;
	margin:2px 0;
	border: 1px solid #ccc;
	border-left: #fff;
}
.topheader.button.search-form__submit:hover, .topheader .search-form__submit:hover, .topheader .button.search-form__submit:focus, .topheader .search-form__submit:focus, .topheader .button.form-submit:hover, .topheader .button.form-submit:focus {
	background: rgb(255, 255, 255) url(../../images/loupe.svg) no-repeat center;
	border-left: 1px solid #ccc;
}
.search-form .form-item-keys label {
	display: block;
}
/*
@media(min-width:769px) {
.region-header .search-block-form {	 
	position: absolute;
    right: 15%;
    width: 230px;
    top: 40%;
}
}
*/
