/*-----------------------------
Making WordPress Contact Form 7 Plugin form responsive and full width with CSS customization
Add this code snippet to your WordPress theme's style.css file.
-------------------------------*/
div.wpcf7 .wpcf7-form-control { max-width: 95%; }
input.wpcf7-form-control.wpcf7-submit.cf7button { 
  background-color: #5AC6F2; 
  border: none;
  width: 140px;
  color: white;
  padding: 1em
}

div.wpcf7 input[type="checkbox"] {
  display: block;
}
div.wpcf7 .techprom-password {
   width: 300px;
   padding: 0.9em 0.8em 0.4em;
}
div.wpcf7 .techprom-email {
   width: 300px;
}
div.wpcf7 .wpcf7-not-valid-tip {
    color: #800;
    font-weight: bold;
    display: block;
}

div.wpcf7-validation-errors {
    background: #ffe2e2;
    border: 1px solid #ff0000;
    color: #C10000;
}
 
div.wpcf7-response-output {
    margin: 2em 0;
    padding: 15px;
    border-radius: 5px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;	
}

/* Make Contact Form 7 Select Dropdown field responsive & full width */
.wpcf7 select {  
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 3px;
    margin: 0;
    padding: 4px;
    text-indent: 0px;
    width: 100%;
    z-index: 100;
}
/* Make Contact Form 7 text field full width & responsive */
.wpcf7-text { 
	width: 100%;
} 

/* Some additional CSS customization to the whole Contact Form 7 form */
div.wpcf7 { 
	background-color: #f5f5f5; /* Adds background color */
	border: 2px solid #eee; /* Adds a form border */
	padding:20px 10px 10px 10px;
	-webkit-border-radius: 4px; /* Making form border rounded */
	-moz-border-radius: 4px; 
	border-radius: 4px; 
}

/* Brand Refresh - Logos & Colors */
a:hover {
	color:#357e9d;
}
.stuck .main-nav .nav-logo {
  background-size: 63px 43px;
} 
@media only screen and (max-width: 40em) {
   .nav-logo {
     background-size: 63px 43px;
   } 
}

.issues .issue-grid li:hover a {
	color:#357e9d;
}

.featured-issues ul li:hover a {
    color: #357e9d;
}

.whoweare {
    background-color: #357e9d;
    
}

.button.bluebutton {
    /*Top Color*/
    background-color: #1b546e;
    color: #C7C5C5;
}
.button.bluebutton:after {
    /*Bottom Color*/
    background: #357e9d;
}

#other-ways article span {
    color: #357e9d;
}
#other-ways article .secondicon {
    border-left: 1px solid #357e9d;
}  
#organization-info #address {
    border-right: 1px solid #5AC6F2;
}
.search-form button span.icon:hover,.search-form button span.fi-arrow-left:hover:before,.search-form button span.fi-arrow-right:hover:after {
	color:#1b546e;
}
.search-form button span.icon,.search-form button span.fi-arrow-left:before,.search-form button span.fi-arrow-right:after {
	color:#1b546e;
}
#search-bar {
    background-color: #5AC6F2;
    color: #fff;
    border-bottom: 1px solid #1b546e;
}  
.filter a span.green-icon {
    color: #5AC6F2;
}
.filter-dropdown:before {
    border-bottom: 15px solid #5AC6F2;
}

.filter-dropdown {
    background-color: #357e9d;
}
.filter-dropdown .filter-column {
    border-left: 1px solid #002B3E;
}  
.filter-dropdown .filter-policy, .filter-dropdown .filter-content {
    border-left: none;
    border-right: none;
}
.button.bluebutton.bluebuttondark {
    background-color: #1b546e;
    color: #C7C5C5;
}
#filters-applied {
    background-color: #5AC6F2;
}
.img_icon {
  background-color: #357e9d;
}
#insights .icon,#insights .fi-arrow-left:before,#insights .fi-arrow-right:before {
	color:#1b546e;
}

.button.redbutton {
    /* main button top */
    background-color: #357e9d;
}

.button.redbutton:after {
    /* main button bottom*/
    /*background: #002B3E;*/
    background: #1b546e;
}

#featured-blog {   
  /*background: linear-gradient(-43deg, rgb(45, 121, 153) 50%,rgba(45, 121, 153, 0.96)50%);*/
  background: linear-gradient(-43deg, #2d7999 50%, #357e9d 50%);
}

