/* ---------- Hero ----------- */
.hero { 
  background: #125578 url(/theme/img/blue-texture.jpg);
  height: 470px;
  display: block;
  overflow: hidden;
  position: relative; }
.hero .wrap { background-color: #052233; }  

.hero ul { display: none; }

.hero article,
.hero article a { 
  display: block; 
  position: relative; }

.hero article {
  height: 470px;
  -webkit-transition: none;
  -moz-transition:    none;
  -o-transition:      none;
  -ms-transition:     none;
  transition:         none;  }
  
.hero article img { 
  width: 100%;
	float: left; }
 
.hero .audio-player { 
  background-color: #978175;  
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzYzNTU0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2JkYWZhNSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #63554b 0%, #bdafa5 100%);
  background-image: -o-linear-gradient(bottom, #63554b 0%, #bdafa5 100%);
  background-image: -webkit-linear-gradient(bottom, #63554b 0%, #bdafa5 100%);
  background-image: linear-gradient(bottom, #63554b 0%, #bdafa5 100%);  
  -moz-border-radius:    50%;
  -webkit-border-radius: 50%;
  border-radius:         50%;
  width: 2.2em;
  height: 2.2em; 
  cursor: pointer;
  position: relative;
  -moz-box-shadow:    0 0 0 6px #011e2f;
  -webkit-box-shadow: 0 0 0 6px #011e2f;
  box-shadow:         0 0 0 6px #011e2f;
  margin-bottom: .6em;
  color: #fff; 
  font-size: 2.4em; }  
.hero .audio-player:after {
  content: "=";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  line-height: 2.2em; }
.hero .audio-player.play:after { content: "="; }
.hero .audio-player.pause:after { content: "|"; }

.hero .audio-player:hover:after { color: #061a27; }

.hero .audio-player:hover { 
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzk5ODU3NyIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzYzNTU0YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #998577 0%, #63554b 100%);
  background-image: -o-linear-gradient(bottom, #998577 0%, #63554b 100%);
  background-image: -webkit-linear-gradient(bottom, #998577 0%, #63554b 100%);
  background-image: linear-gradient(bottom, #998577 0%, #63554b 100%);
  -moz-box-shadow:    0 0 0 6px #fff;
  -webkit-box-shadow: 0 0 0 6px #fff;
  box-shadow:         0 0 0 6px #fff; }
.hero .audio-player:active { 
  -moz-box-shadow:    0 0 0 6px #0f5973;
  -webkit-box-shadow: 0 0 0 6px #0f5973;
  box-shadow:         0 0 0 6px #0f5973; }  

.hero .video-slide {
  background-image: url(/hero/HERO_Background.jpg);
  background-position: center center;
  background-repeat: no-repeat; }

.hero .video-slide figure {
  width: 65%;
  padding: 3.3em 1em;
  display: block; 
  position: absolute;
  right: 0; }

.hero .video-slide .embed {
  max-width: 100%;
  height: 0;   
  padding-bottom: 56.25%; 
  position: relative; 
  overflow: hidden; } 
.hero .video-slide .embed iframe, 
.hero .video-slide .embed object, 
.hero .video-slide .embed embed { 
  width: 100%; 
  height: 100%;   
  position: absolute; 
  left: 0;   
  top: 0; }

.hero .text { 
	background: rgba(9,48,70,.90);
	width: 35%;
  height: 470px;  
	display: block;
	margin: 0;
	position: absolute;
	left: 0;
  z-index: 100;
	font-size: 1em;
	line-height: 1; }
  
.hero .text .table { 
  display: table; 
  padding: 2em;    
  height: 470px;
  vertical-align: middle; }    

.hero .text .vert { 
  vertical-align: middle;
  display: table-cell; }

.hero .right .text { 
  right: 0;
  left: auto; }
.hero .center .text { 
  left: 50%;
  margin-left: -17.5%; }
.hero .hide_background .text { background: transparent; }

  
  
.hero a:hover .text { bbackground: rgba(9,48,70,.90); }
.hero a:active .text { background: rgba(9,48,70,.90); }
.ie8 .hero .text { background: #093046; }

.hero h1 { 
	margin: 0;
	color: #978275;
	font-size: 1.9em;
	line-height: 1;
	z-index: 400;
	text-transform: uppercase;
  margin-bottom: .5em; }
.hero a:hover h1 { color: #b2a299; }
.hero a:active h1 { color: #816e63; }  

.hero p { 
  margin: 0 0 1em;
  display: block;
  font-size: 1.1em;   
	color: #fff;
	line-height: 1.3; }
  
.hero .button {
  background: #810000;  
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -o-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -webkit-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: linear-gradient(bottom, #ab0000 0%, #810000 100%);
  -moz-border-radius:    .4em;
  -webkit-border-radius: .4em;
  border-radius:         .4em;
  padding: .4em .4em;
  display: inline-block;
  -moz-box-shadow:    1px 2px 3px rgba(7,8,8,.2);
  -webkit-box-shadow: 1px 2px 3px rgba(7,8,8,.2);
  box-shadow:         1px 2px 3px rgba(7,8,8,.2); 
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0,0,0,.3); }  

.hero a:hover .button {
  background-image: -moz-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: -o-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: -webkit-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: linear-gradient(bottom, #810000 0%, #ba0000 100%); }
.hero a:active .button {
  -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.4);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
  box-shadow:         inset 0 1px 3px rgba(0,0,0,.4); }
  
.control { 
  background: #1a6284;
  width: 1.5em;
  line-height:3.5em;  
	position: absolute;
	bottom: 50%;
	z-index: 200;
	color: #87afc1;
	font-size: .9em;  }
.control:hover {
  background: #0e4868;
  color: #fff; }
.control:active { background: #0a3c58; }

.control.back { 
  border-radius:         3.5em 0 0 3.5em;
  -moz-border-radius:    3.5em 0 0 3.5em;
  -webkit-border-radius: 3.5em 0 0 3.5em;
  left: -1.5em; }  
.control.next { 
  border-radius:         0 3.5em 3.5em 0;
  -moz-border-radius:    0 3.5em 3.5em 0;
  -webkit-border-radius: 0 3.5em 3.5em 0;
  right: -1.5em; }	


/* ---------- Below ----------- */

.below { 
  background: url(/theme/img/below.png) center top repeat-x;
  display: block;
  padding: 1.5em 1em; }  
  
.below h2 {
  float: left; 
  text-transform: uppercase; 
  font-size: 2em;
  font-weight: 400;
  line-height: 1; } 
.feed h2 { display: inline; }
.below h2 a { color: #0d445c; }
.below h2 a:hover { color: #a40000; }
  
.title { 
  padding: 0 0 2em;
  text-transform: uppercase; }
  
.title ul { 
  list-style: none;
  display: inline-block;
  margin: .35em 0 0 1em;
  float: left; }  
.title li { 
  list-style: none;
  display: inline-block;
  margin: 0 .2em 0 .8em;
  float: left; }  

.title li a { 
  padding: 0.25em 0.35em;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  border-radius:         .3em;
  font-size: .75em;
  color: #0f5270; }  

.title li a:hover { color: #a40000; }
.title li a:active  { color: #12354a; }
  
.title li.ui-tabs-active a {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -o-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -webkit-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: linear-gradient(bottom, #ab0000 0%, #810000 100%);
  color: #fff; 
  position: relative; }

.title li.ui-tabs-active a:after { 
  height: 0; 
  width: 0;
  content: " "; 
  position: absolute; 
  left: 50%;
  top: 100%; 
  border: solid transparent;
  border-color: rgba(252, 97, 0, 0); 
  border-top-color: #ab0000; 
  border-width: 4px;
  margin-left: -4px; }
  
/* ------ Members ------ */

.members .top {
  background: #c1c1c1;
  width: 100%;
  display: table;
  margin-bottom: .8em;
  padding: 2em;
  -moz-border-radius:    .4em;
  -webkit-border-radius: .4em;
  border-radius:         .4em; 
  text-align: left; }

.members .top h3 {
  text-transform: uppercase;
  font-size: 1.25em; 
  color: #083344; }
.members .top h3 em {
  text-transform: none;
  font-size: .7em; 
  color: #646464; }
.members .top h3 a { color: #083344; }  
.members .top h3 em { color: #646464; }  

.members .top h3 a:hover { color: #978275; }  
.members .top h3 a:hover em { color: #646464; } 
  
.members .top > section {
  width: 50%;
  display: table-cell; }
.members .top > section:first-child { padding-right: 1em; }
.members .top > section:last-child { padding-left: 1em; }

.member-support .links {
  width: 100%;
  display: table; }  
  
.member-support .links a {
  background: #10364d;
  width: 23.5%;
  height: 7.1em;
  padding: 1em;
  margin: 0 .2em;
  float: left;
  display: table-cell;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  border-radius:         .3em;  
  color: #fff;
  font-size: .9em;
  text-align: center;
  text-transform: uppercase; }  
.member-support .links a:hover { background: #978275; }
.member-support .links a:active { background: #7e685a; }

.member-support .links .icons {
  background: #fff;
  width: 2.2em;
  line-height: 2.2em;
  margin-bottom: .3em;
  font-size: 1.3em;   
  color: #978275;
  text-transform: none;
  -moz-border-radius:    50%;
  -webkit-border-radius: 50%;
  border-radius:         50%; }
.member-support .links a:hover .icons {
  background: #10364d;
  color: #fff; }
  
.above-beyond { text-align: left; } 
.above-beyond .bio {
  color: #4f4f4f;
  font-size: .85em;
  line-height: 1.3; }

.above-beyond figure {
  background-repeat: no-repeat;
  background-position: center top; 
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover; 
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  border-radius:         .3em;    
  width: 7em;
  height: 8.6em; 
  float: left;
  margin-right: 1em;
  -moz-box-shadow:    inset 0 0 0 1px #b5b5b5;
  -webkit-box-shadow: inset 0 0 0 1px #b5b5b5;
  box-shadow:         inset 0 0 0 1px #b5b5b5; }  
.above-beyond a:hover figure {
  -moz-box-shadow:    inset 0 0 0 1px #115977;
  -webkit-box-shadow: inset 0 0 0 1px #115977;
  box-shadow:         inset 0 0 0 1px #115977; }
.above-beyond a:active figure {
  -moz-box-shadow:    inset 0 0 0 1px #10364d;
  -webkit-box-shadow: inset 0 0 0 1px #10364d;
  box-shadow:         inset 0 0 0 1px #10364d; }
  
.above-beyond h4 {
  margin-bottom: .2em;  
  color: #4f4f4f;
  font-size: 1.4em;
  color: #105578;
  text-transform: uppercase; }
.above-beyond a:hover h4 { color: #978275; }


.members-trained {
  background: #033245;
  width: 100%;
  height: 4.2em;
  overflow: hidden;
  display: block;
  margin-bottom: 2em;
  -moz-border-radius:    .4em;
  -webkit-border-radius: .4em;
  border-radius:         .4em; }

.members-trained .title {
  width: 40%;
  display: block;
  float: left;
  padding: .7em; }
.members-trained .title h3 {
  background: #015879; 
  padding: .6em;
  margin: 0;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  border-radius:         .3em;  
  font-size: 1.25em;
  color: #fff; }
.members-trained .title h3 strong { color: #c0c0c1; }  
  
.members-trained .names { 
  width: 60%;
  display: block;
  float: left; }
.members-trained .names article {
  width: 33%;
  height: 100%;
  float: left;   
  display: inline-block;
  padding: 1.65em 2em 0;
  color: #c0c0c1;
  font-size: .75em;
  text-transform: uppercase;
  line-height: 1.1; }
.members-trained .names article strong { 
  display: block;
  color: #fff;
  font-size: 1.1em;
  white-space: nowrap; }

  
/* ------ Below ------ */

.feed { display: block; }
  
.feed .row { 
  width: 100%;
  display: table;
  clear: both;
  border-bottom: 1px solid #f2f2f2; }
.feed .row:last-child { border-bottom: 0; }

.feed article {
  width: 33%;
  padding: 1.5em; 
  display: table-cell;
  border-right: 1px solid #f2f2f2; }
.feed article:last-child { border-right: 0; }  

.feed article:hover { background: #f1f1f1; }

.feed article:active { 
  box-shadow:         inset 1px 1px 3px rgba(0, 0, 0, 0.25);     
	-moz-box-shadow:    inset 1px 1px 3px rgba(0, 0, 0, 0.25);
	-webkit-box-shadow: inset 1px 1px 3px rgba(0, 0, 0, 0.25); } 
 
.feed article .meta { 
  width: 100%;
  display: block;
  margin-bottom: 1em; 
  text-align: left; } 

.feed article small {
  font-size: .75em; } 
.feed article time { 
  color: #868686;
  text-transform: uppercase; }
.feed .icons { color: #125578; }  

.feed .share {  
  font-size: .65em;
  padding-top: .5em;
  float: right; }
.feed .share.icons { padding-top: .3em; } 

.feed .share a { color: #a40000; }  
.feed .share a:hover { color: #1b719c; }  
.feed .share.icons a { padding: 0 .3em; } 
.feed .share.icons a:last-child { padding-right: 0; } 

.addthis_toolbox a { font-size: 1.1em; }
.share span, #at15s, #___plusone_0 { display: none !important; }

.feed figure {
  background-position: center center;
  background-repeat: no-repeat;
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover;  
  height: 9em; 
  margin-bottom: 1em; }
.feed article:hover figure {
  -moz-box-shadow:    inset 0 0 0 2px #fff;
  -webkit-box-shadow: inset 0 0 0 2px #fff;
  box-shadow:         inset 0 0 0 2px #fff; }

.feed h3 { 
  font-size: 1.3em;
  line-height: 1.1;
  margin: 0 0 .5em; 
  color: #4f4f4f; }
.twitter-post h3 { font-size: 1.1em; }
  
.feed h3 a,
.feed a h3 { color: #1b719c; }

.feed h3 a:hover,
.feed a:hover h3 { color: #a40000; }
  
.feed h3 a:active,
.feed a:active h3 { color: #821113; }

.feed p a,
.feed a p { color: #4f4f4f; }  

.feed a p { 
  font-size: .93em; }
  
.feed .embed {
  max-width: 100%;
  height: 0;   
  padding-bottom: 56.25%; 
  position: relative; 
  overflow: hidden; } 
.feed .embed iframe, 
.feed .embed object, 
.feed .embed embed { 
  width: 100%; 
  height: 100%;   
  position: absolute; 
  left: 0;   
  top: 0; }





/*** Thank You Modal ***/
.join-modal_close {
  position: absolute;
  top: -.7em;
  right: -.7em;
  display: block;  
  width: 2.5em;
  height: 2.5em;
  padding: .3em;
  font-size: .9em;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  background: #7d0000;
  color: #fff;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out;    
} 
.join-modal_close:hover {
  background: #a30000;
} 

.join-modal { 
  background-color: #1f5477 !important; 
  background-repeat: no-repeat;
  background-position: center top;
  -webkit-background-size: cover;
  -moz-background-size:    cover;
  -o-background-size:      cover;
  background-size:         cover;  
  width: 980px;
  height: 470px;
  font-size: 1em;
  line-height: 1.4;
  text-align: center !important;
  color: #fff;
  position: relative;
  -moz-border-radius:    .4em;
  -webkit-border-radius: .4em;
  border-radius:         .4em;
  -moz-box-shadow:    0 0 1em rgba(0,0,0,.25);
  -webkit-box-shadow: 0 0 1em rgba(0,0,0,.25);
  box-shadow:         0 0 1em rgba(0,0,0,.25);  
  -webkit-transform: scale(0.7);
  -moz-transform:    scale(0.7);
  -ms-transform:     scale(0.7);
  transform:         scale(0.7);
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out;  
}
.join-modal.display_signup { 
  padding-bottom: 5em;
}

.join-modal .vert-center {
  width: 100%;
  padding: 3em;
  display: block;
  position: absolute;
  top: 50%;
  z-index: 100;
  -moz-transform:    translateY(-50%);
  -ms-transform:     translateY(-50%);
  -webkit-transform: translateY(-50%);
}
.join-modal.left .vert-center {
  width: 60%;
  text-align: left;
}
.join-modal.right .vert-center {
  width: 60%;
  right: 0;
  text-align: right;
}


.join-modal.display_signup .vert-center  {
  top: 40%;
}
.popup_visible .join-modal {
  -webkit-transform: scale(1);
  -moz-transform:    scale(1);
  -ms-transform:     scale(1);
  transform:         scale(1); 
}  
.join-modal h1 { 
  color: #fff;
  font-size: 2.3em;
  margin-top: 0;
  text-transform: uppercase; 
}
.join-modal.dark-text h1,
.join-modal.dark-text p { 
  color: #0d3245;
}
.join-modal h3 {
  font-weight: 500;
  font-size: 1.1em;
  color: #1f5477; 
  text-transform: uppercase;   
  margin-bottom: .5em;
} 
.join-modal.dark-text h3 {
  color: #958272; 
} 

.join-modal .buttons {
  padding: 1.5em 0;
}
.join-modal .buttons a {
  background: #810000;  
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -o-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -webkit-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: linear-gradient(bottom, #ab0000 0%, #810000 100%);
  -moz-border-radius:    .4em;
  -webkit-border-radius: .4em;
  border-radius:         .4em;
  padding: .7em .8em .6em;
  font-size: 1.2em;
  display: inline-block;
  -moz-box-shadow:    1px 2px 3px rgba(7,8,8,.2);
  -webkit-box-shadow: 1px 2px 3px rgba(7,8,8,.2);
  box-shadow:         1px 2px 3px rgba(7,8,8,.2); 
  color: #fff;
  text-transform: uppercase;
  text-shadow: 0 1px 2px rgba(0,0,0,.3); }  

.join-modal .buttons a:hover {
  background-image: -moz-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: -o-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: -webkit-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: linear-gradient(bottom, #810000 0%, #ba0000 100%); 
}
.join-modal .buttons a:active {
  -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.4);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
  box-shadow:         inset 0 1px 3px rgba(0,0,0,.4); 
}
  
.join-modal .signup {
  background-color: rgba(255,255,255,.9);
  padding: 1em 1em;
  width: 100%;
  position: absolute;
  left: 0;
  bottom: 0%;
}

.join-modal .table {
  width: 100%;
  display: table;
}
.join-modal .col {
  display: table-cell;
  padding: .2em;
  vertical-align: top;
  position: relative;
}
.join-modal .col:first-of-type {
  width: 35%;
}
.join-modal .col:nth-child(2),
.join-modal .col:nth-child(3) {
  width: 20%;
}
.join-modal .col:nth-child(4) {
  width: 25%;
}

.join-modal input {
  background: transparent;
  width: 100%;
  border: none;
  padding: .6em .8em;
  font-size: 1.1em;
  color: #1f5576;
  cursor: pointer;
  border-bottom: 1px solid #1f5576;
  font-family: "proxima-nova-1","proxima-nova-2",sans-serif;
  -webkit-transition: all .3s ease-in-out;
  -moz-transition:    all .3s ease-in-out;
  -o-transition:      all .3s ease-in-out;
  -ms-transition:     all .3s ease-in-out;
  transition:         all .3s ease-in-out;    
}

.join-modal input:hover { 
  color: #958272; }

.join-modal input:focus { 
  color: #810000;
  cursor: text; 
  border-bottom-color: #810000;
} 

.join-modal input:-ms-input-placeholder      { color: #958272; }
.join-modal input::-webkit-input-placeholder { color: #958272; }  

.join-modal input:hover:-ms-input-placeholder      { color: #1f5576; }
.join-modal input:hover::-webkit-input-placeholder { color: #1f5576; }  

.join-modal input:focus:-ms-input-placeholder      { color: #810000; }
.join-modal input:focus::-webkit-input-placeholder { color: #810000; }  
    
.join-modal .signup button {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEwMCAxMDAiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxsaW5lYXJHcmFkaWVudCBpZD0iaGF0MCIgZ3JhZGllbnRVbml0cz0ib2JqZWN0Qm91bmRpbmdCb3giIHgxPSI1MCUiIHkxPSIxMDAlIiB4Mj0iNTAlIiB5Mj0iLTEuNDIxMDg1NDcxNTIwMmUtMTQlIj4KPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FiMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CjxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzgxMDAwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgIDwvbGluZWFyR3JhZGllbnQ+Cgo8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMTAwIiBoZWlnaHQ9IjEwMCIgZmlsbD0idXJsKCNoYXQwKSIgLz4KPC9zdmc+);
  background-image: -moz-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -o-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: -webkit-linear-gradient(bottom, #ab0000 0%, #810000 100%);
  background-image: linear-gradient(bottom, #ab0000 0%, #810000 100%);
  width: 100%;  
  font-family: "proxima-nova-1","proxima-nova-2",sans-serif;  
  border: none;
  padding: .75em .7em;
  line-height: 1em;
  font-size: 1.2em;
  text-transform: uppercase;
  color: #fff;
  -moz-border-radius:    .3em;
  -webkit-border-radius: .3em;
  border-radius:         .3em;
  background-position: center;
  cursor: pointer; 
}
.join-modal .signup button:hover { 
  background-image: -moz-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: -o-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: -webkit-linear-gradient(bottom, #810000 0%, #ba0000 100%);
  background-image: linear-gradient(bottom, #810000 0%, #ba0000 100%); 
}
.join-modal .signup button:active { 
  -moz-box-shadow:    inset 0 1px 3px rgba(0,0,0,.4);
  -webkit-box-shadow: inset 0 1px 3px rgba(0,0,0,.4);
  box-shadow:         inset 0 1px 3px rgba(0,0,0,.4); 
}

#lightbox_signup_form div.error { 
  background: #ab0000;
  color: #fff;
  border-radius: .5em;
  padding: .5em .7em;   
  display: block;
  white-space: nowrap;
  position: absolute; 
  left: 0;
  top: 100%;
  z-index: 9999;
  font-size: .85em;
  line-height: 1;
  font-weight: 400;
  color: #fff; 
  text-transform: uppercase; } 
#lightbox_signup_form div.error:after { 
  height: 0; 
  width: 0;    
  margin-left: -6px;  
  content: " ";    
  position: absolute; 
  left: 15px; 
  bottom: 100%;
  border-color: rgba(235, 110, 31, 0);    
  border: solid transparent; 
  pointer-events: none;
  border-bottom-color: #ab0000 ; 
  border-width: 6px; }
  
@media (min-width : 1000px) { 
  .join-modal { 
  }
}