html { background: #fff; }

body { 
   background: #fee794 url(/theme/img/tile.png) repeat-x center top; 
   text-align: left;
   border-top:5px solid #e79326;}
 
.wrap {
   width: 990px;
   position: relative; } 

 
/* Site Header
------------------------------------ */
 
header {
   background: #fff;
   width: 990px;   
   height: 170px;
   margin-top: 0;
   position: relative;
   font-family: "jaf-bernino-sans";
   font-weight:100;}
   
#logo {
  width: 450px;
  display: block;
  opacity: 1;
  position: absolute; 
  left: 0;
  top: 6px;
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition:   opacity .5s ease-in-out;
  -ms-transition:  opacity .5s ease-in-out;
  transition:      opacity .5s ease-in-out; 
}
#logo:hover { opacity: .9;}

#logo img {
  width: 100%;
}
  
/* --- Email Signup Form 

#modal { 
  padding-right: 19px;
  display: inline;
  text-align: left; 
  position: absolute;
  right: 270px;
  top: 78px; } 

#modal a {
    color: #E79326;
    display: block;
    font: 400 20px/1 "jaf-bernino-sans",arial;
    margin: 3px 10px 0 0;
    position: relative;
    text-align: left;
    text-transform: uppercase;
    transition: color 0.3s ease-in-out 0s;
    width: 160px;
}
--- */
   

/* --- Site Header --- */

ul#connect {
   list-style: none;
   display: inline;
   position: absolute;
      right: 0;
      top: 78px; }
ul#connect > li {
   width: 25px;
   display: inline-block; }

ul#connect > li a {
   background: rgba(26, 57, 71, .5) url(/theme/img/connect.png) no-repeat 0 0;
   height: 25px;
   display: block;
   position: relative;
   -moz-border-radius: 6px;
      -webkit-border-radius: 6px;
      border-radius: 6px;
      -webkit-transition: background-color .5s ease-in-out;
			-moz-transition: background-color .5s ease-in-out;
			-o-transition: background-color .5s ease-in-out;
			-ms-transition: background-color .5s ease-in-out;
			transition: background-color .5s ease-in-out; }
ul#connect > li a:hover { background-color: rgba(235, 110, 31, 1); }
ul#connect > li a:active { 
   background-color: rgba(253, 184, 37, 1);
   -moz-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
      -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25);
      box-shadow: inset 1px 1px 2px rgba(0, 0, 0, .25); }
      
ul#connect li.facebook a { background-position: 0 0; }
ul#connect li.twitter a { background-position: -25px 0 !important; }
header ul#connect li.youtube a { background-position: -50px 0 !important; }
header ul#connect li.flickr a { background-position: -75px 0 !important; }

#connect .title { 
   margin: 3px 0 0 10px;
   display: block;
   float:left;
   position: relative;
   font: 400 20px/1 "jaf-bernino-sans", arial;
      color: #E79326;
      text-transform: uppercase;
      text-align: left;
   -webkit-transition: color .3s ease-in-out;
  	-moz-transition: color .3s ease-in-out;
		-o-transition:   color .3s ease-in-out;
		-ms-transition:  color .3s ease-in-out;
		transition:      color .3s ease-in-out; }

#connect .facebook {
    float: left;
    margin-left: 10px;
}

#connect .twitter {
    float: left;
    margin-left: 10px;
    margin-top:3px;
}

.fb_iframe_widget_lift {
    z-index: 9999 !important;
}

/* Site Footer
------------------------------------ */

footer {
  width: 100%;
  padding: 0;
  margin: 0;
  font-size: 14px;
  line-height: 1.4em;
  color: #67401a;
  font-family: "jaf-bernino-sans";
  font-weight:400;
  background: url("/theme/img/footer-bg.png") repeat-x scroll top center transparent;
  }

footer .container {
  width:900px;
}

footer a {
 color: #ffdb76; 
}

footer h2 {
    color: #67401A;
    display: block;
    font-size: 14px;
    font-weight: bold;
    margin: 0 auto;
    padding: 0;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -10px;
    width: 200px;
    background-color: #e79536;
}


