/*
	GREAT NECK GAMES & PRODUCTIONS
	CUSTOM.CSS
*/

html,
body {
	font-family: 'Raleway', sans-serif;
	height: 100%;
}

h1, h2, h3, h4, h5 {
	font-family: 'Raleway', sans-serif;
	-webkit-font-smoothing: antialiased;
	text-rendering: optimizelegibility;
}

p {
	color: #333;
	font-size: 1.15rem;
	font-family: 'Raleway', sans-serif;
	line-height: 2.2rem;
	font-weight: 400;
}

img {
    max-width: 100%;
}

a {
    color: #008080;
}

.btn-primary {
    color: #fff;
    font-weight: 600;
    background-color: #008080;
    border-color: #008080;
}


/* NAV */

.bg-dark {
	background-color: black !important;
}

.top-bar {
	 background: #222;
	 height: 2.1rem;
	 width: 100%;
 	 color: #aeaeae;
 	 font-weight: 700;
 	 font-size: 15px;
	 text-align: center;
 	 padding: .5rem;
 	 border-bottom: 1px solid #444;
	 top: 0;
	 position: fixed;
	 z-index: 1030;
}

/*.navbar {
	top: 2.1rem;
}*/

.nav-link {
	font-weight: 700;
	text-transform: uppercase;
	font-size: 16px;
	padding-right: .75rem !important;
	padding-left: .75rem !important;
}

a.nav-link {
	color: #aeaeae !important;
}

a.nav-link.active {
	color: #fff !important;
}

.dropdown-item.active, .dropdown-item:active {
    background-color: #008080;
}

/* Dropdown Menu On Hover */

.dropdown:hover>.dropdown-menu {
	display: block;
}



/* COVER CODE FROM BRAD HUSSEY BS4 TUTORIAL SITE */

#cover {
    background: #222 url('/images/cover-home-2.jpg') center center no-repeat;
    background-size: cover;
    color: white;
    height: 100%;
    text-align: center;
    display: flex;
    align-items: center;
    margin-bottom: 7rem;
}

#cover-caption {
    width: 100%;
    background: rgba(0,0,0,0.5);
    padding: 2rem;
}

#cover-caption h1 {
    font-size: 55px;
}

@media screen and (max-width: 800px) {

	#cover-caption h1 {
	    font-size: 35px;
	}
}

#cover-caption .container {
    max-width: 70rem;
}



/* TEXT-IMAGE ROWS */

.bottom-margin {
	margin-bottom: 7rem;
}

.top-margin {
	margin-top: 7rem;
}



/* PAGE HEADERS */

.header {
    background: center center no-repeat;
	background-size: cover;
	height: 375px;
    display: flex;
    align-items: center;
    text-align: center;
    margin-bottom: 4rem;
}

.header h1 {
	color: white;
	text-shadow: 2px 2px 8px #000;
 	font-size: 65px;
	font-weight: 600;
	text-align: center;
	padding-top: 150px;
}

@media screen and (max-width: 800px) {

	.header h1 {
		color: white;
		text-shadow: 2px 2px 8px #000;
	 	font-size: 45px;
		font-weight: 600;
		text-align: center;
		padding-top: 150px;
	}
}

/* images for page headers */

.header-about {
	background-image: url("/images/header-about.1.jpg");
}
.header-events-gallery {
	background-image: url("/images/header-events-gallery.1.jpg");
}
.header-all-categories {
	background-image: url("/images/header-all-categories.jpg");
}
.header-games {
	background-image: url("/images/header-games.jpg");
}
.header-arcade-games {
	background-image: url("/images/header-arcade-games.jpg");
}
.header-contact {
	background-image: url("/images/header-contact.jpg");
}



/* PAGE INTRO */

.intro {
    /*color: #777;*/
    text-align: center;
    /*margin-bottom: 7rem;*/
}

.intro h2 {
    /*color: #777;*/
    font-size: 42px;
    font-weight: 600;
    /*text-transform: uppercase;*/
    /*letter-spacing: 4px;*/
    margin-bottom: 1rem;
}

.intro p {
    font-size: 28px;
    font-weight: 500;
    margin-bottom: 3rem;
}


.section-content {
    padding: 0 0;
    margin-bottom: 7rem;
}



/* BACKGROUND SECTIONS */

.bkgd-section {
    background: center center no-repeat;
	background-size: cover;
	height: 75%;
    display: flex;
    align-items: center;
    text-align: center;
	margin-bottom: 7rem;
}

