@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,700,300);

body { 
	background: url('https://fightfast.com/images/postcard/america.jpg') no-repeat;
	background-attachment: fixed;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-o-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
	}
.imgCap {font-size: .6rem; line-height: 1rem !important; text-indent: 0px !important;}
	h1, h2, h3, h4 { text-align: center; font-weight: 700 !important; font-family: 'Open Sans', sans-serif;-webkit-font-smoothing: antialiased !important;
	-moz-font-smoothing: antialiased !important;
	-o-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

	h1 {font-size:  2.0rem; line-height: 2.1rem;}

	h2 {font-size: 1.8rem;}
	h3 {font-size: 1.5rem;}
.highlight {background: #ffde00;}
.highlightAlpha {background: rgba(255, 222, 0, 0.6);}
#marginUpH3 {margin-top: -0.5rem;}
#hero { border: 3px solid white; -webkit-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.34);
-moz-box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.34);
box-shadow: 2px 3px 5px 0px rgba(0,0,0,0.34); }
#bkcopy {font-family: "Courier New", Courier, monospace !important;}

#lrgHeader {font-size: 4rem; line-height: 4.1rem;}
#gatorHeader {font-size: 2.8rem; line-height: 3rem;}

#alert { background: #dbdbdb; border-radius: 5px; padding: 1rem; margin-bottom: 1rem; padding-bottom: 0px;}
#alert p { font-size: 0.8rem;}

	#turnSpeakers {margin-top: 2rem;}

		.red {color: red;}
		.blue {color: blue;}

	#wrap { padding: 1rem; 
		background-color: #FFFFFF;
		margin: 3rem auto;}

		#wrap p { text-indent: 1rem; font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}
		.noIndent { text-indent: 0px !important;}
		#marginDown {margin-top: 3rem;}

		#tscript {
		text-align: left;
		margin-left: 30px;
		padding-top: 8px;
		padding-left: 25px;
		padding-bottom: 10px;
		margin-top: 10px;
		cursor: pointer;
		text-decoration: underline;
		color: #000099;
		font-size: .75rem;
		background: url('../assets/view.png') no-repeat top left;
		font-family: 'Open Sans', sans-serif;
		font-weight: 400;
		-webkit-font-smoothing: antialiased !important;
		-moz-font-smoothing: antialiased !important;
		-o-font-smoothing: antialiased !important;
		text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		#rightPhoto {
			float: right;
		}
		#transcript {
			display:none;
			overflow: hidden;
			}

			#transcript p { font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
			}



		#footer { text-align: center; 
			font-size: .65rem;
			line-height: .85rem;
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}


/* List Styles ========================================================= */

.checkmark { list-style-type: none; padding: 1rem; padding-top: 0px; padding-bottom: 0px;}
.checkmark li {
	background: url('../assets/check.png') top left no-repeat;
	padding-left: 35px;
	padding-top: 8px;
	margin-left: -20px;
	}
	
	.checkmark li:last-child {
		padding-bottom: 10px;
		}
.arrow {list-style-type: none; padding: 1rem; padding-top: 0px; padding-bottom: 0px;}
.arrow li {
	background: url('../assets/arrow.png') top left no-repeat;
	padding-left: 35px;
	padding-top: 0px;
	margin-left: -20px;
	}
	
	.arrow li:last-child {
		padding-bottom: 5px;
		}
.red-check { list-style-type: none; padding: 1rem; padding-top: 0px; padding-bottom: 0px;}
.red-check li {
	background: url('../assets/red-checkmark.png') top left no-repeat;
	padding-left: 30px;
	padding-top: 3px;
	margin-left: -20px;
	}
	
	.red-check li:last-child {
		padding-bottom: 5px;
		}

	#accredited {
	margin: auto;
	padding: 10px;	
	text-align: center;
	display:none;
}

	#accredited h3 {
	font-size: 1.9rem;
	padding-bottom: 5px;
	color: #404040;
		}
		
#asseenin {
	margin: auto;
	padding: 10px;
	text-align:center;
	display:none; 
	}
		
		#asseenin h3 {
			font-size: 1.9rem; 
			padding-bottom: 5px;
			color: #404040;
			}

