/*  - - - - - - - - - - - - - - - - - - - -  */
/*  BAS - header-search.css  */
/*  - - - - - - - - - - - - - - - - - - - -  */


	/*  - - - - - - - - - - - - - */
	/*  desktop - search button
	/*  - - - - - - - - - - - - - */
	
	#header_search_button_tab {
	
		box-sizing: border-box;
		position: absolute;
		left: 0px;
		bottom: -160px;
		height: 40px;
		width: 100px;
		text-align: center;
		padding: 4px 8px;
		color: white;
		font-size: 80%;
		background: #D09432;		
		transform-origin: 0 0px;
		transform: rotate(-90deg);
		z-index: 60;
	}
	
	/*  - - - - - - - - - - - - - */
	/*  desktop - search div
	/*  - - - - - - - - - - - - - */
	
	#header_search_div {
	
		display: flex;
		flex-direction: column;
		justify-content: center;
		align-content: space-around;
		box-sizing: border-box;
		position: absolute;
		left: -350px;
		width: 350px;
		height: 100px;
		bottom: -120px;
		padding: 10px 25px 10px 50px;
		color: white;
		background: #D09432;
		z-index: 50;
	}

	.header_search_div_slide_left {

			animation-name: header_search_div_slide_left_animation;
			animation-duration: 1s;
			animation-iteration-count: 1;
			animation-direction: normal;
			animation-timing-function: ease-in-out;
			animation-fill-mode: forwards;
	}

	.header_search_div_slide_right {

			animation-name: header_search_div_slide_right_animation;
			animation-duration: 1s;
			animation-iteration-count: 1;
			animation-direction: normal;
			animation-timing-function: ease-in-out;
			animation-fill-mode: forwards;
	}

	@keyframes header_search_div_slide_left_animation {

		from {  transform: translateX(350px);  }

		  to {  transform: translateX(  0px);  }
	}

	@keyframes header_search_div_slide_right_animation {

		from {  transform: translateX(  0px);  }

		  to {  transform: translateX(350px);  }
	}

	#desktop_search_field,
	#mobile_search_field {
	
		margin-bottom: 12px;
		width: 100%;
	}

	#desktop_search_button,
	#mobile_search_button {
	
		text-align: center;
	}
	
	#desktop_search_field input,
	#mobile_search_field input {
	
		background-color: white !important;
		box-sizing: border-box;		
		font-size: 110%;
		padding: 2px 6px !important;
		height: 100%;
	}

	#desktop_search_field input {

		width: 100%;
	}

	#mobile_search_field input {

		width: 80%;
	}
	
	#desktop_search_button_text {
	
		line-height: 2.0 !important;
	}