/*
	Qui si richiamano tutti i file che faranno parte dell'header.css
*/
@import '../MainBar/mainbar_02.css';


/* Button Open Search
----------------------------------------------------------*/
	.open-search-bar {
	    position: relative;
	    cursor: pointer;
	    margin-left: 20px;
	}
	.open-search-bar .search-label {
	    margin-right: 10px;
	}
	.open-search-bar span.search-icon {
	    height: 20px;
	    width: 20px;
	    min-width: 20px;
	}
	.open-search-bar .search-label:before {
	    content: "";
	    display: block;
	    width: 100%;
	    height: 1px;
	    background-color: #000;
	    bottom: 0px;
	    position: absolute;
	    left: 0;
	}

/* Search Popup
----------------------------------------------------------*/
	#search-popup input {
		position: relative;
		z-index: 2;
		margin-bottom: 0 !important;
	    border: unset;
	    border-bottom: 1px solid #000;
	    border-radius: unset;
	    padding: 10px 0 10px 0;
	    margin-right: 40px;
	    background-color: transparent !important;
	}

	#search-popup label {
	    position: absolute;
	    bottom: 0;
	    left: 0;
	    padding-bottom: 10px;
	    z-index: 1;
	    transform: translateY(0);
	    transition-property: transform, font-size;
	    transition-duration: 0.2s;
	    transition-timing-function: linear;
	}
	#search-popup label.focused {
	    transform: translateY(-100%);
	    font-size: 15px;
	}