.sponsors {
  margin:100px 0 30px;
  padding:  0 0;
  height:95px;
  position: relative; 
  width: 100%;
  border-top: 1px solid #E9A656;
  border-bottom: 1px solid #E9A656;}

.sponsors li {
  display: inline-block;
  list-style:none;
  margin: 0;
  opacity: 1;
  padding: 0;}
  
.sponsors li:last-child {
 margin-right:0; 
}

.sponsors li:hover {
  opacity: 1;}

.blog .sponsors {
  border-top: none;
  border-bottom: none;}

.footbar {
  background: #67401a;
  padding:20px 0 0;
  height: 120px;
  color:#fff;
  font-weight:300; }

.footbar .container { width:900px;   }

.footbar span { color: #fff; font-weight:400;}

.footbar .social {
  float:right;
  position: relative;}

.social a {
    background: url("/theme/img/icons-social.png") no-repeat scroll 0 0 transparent;
    display: block;
    float: left;
    height: 24px;
    width: 24px;
    margin: 0 0 0 10px;
    padding: 0;
    text-indent: -9999px;
  }
  .social a.vimeo {background-position: 0 -95px;}
  .social a.twitter { background-position: 0 -24px;} 
  .social a.flickr { background-position: 0 -48px; }


.footbar .info { 
  float:left;
  position: relative; }   

.footbar a { color: #E79326; font-weight:400; }
.footbar a:hover { color: #fee592; }
.footbar .copy { float: right; }   
.footbar .links { font-size:11px; margin-top:10px; display:block; }     

/* Error INPUT Styling
--------------------------------------------------- */

input.error { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.25); }

input.error:hover { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35);
   	-webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.35); }
      
input.error:active { 
   box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);       
      -moz-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45);
      -webkit-box-shadow: inset 1.5px 1.5px 2.5px rgba(0, 0, 0, 0.45); }     
   
   
/* Error LABEL Styling
--------------------------------------------------- */

form label { position: relative; width: 100px; float:left; }

fieldset {  margin: 0 0 15px; }


strong.error { 
   background: #e58f25;
   padding: 3px 5px;   
   display: block;
   white-space: nowrap;
   position: absolute; 
   left: 50%;
   top: 23px;
   z-index: 9999;
   -moz-border-radius:       4px;
      -webkit-border-radius: 4px;
      border-radius:         4px; 
      font-size: 10px;
      line-height: 10px;
      font-weight: 400;
      color: #fff; 
      text-transform: uppercase; } 

strong.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: #e58f25; 
  border-width: 6px; }

/* ------------ Sidebar ------------ */   
   