.related {
  background: linear-gradient(-43deg, #2d7999 50%, #357e9d 50%);
}

.related .large-6:first-child {
    border-right: 1px solid #1b546e;
}

.blog-sharing a, .insight-sharing a {
    color: #2d7999;
}
#what-we-do {
    background-color: #2d7999;
}
hr.hr-green {
    background-color: #357e9d;
}
footer ul.social-media li a {
     color: #5AC6F2;
}  
footer p.copyright {
    color: #5AC6F2;
}

footer .footer-nav a:hover {
	color:#5AC6F2;
}

.footer-copy a:hover {
	color:#5AC6F2;
}

::selection {
	background:#5AC6F2;
	color:#fff;
}

::-moz-selection {
	background:#5AC6F2;
	color:#fff;
}

.mobile-issue-slider {
  background-color: #357e9d;
}
.mobile-issue-slider .orbit-container .orbit-next, .mobile-issue-slider .orbit-container .orbit-prev {
  background-color: #1b546e;
}
.mobile-issue-slider li ul li:first-child {
    border-right: 1px solid #1b546e;
}
.menu-toggle {
    background-color: #1b546e;
}

.mobile-nav-dropdown a {
    background-color: #357e9d;
}

.mobile-nav-dropdown li {
	border-top:1px solid #1b546e;
}
.mobile-nav-dropdown a:hover {
	color:#fff;
	background-color:#1b546e;
}
.search-form button span.icon, .search-form button span.fi-arrow-left:before, .search-form button span.fi-arrow-right:before {
    color: #357e9d;
}


.mobile-search-button {
    color: #357e9d;
}
@media only screen and (max-width: 40em) {
   .footer-circle {
      background-color:#1b546e;
      border:2px solid #353434;
   }
}
#getinvolved #inner input {
	float : none;
}
#button-form-center {
    height:40px; 
    width:100px; 
    margin: 10px -50px; 
    position:relative;
    top:50%; 
    left:48%; 
}
/* signup forms */
.campaign #other-involvement .signup {
  text-align:center;
}

.campaign #other-involvement .signup form {
  margin:0 auto;
  width:75%;
  text-align:center;
}
/* END --- Brand Refresh - Logos & Colors */
/* iATS Payment forms */
#donation-info {
  padding-top: 0px;
}
/*
#donation-info a {
	text-decoration: underline;
}
#donation-info a:hover {
	text-decoration: none;
  	color: #FF3535;
}
*/

#donation-info a, #donation-info a:link, #donation-info a:visited{
  	text-decoration: underline;
  	font-size: 1.15em;
  	color: #3f3f3f;   
}
#donation-info a:hover{
    text-decoration: none;
  	color: #3b5998;   
}
#donation-info p {
  	font-size: 1.15em;
  	line-height: 1.6em;
  	color: #3f3f3f;   
}

#donate-form label.IATS_PaymentLabelOnLeft {
	color: #777777;
}
#donate-form label.IATS_InputRequired {
    font-weight: bolder;
    color: #000000;
}
#donate-form label.IATS_EventTitle {
    clear:both;
	color: #FF3535; /* 3f3f3f */
	font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	float:none;
	font-size:1.75em;
	font-weight:bold;
	margin:0px;
	padding:0 0 .5em 2px;
	width:auto;
}

#donate-form form button {
    font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
    text-transform: uppercase;
    font-weight: bold;
    letter-spacing: 1px;
    color: #fff;
    background-color: #ff3535;
    border: none;
    outline: none;
    -webkit-appearance: none;
    padding: 6px 10px 20px 10px;
    vertical-align: top;
    height: 35px;
}
#donate-form button.IATS_Action {   
    padding: 5px 10px 20px 10px;
    height: 45px;
}

#donate-form input.IATS_QtyInput {
    width: 35px;
    height: 35px; 
    border: 1px solid #bdc7d8;
    text-align: center;
}

#donate-form div.IATS_QtyDiv {
    text-align: right;
    margin-top: -30px;
}  
/* END iATS Payment forms */  

