/* Universal Styles */
body { font-family: 'Open Sans', sans-serif !important; position: relative; overflow-x: hidden; background-image: url(/images/sema/FPBG.jpg); background-size: cover; background-position: center top; background-attachment: fixed; background-repeat: no-repeat; background-color: #202125; }
.centerText { text-align: center; }
.standardText { font-size: 15px; }
.contentCard { padding: 15px; margin-top: 100px; background-color: #FFF; border-radius: 5px; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.55); }
.cardHeaderImg { width: 100%; border-radius: 5px 5px 0px 0px; margin-bottom: 15px; }
.cardHeaderText { font-size: 30px; font-weight: 600; margin-top: 15px; }
.cardSubheadText { font-size: 17px; font-weight: 600; border-bottom: 1px solid #FFF; }
.lonerFix { font-size: 27px; }
.noPad { padding: 0 !important; }
.noMarg { margin-top: 0; }
.noBotMarg { margin-bottom: 0 !important; }
.addPad { padding: 0px 15px; }
.addMarg { margin-bottom: 30px; }
.allMarg { margin: 15px; }
.addLine { margin: 15px; padding-bottom: 15px; border-bottom: 1px solid #FFF; }
.subPad { margin: 15px; padding-bottom: 15px; }
p { padding: 0px 15px; margin-bottom: 15px; }
.paraBreak { display: inline-block; margin-top: 15px; }
.lastList { margin-bottom: 0px; padding-bottom: 0px; }
.aText { color: #8cbbff; text-decoration: underline; }
.aText:hover { color: #000; }
.galleryPadding { padding: 0px 7.5px 15px 7.5px }
.partsList { padding: 0px 15px 15px 55px; }
.vidBox { margin-bottom: 15px; }
#FAB { background-color: #bf191e; position: fixed; bottom: 15px; }

/* Animations */
.slideIn { right: 15px; transition: right 0.3s cubic-bezier(0, 0.8, 0.56, 1.4); -webkit-transition: right 0.3s cubic-bezier(0, 0.8, 0.56, 1.4); }
.slideOut { right: -85px; transition: right 0.3s cubic-bezier(0, 0.8, 0.56, 1.4); -webkit-transition: right 0.3s cubic-bezier(0, 0.8, 0.56, 1.4); }

/* Text Colors With Fancy Names */
.snow { color: #FFF; } /* White */
.smoke { color: #484444; } /* Gray */

/* Navbar */
.navbar-fixed-top {
	background: linear-gradient(#ff2b00,#d71d24);
	border-bottom: 0;
	box-shadow: 0px -2px 15px black;
	height: 62px;
}
#navHeader { padding: 8px 0px 0px 15px; }
#SEMAlogo { 
	margin-left: 15px;
	height: 46px;
	border-radius: 7px;
	border: 2px solid rgba(0, 0, 0, 0.2);
}
.navbar-nav { padding-right: 30px; }
.page-scroll a {
	border-top: 3px solid transparent;
	color: rgba(255,255,255,0.69);
	font-weight: 600;
	font-size: 17px;
}
.navbar-nav > li > a { padding-top: 17px; }
.nav > li > a:hover, .nav > li > a:focus { border-top: 3px solid rgba(255,255,255,0.9); background-color: inherit; color: rgba(255,255,255,0.9); outline: none; }
li.page-scroll.active > a { height: 62px; border-top: 3px solid #FFF; background-color: #bf191e; color: #FFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15); } /* Active nav */

/* Underdog Maverick */
#pg1-card { zpadding-bottom: 15px; }
#imgContainer { background-color: #FFF; padding: 15px 0px; margin: 15px 15px 0px 15px; text-align: center; }
#ecoBoost { width: 30%; }
#ctrlPack { width: 30%; margin-left: 15px; }
.sema-vid-container { margin-bottom: 15px; text-align: center; }

/* Coyote Power Module */
#headerList { margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px solid white; }
#CPMpack { width: 36%; float: left; margin-right: 35px; }

/* Power Packs 
#pg2-card { padding-bottom: 15px; } */

/* Footer */
#footer { padding: 30px; }

/* Responsive Code */
@media (max-width: 610px) { 
	#CPMpack { width: 100%; float: none; margin: 5px 0px 15px 0px; }
	.txt-img { zwidth: -webkit-fill-available; }
}
@media (max-width: 767px){
	ul { padding-left: 18px; }
	.navbar-fixed-top { height: 50px; }
	#FPPlogo { width: 107px; } #SEMAlogo { width: 80px; height: auto; }
	#mobileNavMenu { margin: 8px 15px 0px 0px; }
	.mdl-menu__outline { background: #bf191e; }
	.mdl-menu__item { color: #FFF; }
	.mdl-menu__item:hover, .mdl-menu__item:active, .mdl-menu__item:focus { background-color: #d71d24; }
	.cardHeaderText { font-size: 23px; }
	.cardSubheadText { font-size: 15px; }
	.partsList { padding: 0px 15px 15px 33px; }
	#FAB { bottom: 10px; }
	.slideIn { right: 10px; }
	#pg1-card > ul, #pg2-card > ul, #pg3-card > ul { padding-left: 35px; }
}
@media (max-width: 991px){ 
	.navbar-nav { padding-right: 0; }
	.page-scroll a { width: 11.8vw; height: 62px; padding: 0 !important; font-size: 1.6vw; text-align: center; display: table-cell !important; vertical-align: middle; line-height: 15px !important; }
}
@media (max-width: 1199px){ .page-scroll a { font-size: 13px; } }