.sidebar {
    position: relative;
    margin: -40px 0 0 20px;
    width: 260px;
    z-index: 999999;
    font-family: "jaf-bernino-sans", arial;
    display: block;
    float: left;}
    
    .act {
      background: url("/theme/act-bg.png") 0 20px scroll #e69223;
      border-radius: 6px 6px 6px 6px;
      padding: 0;
      color: #fff;
        -moz-box-shadow: 0px 0px 2px rgba(0,0,0,.35);
        -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,.35);
      box-shadow: 0px 0px 2px rgba(0,0,0,.35);}
    
    .act div {
      background: url("/theme/img/act-bg.png") repeat-y scroll 0 0 #FFFFFF;
      display: block;}
    
    .act h2 {
      color: #FFFFFF;
      font-weight: 300;
      margin: 0;
      padding: 15px 20px;
      text-transform: uppercase; }     
     
    .act h2:hover { color: #fee592; }       
    
    .act a h3 {
      color: #55290e;
      font-size: 22px;
      padding: 15px 20px;
      text-transform: uppercase;
      display:block;
      margin: 0;}
      
    .act a h3 {
      color: #55290e;
    }
      
    .donate {
      display: block;
      padding: 10px 0 10px 20px;
    }
      
    .donate h3 {
    color: #55290E;
    float: left;
    font-size: 22px;
    margin-right: 10px;
    margin-top: 10px;
    text-transform: uppercase;
    }
      



/*  DONATE FORM  */

.act form { 
    background: rgba(231,147,38,1);
    padding: 6px;   
    display: inline-block;
    -moz-border-radius: 4px;
    color:#fff;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    -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;  
    }  
    
      
.act ol { 
    list-style: none;
    margin: 0; 
    }    
   
.act li { 
    display: inline;
    position: relative; 
    }
   
.act input { 
      background: #fff;   
      border: none;
      width: 40px;
      margin: 0 auto;
      padding: 6px 6px 5px; 
      cursor: pointer; 
      border-radius:          4px;
      -moz-border-radius:     4px; 
      -webkit-border-radius:  4px;
      font-family: Arial, Helvetica, sans-serif;
      font-size: 18px;
      line-height: 1;
      color: #bd7219;
      transition:         all .35s ease-in-out;    
      -webkit-transition: all .35s ease-in-out;  
      -moz-transition:    all .35s ease-in-out;  
      -o-transition:      all .35s ease-in-out;  
      -ms-transition:     all .35s ease-in-out; 
      } 

.act input:hover { 
    background: #ffffff;
    color: #494949;
    box-shadow:         1px 1px 2.5px rgba(0, 0, 0, 0.1);       
    -moz-box-shadow:    1px 1px 2.5px rgba(0, 0, 0, 0.1);    
    -webkit-box-shadow: 1px 1px 2.5px rgba(0, 0, 0, 0.1); 
    }
   
.act input:focus { 
    background-color: #e9e9e9;
    color: #606060;
    cursor: text; 
    box-shadow:         inset 1px 1px 2px rgba(0, 0, 0, 0.25);       
    -moz-box-shadow:    inset 1px 1px 2px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 1px 1px 2px rgba(0, 0, 0, 0.25); 
    }
      
.act button {
    background: #f3ab05; 
    width: 33px;
    height: 33px;
    border: none;   
    position: relative;
    top: 2px;
    font-family: "museo-sans", arial;
    font-size: 15px;
    font-weight: 400;
    color: #ffffff;   
    overflow: hidden;
    display: inline-block;
    cursor: pointer;
    -moz-border-radius:       4px;
    -webkit-border-radius: 4px;
    border-radius:         4px;
    transition:            all .35s ease-in-out;   
    -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
    -o-transition:      all .35s ease-in-out;  
    -ms-transition:     all .35s ease-in-out; 
    } 

.act button:hover { 
    background-color: #68411B;
    color: #ffffff; 
    }  
   
.act button:active { 
    box-shadow:         inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);  	 
    -moz-box-shadow:    inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25);
    -webkit-box-shadow: inset 1.5px 1.5px 3.5px rgba(0, 0, 0, 0.25); 
    } 
    
    
    
    
    
    
/* --- Home Splash --- */

#window {
   background: url("/theme/img/win-bg.png") repeat-x scroll 0 0 #fff;
   width: 420px;
   padding: 15px 30px 30px;
   -moz-border-radius:    6px;
   -webkit-border-radius: 6px;
   border-radius:         6px;
   -moz-box-shadow:    0 0 10px rgba(90,97,98,.25);
   -webkit-box-shadow: 0 0 10px rgba(90,97,98,.25);
   box-shadow:         0 0 10px rgba(90,97,98,.25);
   position: relative; }
   
#modal-close {
   background-color: #fdb813; 
   width: 24px;
   height: 24px;
   -moz-border-radius:    15px;
   -webkit-border-radius: 15px;
   border-radius:         15px;  
   -moz-box-shadow:    0 0 5px rgba(90,97,98,.2);
   -webkit-box-shadow: 0 0 5px rgba(90,97,98,.2);
   box-shadow:         0 0 5px rgba(90,97,98,.2);   
   display: block;   
   cursor: pointer;
   position: absolute;
   right: -10px;
   top: -10px;
   -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;
   padding: 3px;
   }
   
#modal-close:hover { 
   background-color: #e79326;
   -moz-box-shadow:    0 0 5px rgba(90,97,98,.3);
   -webkit-box-shadow: 0 0 5px rgba(90,97,98,.3);
   box-shadow:         0 0 5px rgba(90,97,98,.3); }
   
#modal-close:active { 
   background-color: #c47816;
   -moz-box-shadow: inset 2px 1px 2px rgba(90,97,98,.35);
   -webkit-box-shadow: inset 2px 1px 2px rgba(90,97,98,.35);
   box-shadow: inset 2px 1px 2px rgba(90,97,98,.35); }
   
#window h2 { 
    color: #fff;
    font-size: 32px;
    line-height: 1;
    text-transform: uppercase;
    }
    
#window p { 
    margin: 30px 0 15px; 
    color: #333333;
    font-size: 18px;
    line-height: 1.2;
    }

#window ol { margin: 0; }

#window li { 
     display: inline-block;
     margin: 0;
     }
   
#window li.submit { display: block; }

