/** Begin temporary/current campaign above Twitter **/
			  #current-campaign {
				  background-color:#013088; border:1px solid #ccc; margin-bottom:1.5em;
			  }
			  #current-campaign a:hover {
				  text-decoration: none;
			  }
			  /*#current-campaign img {
				  padding-top: 0.5em;
			  
			  }*/
			  #twitter {
				  border:none !important;
			  }

/*********** Begin styles for campaigns layout************/
#content-text .flex-container {
    justify-content: center;
}

/*Override margin, width, and padding to get maximum use of horizontal space */ 
#content-text .flex-container div.box {
	border:1px solid #ccc;
	padding:0px;
}

/* Desktop (4 columns) */
#content-text .flex-container div.box {
	margin:10px;
	width: 23%; 
	margin-top:1.7em;
}
.mobile-only {
	display:none !important; 
}

/* Desktop (2 columns) */
@media (max-width: 1116px) {
	#content-text .flex-container div.box {
		margin:5px !important;
		width: 48%;
	}		
}

/* Mobile (1 column) ************************/
@media (max-width: 767px) {
	#content-text .flex-container div.box {
		margin:10px !important;
		width: 95%;
	}	
	.mobile-only {
		display:inline !important; 
	}	
}

/********** Campaign overlay styles **********/
.box .overlay {
	width:100% !important; 
	border:none !important;
	padding:0 !important;
	
	height: 90px; 	
	margin: -90px 0 0 0 !important; 
	
	background:none;
    background-color: #3063A4 !important; /* fallback for older browsers without RGB support */
    background: rgb(48, 99, 164);         /* fallback for older browsers without RGBA support */	
    background-color:  rgba(48, 99, 164, 0.8) !important;  
	position: relative;	
}
.box .overlay h2 {
	padding: 2px 5px 2px 8px !important;
	font-size:1.2em;
	line-height:1.5em;
	color:#fff
}
/* Desktop 2 columns */
@media (max-width: 1116px) {		
	.box .overlay h2 {
		padding: 8px 8px 8px 8px important;
	}
}
.box .overlay .description {
	background:none;
	width:96% !important; /*for the right side...*/
	border:none !important;
	margin:0px !important; 
	padding:0px 5px 5px 8px !important;
	color:#fff;
	font-size: .9em;
}
.box a:link, .box a:visited, .box a:active, .box a:hover  {
	text-decoration:none !important;;
}

/************ Styles for campaign hover and zoom ************/
.box {
	overflow: hidden;			
}			
.box img {
	transition: transform 0.8s ease;
}	
.box-img-hover {
	transform: scale(1.04);
}
.box-hover {
	border:1px solid #000 !important; 
}

/* Used fpr the buttons in the third section of the page *******************************/
a.ctaButton, a.ctaButton:hover, a.ctaButton:focus {
    color: #242424;
}