/* dontaion page top section */
#intro p.special {
	font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
	text-align:center;
	font-size:2.4em;
	line-height:1.25;
 	margin-top:0;
    padding-top:.8em;
	padding-bottom:2em; background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAG0AAABQCAYAAAATHPslAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDowNDU3RDNGRDdENEYxMUUzQTk0Q0M0Qjg3RDM4RkIwNyIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDowNDU3RDNGRTdENEYxMUUzQTk0Q0M0Qjg3RDM4RkIwNyI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOjA0NTdEM0ZCN0Q0RjExRTNBOTRDQzRCODdEMzhGQjA3IiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOjA0NTdEM0ZDN0Q0RjExRTNBOTRDQzRCODdEMzhGQjA3Ii8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+JmfaLAAABF1JREFUeNrsnHloznEcx5/NmLmZI0czx1xl7iW1knOO5g+h3Ecokigl4T9nUoSQWwgxMlcJydXkLFNCOSIs98027097bz09e55tz+n5zftdrz+259nv932+79/n+o7FFBYWuiRnKVZbINMkmSbJNJkmyTRJpsk0SaZJMk2mSTJNkmmSTJNpkkyTZJpMk2SaJNNkmiTTJJkm0ySZJsk0SabJNCmiigvp1dLStKO+lJOjSKNiFGnRa0xXMNhiGXQEDUAiqAJ+g1cgF9wCN8AF8FGmRV6NwHQwFbQBn0EeqAVq0jBTVZBEMvi9P+A82A+OgC8RWnNDsBF0ByfBAj5Ulb4RqQ9WgydgBFgBWoA6oDVoTNOagn5gITfom8fDOAjsAi/AOtA+AmvfDEaDtmAuWB6W1BPS/wkaXCNiaXACWMOHaSajpKKqQaOmgGFukVgs+6DnwCZwAuSHYT/f8aFz/zqxsjYijbiRu8F30MtPw1yMtGOMTkuVi8Ezj4diIMhiFC9i1IZSS708SJVqTjOj+jAybjM6CrnZP4K89kuwjOl0JBsTdyXxdTN1L+gdos+0gbW0WHcqg2mtWaMegjfgCtgBmrtFwx5u+gdwmXXB0l58APezFHiUta8z2AK+ur1u1xwProGbYBpICPIz3vcw0bE1zbqqlWAcuAiuM99b+qgNkkEnbqyvjvYTyAaHwWnwM8BV1mNHOotdqadsVDgItlslCuD6l0A60/BIZo+Q1rRImDac0WSrng2elnGFBNazDNLNx/ssCg8xKq+WbIz/WWYImMNa5y3r5HLzszgDlncfu9Z61tYx4Fc4TkTCbZrNKas4L00EBX5eMQWMJe18vOcxW/sdTKuBKIWRZ/W1bhl18gofkocc6L+zNndhmk0FS8DaUgY7xLSZnFssDbYMwYDbE0yigQ181C+b17aBUwG29BbpmbyH1dHqFfy5H3xwrP4+9/oOB5jWgZ1TPFv5zBDW4XhebwYbjFgfUbGdBj4L8D4JrE19GUHJHPALmJ5T2Tjl0eDbZV7NAabtZbpw8ekfHqZuNInRZ2mtlZfXbYPPgq1cR6iOlCaDneA1DbtX7k84wLS8kpOAojND69LehnGUiGXUTWHH5m08sBFjHwf4u0HcaxjHiFwO8hWLZAeciLgX89qsMQlhNK2AR1Q2UjRjF+c52Nrpxzx+/xGPywb4sa5ENhjHWb/Sg0i9URlpxcdJ7i26DdbvI/z5ejCVjQJNymgibjD6LM294Drt7NLOEdvToAwef80HZ/xeiQPSo53AH+AxVfF8dtf171SFDYWdwA91Ff3WwB/d4emGpdY/Aa3AYcN1NMp+kdqfw3sqGxo7KalGU2wGe8BjtOxyO8MImxbn+j/1gHiLyPxoX7z+NVbpAT3qFaM/h+s8KdJkmiTTJJkm0ySZJsk0mSbJNEmmyTRJpkkyTZJpMk2SaZJMk2mSTJNkmkyTZJok02SaJNMkmSbJNJkmRVZ/BRgACHEJSNad2NMAAAAASUVORK5CYII=) bottom center no-repeat;
}

/* Added LinkedIn icon and needed to change spacing, added by MG, 2015-08-14 */
.blog-sharing a, .insight-sharing a {
   padding: 0 0.05em;
}  
/* LinkedIn icon, added by MG, 2015-08-14 */
.icon.icon-linkedin:before,.icon-linkedin.fi-arrow-left:before,.icon-linkedin.fi-arrow-right:before {
	content:"p";
}
/* flowcharts */
#flowchart p.logo {
  /*max-width:230px;*/
  min-height:170px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#flowchart h6.uppercase, .h6-size.uppercase {
  display: block;
  text-align: center;
  font-size: 1.5em;
}

