/* ADD TO TEMPLATE TO DARKEN GRADIENT */
#header .bg-video:after { background: rgba(44,83,117,0.85); }
/* **************** */
#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; }
.tweets { padding: 0 20px; }
@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) {
	.tweets { padding: 0 40px; }
	.tweets .row { max-width: 1300px; margin: auto;}
}

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

/* MEMBERS SECTION */

#members-new { padding:60px 0; background:url(../images/bg_democratic_members.jpg) no-repeat center center; background-size:cover; }
#members-new .member { width:164px; height:260px; position:relative; background:black; }
#members-new .member img { max-width:100%; height:260px; opacity:0.9; }
#members-new .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-new .member .content .title { font-weight:300; font-style:italic; }
#members-new .member .content .name { font-weight:bold; }

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

#members-new .footer { text-align:center; margin-top:30px; }
#members-new .footer a { padding-right:20px; background:url(../images/carat_right.png) no-repeat right center; color:inherit; font-style:italic; font-weight:300; }
#members-new .footer a:hover { color:#dc1010; }
.members-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    justify-content: center;
	max-width: 1280px;
    margin: auto;
}

#members25 { padding:60px 0; background:url(../images/bg_democratic_members.jpg) no-repeat center center; background-size:cover; }
#members25 .member { width:164px; height:260px; position:relative; background:black; }
#members25 .member img { max-width:100%; height:260px; opacity:0.9; }
#members25 .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 );
 }
#members25 .member .content .title { font-weight:300; font-style:italic; }
#members25 .member .content .name { font-weight:bold; }

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

#members25 .footer { text-align:center; margin-top:30px; }
#members25 .footer a { padding-right:20px; background:url(../images/carat_right.png) no-repeat right center; color:inherit; font-style:italic; font-weight:300; }
#members25 .footer a:hover { color:#dc1010; }
.members-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    justify-content: center;
	max-width: 1280px;
    margin: auto;
}


/* NEW STUFF FOR TEST PAGE */
#page_home .container {
    width: unset;
    padding: 0;
}
#page_home #copy {
    padding: 0;
}
#page_home #footer-follow { margin-bottom: 15px;}
#page_home #page-header { display: none; }
#navigation .container {  /* ADD TO LINE 131 */
    max-width: 1300px;
    margin: auto;
}


/* NEW SERVICES LOGO MENU NEED TO ADD TO TEMPLATE */
#services-menu { position:relative; }
#services-menu .link { background:rgba(255,255,255,0.25); border:1px solid rgba(255,255,255,0.5); text-align:center; margin:0 0 10px; font-weight:300; text-transform:uppercase; transition: .2s ease; }
#services-menu .link:hover { background:rgba(255,255,255,0.3); border-color:white; }
#services-menu a { display:block; color:white; line-height:25px; padding:15px; }
#services-menu a i { display:inline-block; width:25px; height:25px; margin-right:5px; background-repeat:no-repeat; background-position:center center; background-size:contain; vertical-align:middle; }
#services-menu .latest-news i { background-image:url(../images/icon-latest-news.svg); }
#services-menu .committee-hearings i { background-image:url(../images/icon-committee-hearings.svg); }
#services-menu .ranking-member i { background-image:url(../images/icon-meet-chairman-smith.svg); }
#services-menu .committee-members i { background-image:url(../images/icon-committee-members.svg); }
#services-menu .email-signup i { background-image:url(../images/icon-email-signup.svg); }


@media (min-width:768px) {
	.services-outer { margin-top:-198px; height:400px; }
	#services-menu .link { width:140px; height:140px; margin:0; background:rgba(255,255,255,0.15);; position:relative; z-index:3; }  
	#services-menu .link a { width:140px; height:140px; padding:25px 0 0; margin:0; font-size:20px; line-height:1; } 
	#services-menu .link a i { display:block; width:35px; height:35px; margin:0 auto 10px; }
	#services-menu .link a span { 
		display:block; 
		font-size: 20px;
		font-weight: bold;
	}
	div#services-menu {
		position: absolute;
		left: 20px;
		right: 20px;
		top: 310px;
		display: flex;
		justify-content: center;
		column-gap: 10px;
	}

}

