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

/* GENERAL
**********************************************************************/

body {
	font-family:'Montserrat', sans-serif;
	font-optical-sizing: auto;
	line-height:1.3em;
    font-size:1.1em;
	text-shadow: none;
	text-outline:none;
	background-color: #0C0C0C;
	margin: 0;
	padding: 0;
}
h1 {
	font-weight: 700;
	color: #fff;
	text-transform: uppercase; 
	font-size: 2.8em;
	line-height: 1em;
	margin: 20px auto 30px;
}
h2 {
	font-weight: 700;
	color: #fff; 
	font-size: 1.8em;
	line-height: 1em;
	margin: 20px auto 20px;
}
h3 {
	font-weight: 700;
	text-transform: uppercase; 
	color: #fff;
	font-size: 1.4em;
	line-height: 1em;
	margin: 15px auto;
}
h4 {
	font-weight: 500;
	color: #fff;
	font-size: 1.2em;
	line-height: 1em;
	margin: 15px auto;
}
p, li {
	font-weight: 300;
	color: #fff;
}
ul {
	margin-top: -12px;
	list-style-type:square;
}
b {
	font-weight: 700;
}
table {
	border-collapse: collapse;
	border: none;
	width: 98%;
}
tr>:nth-child(1) {
	padding-left: 10px;
}
th {
	font-weight: 700;
	color: #0C0C0C;
	text-align: left;
	padding: 5px;
	background-color: #a2c75c;
	border-bottom: 5px solid #0C0C0C;
}
td {
	font-weight: 300;
	color: #0C0C0C;
	background-color: #D2D2D2;
	font-size: .9em;
	padding: 3px 5px;
	border-bottom: 2px solid #0C0C0C;
}
table.width70 {
	width: 70%;
}
.table-lastrow td {
	height: 5px;
	border-top: 5px solid #0C0C0C;
	background-color: #a2c75c;
}
a {
	color: #a2c75c;
	text-decoration: none;
}
a:hover {
	color: #758f44;
}
img {
	width: 100%;
	height: auto;
	border: none;
}
img.width70 {
	width: 70%;
}
.section {
	max-width: 1200px;
	margin: -15px auto;
	padding: 15px 20px;
}
.white-bkgrd {
	background-color: #fff;
	border: none;
	margin: 0 auto;
	padding: 0;
}
.white-bkgrd h1, .white-bkgrd h2, .white-bkgrd h3, .white-bkgrd h4, .white-bkgrd p, .white-bkgrd table, .white-bkgrd li {
	color: #0C0C0C;
}
.white-bkgrd a {
	font-weight: 400;
}
.white-bkgrd th {
	border-bottom: 5px solid #fff;
}
.white-bkgrd td {
	border-bottom: 2px solid #fff;
}
.white-bkgrd .table-lastrow td {
	border-top: 5px solid #fff;
}
.footnote {
	font-size: .7em;
	line-height:1.3em;
	color: #d2d2d2;
}

	/**** TOP NAV ***************************************************/
	nav {
		display: block;
		overflow: hidden;
		color: #fff;
		height: 70px;
		background-color: rgba(12,12,12,.7);
		font-size:.9em;
		position: sticky;
		top: 0;
		z-index: 1000;
		padding: 0px 10px;
	}
	nav #hamburger {
		display: none;
	}
	nav a {
		float: right;
		display: block;
		color: #fff;
		text-align: center;
		padding: 25px 14px;
		text-decoration: none;
	}
	nav a.logo {
		float: left;
		margin: auto;
		padding: 5px 10px;
		width: 218px;
	}
	nav a:hover:not(.active) {
		background-color: rgba(162,199,92,.7);
		color: #0C0C0C;
	}
	nav .active {
		background-color: #a2c75c;
		color: #fff;
	}
	nav a:hover.active {
		color: #0C0C0C;
	}

	/**** PAGE HEADERS ***************************************************/
	.title {
		display: block;
		max-width: 1240px;
		margin: auto;
		position: relative;
		z-index: 100;
	}
	.title h1, .title h2, .title h3 {
		margin-top: -82px;
		margin-left: 0px;
		margin-bottom: 0px;
		padding: 18px 200px 15px 20px;
		background-color: rgba(12,12,12,.7);
		width: max-content;
	}
	.header-img {
		background-color: #0C0C0C;
		position: relative;
		margin-top: -70px;
		border: none;
		height: 100%;
	}
	.header-img img {
		height: 100%;
		min-height: 400px;
		object-fit: cover;
		border: none;
		margin-bottom: -5px;
	}
	.photoCredit {
		z-index: 110;
		float: right;
		font-size: .7em;
		line-height:1em;
		position: absolute;
		bottom: 0px;
		right: 20px;
	}
	.photoCredit a {
		color: #ccdc9f;
	}
	.photoCredit a:hover {
		color: #A2C75C;
	}

	/**** BUTTONS ***************************************************/
	.button a {
		display: block;
		min-width: 200px;
		background-color: #a2c75c;
		border-bottom: solid 2px #a2c75c;
		border-right: solid 4px #a2c75c;
		color: #0C0C0C;
		text-align: center;
		margin: 20px;
		padding: 15px 5px;
		text-decoration: none;
	}
	.button a:hover, .button a:focus {
		background-color: #758f44;
		/*background-color: rgba(162,199,92,.6);*/
		border-bottom: solid 2px #fff;
		border-right: solid 4px #fff;
	}
	.white-bkgrd .button a:hover, .white-bkgrd .button a:focus {
		border-bottom: solid 2px #0C0C0C;
		border-right: solid 4px #0C0C0C;
	}

	/**** MULTI-COLUMN ***************************************************/
	.twoCol {
		display: flex;
	}
	.col-1, .col-2 {
		width: 50%;
		border: none;
	}
	.col-1 h1, .col-1 h2, .col-1 h3, .co1-1 h4, .col-1 p, .col-1 table, .col-1 li {
		padding-right: 20px;
	} 
	.col-2 h1, .col-2 h2, .col-2 h3, .co1-2 h4, .col-2 p, .col-2 table, .col-2 li {
		padding-right: 20px;
		padding-left: 10px;
	}
	.col-1.white-bkgrd, .col-2.white-bkgrd {
		background-color: #fff;
		border: none;
		margin: 0 auto;
		padding: 0 10px;
	}
	.col-1.white-bkgrd table, .col-2.white-bkgrd table {
		margin-left: 10px;
		width: 97%;
	}
	.col-2.white-bkgrd table.width70 {
		width: 70%;
	}

	/**** BOX ***************************************************/
	.box {
		background-color: #606060;
		padding: 5px 20px;
		width: 88%;
		display: block;
		margin-bottom: 20px;
	}
	.box h3{
		font-size: 1.2em;
		color: #A2C75C;
		padding-bottom: 3px;
	}
	.box img {
		display: block;
		padding: 0px 20px 5px 0px;
		margin-top: -18px;
		width: 100px;
		float: left;
	}
	.box .dates {
		margin: 5px 10px 20px 0px;
	}
	.box p{
		line-height: 1.1em;
		margin: 7px 0px;
	}

	/**** FOOTER ***************************************************/
	.footer {
		display: flex;
		margin: auto;
		padding: 20px 20px 5px;
	}
	.footer ul {
		list-style-type: none;
		padding: 0 20px 0px 0px;
		margin-top: 0px;
	}
	.footer ul ul {
		padding-left: 20px;
		padding-bottom: 10px;
		list-style-type: none;
	}
	.footer li {
		color: #D2D2D2;
		font-size:.8em;
		padding-bottom: 3px;
	}
	.footer li a {
		color: #D2D2D2;
	}
	.footer li a:hover {
		color: rgba(162,199,92,.7);
	}
	.footer li a:focus {
		color: rgba(162,199,92,1);
	}
	.footer-col1 {
		width: 50%;
		display: flex;
	}
	.footer-nav, .footer-nav2 {
		min-width: 30%;
		margin: 0px 10px -20px;
	}
	.footer-nav2 {
		padding-top: 50px;
	}
	.footer-col2 {
		width: 50%;
		display: flex;
		align-items: flex-end;
		flex-direction: row-reverse;
	}
	.footer-logo {
		min-width: 30%;
		margin-left: 5%;
	}
	.footer-logo .logo {
		display: block;
		max-width: 150px;
	}
	.footer-partner {
		margin-right: 5%;
	}
	.footer-partner .affiliates {
		display: flex;
		flex-direction: row;
		align-items: flex-start;
	}
	.footer-partner img {
		width: auto;
		height: auto;
		max-width: 70px;
		max-height: 70px;
		margin: 8px 10px 0;
	}
	.caplax {
		margin: 20px 10px;
		font-weight: 700;
		font-size: 1.1em;
	}
	.caplax a {
		color: #fff;
	}
	.footer-partner a:hover {
		background-color: rgba(162,199,92,.7);
	}
	.footer-partner a:focus {
		background-color: rgba(162,199,92,1);
	}
	.copyright {
		text-align: center;
		font-size:.6em;
		padding-bottom: 20px;
	}
	.copyright p, .copyright a {
		color: #D2D2D2;
	}
	.copyright a:hover {
		color: rgba(162,199,92,.7);
	}
	.copyright a:focus {
		color: rgba(162,199,92,1);
	}