#window strong.error { top: 30px; }

#window input { 
   background: white;   
   width: 184px; 
   border: none;
   margin: 0 auto;
   padding: 12px 10px 10px 10px; 
   border: 1px solid #EDE4DA;
   border-radius:         4px;
   -moz-border-radius:    4px; 
   -webkit-border-radius: 4px;    
   cursor: pointer; 
   transition:         all .35s ease-in-out;    
   -webkit-transition: all .35s ease-in-out;  
   -moz-transition:    all .35s ease-in-out;  
   -o-transition:      all .35s ease-in-out;  
   -ms-transition:     all .35s ease-in-out;
   font-family: Arial, Helvetica, sans-serif;
   font-size: 17px;
   line-height: 1;
   color: #333333; 
   margin: 0 7px 7px 0; }
   
#window .last_name { margin-right: 0; }
#window .email { width: 248px; }
#window .zip { width: 120px; margin-right: 0; }
   
#window input:hover { 
   background: #fff5d0; 
   color: #a09997; 
   box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.2);       
   -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); }

 /* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
#window input:-moz-placeholder                    { opacity: 1; }
#window input::-moz-placeholder                   { opacity: 1; }
#window input:-ms-input-placeholder               { color: #a09997; }
#window input::-webkit-input-placeholder          { color: #a09997; }
   #window input:hover:-ms-input-placeholder      { color: #a09997; }
   #window input:hover::-webkit-input-placeholder { color: #a09997; }     
#window input:active:-moz-placeholder             { opacity: .5; }
#window input:active::-moz-placeholder            { opacity: .5; }

#window input:focus { 
   background: #fff5d0 ;   
   color: #a09997;
   cursor: text; 
   box-shadow:         inset 1px 1px 1px rgba(0, 0, 0, 0.35);       
   -moz-box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.35);
   -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); }    
    
#window button { 
   background: #78496a;  
   padding: 8px 10px;
   display: inline-block;
   border: 0;
   cursor: pointer;
   -moz-border-radius:    6px;
   -webkit-border-radius: 6px;
   border-radius:         6px;   
   -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; 
  font-family: "jaf-bernino-sans", arial; 
  font-size: 20px;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase; }
      
#window button:hover { 
   background: #e58e1a; 
   -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
   box-shadow:         0 1px 1px rgba(0,0,0,.15); } 
   
#window button:active { 
   background: #c6770e;
   color: white;
   -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
   box-shadow:         inset 0 1px 1px rgba(0,0,0,.35); }     
   
.connect .like.cf {
    margin-right: 10px;
}    
    
    
/* ------------ Promos ------------ */   

.promos {
  width: 240px;
  position: relative;
  background: none repeat scroll 0 0 #FFFFFF;
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
  border-radius:         6px 6px 0 0;   
  margin: 20px auto 0; }
  
  #home .promos { 
    width: 990px;
    text-align: center;
    } 

.promos article {
    margin: 0 0 20px 0;
    width: 240px;
    height:135px;
    background-color: #ede4da;
    background-repeat: no-repeat;
    background-position: 0 0;
    background-size: cover;
    display: block;
      -moz-border-radius:       6px;
      -webkit-border-radius: 6px;
    border-radius:         6px;    
    transition:            all .35s ease-in-out;    
      -webkit-transition: all .35s ease-in-out;  
    -moz-transition:    all .35s ease-in-out;  
		-o-transition:      all .35s ease-in-out;  
		-ms-transition:     all .35s ease-in-out;}
    
    
#home .promos article {
    display: inline-block;
    margin: 20px 1em 0;
    width: 210px;
    height:118px;
    }

.promos article:last {
  margin-right:0;}

.promos article:hover {
      background-position: 0 0;
      -moz-box-shadow:       0 1px 2px rgba(0,0,0,.35);
         -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.35);
         box-shadow:         0 1px 2px rgba(0,0,0,.35); }
         
.promos article:active {
   background-position: 0 0;
}       
  
.addthisbox {
  background: none repeat scroll 0 0 #FFFFFF;
  border-radius: 6px 6px 6px 6px;
    -moz-box-shadow:       0 1px 2px rgba(0,0,0,.15);
    -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.15);
  margin-bottom: 20px;
  padding: 15px 5px 10px 15px;
  text-align: left;
}

.addthisbox h4 {
    margin-right: 10px;
    margin-top: -3px;
}

