@charset "UTF-8";
/* CSS Document */

/* HTML5 STANDARD TAGS */

body { 
	font-family:"HelveticaNeue-Light", Helvetica, Arial, "sans-serif";
	/* font-family:"Helvetica Neue", Helvetica, Arial, "sans-serif"; */
	font-weight:lighter; 
	color: #FFFFFF;
	background-color:#000000; 
	margin:0px;
}

p {margin:1em 0em 1em 0em;font-size:1em; line-height:1.5; color:#FFFFFF;}

header { 
	height:150px; padding:1em; background-color:#333333; margin:0em;
	color:#CCC; /* KEEPS HEAD LINKS FROM DEFAULTING TO BODY COLOR */
	background-image:url("/img/head_bg.jpg");
	background-position: top;
	background-repeat:repeat-x;
	background-size:auto 100%;
}

footer { 
	height:100%; padding:.5em; background-color:#333333; margin:1em 0em 0em 0em; clear:both;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='333', endColorstr='#000'); /* for IE */
    background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#000)); /* for webkit browsers */
    background: -moz-linear-gradient(top,  #333,  #000); /* for firefox 3.6+ */
	}

h1 { font-size:2em; font-weight:lighter; color:#D0D0D0; margin:0;}
h2, .fontname { font-size:1.5em; font-weight:lighter; color:#D0D0D0; margin:0;}
h3 { font-size:1.25em; font-weight:lighter; color:#D0D0D0; margin:0;}

img {display:block;}

section {padding:.5em;/*padding:.25em 1em .25em 1em;*/}
article {/*padding:.25em 1em .25em 1em;*/}

a:link {color: #DDDDDD;}
a:hover {background-color:#808080; color:#DDD;}
a:visited {color:#DDDDDD;}

hr {	
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #1B1B1B;
	margin: 1em 0;
	padding: 0;
}

/* END HTML5 STANDARD TAGS */


/* CUSTOM LAYOUT CLASS STYLES */

/* full width fluid page */
.page { max-width:100%; background-color:#333333; padding:1em; margin:2em; }

/* specific max width for page content */
.page_size { max-width:1080px; background-color:#333333; padding:1em; margin:2em auto 2em auto;}

.head_content {max-width:1080px; margin:auto;}

.row { width:100%; height:auto; clear:both; margin:0em 0em 1em 0em; }
.nested_row { width:100%; clear:both; margin:0em; }

.full { width:100%; margin:0px; float:left; }

.half { width:50%; margin:0px; float:left; }

.third { width:33.3%; margin:0px; float:left; }

.two_thirds { width:66.7%; margin:0px; float:left; }

.fourth { width:25%; margin:0px; float:left; }

.three_fourths { width:75%; margin:0px; float:left; }

.card, .link_card { margin:.5em .5em .5em .5em; padding:1em; border: 1px solid #1B1B1B; float:center; 
		-webkit-box-shadow: 3px 3px 6px #1B1B1B; /* Chrome, Safari */
		box-shadow: 3px 3px 6px #1B1B1B; 	/* Standard syntax */
		}

.link_card:hover {background-color:#EBEBEB; }

.content { margin:.5em .5em .5em .5em; padding:1em; float:center; } /* INVISIBLE CARD */
.unpadded { margin:.25em .5em .25em .5em; float:center; } /* CONTENT MATCHES CARD SIZE */
.pad_left {padding: 0em 0em 0em 2em;} /* PAD LEFT AT FULL SIZE, NO PAD FOR MOBILE */
.pad_top {padding:0em;} /* PAD TOP ON MOBILE, NO PAD AT FULL SIZE */

.title_bar {width:auto; height:auto; background-color:#606060; padding:.5em .5em .7em 1.5em;}
.full_bar {clear:both; width:auto; height:auto; background-color:#666; padding:.5em .5em .7em 1.5em;}
.purchase_bar {clear:both; width:auto; height:auto; background-color:#333; padding:.5em .5em .7em 1.5em;}

.logo {width:60%; float:left;}
		.logo-size-outer {
		position:relative;
		height:0;
		overflow:hidden;
		padding-top: 150px;
		}
		.logo-size-inner {
		position:absolute;
		display:flex;
		top:0;
		left:0;
		width:  100%;
		height: 100%;
		justify-content: center;
		align-items: center;
	}
.logo_main {display:block; max-height: 150px;} 
.logo_mobile {display:none; max-height: 120px;} 
.head_text {width:40%; box-sizing: border-box; padding: 1em; float:left;}
/* .head_text > h1 {font-size:2.5em; font-weight:lighter; color:#333; margin:.5em 0em .5em 0em;} */
/* .head_text > h2 {font-size:1.5em; font-weight:lighter; color:#666; margin:0;} */
.head_title {font-size:2.5em; font-weight:lighter; color:#D0D0D0; margin:.5em 0em 0em 0em;}
.head_subtitle {font-size:1.5em; font-weight:lighter; color:#CCCCCC; margin:.5em 0em 0em 0em;}

.img_scale {max-width:100%;}

.h3_bar {background:#EBEBEB; padding:.5em .75em .5em .75em; clear:both; margin-top:2em; font-size:1.25em; color:#666;}

.caption_fourth {max-width:25%; float:left; margin:0 1em .5em 0; background:#EBEBEB;}
.caption_div {max-width:50%; float:left; margin:0 1em .5em 0; background:#EBEBEB;}
.caption_full {max-width:100%; float:left; margin:0 0em .5em 0; background:#EBEBEB;}
.img_caption { margin:.75em; font-size: .75em;}


/* FLUID GRID LAYOUT WITH NO % OR PX VALUES */
.grid {
	display:grid;
	width:auto; 
	grid-template-columns: auto auto;
	grid-gap:0em;
	margin:.5em 1em .5em 1em;
}
.img_left {width:auto;}
.content_left {float:left;} /* FLUID CONTAINER */
.content_right {float:left;} /* FLUID CONTAINER */
/* END FLUID LAYOUT */

/* ADD TRANSITION EFFECT */
.card, .page_size, .row, .full, .unpadded, .half, .third, .two_thirds, .fourth, .three_fourths, .logo_main, .logo_mobile, .logo, .head_text {
		-webkit-transition: 1s ease;
		-moz-transition: 1s ease;
		-o-transition: 1s ease;
		-ms-transition: 1s ease;
}

.text_list {margin:1em; padding:0em 0em 0em 1em; list-style-position:outside;}
	.text_list li {margin:0em 0em .5em 0em;}
.sub_list {margin:0em 0em 0em 2em; padding:0em; list-style-position:outside;}
	.sub_list li {margin:0em 0em .5em 0em;}

.paypal_bar {float:right;}

/* NOT REQUIRED - CLEARFIX HACK FORCES DIV TO CONATIN CONTENTS (FLOATS) */	
.clearfix::after { content: ""; clear: both; display: table; }

.show {display:block;}
.hide {display:none;}

/* CLASSES & IDs REQUIRED FOR showhide_multi.js */
.hidden {display:none;}
.unhidden {display:block;}


/* PROPORTIONAL MODULE STYLES */

div.two_by_one {
	width: 100%;
	padding-bottom: 50%; /* 16:9 */
	position: relative;
	background: #333;
}

div.two_by_one > div {
	position: absolute;
	top: 0; bottom: 0; left: 0; right: 0;
	background: #666;
	/* background-image:url("/img/gf4/gf4_header_1920.png"); */
	background-position: top;
	background-repeat: no-repeat;
	background-size: contain;
	align-items:center;
}

.proportional_third {
	position: relative;
	top: 0; bottom: 0; left: 0; right: 0;
	width:33.3%; margin:0px; float:left;
}

.proportional_two_thirds {
	position: relative;
	top: 0; bottom: 0; left: 0; right: 0;
	width:66.7%; margin:0px; float:left;
	align-items:center;
}
	
.inner {
	color:#CCC;
	padding:2em 2em 1em 2em;
	}

.cta_desc {
	display:block;
	margin: .5em auto 1em auto;
	padding: 1em;
}

.cta_gal {
	display:flex;
	margin: 1em auto .5em auto;
	padding:.5em;
	flex-wrap: wrap;
}

.cta_gal_unit {
	margin:.5em;
	max-width:25%;
	background-color:#CCCCCC;
	box-sizing: border-box;
	flex-basis: 20%;
	flex-grow:1;
	border: 1px solid #000;
}

.cta_gal_unit:hover {
	background-color:#DDDDDD;
	border: 1px solid #999999;
}

#cta-h1 {color: #CCCCCC;}
#available-now {display:block; color:#CCCCCC;}

/* END PROPORTIONAL MODULE STYLES */


/* ==== RESPONSIVE PAGE STYLES ==== */

/* LESS THAN FULL SIZE (ANY REDUCTION) */
@media only screen
	and (min-width : 961px) 
	and (max-width : 1079px)
{
	.cta_gal {display:none;}
}

/* MID SIZE (TABLETS) */
@media only screen
	and (min-width : 641px) 
	and (max-width : 960px)
{
	.page_size { padding:.5em; margin:1em auto 1em auto ;}
	.card { margin:.25em .5em .25em .5em;}
	.row { margin:0em 0em .5em 0em; }
	.cta_desc {display:none;}
	.cta_gal {display:none;}
	.pad_left {padding: 0em 0em 0em 1em;}
	.pad_top {padding: 0em;}
	
	.head_text { padding: .5em;}
	/* .head_text > h1 { margin:.0em 0em .25em 0em;} */
	/* .head_text > h2 {} */
    .head_title {margin:.0em 0em .25em 0em;}
	.head_subtitle {}
}


/* SMALL SIZE (PHONES) */
@media only screen 
and (min-width : 320px) 
and (max-width : 640px) 
{
	header {height:auto;}
	
	.half { float: center; width:100%; }
	.third { float: center; width:100%; }
	.fourth { float: center; width:100%; }
	.two_thirds { float: center; width:100%; }
	.three_fourths { float: center; width:100%; }
	.logo {width:100%;}
	.logo_main {display:none;}
	.logo_mobile {display:block;} 
	.logo-size-outer {padding-top: 120px;}
	.page_size { padding:.5em; margin:1em auto 1em auto ;}
	.row { margin:0em 0em .5em 0em; }
	.card { margin:.25em .5em .25em .5em;}
	.unpadded { margin:.25em .5em .25em .5em;} /* PAD LEFT ON MOBILE ONLY */
	.pad_left {padding: 0em;} /* PAD TOP ON FULL SIZE ONLY */
	.pad_top {padding: 1em 0em 0em 0em;} 
	.head_text { display:none;}
	
	/* GRID STYLES */
	.grid {display:block;}
	.content_left {float:center; width:100%;} 
	.content_right {float:center; width:100%;}
	
	/* PROPORTIONAL MODULE STYLES  FOR MOBILE */
	.proportional_third {}
	.proportional_two_thirds {}
	.inner {padding:1em 1em 1em 1em;}
	.cta_desc {display:none;}
	.cta_gal {display:none;}
    #cta-h1 { font-size:1.5em; font-weight:lighter; margin:0;}
    #available-now {display:block; font-size:1em;}
	/* END PROPORTIONAL MODULE STYLES  FOR MOBILE */
	
}