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

body {background:#fff; margin:0; font-family: 'Roboto', sans-serif; font-size:.95em; font-weight:500; color:#222; letter-spacing: -.5px;}

a {text-decoration: none;}
a:hover {text-decoration: none;}

.clear {clear:both;}

.border-purple {border:2px solid #441e81;}
.border-shadow {-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3); box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.3);}

.divider-gold {width:100%; border-bottom: 1px solid #efad23;}

.purple {color:#441e81;}
.lavendar {color:#8a74a7;}
.gold {color:#efad23;}
.text-90 {font-size: 90%;}

.bkgrd-gray {background-color:#eee;}
.bkgrd-milk {background-color:#eee; border-bottom: 5px solid #efad23;}
.note {width:95%!important; padding:2.5%!important; background:#efad23;}

.col-head {color:#aaa; border-bottom: 1px solid #efad23;}

.header {
  padding: 0 15px;
  background: #fff;
  z-index:999999;
}

.sticky {
  position: fixed;
  top: 0;
  width: 100%;
  background:#fff;
}

.sticky + .content {
  padding-top: 100px;
}

h1 {
	margin: 0 0 10px 0;
	color: #441e81;
	font-family: 'Playfair Display', serif!important;
	font-weight: 900!important;
	font-size: 2em!important;
}

h2 {
	margin:20px 0 10px 0;
	font-family: 'Roboto', sans-serif!important;
	font-size: 1.35em!important;
	font-weight: 900;
	letter-spacing: -.5px!important;
	color:#8a74a7;
	text-transform: uppercase;
}

h3 {
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	font-family: 'Playfair Display', serif!important;
	font-weight: 400!important;
	font-size: 2em!important;
	color:#8a74a7;
	letter-spacing: -1px;
	border-bottom: 1px solid #efad23;
}


h4 {
	margin:10px 0;
	font-family: 'Playfair Display', serif!important;
	font-weight: 400!important;
	font-size: 5em!important;
	text-shadow: 1px 1px 3px #000;
	letter-spacing: -1px;
}

h5 {
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	font-family: 'Playfair Display', serif!important;
	font-weight: 700!important;
	font-size: 1.5em!important;
	color:#441e81!important;
	letter-spacing: -1px;
	border-bottom: 1px solid #efad23;
}

h6 {
	margin:10px 0;
	font-family: 'Playfair Display', serif!important;
	font-weight: 900!important;
	font-size: 3.5em!important;
	color:#efad23;
}

h7 {
	margin: 0 0 10px 0;
	font-family: 'Roboto', sans-serif!important;
	font-size: 2.5em!important;
	font-weight: 700;
	letter-spacing: -2px!important;
}

.btn-purple {
	width:98%;
	padding:1%;
	background:#441e81!important;
	color:#efad23!important;
	font-size: 90%;
	font-weight:400;
	text-transform:uppercase;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-purple:hover {
	background:#222!important;
	color:#fff!important;
	cursor:pointer;
}

.btn-online {
	width:98%;
	padding:1%;
	font-size: 90%;
	font-weight:400;
	text-transform:uppercase;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.btn-online:hover {
	cursor:pointer;
}

.btn-top {
	padding:1.5%;
	float:right;
	margin:-50px 0 20px 5%;
	background:#441e81!important;
	color:#efad23!important;
	font-size: 90%;
	font-weight:400;
	text-transform:uppercase;
	text-align: center;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border-bottom:3px solid #efad23;
}
.btn-top:hover {
	background:#222!important;
	color:#fff!important;
	cursor:pointer;
	border-bottom:3px solid #efad23;
}

.btn-fees {color:#551e81; background:transparent; font-weight: 900;}

.btn-link {color:transparent!important;}
.btn-link:hover {text-decoration: none!important;}
	
.bkgrd-top {background-color:#ddd; border-top:4px solid #efad23; font-size: 75%;}
.bkgrd-top a {color:#441e81; font-weight: 900; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-top a:hover {color:#8a74a7; font-weight: 900; text-decoration:none;}
.bkgrd-top ul { padding:0; margin:0; text-align:right;}
.bkgrd-top ul li { list-style-type:none; display:inline; margin-right:10px;}
.bkgrd-top ul li:after { content:'|'; color:#efad23; margin-left: 10px;}
.bkgrd-top ul li:last-child:after { content:''; margin-right: -20px;}

.logo {width:100%;}
.logo img {width:100%; height: auto;}

.member-login {width:100%; text-align: right;}
.member-login a {color:#441e81; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.member-login a:hover {color:#8a74a7; text-decoration:underline;}
.member-login ul { padding:0; margin:0; text-align:right;}
.member-login ul li { list-style-type:none; display:inline; margin-right:5px;}
.member-login ul li:after { content:'|'; color:#efad23; margin-left: 5px;}
.member-login ul li:last-child:after { content:''; margin-right: -40px;}

.bkgrd-nav {background-color: #eee; border-top:2px solid #efad23;}

.nav .nav-item .nav-link {
	color:#441e81; 
	padding:0  .925rem!important;
	font-weight: 900;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.nav .nav-item .nav-link:hover {color:#8a74a7;}

.navbar-light .navbar-toggler {color:#fff!important; border-color: #441e81!important;}
.navbar-toggler {color:#fff!important; background-color: #efad23!important; border: 2px solid #441e81!important; border-radius: 0!important;}

.dropdown-menu {background-color:#eee; float:none; border-radius: 0!important; border:0!important;}
.dropdown-item {font-weight: 600; font-size: 85%!important;  color: #441e81!important; text-decoration: none; text-align:left!important; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; border-bottom:1px solid #eee;}
.dropdown-item:hover {color: #8a74a7!important; background-color:#eee;!important; border-bottom:1px solid #efad23;}

.content {min-height: 500px;}

.content a {color:#441e81; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.content a:hover {color:#8a74a7; text-decoration:none;}

.callout1 {background-image:url(images/callouts/callout-1.jpg); background-size:cover; font-size: 107.5%; font-weight: 400; color:#fff; line-height: 2.5em;}
.callout1 a {color:#efad23; font-size: 250%; font-weight: 900; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout1 a:hover {color:#222; font-weight: 900; text-decoration:none;}

.callout2 {background-image:url(images/callouts/callout-2.jpg); background-size:cover; font-size: 107.5%; font-weight: 400; color:#fff; line-height: 2.5em;}
.callout2 a {color:#222; font-size: 250%; font-weight: 900; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout2 a:hover {color:#8a74a7; font-weight: 900; text-decoration:none;}

.callout3 {background-image:url(images/callouts/callout-3.jpg); background-size:cover; font-size: 107.5%; font-weight: 400; color:#fff; line-height: 2.5em;}
.callout3 a {color:#8a74a7; font-size: 250%; font-weight: 900; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout3 a:hover {color:#441e81; font-weight: 900; text-decoration:none;}

.callout4 {background-image:url(images/callouts/callout-4.jpg); background-size:cover; font-size: 107.5%; font-weight: 400; color:#fff; line-height: 2.5em;}
.callout4 a {color:#441e81; font-size: 250%; font-weight: 900; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.callout4 a:hover {color:#efad23; font-weight: 900; text-decoration:none;}

.callout-divider1 {width:70%; float:none; margin:25px 15% 10px 15%; border-bottom: 1px solid #8a74a7; clear: both; overflow: hidden;}
.callout-divider2 {width:70%; float:none; margin:25px 15% 10px 15%; border-bottom: 1px solid #441e81; clear: both; overflow: hidden;}
.callout-divider3 {width:70%; float:none; margin:25px 15% 10px 15%; border-bottom: 1px solid #efad23; clear: both; overflow: hidden;}
.callout-divider4 {width:70%; float:none; margin:25px 15% 10px 15%; border-bottom: 1px solid #222; clear: both; overflow: hidden;}

.callout-border1 {width:50%; float:none; margin:0 auto 15px auto; padding: 0 0 15px 0; border-bottom: 5px solid #8a74a7;}

.bkgrd-tagline1 {background-image: url(graphics/bkgrd-tagline1.jpg);}

.bkgrd-tagline2 {
	background-image: url(graphics/bkgrd-tagline2.jpg);
	-webkit-box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75); 
	box-shadow: 0px 0px 20px 5px rgba(0,0,0,0.75);
}
.bkgrd-tagline2 a {color:#8a74a7; font-size: 125%; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-tagline2 a:hover {color:#efad23; font-size: 125%; text-decoration:none;}

.bkgrd-footer {background-color: #000; color:#777; font-size: 85%; font-weight: 400;}

.bkgrd-footer ul {padding:0; margin:10px 0; text-align:left; line-height:3.5em;}
.bkgrd-footer ul li {list-style-type:none; display:block;}
.bkgrd-footer ul li:before {content:'•'; color:#8a74a7; margin:0 5px; font-weight: 900;}

.footer-join a {color:#8a74a7; font-size: 125%; font-weight: 700; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-join a:hover {color:#efad23;}

.footer-menu {line-height: 3.5em; text-transform: uppercase;}
.footer-menu a {color:#777; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-menu a:hover {color:#efad23; padding-left: 3px;}

.footer-menu2 {line-height: 3.5em;}
.footer-menu2 a {color:#777; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.footer-menu2 a:hover {color:#efad23;}

.footer-icon {color:#8a74a7; font-size: 150%; text-align: center;}

.footer-address {line-height: 2em; padding-top:10px;}

.bkgrd-anchor {background-color: #111; color:#444; border-top:2px solid #441e81; font-size: 75%; font-weight: 400; text-transform: uppercase;}
.bkgrd-anchor a {color:#444; text-decoration:underline; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.bkgrd-anchor a:hover {color:#8a74a7; text-decoration:underline;}
.bkgrd-anchor ul { padding:0; margin:0; text-align:center;}
.bkgrd-anchor ul li { list-style-type:none; display:inline; margin-right:10px;}
.bkgrd-anchor ul li:after { content:'|'; color:#efad23; margin-left: 10px;}
.bkgrd-anchor ul li:last-child:after { content:''; margin-right: -20px;}


.join-cursive {font-family: 'Damion', cursive; font-size: 2.75em; color:#8a74a7; letter-spacing: -1px;}
.bkgrd-news {background:#eee; font-size: 90%; font-weight: 400;}
.bkgrd-tattoo {background:#441e81; color:#fff;}

.list-group-item {font-size: 90%; padding:5%!important; color:#441e81; font-weight: 700; font-size: 95%;}

.classification {width:100%;}
.classification a {color:#441e81; font-weight: 900; text-decoration:none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease;}
.classification a:hover {color:#8a74a7; font-weight: 900; text-decoration:none;}
.classification ul { padding:0; margin:0; text-align:left;}
.classification ul li { list-style-type:none; display:inline; margin-right:10px;}
.classification ul li:after { content:'|'; color:#efad23; margin-left: 10px;}
.classification ul li:last-child:after { content:''; margin-right: -20px;}


table { 
  width: 100%; 
  border-collapse: collapse;
}
/* Zebra striping */
tr:nth-of-type(odd) { 
  background: #eee; 
}
th { 
  background: #441e81; 
  color: #efad23; 
  font-weight: bold; 
}
td, th { 
  padding: 10px; 
  text-align: left; 
}

.ee109 {background: #441e81;}
.ee106 {background: #441e81;}
.ee113 {background: #441e81;}
.ee115 {background: #441e81; color:#441e81;}

.ee111 {background:#fff;}
.ee112 {background:#fff;}

.ee116 {background:#8a74a7;}
.ee118 {background:#8a74a7;}
.ee120 {background:#8a74a7;}
.ee121 {background:#8a74a7;}

/*================ FORM ========================*/

#form {
        width:100%;
        float:left;
}


form{
        width: 100%;

        }

fieldset{
        border: 0;
        padding: 10px 0 ;
        clear: left;
        }
        
textarea, input, select{
        border: 1px solid #ccc;
        padding: 2%;
        width: 96%;
        }
.form-check input {
 width: auto;
}

label{
        font-weight: bold;
        }       
        
textarea:focus, input:focus, select:focus{
        background: #eee;
        border: 1px solid #8a74a7;
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        outline: none;
}

input[type="submit"]{
        border: 1px solid #ccc;
        padding: 3px 0;
        margin-top: 5px;
        font-weight: bold;
        /*font-size: 1.3em;*/
        width: 130px;
        cursor: pointer;

        
        -webkit-transition: all .4s ease-in-out;
        -moz-transition: all .4s ease-in-out;
        transition: all .4s ease-in-out;
        
        background: #f6f5f5; /* Old browsers */
        /* IE9 SVG, needs conditional override of 'filter' to 'none' */
        background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y2ZjhmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U1ZWJlZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2Q3ZGVlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY3ZjkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
        background: -moz-linear-gradient(top, #f6f5f5 0%, #e5ebee 50%, #d7dee3 51%, #ebebeb 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f6f5f5), color-stop(50%,#e5ebee), color-stop(51%,#d7dee3), color-stop(100%,#ebebeb)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* IE10+ */
        background: linear-gradient(to bottom, #f6f5f5 0%,#e5ebee 50%,#d7dee3 51%,#ebebeb 100%); /* W3C */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f6f5f5', endColorstr='#ebebeb',GradientType=0 ); /* IE6-8 */
        }

.submit {
	width:30%;
	padding:2.5%;
	background-color:#441e81!important;
	color:#efad23!important;
	font-size:1.75em;
	font-weight:700;
	text-transform:uppercase;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border:0;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
.submit:hover {
	background-color:#111!important;
	color:#8a74a7!important;
	cursor:pointer;
}
.bg-purple {
	background-color: rgba(68,30,129,1.00);
}
.bg-lt-purple {
	background-color: rgba(138,116,167,1.00);
}

@media (max-width: 62em) {

	.navbar-nav {
		padding-top: .425rem;
		padding-left: 0.75rem;
	}
	.navbar-nav .nav-item {
		float: none;
	}
	.navbar-brand {
		float: right;
	}
	.navbar-brand,
	.navbar-nav .nav-item {
		display: block;
	}
	.navbar-nav .nav-item + .nav-item {
		margin-left: 0;
	}
	.dropdown-menu {
		position: relative;
		float: none;
		text-align: center;
	}
}

@media screen and (max-width: 1250px) {
	
.footer-menu {text-transform: none;}
	
}

@media screen and (max-width: 1200px) {
	
.nav .nav-item .nav-link {font-size:95%; padding:0  .5rem!important;}
h4 {font-size: 4em!important;}
.footer-menu {text-transform: uppercase;}
	
}

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

.nav {display:block!important;}
.nav-link {font-size:1em!important; line-height: 1.5em!important;}
.navbar-toggler {border-color:#007d51!important;}
.dropdown-item {text-align: center!important;}
h4 {font-size: 3.25em!important;}
	
}

@media screen and (max-width: 768px) {
	
.bkgrd-top {display: none;}
.logo img {width:90%; float:none; margin:10px 5%;}
h4 {font-size: 2.5em!important;}
.bkgrd-footer {text-align: center!important;}
.bkgrd-footer ul {text-align: center!important;}
.footer-menu2 {text-align: left!important;}
.btn-top {padding:2%;}
.classification ul {margin-bottom: 15px;}
.classification ul li {display:block; margin-right:0;}
.classification ul li:after {content:''; margin-left:0;}
.classification ul li:last-child:after {margin-right:0;}
	
}

@media screen and (max-width: 576px) {
	
.member-login ul {text-align:center;}
.member-login ul li {display:block; margin-right:0;}
.member-login ul li:after { content:''; margin-left: 0;}
.member-login ul li:last-child:after {margin-right: 0;}
h4 {font-size: 3em!important;}	
.bkgrd-anchor ul li {display:block; margin-right:0;}
.bkgrd-anchor ul li:after { content:''; margin-left: 0;}
.bkgrd-anchor ul li:last-child:after {margin-right: 0;}
.btn-top {width:95%; padding:2.5%; float:left; margin:20px auto;}
	
}

@media screen and (max-width: 480px) {
	
h4 {font-size: 2.75em!important;}
.submit {width:50%;}
/* Force table to not be like tables anymore */
	table, thead, tbody, th, td, tr { 
		display: block; 
	}
	
	/* Hide table headers (but not display: none;, for accessibility) */
	thead tr { 
		position: absolute;
		top: -9999px;
		left: -9999px;
	}
	
	tr { border: 1px solid #ccc; }
	
	td { 
		/* Behave  like a "row" */
		border: none;
		border-bottom: 1px solid #eee; 
		position: relative;
		padding-left: 45%; 
	}
	
	td:before { 
		/* Now like a table header */
		position: absolute;
		/* Top/left values mimic padding */
		top: 6px;
		left: 6px;
		width: 35%; 
		padding-right: 10px; 
		white-space: nowrap;
	}
	
	/*
	Label the data
	*/
	td:nth-of-type(1):before { content: "Reg. Type"; font-weight:400; color:#441e81; text-align:right; padding-right:10px;}
	td:nth-of-type(2):before { content: "Member"; font-weight:400; color:#441e81; text-align:right; padding-right:10px;}
	td:nth-of-type(3):before { content: "Non-Member"; font-weight:400; color:#441e81; text-align:right; padding-right:10px;}
	
}	
}