/*
Theme Name: PixelForgers.com
Theme URI: http://www.PixelForgers.com
Version: 1.0
*/

/* ======================================================= ORIGINAL STYLING */
.clearfix, .clearfix:after {
	clear: both;
}
.uppercase {
	text-transform: uppercase;
}
.leftuppercase {
	text-align: left;
	text-transform: uppercase;
}
.centeruppercase {
	text-align: center;
	text-transform: uppercase;
}
.rightuppercase {
	text-align: right;
	text-transform: uppercase;
}
.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
.aligncenter {
	display: block;
	margin: 5px auto;
}
.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignleft {
	float: left;
	margin: 5px 20px 20px 0;
}
a img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
}
a img.alignright {
	float: right;
	margin: 5px 0 20px 20px;
}
a img.alignnone {
	margin: 5px 20px 20px 0;
}


/* ======================================================= TOP NAV STYLING */
#top-nav {
	background-color: #ffc800;
	padding: 15px 0;
}
#top-nav-p {
	background-color: #ffc800;
	padding: 15px 0;
	min-height: 70px;
}
.navbar-default {
	display: table;
	float: none;
	margin: 0 auto;
	table-layout: fixed;
	text-align: center;
}
ul#menu-main {
	margin: 10px auto;
	padding: 0;
	text-align: center;
}
ul#menu-main a {
	margin-left: 50px;
	padding: 10px 15px;
	background-color: #b33b33;
}
ul#menu-main li {
	display: inline-block;
	list-style-type: none;
}
ul#menu-main li:first-child {
	margin-left: 0;
}


/* ======================================================= HEADER/LOGO STYLING */
#logo-wrapper {
	/*text-align: right !important;*/
}
#logo-bg {
	background-color: rgba(0,0,0,1);
	margin: 0;
	padding: 20px;
	display: block;
	position: fixed;
	top: 70px;
	z-index: 1000;
	width: 100%;
	max-height: 100px;
}
#logo-bg img.img-responsive {
	max-height: 70px;
}


body#portfolio #logo-bg {
	top: 0;
}
body#portfolio #gather-bg {
	margin-top: 97px;
}
body#portfolio .banner {
	padding: 8px 15px;
	background-color: #b33b33;
}
body#portfolio .portfolio-section {
	margin-bottom: 70px;
}
body#portfolio .port-web-contain {
	max-width: 240px;
	margin-right: 20px;
	display: inline-block;
	text-align: right;
}
body#portfolio .page-section a img {
	vertical-align: top;
	margin: 0 10px;
}

/* ======================================================= CONTENT STYLING */
/* ------------------------ PAGE-SPECIFIC BACKGROUNDS */
#gather-bg {
	background: #000 url(../images/bg01.jpg) no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#light-bg {
	background: #000 url(../images/bg02.jpg) no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#get-bg {
	background: #000 url(../images/bg03.jpg) no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#mold-bg {
	background: #000 url(../images/bg04.jpg) no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#start-bg {
	background: #000 url(../images/bg05.jpg) no-repeat fixed top center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
div.row#logo-wrapper, div.row.page-section {
	margin-right: 0 !important;
}
div.row#logo-wrapper {
	margin-left: -15px !important;
}
.page-wrapper {
	border-top: 10px solid #b33b33;
}
.page-section {
	height: 1080px;
}
div.page-info {
	background-color: rgba(0,0,0,.9);
	margin: 0;
	padding: 20px;
	color: #fff;
	display: block;
	position: relative;
	top: 250px;
	margin-right: -15px;
}
div.page-info h1 {
	font-size: 80px !important;
	font-family: Impact;
}
div.page-info p {
	margin-bottom: 15px;
	font-size: 22px !important;
	line-height: 32px;
}
div.page-info:last-child {
	margin-bottom: 40px;
}
div.page-info ul li {
	font-size: 22px !important;
	line-height: 32px;
}
div.page-info ul li:last-child {
	margin-bottom: 30px;
}
.btn-nav {
/*text-align: right;*/

}
a.btn-reverse {
	margin-right: 20px;
}
.btn-forward {
}
div#nf_submit_2 {
	color: #000;
}
.btn-iphone {
	visibility: hidden;
	font-size: 0;
}

/* ======================================================= FOOTER STYLING */









/* ======================================================= MEDIA QUERIES - PRINT */

