#home .pagegroup { margin-bottom:0; }

#home .posttypelayout_carousel .carousel { overflow:hidden; position:relative; }
#home .posttypelayout_carousel .carousel:before { display:block; position:absolute; top:-72px; left:-72px; z-index:100; content:"News"; background:#4590d1; color:white; text-transform:uppercase; font-size:18px; text-align:center; line-height:20px; width:141px; padding:114px 0 5px 0; -webkit-transform:rotate(-45deg); -ms-transform:rotate(-45deg); transform:rotate(-45deg); }

#social-banner { padding:60px 0; background:#40bff5 url(../images/bg_twitter_2.jpg) no-repeat center center; background-size:cover; color:white; }
#social-banner a { color:inherit; }
#social-banner h3 { font-size:30px; font-weight:900; text-align:center; margin:0 0 30px; color:white; }
#social-banner h3 em { font-weight:100; font-style:italic; }
#social-banner h3 i { display:inline-block; width:70px; height:70px; vertical-align:middle; background:url(../images/icon_twitter.png) no-repeat center center; }
#social-banner .tweet { color:white; margin-bottom:30px; padding:15px; border:1px solid rgba(255,255,255,0.35); background:rgba(255,255,255,0.1); text-align:center; }
#social-banner .tweet a:hover { text-decoration:underline; }
#social-banner .tweet .title { display:block; text-align:center; padding-bottom:15px; margin-bottom:15px; border-bottom:1px solid rgba(255,255,255,0.35); font-size:16px; }
#social-banner .tweet .content { font-size:22px; word-break:break-word; line-height:30px; }

@media (min-width:768px) {
	#social-banner h3 { font-size:40px; }
	#social-banner .tweet { margin-bottom:0; border:none; background:none; }
	#social-banner .tweet .content { font-size:18px; }
}

@media (min-width:992px) {
	
}

@media (min-width:1230px) {
	#social-banner .tweet .content { font-size:22px; }
}

#members { padding:60px 0; background:url(../images/bg_democratic_members.jpg) no-repeat center center; background-size:cover; }
#members .member { width:200px; height:300px; position:relative; background:black; }
#members .member img { max-width:100%; height:auto; opacity:0.9; }
#members .member .content { position:absolute; bottom:0; left:0; right:0; text-align:center; color:white; line-height:1.1; padding:20px 15px; text-shadow:1px 1px 0px rgba(0, 0, 0, 1);
	background: rgba(69,143,208,0);
	background: -moz-linear-gradient(top, rgba(69,143,208,0) 0%, rgba(24,57,86,1) 100%);
	background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(69,143,208,0)), color-stop(100%, rgba(24,57,86,1)));
	background: -webkit-linear-gradient(top, rgba(69,143,208,0) 0%, rgba(24,57,86,1) 100%);
	background: -o-linear-gradient(top, rgba(69,143,208,0) 0%, rgba(24,57,86,1) 100%);
	background: -ms-linear-gradient(top, rgba(69,143,208,0) 0%, rgba(24,57,86,1) 100%);
	background: linear-gradient(to bottom, rgba(69,143,208,0) 0%, rgba(24,57,86,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#458fd0', endColorstr='#183956', GradientType=0 );
 }
#members .member .content .title { font-weight:300; font-style:italic; }
#members .member .content .name { font-weight:bold; }

#members .header { text-align:center; text-transform:uppercase; margin-bottom:60px; line-height:1; }
#members .title { font-size:18px; font-weight:300; }
#members h3 { font-size:40px; font-weight:900; margin:0; }

#members .footer { text-align:center; margin-top:30px; }
#members .footer a { padding-right:20px; background:url(../images/carat_right.png) no-repeat right center; color:inherit; font-style:italic; font-weight:300; }
#members .footer a:hover { color:#dc1010; }

#memberCarousel { padding:0 95px; position:relative; } 
#memberCarousel .prev, #memberCarousel .next { position:absolute; top:0; bottom:0; width:80px; cursor:pointer; background-position:center center; background-repeat:no-repeat; background-color:rgba(0,0,0,0.1);  transition:background-color 0.2s; }
#memberCarousel .prev:hover, #memberCarousel .next:hover { background-color:rgba(0,0,0,0.2); }
#memberCarousel .prev { left:0; background-image:url(../images/arrow_white_left.png); }
#memberCarousel .next { right:0; background-image:url(../images/arrow_white_right.png); }

@media (min-width:481px) { #memberCarousel { width:380px; margin:0 auto; } }
@media (min-width:768px) { #memberCarousel { width:auto; } }
@media (min-width:992px) { #memberCarousel { width:auto; } }
@media (min-width:1230px) { #memberCarousel { width:1200px; margin:0 auto; } }