#flowchart img.downarrow {
 	display: block;
    margin-left: auto;
    margin-right: auto;
    padding-top:10px;
  
}

.flowchart-callout {
	text-align:center;
}

.flowchart-callout h3 {
	color:#ff3535;
	font-size:1.1em;
	font-family:"brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}

.flowchart-callout h4 {
	font-style:italic;
	font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
	font-size:1em;
	font-weight:400;
	margin-top:0;
}

.flowchart-callout p.flowchart-text {
	margin-top:0;
	font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
  	font-size:1.2em;
    height:auto;
  	
}

.flowchart-callout hr {
	width:50%;
	background-color:#e8e8e8;
	clear:both;
}
/* stiched box - used on Privacy Page */
.stitched {
   padding: 20px;
   margin: 10px;
   background: #05aeba;
   color: #fff;
   font-size: 18px;
   font-weight: bold;
   line-height: 1.3em;
   border: 2px dashed #fff;
   border-radius: 10px;
   box-shadow: 0 0 0 4px #04a6b2, 2px 1px 6px 4px rgba(10, 10, 0, 0.5);
   text-shadow: -1px -1px #006666;
   font-weight: normal;
}

/* Front page stuff */
#featured-insight article .featuredh3 {
    font-size: 3.2em;
}
.uppercasenonlink {
	text-transform:uppercase;
	text-decoration:none;
	color:#353434;
	font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
	font-style:italic;
}
#featured-blog .uppercasenonlink {
    color: #FFF;
}
/* Buttons */
.blue-button-border-sm button {
    background: #428BCA;
    color: #fff;
    font-family: Sans-serif;
    font-size: 18px;
    height: 50px;
    width: 150px;
    line-height: 50px;
    margin: 25px 25px;
    text-align: center;
    border: 0;
    box-shadow: inset 0 0 0 1px #3071A9;
    transition: all 0.3s ease 0s;
}
.blue-button-border button {
    background: #428BCA;
    color: #fff;
    font-family: Sans-serif;
    font-size: 20px;
    height: 175px;
    width: 175px;
    line-height: 20px;
    margin: 25px 25px;
    text-align: center;
    border: 0;
    box-shadow: inset 0 0 0 1px #3071A9;
    transition: all 0.3s ease 0s;
}

.blue-button-border button:hover {
  box-shadow: inset 0 0 0 6px #3071A9;
  opacity: 0.75;
}

.blue-button-border-sm button:hover {
  box-shadow: inset 0 0 0 5px #3071A9;
  opacity: 0.75;
}

/* intro area big space */
#intro {
  padding-bottom: 20px;
}
#intro h1 {
  margin-bottom: 10px;
}
/* Techprom Pages */
#techprom-supporters p.logo {
  /*max-width:230px;*/
  min-height:230px;
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#techprom-supporters .platinum img{
  	width: 225px;
	height: 225px;
}

#techprom-supporters .gold img{
  	width: 190px;
	height: 190px;
}

#techprom-supporters .silver img{
  	width: 150px;
	height: 150px;
}

#techprom-supporters .bronze img{
  	width: 130px;
	height: 130px;
}

#techprom-supporters h6.uppercase, .h6-size.uppercase {
  display: block;
  text-align: center;
  font-size: 1.5em;
}

#intro-techprom-supporters h1 {
	text-transform: uppercase;
	font-size: 1.2em;
	color: #ff3535;
	font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 900;
	margin-bottom: 0px;
    padding: 20px 0;
}
#intro-techprom-supporters h1, #intro-techprom-supporters h2 {
	text-align: center;
}

#intro-techprom-supporters h4 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #ff3535;
	font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 900;
	margin-bottom: 0px;
    margin-top: -10px;
    text-align: center;
    
}

#intro-techprom-supporters h4 a {
	text-decoration: underline;
	color: #61a3ff;	
}

#intro-techprom-supporters h4 a:hover {
	text-decoration: none;
	color: #ff3535;
	
}

.techprom-page h4 {
	text-transform: uppercase;
	font-size: 1.1em;
	color: #ff3535;
	font-family: "brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	font-weight: 900;
	margin-bottom: 0px;
    margin-top: -10px;
    text-align: center;
    
}

.techprom-page h4 a {
	text-decoration: underline;
	color: #61a3ff;	
}


.techprom-page h4 a:hover {
	text-decoration: none;
	color: #ff3535;
	
}

#techprom-supporters .name_fancy {
  font-size:1.2em;
  font-weight:bold;
  text-align:center;
  font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
}