/* HOME
**********************************************************************/
.recruit {
	max-width: 1200px;
	margin: auto;
	padding: 20px;
	position: relative;
	z-index: 100;
}
.recruit-title {
	display: block;
	margin: -165px auto auto -20px;
	width: 50%;
	padding: 10px 20px 1px 20px;
	background-color: rgba(12,12,12,.7);
}
.recruit h3 {
	color: #a2c75c;
}
.recruit-section {
	display: flex;
	padding-top: 0px;
	padding-bottom: 10px;
}
.recruit-text {
	width: 70%;
	float: left;
}
.recruit-button {
	width: 30%;
}
.recruit-button .button {
	position: absolute;
	bottom: 20px;
}
#about {
	display: flex;
	padding: 0px 0px 0px 20px;
}
#about h2 {
	padding: 5px 20px 0px 0px;
}
#about p {
	padding: 0px 20px 10px 0px;
}
#about img {
	height: 100%;
	object-fit: cover;
	object-position: 20%;
}

/* CONTACT
**********************************************************************/
#contact2 {
	display: none;
}
.header-img#contact img {
	min-height: 500px;
}
#contact .photoCredit {
	top: 65px;
	right: 50%;
}
#contact .col-2 {
	position: absolute;
	z-index: 130;
	height: 80%;
	bottom: 0;
	right: 0;
}
#contact .col-2 table {
	margin-left: 10px;
	width: 97%;
	height: 100%;
}
#contact th, #contact2 th {
	font-weight: 700;
	color: #0C0C0C;
	text-align: left;
	padding: 7px 10px;
	background-color: #a2c75c;
}
#contact td, #contact2 td {
	font-weight: 300;
	color: #fff;
	background-color: #0C0C0C;
	font-size: .9em;
	padding: 5px 10px;
	border-bottom: 2px solid #a2c75c;
}

