/* CSS for ModelAviationProducts */

html, body {
	/*overflow: hidden;*/
	height: 100%;
}

/* content defaults */
html, body, p, article, li {
	font-family: Montserrat, 'montserratregular', 'Open Sans', Arial !important;
}

/* header defaults */
h1, h2, h3, h4 {
	font-family: Teko Semibold, 'tekosemibold', Impact, Arial !important;
}

/* standard links */
a {
	color: #24539B;
	text-decoration: none;
	transition: all .15s ease 0s;
}
	a:hover {
		color: rgb(0,0,100);
		text-shadow: 1px 1px 5px rgba(0,0,0,.5);
		transition: all .15s ease 0s;
	}

div#masterLoader-overlay {
	position: fixed;
	z-index: 999999999;
	left: 0px;
	top: 0px;
	width: 100vw;
	height: 100vh;
	background: rgba(0,0,0,.25);
}

/* page header */
header {
	background-image: url('/ShopSuey/sites/modelaviationproducts.com/templates/public/images/header.jpg');
	background-position: center 0px;
	background-repeat: no-repeat;
	height: 365px;
	box-shadow: 0px -20px 25px rgba(0,0,0,.35) inset;
}
	
	/* contact info */
	header > address#contact {
		display: block;
		position: absolute;
		right: 0px;
		width: 683px;
		height: 25px;
		padding: 16px 30px 20px 30px;
		
		font-family: Montserrat, 'montserratregular', 'Open Sans', Arial !important;
		font-size: 26px;
		color: rgba(0,0,102,.6);
		font-weight: lighter;
		background: rgba(255,255,255,.4);
		text-shadow: 1px 1px 0px rgba(255,255,255,.35);
		vertical-align: top;
		
		white-space: nowrap;		
		z-index: 2;
		
		transition: height .75s ease .25s, background .75s ease .25s, box-shadow .75s ease .25s;
	}
		
		header > address#contact ul,
		header > address#contact li {
			display: inline;
		}
		
		/* airplain bullet */
		header > address#contact img.bullet {
			display: inline-block;
			margin: auto 5px auto 8px;
			width: 25px;
			height: auto;
		}
		
		/* contact email link */
		header > address#contact a {
			color: rgba(0,0,102,.6);
			text-decoration: none;
			/*border-bottom: 2px solid rgba(75,75,150,0);*/
			transition: all .35s ease 0s;
		}
			header > address#contact a:hover {
				/*border-bottom: 2px solid rgb(75,75,150);*/ 
				/*color: rgb(0,0,175);*/
				text-shadow: 1px 1px 0px white;
				transition: all .15s ease 0s;
				cursor: pointer;
			}
		
		/* contact info hover effect */
		header > address#contact:hover {
			height: 60px;
			background: rgba(255,255,255,.7);
			box-shadow: 0px 0px 15px rgba(0,0,0,.35);
			transition: height .35s ease 0s, background .35s ease 0s, box-shadow .35s ease 0s;
			cursor: pointer;
		}
		
		/* more info sprite */
		header > address#contact > div#contact-moreinfo {
			opacity: 0;
			transition: all .75s ease .25s;
			margin: 25px auto;
			width: auto;
			text-align: center;
			
			font-size: 20px;
		}
			
			/* no underline on this link */
			header > address#contact > div#contact-moreinfo > a {
				text-decoration: none;
				border-bottom: 0px;
				opacity: .5;
			}
				header > address#contact > div#contact-moreinfo > a:hover {
					text-decoration: none;
					border-bottom: 0px;
					opacity: 1;
					transition: all .1s ease 0s;
				}
			
			/* font-awesome manipulations */
			header > address#contact > div#contact-moreinfo > i.fa,
			header > address#contact:hover > div#contact-moreinfo > i.fa {
				display: inline-block;
				margin: auto 5px;
				opacity: .5;
				transition: all .1s ease 0s;
			}
				header > address#contact:hover > div#contact-moreinfo:hover > i.fa {
					opacity: 1;
					transition: all .1s ease 0s;
				}
			
			/* display sprite */
			header > address#contact:hover > div#contact-moreinfo {
				opacity: 1;
				transition: all .35s ease 0s;
			}
			
	
	/* header centering div */
	header > div:nth-child(2) {
		width: 1245px;
		margin: 0px auto 0px auto;
	}
		/* homepage link on logo */
		header > div:nth-child(2) > a:first-child {
			display: block;
			position: absolute;
			z-index: 2;
			width: 425px;
			height: 200px;
			margin: 20px auto auto 10px;
			opacity: 0;
		}
		
		/* we design... */
		header > div:nth-child(2) > h2 {
			margin: auto 20px auto auto;
			padding: 75px 0px 15px 15px;
			width: 725px;
			text-align: center;
			
			font-family: Montserrat, 'montserratbold', Open Sans, Impact, Arial !important;
			font-size: 32px;
			font-weight: bold;
			color: white;
			
			line-height: 1.25;
			text-shadow: 2px 2px 0px rgba(0,0,0,.5);
			opacity: .8;		
		}
		
		/* all of our products... */
		header > div:nth-child(2) > article {
			margin-right: 15px;
			margin-left: auto;
			width: 725px;
			text-align: justify;
			
			font-family: Montserrat, 'montserratbold', Open Sans, Arial !important;
			font-size: 18px;
			font-weight: bold;
			color: white;
			
			line-height: 1.4;
			text-shadow: 2px 2px 0px rgba(0,0,0,.5);
		}
			header > div:nth-child(2) > article a {
				color: rgb(225,225,255);
				text-decoration: none;
				border-bottom: 1px dotted rgb(200,200,255);
			}
				header > div:nth-child(2) > article a:hover {
					color: white;
					text-decoration: none;
					border-bottom: 1px solid white;
					text-shadow: 2px 2px 0px rgba(0,0,0,.5);
				}
	
	/* shopping nav */
	header > div > nav {
		margin: auto 17px auto;
		color: white;
		text-align: right;
		text-shadow: 2px 2px 0px rgba(0, 0, 0, 0.5);
		white-space-collapse: discard;
	}
		
		/* nav positioning containers */
		header > div > nav > span {
			display: inline-block;
			padding: 0px 5px 0px;
			vertical-align: top;
		}

			/* alter position of search icon container */
			header > div > nav > span:nth-child(2) {
				padding-top: 4px;
			}
		
		/* search box */
		header > div > nav input#ShopSuey-storefront-search {
			margin: 3px -58px auto;
			height: 26px;
			padding: 10px;
			width: 0px;
			opacity: 0;
			transition: all .45s ease 0s;
			
			border: 0px;
			box-shadow: 3px 3px 7px rgba(0,0,0,.35);
			border-radius: 3px;
			
			font-family: Montserrat, 'montserratregular', 'Open Sans', Arial !important;
			font-size: 16px;
			font-weight: bold;
			color: white;
			text-shadow: 1px 1px 0px black;
			
		}
			/* display search box */
			header > div > nav input#ShopSuey-storefront-search.ShopSuey-storefront-search-show {
				opacity: 1;
				width: 250px;
				
				background:         linear-gradient(top, rgba(255,255,255,.35), rgba(255,255,255,.45) 15px, rgba(255,255,255,.65));
				background:    -moz-linear-gradient(top, rgba(255,255,255,.35), rgba(255,255,255,.45) 15px, rgba(255,255,255,.65));
				background: -webkit-linear-gradient(top, rgba(255,255,255,.35), rgba(255,255,255,.45) 15px, rgba(255,255,255,.65));
				background:      -o-linear-gradient(top, rgba(255,255,255,.35), rgba(255,255,255,.45) 15px, rgba(255,255,255,.65));
				background:     -ms-linear-gradient(top, rgba(255,255,255,.35), rgba(255,255,255,.45) 15px, rgba(255,255,255,.65));				
				
				transition: all .45s ease 0s;
			}
		
		/* modify search icon */
		header > div > nav .fa-search {
			font-size: 2.5em;
			
			transform: scaleX(-1);
		}
			header > div > nav .fa-search:active {
				text-shadow: 2px -2px 0px rgba(0,0,0,.65) !important;
			}
		
		/* shopping nav icons */
		header > div > nav .fa {
			opacity: .8;
			cursor: pointer;
		}
			header > div > nav .fa:hover {
				opacity: 1;
			}
			header > div > nav .fa:active {
				opacity: .75;
				text-shadow: -2px -2px 0px rgba(0,0,0,.65);
			}
		
		/* cart qty counter */
		header > div > nav .fa > span.ShopSuey-storefront-cart-counter {
			position: absolute;
			margin: 10px -30px auto;
			
			font-family: Teko Semibold, 'tekosemibold', Impact, Arial !important;
			font-size: 20px;
			color: black;
			text-shadow: 0px 0px 10px white;
		}
		
		/* flag icon (currency/store selection) */
		header > div > nav > span > span.flag-icon {
			width: 50px !important;
			height: auto !important;
			margin-top: -5px;
			line-height: 4;
			opacity: .75;
			cursor: pointer;
		}
			header > div > nav > span > span.flag-icon:hover {
				opacity: 1;
			}
			
			header > div > nav > span > span.flag-icon:active {
				opacity: .85;
			}