#techprom-supporters .name {
  font-size:1.0em;
}

/* menu on about page - onthispage */
.onthispage {
	width:14em;
    /*margin:2em auto;*/
    margin:-1em auto 2em auto;
    background:#f6f6f6;
    @include border-radius(.4em, .4em);
    box-shadow: 0 0 4px rgba(0,0,0,.15);
}
.user-avatar img{
	@include border-radius(4em,4em);
	float:left;
	margin-left:.618em;
	margin-top:.2em
}
.icon-reorder{
     padding:.4em .8em;
     color:white;
     border-radius:0 .4em .4em 0;
     float:right
}
.drop {
	position: relative;
	font-size: 1em;
	cursor: pointer;
    a {
	   font-weight: 400;
	   line-height: 2.5em;
	   padding: 0 1em;
	   color: lighten(black,30%);
       text-decoration:none; }
}
.triangle {
    width: 0;
	height: 0;
	position: absolute;
	border-left: .4em solid transparent;
	border-right: .4em solid transparent;
	border-top: .4em solid #ff3535;
	left: 89.5%;
	margin-left: -.4em;
	opacity:0
}
.dropdownContain {
	width: 13em;
	position: absolute;
	z-index: 2;
	left: 50%;
	margin-left: -6.5em; /* half of width */
	top: -200px;	
}
.dropOut {
	width: 13em;
	background:#f6f6f6;
	float: left;
	position: relative;
	margin-top: 0;
	opacity: 0;
    @include border-radius(.4em, .4em);
	box-shadow: 0 0 4px rgba(0,0,0,.15);
    border:1px solid rgba(white, .75) ;
    overflow:hidden;	
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;
    ul {
	padding: .3em 0;
	margin:0 }
}
.dropOut li {
	text-align: left;
	width: 100%;
	padding: .6em 0 ;
	color: darken(#fff, 50%);
	border-left:3px solid #f7f7f7;
    -webkit-transition: all 0.1s ease-out;
    -moz-transition: all 0.1s ease-out;
    -ms-transition: all 0.1s ease-out;
    -o-transition: all 0.1s ease-out;
    transition: all 0.1s ease-out;	
	span{
	 color: darken(#fff, 20%);
	 margin: 0 1.5em 0 .8em; }
	 &:hover {
	     border-color: lighten(#FFB135,10%);	
	     color: darken(#fff, 70%);
	     background: darken(#f7f7f7,4%);
	     span { color:darken(#fff, 50%)}	
	}	
}
ul li:hover .triangle { opacity: 1 }
ul li:hover .dropdownContain { top: 30px; }
ul li:hover .dropOut { opacity: 1; margin-top:20px;}
.orange-txt {
    background-color: #ffc15e;
    background-image: -o-linear-gradient(bottom, #ff3535 0%, #ff3535 100%);
    background-image: -moz-linear-gradient(bottom, #ff3535 0%, #ff3535 100%);
    background-image: -webkit-linear-gradient(bottom, #ff3535 0%, #ff3535 100%);
    background-image: -ms-linear-gradient(bottom, #ff3535 0%, #ff3535 100%);
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0%, #ff3535), color-stop(100%, #ff3535));
    background-image: linear, bottom, #ff3535 0%, #ff3535 100%; 
    &:hover { background: #ffb135; }
}

/* New Events stuff */
#event-calendar .event-dates {
	padding: 0em 4em 0em 4em;
}
#event-calendar .event-description {
  font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
	font-style:italic;
	line-height:1em;
    font-size:1.2em;
    height:60px; 
}
#event-calendar .event-summary {
	padding-top:10px;
    color: #3f3f3f;
    /*cursor:default;*/
  	height:auto; 
    text-overflow: clip;
	text-overflow: ellipsis;
	text-overflow: "…";
}
#event-calendar .event-container {
	height: auto;
}

.newevents ul {
	list-style:none;
}

#upcoming-events {
    padding-top:0px;  
}
#upcoming-events h2 {
	text-align:center;
	color:#ff3535;
}

#upcoming-events h3 {
	text-align:center;
}

#upcoming-events .event-dates {
	/*padding:4em;*/
	position:relative;
}

#upcoming-events .event-dates li.event-container {
	clear:none!important;
	padding:3em 1em 2em 2em;
	cursor:pointer;
}

#upcoming-events .event-container {
	/*height:14em;  */
	overflow:none;
    margin-bottom:5px;
}

#upcoming-events .event-container a {
    text-decoration: none;
}

#upcoming-events .event-container:hover {
	/*color:#05aeba;*/
}

