/* ************** */
/* 01. FONTS
/* 02. GLOBAL
/* 03. HEADER
/* 04. FOOTER
/* 05. RESPONSIVE TABS
/* 06. PANELS
/* 07. AJAX DATA DISPLAY
/* 08. SQUARE CLICKER THINGS
/* 09. MILESTONES
/* 10. BIOGRAPHIES
/* 11. AIRCRAFT
/* 12. PARENT TYPES
/*************** */


/* *********************************************************************************** */
/* 01. FONTS */
/* *********************************************************************************** */

/* open-sans-300 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light'), local('OpenSans-Light'),
       url('../fonts/open-sans-v15-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-300italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 300;
  src: url('../fonts/open-sans-v15-latin-300italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Light Italic'), local('OpenSans-LightItalic'),
       url('../fonts/open-sans-v15-latin-300italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-300italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-300italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-300italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-regular - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-regular.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Regular'), local('OpenSans-Regular'),
       url('../fonts/open-sans-v15-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*
       url('../fonts/open-sans-v15-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-regular.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 400;
  src: url('../fonts/open-sans-v15-latin-italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Italic'), local('OpenSans-Italic'),
       url('../fonts/open-sans-v15-latin-italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       /*
       url('../fonts/open-sans-v15-latin-italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'),
       url('../fonts/open-sans-v15-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-600italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: url('../fonts/open-sans-v15-latin-600italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'),
       url('../fonts/open-sans-v15-latin-600italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-600italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-600italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-600italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold'), local('OpenSans-Bold'),
       url('../fonts/open-sans-v15-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-700italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: url('../fonts/open-sans-v15-latin-700italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'),
       url('../fonts/open-sans-v15-latin-700italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-700italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-700italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-700italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800 - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold'), local('OpenSans-ExtraBold'),
       url('../fonts/open-sans-v15-latin-800.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800.svg#OpenSans') format('svg'); /* Legacy iOS */
}

/* open-sans-800italic - latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 800;
  src: url('../fonts/open-sans-v15-latin-800italic.eot'); /* IE9 Compat Modes */
  src: local('Open Sans ExtraBold Italic'), local('OpenSans-ExtraBoldItalic'),
       url('../fonts/open-sans-v15-latin-800italic.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('../fonts/open-sans-v15-latin-800italic.woff2') format('woff2'), /* Super Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.woff') format('woff'), /* Modern Browsers */
       url('../fonts/open-sans-v15-latin-800italic.ttf') format('truetype'), /* Safari, Android, iOS */
       url('../fonts/open-sans-v15-latin-800italic.svg#OpenSans') format('svg'); /* Legacy iOS */
}


/* *********************************************************************************** */
/* 02. GLOBAL */
/* *********************************************************************************** */

html *		{ font-family: 'Open Sans','Tahoma',arial,sans-serif; }