#whoknow {
	display: none;
}
	.numbered {
		margin-left: 2rem;
		padding-right: 0;
		list-style-type:none;
	}

		.numbered li { counter-increment: step-counter; 
			padding-bottom: 1rem;
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.numbered li::before {
			content: counter(step-counter);
			margin-right: 5px;
			font-size: 140%;
			color: red;
			font-weight: 700;
			padding: 3px 5px;
			border-radius: 3px;
			text-decoration: underline;
			font-family: 'Open Sans', sans-serif;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

	.recap {
		margin-left: 1 rem;
		padding-right: 0;
		list-style-type:none;
	}

		.recap li { counter-increment: 
			step-counter; 
			padding-bottom: 1rem;
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.recap li::before {
			content: counter(step-counter);
			margin-right: 5px;
			font-size: 120%;
			background-color: red;
			color: white;
			font-weight: 700;
			padding: 3px 8px;
			border-radius: 3px;
			font-family: 'Open Sans', sans-serif;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);}

		.circleCheck {
			padding: .5rem;
			list-style-type: none;
		}

		.circleCheck li { padding: .5rem 1rem 1.5rem 4rem;
			margin-top: .8rem;
			background: url('../assets/circleCheck.png') top left no-repeat;
			border-bottom: 1px dotted rgba(0, 0, 0, 0.2);
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.circleCheck li:last-child { border-bottom: none;}

	.infoCircle {
		padding: .5rem;
		list-style-type: none;
		;
	}
		.infoCircle li { padding: .5rem 1rem 1.5rem 4rem;
			margin-top: .8rem;
			background: url('../assets/infoCircle.png') top left no-repeat;
			border-bottom: 1px dotted rgba(0, 0, 0, 0.3);
			font-family: 'Open Sans', sans-serif !important;
			font-weight: 400;
			color: #333333;
			-webkit-font-smoothing: antialiased !important;
			-moz-font-smoothing: antialiased !important;
			-o-font-smoothing: antialiased !important;
			text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
		}

		.infoCircle li:last-child {border-bottom: none;}
		

/* Snaring Video Styles */

#offerIntro {float: right; width: 65%; margin-top: -1.6rem;
	display: none; }

#offerKillTrap {float: right; width: 65%; margin-top: -1.6rem;
	display: none; }

	#offerKillTrap h4 {text-align: left;}

#offerlrgGameTraps {float:right; display:none;}
	
	#offerlrgGameTraps h4 {text-align: left;}

#offersprngSnrTraps {float:right; display:none;}
	
	#offersprngSnrTraps h4 {text-align: left;}

.flex-video {
position: relative !important;
			padding-bottom: 56.25% !important; /* 16:9 */
			padding-top: 0px !important;
			height: 0; }
#snareHeader { font-size: 3rem; 
  	line-height: 3.4rem;}

  	#marginDown2 { margin-top: 1.5rem;}

  	.bolder { font-weight: 700 !important;}
  	.highlight { background: yellow;}
	#heroShot { border: 2px solid black; 
  		-webkit-box-shadow: 2px 2px 5px 0px rgba(50, 50, 50, 0.34);
        -moz-box-shadow:    2px 2px 5px 0px rgba(50, 50, 50, 0.34);
		box-shadow:         2px 2px 5px 0px rgba(50, 50, 50, 0.34);}

	.name { text-align: right; font-size: .8rem; line-height: 1rem; margin-top: -1rem;}

	/*Misc offer-specific syles */
	
/* Media Queries ======================================================= */

/* small */
@media only screen and (max-width: 40em) {
	.tightenLine {line-height: 1.8rem;}
	h1 {font-size:  1.8rem; line-height: 2.1rem;}
	#logo { width: 10rem; 
		position: absolute;
		margin-top: -2rem;
		margin-left: -1.8rem;
		z-index: 1 !important;}
		#turnSpeakersOn {margin-top: 3rem;}
		#floatBottom {margin-top: 5.5rem;}

		
		#offerKillTrap {float: right; width: 100%; margin-top: -1.6rem; overflow: auto; }
		#offerlrgGameTraps {float: right; width: 100%; margin-top: -1.6rem; overflow: auto; }
		#offersprngSnrTraps {float: right; width: 100%; margin-top: -1.6rem; overflow: auto; }

		#mDown {margin-top: 3rem;}
		.checkmark { list-style-type: none; padding: 0px !important;}
		.arrow {list-style-type: none; padding: 0px !important;}
		.red-check { list-style-type: none; padding: 0px !important;}
		#speakersOn {padding-top: 2rem;}
		#header h5 { text-align: center;}
		#lrgHeader {font-size: 3rem; line-height: 3.1rem;}
		#gatorHeader {font-size: 1.8rem; line-height: 2rem;}
		#header23 { font-size: 1.8rem; line-height: 2rem; }
 }	

/* medium */
@media only screen and (min-width: 40.063em) { 
	
	#logo { 
		position: absolute;
		margin-top: -3.8rem;
		margin-left: -5.5rem !important;
		z-index: 1 !important;}	
		.tightenLine {line-height: 1.8rem;}
		
#header h1 { font-size: 2.5rem; line-height: 1.8rem; }
#header h3 {font-size: 2rem; line-height: 2rem;}
#header h4 { font-size: 1.8rem; line-height: 1.9rem; margin-top: -0.5rem;}
#header h5 { text-align: center; line-height: 1.5rem; }
#header23 { font-size: 1.8rem; line-height: 2rem; }

}

/*large */
@media only screen and (min-width: 64.063em) { 

	#logo { width: 25%; 
		position: absolute;
		margin-top: -2.8rem;
		margin-left: -2.5rem;
		z-index: 1 !important;}
		.tightenLine {line-height: 1.3rem;}

#header h1 { font-size: 2.5rem; line-height: 1.8rem; }
#header h3 {font-size: 2rem; line-height: 2rem;}
#header h4 { font-size: 1.8rem; line-height: 1.9rem; margin-top: -0.5rem;}
#header h5 { text-align: center; line-height: 1.5rem; }
#header23 { font-size: 2.3rem; line-height: 2.5rem; }
}