#upcoming-events .event-details {
	display:none;
}

#upcoming-events .event-description {
	font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
	font-style:italic;
	line-height:1.2em;
    font-size:1.4em;
	margin-top:-5px;
}
#upcoming-events .event-summary {
	padding-top:10px;
    color: #3f3f3f;
    cursor:default;
}

#upcoming-events .event-staff {
	padding-top:10px;
    color: #3f3f3f;
    font-weight:700;
    cursor:default;
}

#upcoming-events .event-description span {
	font-family:"brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
	font-style:normal;
	font-size:1.0em;
	display:block;
}

#upcoming-events .event-location {
	font-family:"brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
	text-transform:uppercase;
}

#upcoming-events .event-location .uppercaselink {
	color:#fff;
}

#upcoming-events .event-information p {
	margin-bottom:1em;
}

#upcoming-events .event-information p:last-child {
	margin-bottom:0;
}

#upcoming-events .date {
	position:relative;
	float:left;
	display:inline-block;
	margin-right:4em;
}

#upcoming-events .date p {
	text-transform:uppercase;
	line-height:1;
	font-size:1.2em;
	font-weight:700;
}

#upcoming-events .date p.day {
	font-family:"adobe-caslon-pro",Georgia,Times,"Times New Roman",serif;
	font-size:3.6em;
	position:relative;
	text-align:right;
}

#upcoming-events .date p.month, #upcoming-events .date p.year {
	position:absolute;
	font-family:"brandon-grotesque","Helvetica Neue",Helvetica,Arial,sans-serif;
}

#upcoming-events .date p.month {
	right:-45px;
    font-size:1.3em;
	top:-5px;
}

#upcoming-events .date p.year {
	right:-50px;
	font-size:1.3em;
	top:22px;
}

/* Fix link underline for li */
.blogpost li a { text-decoration:underline }
.blogpost li a:hover { text-decoration:none }
.insight article li a { text-decoration:underline }
.insight article li a:hover { text-decoration:none }

/* Footer nav menu */
nav.footer-nav ul li {
border-right: 1px solid #9b9a9a;
}

nav.footer-nav ul li:last-child {
border-right: none;
}

nav.footer-nav ul li:last-child {
border-left: none;
}

/* Blog Get Involved */
.blogpost #other-involvement {
    background-image: url('/assets/img/polka-dot-bg.png?1406013437');
    padding-left:20px;
    padding-top:5px;
}
/* techprom page */
.techprom-page #intro .techprom-invite p {
	font-size:1em;	
}
.techprom-page #intro {
    padding-top:0px; 
    padding-bottom:0px;
}
.techprom-page .registration {
    padding-top:0px; 
}
/* event button */
event-calendar .event-location .button-container {
    text-align: center;
    margin-top: 1em;
}

/* Datagrid */
.datagrid table {
	border-collapse:collapse;
	text-align:left;
	width:100%;
}

.datagrid {
	font:normal 12px/150% Arial,Helvetica,sans-serif;
	background:#fff;
	overflow:hidden;
	border:1px solid #069;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}

.datagrid table td,.datagrid table th {
	padding:3px 10px;
}

.datagrid table thead th {
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0.05,#04A6B2),color-stop(1,#049DA8));
	background:-moz-linear-gradient(center top,#04A6B2 5%,#049DA8 100%);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#04A6B2',endColorstr='#049DA8');
	background-color:#04A6B2;
	color:#FFF;
	font-size:15px;
	font-weight:700;
	border-left:1px solid #0070A8;
}

.datagrid table thead th:first-child {
	border:none;
}

.datagrid table tbody td {
	color:#00496B;
	border-left:1px solid #E1EEF4;
	font-size:12px;
	font-weight:400;
}

.datagrid table tbody .alt td {
	background:#E1EEF4;
	color:#00496B;
    border-left:1px solid #ffffff;
}

.datagrid table tbody td:first-child {
	border-left:none;
}

.datagrid table tbody tr:last-child td {
	border-bottom:none;
}

/* accordion */
#donation-info #accordion {
  margin-left:20px;
}
.accordion-toggle {cursor: pointer; margin: 0;}
.accordion-content {display: none;}
.accordion-content.default {display: block;}

.accordion-content ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.accordion-content li {
  padding-left: 2em;
  text-indent: -1em;
}

.accordion-content li:before {
  content: "+";
  padding-right: 5px;
  color: #FF3535;
}