/* RESOURCES
**********************************************************************/
#resources2 {
	display: none;
}
.header-img#resources img {
	min-height: 20px;
}
.header-img#resources .col-1 img {
	min-height: 500px;
}
#resources .photoCredit {
	top: 65px;
	right: 50%;
}
#resources .col-2>div, #resources2 .col-2>div {
	position: relative;
	z-index: 130;
	top: 60px;
	right: 0;
	display: flex;
	flex-direction: column;
	color: #A2C75C;
}
#resources a .resources-button, #resources2 a .resources-button {
	display: flex;
	background-color: #606060;
	height: 68px;
	margin-top: 20px;
}
#resources a .resources-button .r-icon, #resources2 a .resources-button .r-icon {
	display: block;
	width: 77px;
	max-height: 63px;
	margin: auto 5px auto 15px;
}
#resources a .resources-button .r-icon img, #resources2 a .resources-button .r-icon img {
	object-fit: contain;
}
#resources a .resources-button h3, #resources2 a .resources-button h3{
	font-size: 1.2em;
	line-height: 1.4em;
	margin: auto 10px;
	color: #A2C75C;
}
#resources a:hover .resources-button, #resources2 a:hover .resources-button {
	background-color: #A2C75C;
	color: #0C0C0C;
}
#resources a:hover .resources-button h3, #resources2 a:hover .resources-button h3 {
	color: #0C0C0C;
}

/* MEMBERSHIP & PAY RATES
**********************************************************************/
.membership {
	display: flex;
}
.hs-cert {
	display: none;
}

/* TRAINING
**********************************************************************/
.section.training-checklist {
	margin: 0px auto;
	padding: 15px 20px 20px 20px;
}
.training-checklist tr>td:nth-child(2), .training-checklist tr>td:nth-child(3), .training-checklist tr>td:nth-child(4) {
	background-color: #606060;
	color: #A2C75C;
	font-weight: 700;
}
.training-checklist .button, .levels .button {
	margin: 0 auto;
	width: 30%;
}

/* APPAREL
**********************************************************************/
#apparel h3 {
	padding-top: 20px;
}
#apparel td {
	background-color: transparent;
	color: #fff;
	text-align: center;
}
#apparel td img {
	width: 80%;
}