.addthis_toolbox.addthis_default_style {
    height: 20px;
}
    
    
/* -------- Slide Controls -------- */

.slide-controls {
  cursor: pointer;
	font-size: 1.6em;
	position: absolute; 
	top: 50%; 
	z-index: 100;
	color: #fff;
  opacity: .4;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition:    all .2s ease-in-out;
	-o-transition:      all .2s ease-in-out;
	-ms-transition:     all .2s ease-in-out;
	transition:         all .2s ease-in-out;   
	-moz-transform:    translateY(-50%);
	-ms-transform:     translateY(-50%);
	-webkit-transform: translateY(-50%);
	transform:         translateY(-50%); 
}  
.slide-controls:hover {
  color: #fee794;
  opacity: 1;
}
.prev-slide { left: .35em; }
.next-slide { right: .35em; }
    
/* -------- Sponsors Slider -------- */

.supporters {
  text-align: center;
	padding: 6em 1em 1em;
  max-width: 990px;
  position: relative;
}
.supporters h3 {
	font-size: 1.3em;
  margin-top: .4em;
	margin-bottom: .3em;
  color: #fff;
	text-transform: uppercase;
}
.supporters h3 a {
	color: #fff;
	display: inline-block;
	-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; 	
}
.supporters h3 a:hover {
	color: #fee794;
}

.supporters .vert-align {
  position: relative;
  padding: 0 2em;
}

.supporters-slider .supporter {
	padding: 1em;
  -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;   
}

.supporters-slider .supporter:hover {
  background: rgba(255,255,255,.1);
}
.supporters-slider .supporter img,
.supporters-slider .supporter svg {
	width: 100%;
  height: auto;
  -moz-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  -o-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  -webkit-transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);
  transition: all 0.3s cubic-bezier(0.75, -0.25, 0.25, 0.75);		
}
.supporters-slider .supporter a:hover img,
.supporters-slider .supporter a:hover svg {
	-moz-transform:    scale(1.05);
	-ms-transform:     scale(1.05);
	-webkit-transform: scale(1.05);
	transform:         scale(1.05); 	
}
 
    
@font-face {
  font-family: 'simple';
  src:  url('https://s3.amazonaws.com/icomoon.io/31537/UntitledProject/simple.eot?iw2ejg');
  src:  url('https://s3.amazonaws.com/icomoon.io/31537/UntitledProject/simple.eot?iw2ejg#iefix') format('embedded-opentype'),
    url('https://s3.amazonaws.com/icomoon.io/31537/UntitledProject/simple.woff2?iw2ejg') format('woff2'),
    url('https://s3.amazonaws.com/icomoon.io/31537/UntitledProject/simple.ttf?iw2ejg') format('truetype'),
    url('https://s3.amazonaws.com/icomoon.io/31537/UntitledProject/simple.woff?iw2ejg') format('woff'),
    url('https://s3.amazonaws.com/icomoon.io/31537/UntitledProject/simple.svg?iw2ejg#simple') format('svg');
  font-weight: normal;
  font-style: normal;
}
    
.icons { font-family: 'simple'; }

.icons {
  content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale; 
}



.unidos {
  width: 14em;
  display: block;
  margin-top: .7em;
}
.unidos img {
  width: 100%;
}