@media (min-width:992px) {
	.services-outer { margin-top:-284px; height:520px; }
	div#services-menu { top: 400px;	left: 40px; right: 40px; }
	/* CHANGE page_home back to layout_home on launch */
	body#page_home #logo a {  width:254px; height:254px; background-image:url(../images/HASCD_logo_laptop.png); } 
	#services-menu .link { width:100%; height:180px; }
	#services-menu .link a {
		width:100%; 
		height:100%;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		padding: 0 10px;
	}
	#services-menu .link a span { font-size: 24px;}
}
@media (min-width: 1080px) {
	.services-outer {
		height: 680px;
	}
}
@media (min-width:1230px) {
	.services-outer { margin-top:-340px; height:780px; }
	div#services-menu { top: 435px; max-width: 1300px; margin: auto;}
	body#page_home #logo a { width:280px; height:280px; background-image:url(../images/HASCD_logo_desktop.png); background-size: contain; }
	#services-menu .link { height:220px; }
	#services-menu .link a { font-size:24px; padding: 0 20px; }
	#services-menu .link a i { width:50px; height:50px; }
} 


/* Committee SCHEDULE */
.upcoming-schedules-section {
    position: relative;
	background: #102548;
}
.schedule-items {
	display: flex;
    flex-direction: column;
    align-items: center;
	padding: 0 20px;
}
.schedule-item {
    padding: 20px 5px;
	margin-bottom: 10px;
	width: 100%;
 font-size: 1em;
}
.upcoming-hearing .divider { display: none;}
.schedule-item + .schedule-item {
    border-top: 2px dashed #cccccccc;
}
.upcoming-head {
	display: flex;
	flex-direction: column;
	align-items: center;
	padding: 20px;
}
.schedule-content {
	display: flex;
    flex-direction: column;
    align-items: center;
}
.upcoming-head h2 {
	color: #5CAAEA;
	font-size: 30px;
	font-weight: bold;
	text-transform: uppercase;
	margin-top: 10px;
}
.upcoming-icon {
	display: block;
	width: 30px;
	height: 30px;
	background-image: url(../images/icon-committee-schedule.svg);
	background-size: contain;
	background-repeat: no-repeat;
}
.upcoming-head a {
	color: #fff;
	font-size: 14px;
	text-decoration: underline;
}
.upcoming-head a:hover { color: #5CAAEA; }
.schedule-date {
	font-size: 1em;
	margin-bottom: 0;
	color: #fff;
	font-weight: bold;
}
.recent {color: #fff; font-size: 18px; }
.schedule-item span.divider {
    width: 100px;
    border-bottom: 2px solid #5CAAEA;
    margin-top: 10px;
    margin: 10px 0;
	margin-top: 0;
}
p.schedule-date.date-upcoming { background-color: #5CAAEA; padding: 3px 20px; margin-bottom: 15px;}
a.schedule-title {
	font-size: 26px;
	color: #fff;
	font-weight: 400;
	line-height: 1;
	margin-bottom: 10px;
}
a.schedule-title:hover {
	text-decoration: underline;
}
.hearing-mobile-link { display: none;}
a.schedule-title { color: white; margin-bottom: 0; }
a.schedule-title:hover { color: #5CAAEA; }
.schedule-date { color: white; }
span.hearing-times {  text-transform: lowercase; }
@media(max-width: 1079px) {
	.upcoming-head { 
		flex-direction: row;
		justify-content: center;
		padding: 20px 0 5px 0;
		margin: 0 20px;
		margin-top: -1px;
	}
	.upcoming-icon { margin-right: 10px;}
	.upcoming-head a {
		display: none;
	}
	a.schedule-title { text-align: center; font-size: 18px;}
	.schedule-item span.divider { width: 35px;}
	.hearing-mobile-link { display: block;}
	a.hearing-mobile-link {
		color: white;
		text-decoration: underline;
		text-align: center;
		padding: 25px;
	}
	a.hearing-mobile-link:hover { text-decoration: underline; color: #5CAAEA;}
	.schedule-date { text-align: center; }
}
@media(min-width: 400px) and (max-width: 1079px) {
	.schedule-items { flex-direction: row; flex-wrap: wrap; row-gap: 20px; align-items: stretch; padding: 0}
	.schedule-item { flex-basis: 50%; padding: 0 20px; }
	.schedule-item + .schedule-item {border-top: 0; border-left: 1px solid #ffffff40; }
	.schedule-item:nth-child(3) { border-left: 0;}
}
@media(min-width: 1080px) {
	.upcoming-schedules-section { 
		padding: 0 40px; 
		margin-top: -125px;
		background: #ffffff00;
	}
	.schedules-section-inner {
		display: flex;
		align-items: center;
		max-width: 1300px;
		margin: auto;
		padding-top: 10px;
		border-top: 1px solid #ffffff40;
	}
	.upcoming-head { 
		align-items: flex-end;
		padding-right: 20px;
		padding-left: 0;
		flex-basis: 15%;
		padding-top: 0;
	}
	.schedule-items {
		flex-direction: row;
		align-items: flex-start;
		flex-basis: 100%;
		padding: 0;
		min-height: 140px;
    	align-items: stretch;
		overflow-y: hidden;
		padding-bottom: 20px;
		padding-top: 10px;
	}
	.upcoming-head h2 { text-align: right;}
	.schedule-item {
		border-left: 1px solid #ffffff40;
		border-top: 0 !important;
		padding: 0 20px;
		flex-basis: 25%;
		margin-bottom: 0;
	}
	.schedule-content { align-items: flex-start;}
	.schedule-item span.divider {
		width: 40px;
		border-bottom: 2px solid #5CAAEA;
	}
	a.schedule-title { font-size: 18px; font-weight: 400;}
	.schedule-date {	font-size: 18px; }
	p.schedule-date.date-upcoming {
		margin-left: -20px;
		padding-left: 20px;
		padding-right: 20px;
		font-size: 1em;
		line-height: 1.3;
	}
}
@media(min-width: 1500px) {
	p.schedule-date.date-upcoming {	font-size: 18px; }
}


/* NEW FOOTER CODE TO BE ADDED TO TEMPLATE.CSS */
.signup-align { padding: 15px 30px; }
.signup-title { line-height: 1.2; margin-bottom: 10px; }
.signup-title em {
    font-size: 36px;
    font-weight: 300;
}
.signup-title strong {
    font-size: 36px;
    text-transform: uppercase;
}
.signup-input { margin-bottom: 20px; }
.signup-button input {
    background: #5CAAEA;
    width: 180px;
    text-transform: uppercase;
    font-weight: 700;
	transition: .2s ease;
	position: relative;
}
.signup-button { position: relative;}
.signup-button:before {
	content: '';
    position: absolute;
    background: url(../images/icon-email-signup.svg) no-repeat;
    height: 20px;
    width: 20px;
    z-index: 1;
    background-size: contain;
    top: 10px;
    left: 24px;
}
@media(min-width: 768px) {
	.signup-inputs { 
		display: flex; 
		max-width: 600px;
		margin: auto;
	}
	.signup-input {
		flex-grow: 1;
		margin-right: 20px;
		margin-bottom: 0;
	}
	.signup-button .btn.btn-primary { padding-left: 30px; }
}
#footer-follow .link a { opacity: 1 !important; }
#footer-follow .link {
    background: rgba(255,255,255,.25) !important;
	transition: .2s ease;
}
#footer-follow .link:hover {
    background: rgba(255,255,255,.1) !important;
}
.link.twitter {
    margin-left: 1px;
}
#footer-follow .link.facebook a {
    background-image: url(../images/icons/icon-social-facebook.svg) !important;
}
#footer-follow .link.twitter a {
    background-image: url(../images/icons/icon-social-twitter.svg) !important;
}
#footer-follow .link.linkedin a {
    background-image: url(../images/icons/linkedin-in-brands.svg) !important;
}

/* Header social icons - swap replace in template on launch */
#header-social-media-links .link a { opacity: 1 !important;}
#header-social-media-links .link.facebook a {
	background-image: url(../images/icons/icon-social-facebook.svg) !important;
	background-color: rgba(255,255,255,.25);
	transition: .2s ease;
}
#header-social-media-links .link.twitter a {
    background-image: url(../images/icons/icon-social-twitter.svg) !important;
	background-color: rgba(255,255,255,.25);
	transition: .2s ease;
}
#header-social-media-links .link.linkedin { display: block !important;}
#header-social-media-links .link.linkedin { margin-left: 1px;}
#header-social-media-links .link.linkedin a { 
	background-image:url(../images/icons/linkedin-in-brands.svg);
	background-size: 24px; 
	filter: invert(1);
	background-color: rgba(0,0,0,.25);
	transition: .2s ease;
}
#header-social-media-links .link a:hover {
    background-color: rgba(255,255,255, .1) ;
}
#header-social-media-links .link.linkedin a:hover {
    background-color: rgba(0,0,0, .1) ;
}