body		{ position: relative; background: #f8f8f8; color: #413f44; }

.container	{ padding-top: 2%; }

p			{ margin-bottom: 1em; }

form span			{ color: red; }

.loginMessage			{ color: red; font-weight: bold; }

.shadowImageLeft		{ 	margin: 0px 20px 0px 0px; border: 1px solid #6f6f70;
							box-shadow: 3px 3px 6px #b2b2b2;
							-moz-box-shadow: 3px 3px 6px #b2b2b2;
							-webkit-box-shadow: 3px 3px 6px #b2b2b2; }
						
.shadowImageRight		{ 	float: right; clear: both; margin: 0px 10px 0px 20px; border: 1px solid #6f6f70;
							box-shadow: 3px 3px 6px #b2b2b2;
							-moz-box-shadow: 3px 3px 6px #b2b2b2;
							-webkit-box-shadow: 3px 3px 6px #b2b2b2; }
							
.imageAttribution		{ font-style: italic; font-size: .9em; display: block; margin-top: 1vh; }

.sidebar				{ margin-top: 5vh; }

.sidebarThumbHolder		{ padding-top: .7vh; width: 100%; max-width: 360px; display: flex; justify-content: space-between; }

.sidebarThumbHolder a:hover		{ border: 1px solid #f05a00; }

.sidebarThumb			{ width: 108px; display: inline-block; border: 1px solid #dcdcdc; }

.page-header			{ border-bottom: 1px solid #dcdcdc; padding: 0; }

.page-section			{ border-bottom: 1px solid #dcdcdc; padding: 3vh 0 1vh 0; }

.sectionClear			{ clear: both; margin: 0; }

.anchorSpacer:target			{ padding-top: 7vh; }

.scrollTable tbody		{ height: 290px; overflow-y: auto; width: 100%; }

.scrollTable tfoot		{ font-style: italic; }

.dumbRowSpacer			{ height: .7em; }

.dumbRowSpacer td		{ border-top: none !important; }

.scrollTable thead, .scrollTable tbody, .scrollTable tr, .scrollTable td, .scrollTable th { display: block; }

.notesFooter			{ border-top: 1px solid silver; font-style: italic; font-size: .9em; text-align: right; }


/* *********************************************************************************** */
/* 03. HEADER */
/* *********************************************************************************** */

.navbar				{ }

.nav ul.dropdown-menu li a			{ text-align: right; padding-bottom: .5em; }

.vertipediaLogo				{ max-width: 10vw; max-height: 3vh;}

.vertipediaTitle			{ float: right; display: inline-block; padding-left: 1em; }

.vertipediaHeader			{ }
.vertipediaHeader p			{ text-align: right; }

.navBackground				{ background: #3d3a3a; }

#navbar-collapse			{ text-align: right; }

.vertipediaFinders			{ 	float: right; margin-bottom: 2em; 
								position: fixed; top: 46px; right: 1px; 
								z-index: 10;
								font-size: 1.1em; }


/* *********************************************************************************** */
/* 04. FOOTER */
/* *********************************************************************************** */

.footer-distributed 	{ 	background-color: #292c2f; width: 100%;
						margin-top: 7vh; padding: 3vh 3em 8vh 3em;
						text-align: left;
						box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.12);
						box-sizing: border-box; 
						}

.footer-distributed .footer-left p 	{ color: #8f9296; margin: 0; }

.footer-distributed .footer-left a:last-of-type { padding-bottom: .7em; }

.footerLogo							{ float: left; margin-right: 1.4em; padding: 0px 0px .7em 0px; }

.scrollToTop						{ 	cursor: pointer;
										position: fixed; bottom: 20px; right: 20px;
										display:none; }

/* Footer links */
.footer-distributed p.footer-links		{ margin: 0 0 10px; padding: 0; }

.footer-distributed p.footer-links a	{ 	display: inline-block; line-height: 1.8;
											text-decoration: none; color: #fff; }
											
.footer-distributed p.footer-links a:hover { color: #8f9296; }

.footer-distributed .footer-right		{ float: right; max-width: 100%; }

.footer-distributed .footer-right a		{	display: inline-block; width: 35px; height: 35px;
											background-color:  #3d4144; color: #ffffff;
											text-align: center; font-size: 1.3em;
											border-radius: 2px;
											line-height: 35px;
											margin-left: .3em; }
										
.footer-distributed .footer-right a:hover { color: #ccc; }

/* If you don't want the footer to be responsive, remove these media queries */
@media (max-width: 600px) {

	.footer-distributed .footer-left,
	.footer-distributed .footer-right{
		text-align: center;
	}

	.footer-distributed .footer-right{
		float: none;
		margin: 0 auto 20px;
	}

	.footer-distributed .footer-left p.footer-links{
		line-height: 1.8;
	}
	
	.footer-distributed {
		padding-bottom: 19vh;
	}

	.footerLogo {
		float: none;
		width: 100%;
		left: 0;
		bottom: 6px;
		position: absolute;
	}
	
	.footerLogo a img {
		display: block;
		margin: 0 auto;
		bottom: 0;
	}

}


/*
.footer-distributed .footer-company-name	{ color:  #8f9296; postion: absolute; bottom: 0; }
									
.backToTop			{ position: absolute; padding-top: 3vh; right: 3em; }
.backToTop a		{ color: #fff; }*/


/* *********************************************************************************** */
/* 05. RESPONSIVE TABS */
/* *********************************************************************************** */

.searchHeader		{ float: right; margin-top: 2vh; }

.quickSearch		{ float: right; }

.searchBox			{	font-size: .8em; width: 24rem; height: 2.3rem; margin-top: 1.4em; padding-left: 2em;
						color: #413f44; border: 1px solid silver; border-radius: .4em;
						background: #fff; background-image: url(../images/spyglass.png); background-repeat: no-repeat;
						background-position: top .35em left .35em; }

.resourceSearchBox	{ 	width: 30rem; font-size: .9em; padding-left: 1.7em;
						border: 1px solid silver; border-radius: .4em;
						background-image: url(../images/spyglass.png); background-repeat: no-repeat; 
						background-position: top .35em left .35em; }
						
#solrSearch select	{ margin-top: .5em; }
						
						
/* *********************************************************************************** */
/* 06. PANELS */
/* *********************************************************************************** */

.panelHeader			{ margin-bottom: -.2em; padding: .7em 0 .7em 1em; background: #f8f8f8; }

.panel ul li			{ padding-top: 1em; padding-bottom: 1em; }

.panelFooter			{ margin: -1em 0 1.75em 0; font-style: italic; font-size: .9em; }

.panelCollapser			{ border: 0; line-height: 0; }

.searchResults			{ overflow-y: auto; width: 100%; max-height: 709px; }

.vertipediaPanel a		{ color: #0277bd; }

.findPageHeader 		{ width: 100%; }

.findPageHeadline		{ float: left; margin: 0; }

.scrollPanel 			{ height: 290px; overflow-y: auto; width: 100%; }

.sectionHead			{ font-style: italic; padding: 1em 0 .25em .5em; background: #f8f8f8; }

.searchFilter:active		{ background: #f8f8f8; }


/* *********************************************************************************** */
/* 07. AJAX DATA DISPLAY */
/* *********************************************************************************** */

.dataResults		{ margin-top: 1.2em; }

.highlight			{ background-color: yellow; }
.searchword			{ background-color: yellow; }


/* *********************************************************************************** */
/* 08. SQUARE CLICKER THINGS */
/* *********************************************************************************** */

#blueBoxHolder			{ width: 80%; }

.squareBoxHolder		{ margin: 0 auto; text-align: center; }

.squareBox				{ height: 0; width: 100%; padding-bottom: 100%; margin-top: 1.2em; }

.squareBoxHolder div div:hover		{ background: #42a5f5; }

.squareBoxContent		{ color: #fff; padding-top: 20%; line-height: 3em; }

.squareBoxContent i		{ font-size: 4em; }

.specialIcon			{ margin-top: -6.25%; }

.detailButtons		{ margin-top: 3.25%; }

.detailButtons a		{ margin-right: 2vw; margin-bottom: 3.25%; width: 200px; }


/* *********************************************************************************** */
/* 09. MILESTONES */
/* *********************************************************************************** */

.milestoneType		{ margin: 3vh 0 0 0; font-style: italic; }

.milestoneBody		{ margin: 0; }


/* *********************************************************************************** */
/* 10. BIOGRAPHIES */
/* *********************************************************************************** */

.bioCountry { font-weight: 700; font-style: italic; }


/* *********************************************************************************** */
/* 11. AIRCRAFT */
/* *********************************************************************************** */

.aircraftDetails 		{ font-size: .9em; margin-top: 1vh; }
@media (min-width: 600px) {
	.aircraftDetails		{ border: 0.1pt solid #ddd; background: #fff; padding: 0 0 1.5vh 1.5vh; }
}

#configContent p		{ margin-left: -17px; }

#aircraftBody table 	{ margin-left: -17px; }

#detailBoxHolder			{ width: 80%; }

.detailBox				{ height: 0; width: 90%; padding-bottom: 90%; margin-top: 2em; margin-bottom: 1em; }

.detailBoxHolder div div:hover		{ background: #42a5f5; }

.detailBoxContent		{ color: #fff; padding-top: 20%; line-height: 1.4em; text-align: center; }


/* *********************************************************************************** */
/* 12. PARENT TYPES */
/* *********************************************************************************** */

.familyVariant { margin: 1.5em 0px .75em 0px; }

.familyTree { margin-left: 3vw; line-height: 1em; }