main {
	display: block;
	padding-top: 15px;
	min-height: 300px;
	text-align: center;
	background: white;
}
	main::after {
		content: '';
		position: absolute;
		background: white;
		z-index: 1;
		height: 50px;
	}
	
		/* first container after main */
		main > div:first-child {
			display: block;
			margin-left: auto !important;
			margin-right: auto !important;
			width: 1245px;
			text-align: left;
		}
		
		/* go back link */
		main > div:first-child > a#ShopSuey-storefront-goback {
			display: inline-block;
			margin: auto auto 20px 10px;
		}
		
		/* page title */
		main > div:first-child > h3 {
			font-size: 45px;
			margin-left: 10px;
		}
		
		/* page intro article */
		main article {
			margin: 15px auto auto 10px;
			line-height: 1.3;
		}
			
			main article strong {
				font-weight: bold;
			}
			
			main article em {
				font-style: italic;
			}
			
			/* re-styling after CSS reset */
			main article p {
				margin-bottom: 10px;
				font-weight: normal;
			}
			
			main article ul {
				list-style-type: disc;
				margin: 10px auto 15px 25px;
			}
			
			main article ol {
				list-style-type: number;
				margin: 10px auto 15px 25px;
			}

/* footer */
footer {
	display: block;
	width: auto;
	height: 75px;
	margin: 35px auto 0px auto;
	padding: 10px auto;
	
	z-index: 1;
	box-shadow: 0px 15px 50px rgba(0,0,0,.2) inset;
}
	/* centering */
	footer > nav:first-child {
		width: 1225px;
		margin: auto;
		padding-top: 15px;
	}

	/* links and contact info in footer */
	footer > nav:first-child > img.bullet {
		display: inline-block;
		margin: auto 5px auto 8px;
		width: 15px;
		height: auto;
	}
	
	/* admin login link */
	footer > nav:first-child > a#ShopSuey-login {
		color: rgba(0,0,0,.3);
		float: right;
		font-size: 12px;
	}
		footer > nav:first-child > a#ShopSuey-login:hover {
			text-shadow: none;
		}