@media print {
nav, footer, video, audio, object, embed, aside, .carousel, #myModal, .nav, img {
	display: none;
}
@page {
	margin: 0.8cm;
}
body {
	background: #FFF;
	color: #000;
	font: 12pt "Georgia", Times New Roman, Times, serif;
	line-height: 1.3;
}
* {
	background: transparent!important;
	color: #000!important; /* Black prints faster: h5bp.com/s */
	box-shadow: none!important;
	border: none!important;
	float: none!important;
	text-shadow: none!important;
	font-family: "Georgia", Times New Roman, Times, serif!important;
	height: auto!important;
	margin: 0!important;
	padding: 0!important;
	text-align: left!important;
	text-indent: 0!important;
	width: auto!important;
}
.container {
	width: 100%;
	margin: 0;
	float: none;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Georgia", Times New Roman, Times, serif;
}
header h1 a {
	font-size: 30pt;
}
header:after {
	content: "www.PixelForgers.com";
}
header {
	height: auto;
}
h1 {
	font-size: 24pt;
}
h2 {
	font-size: 14pt;
	margin-top: 25px;
}
aside h2 {
	font-size: 18pt;
}
a {
	color: #000;
	font-weight: bold;
}
}

/* ======================================================= MEDIA QUERIES - SCREEN */

@media(max-width:991px) {
/* ======================================================= TOP NAV STYLING */
	ul#menu-main a {
		margin-left: 13px;
	}
	ul#menu-main a:first-child {
		margin-left: 0;
	}
	#logo-bg {
		top: 10%;
	}
/* ======================================================= CONTENT STYLING */
	/*.page-section {
		height: 1000px !important;
	}*/
	div.page-info {
		top: 285px;
	}
	div.page-info h1 {
		font-size: 55px !important;
		font-family: Helvetica, sans-serif !important;
		letter-spacing:-1px;
	}
	div.page-info p {
		font-size: 18px !important;
		margin-bottom: 20px;
	}
	div.page-info p:first-child {
		margin-bottom: 40px;
	}
	div.page-info ul li {
		font-size: 16px !important;
		line-height: 28px;
	}
	div.page-info ul li:last-child {
		margin-bottom: 30px;
	}
}

@media(max-width:767px) {

	#gather-bg {
		background: #000 url(../images/bg01-iA.jpg) no-repeat fixed top left;
	}
	#light-bg {
		background: #000 url(../images/bg02-iA.jpg) no-repeat fixed top left;
	}
	#get-bg {
		background: #000 url(../images/bg03-iA.jpg) no-repeat fixed top left;
	}
	#mold-bg {
		background: #000 url(../images/bg04-iA.jpg) no-repeat fixed top left;
	}
	#start-bg {
		background: #000 url(../images/bg05-iA.jpg) no-repeat fixed top left;
	}

/* ======================================================= TOP NAV STYLING */
	ul#menu-main li {
		margin-left: 8px;
	}
	ul#menu-main li:first-child {
		margin-left: 0;
	}
	.nav > li > a {
		font-size: 13px !important;
	}

/* ======================================================= CONTENT STYLING */
	.page-section {
		height: 1100px !important;
	}
	div.page-info {
		top: 200px;
	}
	div.page-info h1 {
		font-size: 32px !important;
		line-height: 38px !important;
		font-family: Helvetica, sans-serif !important;
	}
	div.page-info p {
		font-size: 15px !important;
		margin-bottom: 20px;
	}
	div.page-info p:first-child {
		margin-bottom: 40px;
	}
	div.page-info ul li {
		font-size: 14px !important;
		line-height: 22px;
		margin-bottom: 15px;
	}
	div.page-info ul li:last-child {
		margin-bottom: 30px;
	}
	.contact-form {
		margin-top: 20px;
	}
	.btn-desktop, .btn-desktop a {
		visibility: hidden;
		font-size: 0;
	}
	.btn-desktop .btn-lg {
		padding: 0px !important;
	}
	.btn-iphone {
		visibility: visible;
	}
	.btn-iphone .btn {
		margin-bottom: 12px;
	}
}

@media(max-width:475px) {
	#top-nav {
		padding: 0;
	}
	ul#menu-main a {
		margin: 0 auto 8px;
		padding: 10px 8px;
	}
	#logo-bg {
		top: 6%;
	}
}