/* new members section */

.members-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 10px;
    row-gap: 10px;
    justify-content: center;
	max-width: 1280px;
    margin: auto;
}

#members-update-25 { padding:60px; background:url(../images/bg_democratic_members.jpg) no-repeat center top; background-size:contain; }

#members-update-25 .member img { max-width:100%; height:260px; opacity:0.9; }
#members-update-25 .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);
 }
#members-update-25 .member .content .title { font-weight:300; font-style:italic; }
#members-update-25 .member .content .name { font-weight:bold; font-size: 26px; }
#members-update-25 .member .content .state { font-size: 16px; }

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

#members-update-25 .footer { text-align:center; margin-top:30px; }
#members-update-25 .footer a { padding-right:20px; background:url(../images/carat_right.png) no-repeat right center; color:inherit; font-style:italic; font-weight:300; }
#members-update-25 .footer a:hover { color:#dc1010; }
#members-update-25 .members-row {
    display: flex;
    flex-wrap: wrap;
    column-gap: 30px;
    row-gap: 30px;
    justify-content: center;
	max-width: 1280px;
    margin: auto;
}
#members-update-25 .member-img {
    height: 322px;
	background-size: cover !important;
	background-repeat: no-repeat !important;
	background-position: center !important;
	width: 100%;
	border-bottom: 7px solid #4590D0;
	border-radius: 20px;
}
#members-update-25 .members-row .member {
    width: calc(20% - 30px);
}
#members-update-25 .member a {
    position: relative;
	display: block;
}

#members-update-25 .member-img:before {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: .3s ease;
	background: linear-gradient(180deg, rgba(24, 57, 86, 0.80) 0%, rgba(24, 57, 86, 0.90) 48.5%, #4590D0 100%);
	border-radius: 20px;
	height: 0%;
	background-repeat: no-repeat;
	background-position: center;

}
#members-update-25 .member a:hover > .member-img:before {
	height: 100%;
}
#members-update-25 .arrow-img {
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	transition: .3s ease;
	background: url(../images/arrow.svg);
	height: 0%;
	background-repeat: no-repeat;
	background-position: center;

}
#members-update-25 .member a:hover .arrow-img {
	height: 100%;
}
.header-member img {
    max-height: 100px;
	max-width: 100%;
}
.header-member {
    margin-bottom: 40px;
    text-align: center;
}

@media(max-width: 1110px){
	#members-update-25 { padding: 60px 40px;}
	#members-update-25 .members-row .member {
		width: calc(25% - 30px);
	}
}
@media(max-width: 799px){
	#members-update-25 .members-row .member {
		width: calc(50% - 15px);
	}
}