.join-modal,
.join-modal * {
  -moz-box-sizing:    border-box; 
	-webkit-box-sizing: border-box; 
	box-sizing:         border-box;
}
.join-modal {
  background: #fff4c6;  
  width: 550px;
  min-height: 370px;
  border-radius: 2em;
  max-width: 90%;
  padding: 2.4em;
  position: relative;
  text-align: center !important;
  opacity: 0;
  -webkit-transform: scale(.9);
  -moz-transform:    scale(.9);
  -ms-transform:     scale(.9);
  transform:         scale(.9);
  -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;  
}
.popup_visible .join-modal {
  opacity: 1;
  -webkit-transform: scale(1);
  -moz-transform:    scale(1);
  -ms-transform:     scale(1);
  transform:         scale(1); 
}  
.join-modal .close {
  position: absolute;
  top: .5rem;
  right: .5rem;
  z-index: 1000;  
  display: block;  
  width: 3em;
  height: 3em;
  padding: .75em;
  border-radius: 50%;
  cursor: pointer;
  border: none;
  background: #e7a842;
  color: #fff;
  display: block;
  -moz-transform:    translateX(50%) translateY(-50%);
  -ms-transform:     translateX(50%) translateY(-50%);
  -webkit-transform: translateX(50%) translateY(-50%);
  transform:         translateX(50%) translateY(-50%);   
  -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 svg {
  fill: #fff;
  width: 1.5em;
  max-height: 3em;
}
.join-modal .close:hover {
  background:  #754869;
} 

.join-modal h2 {
  color: #754869;
  font-size: 2.2rem;
  line-height: 1;
  margin-bottom: .6rem;
}
.join-modal p {
  font-size: 1.2rem;
  line-height: 1.2;
}
.join-modal .field { 
  width: 48%;
  display: inline-block;
  padding: .25rem;
  position: relative;
}
.join-modal .field.wide { 
  width: 96%;
}
.join-modal form label {
  width: 100%;
  float: none;
}
.join-modal input { 
   background: white;   
   width: 100%; 
   border: none;
   margin: 0 auto;
   padding: 1rem; 
   border: 1px solid #EDE4DA;
   border-radius:         .4rem;
   -moz-border-radius:    .4rem;
   -webkit-border-radius: .4rem;   
   cursor: pointer; 
   transition:         all .35s ease-in-out;    
   -webkit-transition: all .35s ease-in-out;  
   -moz-transition:    all .35s ease-in-out;  
   -o-transition:      all .35s ease-in-out;  
   -ms-transition:     all .35s ease-in-out;
   font-family: "jaf-bernino-sans", arial;
   font-size: 17px;
   line-height: 1;
   color: #333333;
  }   
.join-modal input:hover { 
   background: #754869; 
   color: #fff; 
   border: 1px solid #754869;   
   box-shadow:         1px 1px 3px rgba(0, 0, 0, 0.2);       
   -moz-box-shadow:    1px 1px 3px rgba(0, 0, 0, 0.2);
   -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.2); 
}

 /* ---- Placeholder Text Equalizer - NEEEDED!! ---- */
.join-modal input:-moz-placeholder                 { opacity: 1; }
.join-modal input::-moz-placeholder                { opacity: 1; }
.join-modal input:-ms-input-placeholder            { color: #a09997; }
.join-modal input::-webkit-input-placeholder       { color: #a09997; }
.join-modal input:hover:-ms-input-placeholder      { color: #ffffff; }
.join-modal input:hover::-webkit-input-placeholder { color: #ffffff; }     
.join-modal input:active:-moz-placeholder          { opacity: .5; }
.join-modal input:active::-moz-placeholder         { opacity: .5; }

.join-modal input:focus { 
   background: #fff5d0;   
   color: #a09997;
   cursor: text; 
   box-shadow:         inset 1px 1px 1px rgba(0, 0, 0, 0.35);       
   -moz-box-shadow:    inset 1px 1px 1px rgba(0, 0, 0, 0.35);
   -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.35); 
}    
.join-modal .submit { 
  padding-top: .5rem;
}
.join-modal .submit button { 
   background: #78496a;  
   padding: .35em 1rem;
   display: inline-block;
   border: 0;
   cursor: pointer;
   -moz-border-radius:    .6rem;
   -webkit-border-radius: .6rem;
   border-radius:         .6rem;
   -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; 
  font-family: "jaf-bernino-sans", arial; 
  font-size: 1.8rem;
  font-weight: 400;
  color: #fff;
  text-transform: uppercase; 
}
.join-modal .submit button:hover { 
   background: #e58e1a; 
   -moz-box-shadow:    0 1px 1px rgba(0,0,0,.15);
   -webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
   box-shadow:         0 1px 1px rgba(0,0,0,.15);
} 
.join-modal .submit button:active { 
   background: #c6770e;
   color: white;
   -moz-box-shadow:    inset 0 1px 1px rgba(0,0,0,.35);
   -webkit-box-shadow: inset 0 1px 1px rgba(0,0,0,.35);
   box-shadow:         inset 0 1px 1px rgba(0,0,0,.35); 
}
.join-modal strong.error {
  font-size: .7rem;
  padding: .3rem;
  left: 0;
  top: 125%;
}
.join-modal .connect,
.join-modal .connect * {
  -moz-box-sizing:    unset; 
  -webkit-box-sizing: unset; 
	box-sizing:         unset;  
}