.bkgd-section h1 {
	color: white;
	text-shadow: 2px 2px 8px #000;
 	font-size: 65px;
	font-weight: 600;
}

@media screen and (max-width: 800px) {

	.bkgd-section h1 {
	    font-size: 45px;
	}
}

/* background section images */

.bkgd-section-about1 {
	background-image: url("/images/bkgd-about-1.jpg");
}
.bkgd-section-home-1 {
	background-image: url("/images/bkgd-home-1.1.jpg");
}
.bkgd-section-home-2 {
	background-image: url("/images/bkgd-home-2.jpg");
}



/* MISSION STATEMENT */

.mission {
	background-color: #666;
	padding: 7% 6%;
	margin-bottom: 7rem;
}

.statement {
	border: 1px solid #fff;
	padding: 6%;
	text-align: center;
}

.statement h2 {
	color: #fff;
	text-transform: uppercase;
	letter-spacing: 1;
	font-weight: 600;
	margin-bottom: 2rem;
}

.statement p {
	color: #fff;
	font-size: 20px;
	font-weight: 500;
	line-height: 2.5;
}




/* STAFF */

#staff {
    background-color: #eee;
    margin-top: -7rem;
    padding: 7rem 0;
}


.staff {
	text-align: center;
}

.staff h3 {
 	font-size: 50px;
	font-weight: 600;
}

.staff p {
	color: #333;
	font-size: 1rem;
	font-family: 'Raleway', sans-serif;
	line-height: 1.5rem;
	font-weight: 400;
}



/* PROMO */

.promo {
	background-color: #008080;
	color: #fff;
	padding: 40px 0;
}

.promo h2 {
	color: #fff;
	margin-top: 0;
	font-size: 45px;
}

@media screen and (max-width: 700px) {

	.promo h2 {
		font-size: 30px;
	}
}

.promo p {
	font-size: 30px;
	margin-top: 0;
    color: #FFF;
}

@media screen and (max-width: 700px) {

	.promo p {
		font-size: 20px;
	}
}

.promo a {
    color: #fff;
    text-decoration: none;
}

.promo a:hover {
    color: #bbb;
    text-decoration: none;
}



/* CARDS */

.card {
	margin: 1rem 1rem 2rem 1rem;
    padding: 0;
    max-width: 338px;
}



/* EVENTS FILTER */

.filterLinks {
	font-weight: 600;
	text-transform: uppercase;
	margin-right: 1rem;
}



/* PRODUCTS */

.categoryDescription {
	text-align: left;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 1.9;
}

#products {
    text-align: center;
}

#products img {
    border: 1px solid #ddd;
}

.productTitle {
    font-size: 15px;
    font-weight: 700;
    line-height: 1.2;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: .75px;
    margin-top: 0.75rem;
}

.productDetails h2 {
    font-size: 1.75rem;
    font-weight: 600;
    text-align: left;
}

.productDetails img {
    font-size: 1.75rem;
    margin-bottom: 1.75rem;
}

.productDetails p {
    text-align: left;
}



/* HONEYPOT */

.special {
	display: none;
}



/* FOOTER AND BOTTOM TAKEN FROM MAX' SITE */

#footer-main {
    background: #222;
    color: white;
    font-size: 0.8rem;
    padding: 2.5rem 0;
}

.footer {
	background-color: #222;
	margin: 0;
	padding: 40px 0 40px 0;
}

.footer h4 {
	color: #888;
	font-size: 15px;
	font-weight: 700;
	text-transform: uppercase;
	letter-spacing: 1px;
	margin-bottom: 3px;
}

.footer p {
	color: #888;
	font-size: 14px;
	font-weight: 500;
	line-height: 1.65;
	margin-bottom: 24px;
}

.footer a {
	color: #bbb;
	text-decoration: none;
}

.footer a:hover, a:focus {
	color: #aaa;
	text-decoration: underline;
}

.fa {
	margin-right: .4em;
}



/* BOTTOM */

.bottom {
	background-color: #000;
	margin: 0;
	padding: 15px 0 5px 0;
}
.bottom p {
	color: #888;
	font-size: 13px;
	font-weight: 600;
}
.bottom a {
	color: #aaa;
	text-decoration: none;
}
.bottom a:hover, a:focus {
	color: #aaa;
	text-decoration: underline;
}