/* FOR TEAMS
**********************************************************************/
.teams-subnav {
	display: flex;
	flex-wrap: wrap;
}
.teams-subnav .button a {
	min-width: 190px;
	margin: 20px 10px;
}
.arbiter-subnav ul {
	margin-top: 0px;
	margin-bottom: 1em;
	list-style-type:none;
}
.arbiter-subnav ul ul {
	list-style-type:square;
	margin-bottom: .3em;
}
.arbiter-subnav li {
	line-height: 1.4em;
}
.arbiterpay .footnote {
	padding-left: 15px;
}
.arbiterpay img {
	width:94%;
	padding-left: 15px;
}
.invoicing img.width70 {
	padding-left: 15px;
}

/* RESPONSIVE
**********************************************************************/
@media mobile {
}
@media (max-width: 1200px) {
	#contact .photoCredit {
		width: 120px;
		right: 52%;
	}
	#contact td {
		font-size: .8em;
	}
	#resources .photoCredit {
		width: 120px;
		right: 52%;
	}
}
@media (max-width: 1120px) {
	.title {
		max-width: 1040px;
	}
	.title h1, .title h2, .title h3 {
		margin-top: -76px;
	}
	.title h1 {
		font-size: 2.47em;
	}
	.section {
		max-width: 1000px;
	}
	.recruit {
		max-width: 1000px;
	}
	.recruit h1 {
		font-size: 2.47em;
	}
	.recruit h2 {
		font-size: 1.6em;
	}
	.recruit h3 {
		font-size: 1.3em;
	}
	.footer-partner .affiliates {
		display: flex;
		flex-direction: column;
		align-items: center;
	}
	.copyright {
		padding-bottom: 15px;
	}
	#contact td, #contact th {
		padding: 5px;
	}
	#resources a .resources-button h3 {
		font-size: 1em;
		line-height: 1.2em;
	}
}
@media (max-width: 1000px) {
	body {
    	font-size:1em;
	}
	nav {
		height: 65px;
	}
	nav a {
		font-size: .92em;
		padding: 22px 10px;
	}
	nav a.logo {
		width: 190px;
	}
	.title h1, .title h2, .title h3 {
		margin-top: -72px;
	}
	.footer-col1 {
		width: 70%;
	}
	.footer-col2 {
		width: 30%;
	}
	.footer-logo {
		min-width: 60%;
	}
	.footer-partner img {
		max-width: 60px;
		max-height: 60px;
	}
	.recruit {
		max-width: 700px;
	}
	.recruit-title {
		margin: -210px auto auto -20px;
		width: 55%;
	}
	#recruit-break::after {
		content: "\A";
		white-space: pre;
	}
	.recruit h1 {
		line-height: 1.2em;
		margin-top: 15px;
	}
	.recruit h2 {
		line-height: 1.1em;
		font-size: 1.5em;
		margin-bottom: 15px;
	}
	.recruit h3 {
		line-height: 1.1em;
		font-size: 1.3em;
	}
	#about{
		width: 100%;
	}
	#about p {
		line-height:1.3em;
    	font-size:1em;
		margin-top: 14px;
		margin-bottom: 14px;
	}
}
@media (max-width: 900px) {
	.photoCredit {
		width: 100px;
		right: 45px;
	}
	table.width70 {
		width: 100%;
	}
	img.width70 {
		width: 97%;
	}
	.membership, .twoCol {
		display: block;
	}
	.col-1, .col-2 {
		width: 102%;
	}
	.col-1.white-bkgrd, .col-2.white-bkgrd {
		margin: 0 0 20px -20px;
		padding: 10px 20px 10px 10px;
	}
	.white-bkgrd {
		margin-right: -6px;
	}
	.col-1 table, .col-2 table, .col-1.white-bkgrd table, .col-2.white-bkgrd table {
		width: 70%;
	}
	#contact .photoCredit {
		width: 100px;
		right: 45px;
	}
	#contact .col-2 {
		display: none;
	}
	#contact2 {
		display: block;
	}
	.twoCol#resources  {
		display: flex;
	}
	#resources .col-1 {
		width: 60%;
	}
	#resources .col-2 {
		width: 40%;
	}
	#resources .photoCredit {
		width: 100px;
		right: 45%;
	}
	#resources a .resources-button .r-icon {
		margin: auto 5px auto 10px;
	}
	#resources a .resources-button h3 {
		margin: auto 0px;
	}
	#resources .r-break::after {
		content: "\A";
		white-space: pre;
	}
}
@media (max-width: 775px){
	#resources a .resources-button h3 {
		font-size: .9em;
		line-height: 1.2em;
	}
}
@media (max-width: 735px) {
	body {
		width: 100%;
		max-width: 735px;
	}
	nav {
		overflow:visible;
		height: 60px;
	}
	nav #navLinks {
		display: none;
		position: absolute;
		right: 0;
		padding-top: 60px;
		background-color: rgba(12,12,12,.5);
		width: 120px;
	}
	nav a.menu {
		float: none;
		text-align: right;
		padding: 5px 16px;
	}
	nav a.logo {
		width: 165px;
	}
	nav #hamburger {
		display: block;
		font-size: 1.5em;
	}
	nav a.icon {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		padding: 20px 16px;
	}
	nav a:hover {
		
	}
	nav .active {
		background-color: #a2c75c;
	}
	.title h1, .title h2, .title h3 {
		width: 100%;
		padding: 18px 20px 15px 20px;
	}
	.header-img img {
		margin-top: -60px;
	}
	.photoCredit, #resources .photoCredit {
		top: 70px;
		right: -40px;
		width: 400px;
	}
	.white-bkgrd {
		margin-right: -40px;
		padding-right: 40px;
	}
	.col-2.white-bkgrd {
		margin-right: -60px;
		padding-right: 60px;
	}
	.col-1 table, .col-2 table, .col-1.white-bkgrd table, .col-2.white-bkgrd table {
		width: 97%;
	}
	.footer {
		padding-top: 15px;
	}
	.footer h4 {
		
	}
	.footer ul {
		padding-bottom: 5px;
	}
	.footer ul ul {
		padding-bottom: 2px;
	}
	.footer li {
		padding-bottom: 0px;
	}
	.footer-col1 {
		width: 55%;
		display: inline;
	}
	.footer-nav, .footer-nav2 {
		width: 100%;
	}
	.footer-nav2 {
		padding-top: 0px;
	}
	.footer-col2 {
		width: 45%;
	}
	.footer-logo {
		min-width: 40%;
	}
	.footer-partner p {
		font-size: 1em;
	}
	.caplax {
		margin: 10px 10px 20px;
		font-weight: 700;
		font-size: 1em;
	}
	.recruit-section {
		display: block;
		width: 100%;
	}
	.recruit-text {
		width: 100%;
	}
	.recruit-button {
		width: 30;
		display: inline-block;
	}
	.recruit-button .button {
		position: inherit;
	}
	.twoCol#resources  {
		display: block;
	}
	#resources .col-1 {
		width: 102%;
	}
	#resources .col-2 {
		display: none;
	}
	#resources2 {
		display: block;
		margin: -35px -20px -10px;
	}
}
@media (max-width: 450px) {
	p, li {
		font-size: .9em;
	}
	th {
		font-size: .8em;
		line-height: 1.3em;
	}
	td {
		font-size: .8em;
		line-height: 1.3em;
	}
	.section {
		padding: 15px;
	}
	.title h1 {
		font-size: 2.2em;
		margin-top: -67px;
	}
	.title-break::after {
		content: "\A";
		white-space: pre;
	}
	.photoCredit {
		width: 100px;
		right: 11%;
	}
	#contact .photoCredit, #resources .photoCredit {
		width: 100px;
		right: 5%;
	}
	#about {
		display: block;
	}
	#about p {
		font-size: .9em;
	}
	#about .col-1 {
		width: 95%;
		padding-top: 5px;
	}
	#about .col-2 {
		width: 100%;
		margin: 0px -20px 0px;
	}
	.recruit-title {
		width: 100%;
	}
	.section#contact2 {
		padding: 15px 7px;
	}
	#contact2 th {
		font-size: .8em;
		line-height: 1.3em;
		padding: 7px 5px;
	}
	#contact2 td {
		font-size: .7em;
		line-height: 1.3em;
		padding: 7px 4px;
	}
	.header-img#resources img{
		object-position: 20%;
		min-height: 360px;
	}
	#resources2 a .resources-button h3 {
		font-size: 1em;
		line-height: 1.2em;
	}
	#resources2 .r-break::after {
		content: "\A";
		white-space: pre;
	}
	.header-img.membership-header-img img {
		object-position: 40%;
		min-height: 360px;
	}
	.hs-certification {
		display: none;
	}
	.hs-cert {
		display: block;
	}
	.col-2.white-bkgrd table.width70 {
		width: 97%;
	}
	.header-img.training-header-img img {
		object-position: 30%;
	}
	.training-checklist th, .training-checklist tr>td:nth-child(1) {
		font-size: .7em;
	}
	.training-checklist .button, .levels .button {
		margin: 0 10px;
	}
	.header-img.apparel-header-img img {
		object-position: 35%;
		min-height: 270px;
	}
}