/*<meta />*/

/*
FILE:         _FT_Responsive_SearchBar.css
DESCRIPTION:  Cascading Style Sheet for supporting responsive design
MODIFIED:     May 16, 2019
LEVEL         CSS Level 3 (plus support for Madcap Flare HTML5 help)
VERSION:      FTFS 1.5 
			  Supported only by HTML5 skins.
*/

@namespace MadCap "http://www.madcapsoftware.com/Schemas/MadCap.xsd";

/* Auto-adjust header area on smaller browsers. Works only for HTML5 skins because they define link to this .css file */
@media only screen and (max-width:47.938em)  { 
	
	/* Move search bar to left edge and down to prevent header overlap */
	#header .search-bar
	{
		left : 37px !important; 
		right: auto !important;
		top: 125% !important; 
	}

	/* Move the body content down to make room for the search bar that is now lower. */
	#body {
		top: 95px !important;   /* orig + search box height */
	}

	/* Make title a little smaller. */
	#header-content {
		font-size: 1.25em !important;
		margin-top: 1em !important;
		line-height: 0.95em !important; 
	}
	
	/* Make logo smaller. */
	#header-logo > img{
		max-width: 90px !important;
	}
	
}
