/* media queries */
@xsmob: ~"only screen and (min-width: 0px) and (max-width: 350px)";
@smob: ~"only screen and (min-width: 0px) and (max-width: 600px)";
@mob: ~"only screen and (min-width: 0px) and (max-width: 768px)";
@tab: ~"only screen and (min-width: 0px) and (max-width: 980px)";
@dsk: ~"only screen and (min-width: 980px)";
@lgdsk: ~"only screen and (max-width: 1300px)";
@ie8: \0screen;

/* color mixins */
@pri: #000627;
@alt: #909090;
@acc: #c22121;
	@acchov: #a31c1c;
	@acchov: #e15151;
@pag: #c6c6c6;
@wht: #ffffff;
@gry: #5e5e5e;
@dk_blue: #000627;

@fb: #3b5998;
@tw: #40a2f6;
@ig: #d95593;
@yt: #ff0000;

@overlay: #000526;

@ft_blue: #000526;


@img: "/sites/newhouse.house.gov/themes/pg_newhouse/images/";
// usage: url("@{img}/footer_bg.jpg");

/* alpha color */
.crossbrowser(@color,@alpha){
	@rgba: rgba(red(@color),green(@color),blue(@color),@alpha);
	@argb: argb(@rgba);
	background-color: @color;
	background-color: @rgba;
	filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
	-ms-filter: ~"progid:DXImageTransform.Microsoft.gradient(startColorstr=@{argb}, endColorstr=@{argb})";
}

/* -------------------------------------- -------------------------------------- */

#block-superfish-1 #superfish-1-select {
    width: 24px;
    height: 60px;
    line-height: 60px;
    text-align: center;
    font-size: 36px;
    background-color: transparent;
    color: #c22121;
    font-family: sans-serif;
	outline: none;
	position: relative;
	z-index: 20;
	@media @mob{display: block !important;}
}
#menu{
	.content select {
		float: right;
		margin-right: 30px;
	}
}
/* helper classes */
.font{
	font-family: 'Open Sans', sans-serif;
}
.a_link{
	transition: all ease .3s;
	text-decoration: none;
	outline: none;
	border: none;
	cursor: pointer;
}
.ul_row{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	text-align: center;
	li{
		display: inline-block;
		float: none;
		font-size: 0px;
		a{ display: block; }
	}
}
.ul_col{
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	li{
		display: block;
		float: none;
		a{
			display: block;
		}
	}
}
.no_wrap{
	display: block;
	overflow: hidden;
}
.box-sizing{
	box-sizing:border-box;
	-moz-box-sizing:border-box;
}
.border-radius(@radius: 5px) {
	-webkit-border-radius: @radius;
	-moz-border-radius: @radius;
	border-radius: @radius;
}
.input_strip{
	-webkit-appearance: none;
	border: none;
	padding: 0px;
	margin: 0px;
	border-radius: 0px;
}
.overlay{
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	background-color: @overlay;
	opacity: .25;
}
.transition{
	transition: all ease .3s;
}
.sticky{
	position: fixed !important;
	bottom: 0;
	.transition;
	z-index: 5000;

	// .border{display: none;}
	// #signup_var #signup_wrap{padding-top: 38px;}
}

.scrolled-nav{
	position: fixed;
	width: 100%;
	top: 0;
	padding: 10px 0;
	background-color: @pri;
	border-bottom: 1px solid white;
	z-index: 5000;

	.transition;

	#block-block-7{
		display: none;
	}
	#block-block-8{
		.transition;
		top: 0;
		.nav_logo{
			img{
				width: 231.3334px;
				@media @mob{margin-top: 10px;}
			}
		}
	}
}
/* -------------------------------------- -------------------------------------- */
/* page element */
body *{
	max-height: 999999px;
	-webkit-text-size-adjust: 100%
}

h1, h2, h3, h4, h5, h6{margin: 0px; padding: 0px;}
h1{font-size: 60px;}
h2{font-size: 48px;}
h3{font-size: 36px;}
h4{font-size: 30px;}
h5{font-size: 24px;}
h6{font-size: 18px;}
h3{
	.font;
	font-weight: 300;
	letter-spacing: .075em;
	text-transform: uppercase;
	color: @gry;
	-webkit-font-smoothing: antialiased;
}
p, li{
	font-size: 16px;
	line-height: 24px;
	margin: 0px;
}
a{
	color: @acc;
	transition: all ease .3s;
	.a_link;

	&:hover{
		color: @acchov;
	}
}
img{
	border: none;
	outline: none;
	display: block;
}
.media-youtube-video{
	float: none;
	clear: both;
	width: 100%;
	position: relative;
	padding-bottom: 59.75%;
	padding-top: 0px;
	height: 0;
}
	.media-youtube-video iframe{
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
	}
input[type="text"], input[type="submit"], textarea, select, button{
	.input_strip;
}
.needsfilled{
	color: #db000b !important;
}
.fb-like{
	width: 82px !important;
}
.clearfix:after{
	font-size: 0px;
}
#admin-menu li{
	font-size: 14px;
	line-height: 16px;
}
.boxes-box-controls ul {
	margin: 0;
}

/* -------------------------------------- -------------------------------------- */
/* page structure */
body{
	.font;
	color: @gry;
	background-color: @wht;
	margin: 0px;
	padding: 0px;
}
	#page-wrapper{
		margin: 0px;
		padding: 0px;
	}
		#page{
			margin: 0px;
			padding: 0px;
		}
.section{margin: 0px;}
.base_page{
	max-width: 1340px;
	margin: 0px auto;
	padding: 0px 30px;
}
/* -------------------------------------- */
/* header */
#header{
	background-color: @pri;
	@media @smob{
		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQYV2NkYFPbzIAMft3yYUQR/HXLh4FNbQtCECoA0gQRRBKACDIw/AdpQTYWAJIyEIHJyDLIAAAAAElFTkSuQmCC),
		url("@{img}/mob_hero_bg.jpg");
		background-position: center, center bottom;
		background-size: initial, cover;
		background-repeat: repeat, no-repeat;
	}
	.section{
		font-size: 0;
		@media @mob{padding: 0px;}
	}
}
/* -------------------------------------- */
/* menu */
#menu{
	.section{
		max-width: 1280px;
		margin: 0px auto;
		padding: 0px 30px;
		@media @mob{padding: 0;}
	}
}
/* -------------------------------------- */
/* banner */
#banner{
	.section{}
}
/* -------------------------------------- */
/* content top */
#content-top{
	.section{}
}
/* -------------------------------------- */
/* content mid */
#content-mid{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0 30px 30px;
	font-size: 0;
	.section{}
}

/* -------------------------------------- */
/* main-wrapper */
#main-wrapper{
	// background-color: @pag;

	#main{
		// .base_page;
		// padding-bottom: 30px;

		/* -------------------------------------- */
		/* content */
		#content{
			.section{}
		}
	}
}

/* -------------------------------------- */
/* content after */
#content-after{
	.section{}
}

/* -------------------------------------- */
/* content bottom */
#content-bottom{
	background-color: @wht;
	.section{}
}
/* -------------------------------------- */
/* footer */
#footer{
	position: relative;
	background: url("@{img}/footer_bg.jpg");
	background-size: cover;
	.section{
		position: relative;
		.base_page;
		text-align: center;
	}
}
/* -------------------------------------- */
/* footer second */
#footer-second{
	background-color: @ft_blue;
	.section{
		.base_page;
		@media @mob{padding: 0px; height: 132px;}


	}
}
/* -------------------------------------- -------------------------------------- */

/**** HEADER - Header Region ****/
#header{
	position: relative;
}
.not-front{
	#header{
		position: relative;
	background: url("@{img}/interiorHeader.jpg");
	background-size: cover;
	background-position: right top;
		height: 336px;
		@media @mob{
			background-position: 70% top;
		}
	}
}
#block-block-6{
	position: absolute;
	overflow: hidden;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	-webkit-transform-style: preserve-3d;
	transform-style: preserve-3d;
	@media @smob{display: none;}

	#header-video{
		width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	min-width: 1600px;
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	transform: translateY(-50%);
	}
	.color-overlay{
		position: absolute;
		top: 0;
		right: 0;
		left: 0;
		bottom: 0;
		background-image: repeating-linear-gradient(135deg, transparent, transparent 1px, rgba(4,22,46,.25) 4px, rgba(4,22,46,.25) 1px);
    background-color: rgba(0, 5, 38, .15);
//		background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAMElEQVQYV2NkYFPbzIAMft3yYUQR/HXLh4FNbQtCECoA0gQRRBKACDIw/AdpQTYWAJIyEIHJyDLIAAAAAElFTkSuQmCC);
	}
}
//header socials
#block-block-7{
	position: relative;
	max-width: 1280px;
	display: block;
	margin: 0 auto;
	padding-top: 26px;
	.header_socials{
		text-align: right;
		a{
			color: #fff;
			&:hover{color:@acc;}
			i{
				font-size: 26px;
				vertical-align: middle;
				margin: 0 9.5px;
				@media @tab{font-size: 20px; margin: 0 5px;}
				@media @mob{display: none;}

				&.fa-twitter{}
				&.fa-facebook-f{}
				&.fa-youtube{}
				&.fa-rss{}
				&.fa-instagram{
					margin-right: 0;
				}
				&.fa-search{
					display: none;
				}
			}
		}
	}
}
//nav logo
#block-block-8{
	position: relative;
	display: inline-block;
	vertical-align: top;
	width: 28%;
	position: relative;
	top: -21px;
	@media @lgdsk{width: 25%; top: 0;}
	@media @tab{width: 100%;}
	@media @mob{position: absolute; top: 20px; left: 20px; width: 80%;}
	img{
		width: 347px;
		max-width: 100%;
		@media @tab{margin: 0 auto;}
		@media @mob{width: 231.3334px; margin: 0;}
	}
}

//nav menu
#block-superfish-1{
	margin: 0px 0px 0px;
	display: inline-block;
	vertical-align: top;
	width: 70%;
	@media @lgdsk{width: 75%;}
	@media @tab{width: 100%;}
	@media @mob{padding: 0px;}

	#superfish-1{
		display: block;
		text-align: center;
		font-size: 0px;
		text-align: right;
		margin-right: 29px;
		@media @lgdsk{margin-right: 0;}
		@media @tab{text-align: center;}
		@media @mob{display: none !important;}

		li{
			margin: 0px;
			display: inline-block;
			float: none;

			@media @mob{
				display: block;
			}

			a{
				.font;
				color: @wht;
				font-size: 14px;
				line-height: 56px;
				height: 56px;
				font-weight: 300;
				letter-spacing: .075em;

				margin: 0px 0px 0px;
				padding: 0px 13px;

				display: block;
				text-align: center;
				cursor: pointer;

				@media @lgdsk{font-size: 13px; padding: 0 7px;}
				@media @mob{ line-height: 44px; height: 44px;}

				&:hover, &.active{
					text-decoration: underline;
					.transition;
				}
			}
			&.last.sf-depth-1 a{
				padding-right: 0;
			}
			ul{
				margin: 15px 0px 0px -48px;
				text-align: center;
				padding: 0px;
				background-color: @pri;

				@media @mob{
					box-shadow: none;
					margin: 0px;
					display: block !important;
					visibility: visible !important;
					position: static;
					width: 100%;
				}

				li{
					ul{
						background-color: #3d5b99;
						margin-left: 1px;
					}
					a{
						width: 100% !important;
						padding: 0px;
						margin: 0px;
						color: @wht;
						line-height: 48px;
						height: 48px;
						border: none;
						cursor: pointer;

						&:hover, &.active{
							background-color: @acc;
							text-decoration: none;
							@media @mob{background-color: @pag;}
						}
					}

				}
			}
		}
	}
	.sf-mob-trigger{
		.sf-mob-icon{
			color: @acc;
			line-height: 50px;
			height: 50px;

			padding: 0px 30px;

			display: block;
			text-align: right;
			cursor: pointer;
			text-transform: uppercase;

			display: none;

			margin: 0px 0px 0px;
			font-size: 30px;
			// font-family: Serif;
			font-weight: 700;
			vertical-align: -4px;
			cursor: pointer;
			// border-bottom: 1px solid @wht;

			&:hover{
				color: #fff;
			}

			@media @mob{
				display: none;
			}

			.sf-mob-text{

			}
		}
	}
}

//nav search
#block-search-form{

	position: relative;
	display: inline-block;
	vertical-align: middle;
	line-height: 56px;
	height: 56px;
	@media @lgdsk{display: none;}

	#edit-search-block-form--2{
		display: none;
	}
	.fa-search{
	color: #fff;
		background-color: transparent;
	display: inline;
	font-size: 22px;
		vertical-align: middle;
		&.focus, &:active, &:hover{
			cursor: pointer;
			outline: none;
		}
	}
}
#block-block-5{

	max-width: 960px;
	margin: 0 auto;
	text-align: center;
	padding: 50px 30px 125px;
	position: relative;
	@media @smob{padding: 20px 30px 100px;}

	.hero-wrap{
		position: relative;
		.state{
			margin: 0 auto;
			display: inline-block;
			width: 113px;
			padding: 0 24px;
		}
		&::after, &::before{
			content: " ";
			display: inline-block;
			margin: 0 auto;
			width: 136px;
			border-bottom: 1px solid #fff;
			position: relative;
			top: -22px;
			@media @smob{width: 45px;}
		}
		&::before{
			margin-right: -4px;
		}
		&::after{

		}
		@media @smob{display: none;}
	}
	.hero_text{
		display: block;
		font-size: 60px;
		font-weight: 300;
		color: #fff;
		letter-spacing: 0;
		text-align: center;
		margin-left: -6px;
		.bold{font-weight: 700;}
		.italic{
			font-style: italic;
			margin-left: -15px;
		letter-spacing: -.02em;
			@media @tab{margin-left: 0;}
		}
		@media @mob{font-size: 45px; line-height: 55px;}
		@media @smob{font-size: 38px; line-height: 45px;}
	}
	.more{
		color: #ffffff;
	font-size: 18px;
	letter-spacing: .1em;
	font-weight: 300;
	height: 57px;
	line-height: 57px;
	text-align: center;

		border: 1px solid #fff;;
	border-radius: 10px;
		display: block;
		margin: 0 auto;
	padding: 0 15px;
	max-width: 246px;
	width: 100%;
		box-sizing: border-box;
		vertical-align: middle;
		&:hover{background-color: #fff;color: @acc;.transition;}
	}
}

/**** end HEADER - Header Region ****/

/**** MENU - Menu Region ****/
/**** end MENU - Menu Region ****/

/**** BANNER - Banner Region ****/
/**** end BANNER - Banner Region ****/

/**** CONTENTTOP - Content Top Region ****/
#block-boxes-congress-newsletter-signup{
	background-color: @acc;
	width: 100%;
	position: relative;
	@media @mob{width: 100%;}
	@media @smob{
		position: fixed !important;
		bottom: 0;
		.transition;
		z-index: 5000;
	}

	#signup_var;
}

#signup_var{
	position: relative;

	#signup_trigger{

		position: absolute;
	right: 10%;
	top: -35px;
	background-color: @acc;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
		overflow: hidden;
	font-size: 14px;
		line-height: 35px;
	font-weight: 300;
	letter-spacing: .075em;
	color: #ffffff;
	padding: 0px;
		min-width: 114px;
		.transition;
		text-align: center;
		&:hover{min-width: 135px; cursor: pointer;}
		@media @smob{right: 0; left:0; margin: 0 auto; width: 114px;}


		.open{
			display: block;
		}
		.close{
			display: none;
			background-color: @acc;
			font-size: 24px;
			font-weight: 300;
			-webkit-font-smoothing: antialiased;
			min-width: 114px;

			&:before{
				content: " ";
				display: inline-block;
				margin: 0 auto;
				width: 22px;
				border-bottom: 1px solid #fff;
				position: relative;
				top: -8px;
			right: 7px;
			}
			&:after{
				content: " ";
				display: inline-block;
				margin: 0 auto;
				width: 22px;
				border-bottom: 1px solid #fff;
				position: relative;
				top: -8px;
			left: 6px;
			}
		}
	}
	.border{
		width: 100%;
		height: 34px;
		background-color: @acc;
		@media @smob{height: 15px;}
	}
	#signup_wrap{
		padding: 2px 20px 43px;
		font-size: 0px;
		display: none;

		#signup_header{
			width: 100%;
			display: inline-block;
			vertical-align: middle;
			margin-bottom: 12px;
			text-align: center;


			#signup_main{
				display: inline-block;
				margin-bottom: 10px;

				.star{
					color: #ffffff;
					font-size: 25px;
					padding: 0 10px;
					display: inline-block;
					-webkit-font-smoothing: antialiased;
					@media @smob{display: none;}
				}
				.star.left{
				padding: 0 14px 0 0;
				}
				h3{
					font-size: 30px;
					line-height: 36px;
					font-weight: 300;
					letter-spacing: .1em;
					color: #ffffff;
					text-transform: uppercase;
					display: inline-block;
					@media @smob{font-size: 24px;}
				}
				.star.right{
				padding: 0 0 0 11px;
				}
			}
		}
		#signup_form_wrap{
			max-width: 600px;
			width: 100%;
			display: block;
			vertical-align: middle;
			margin: 0 auto;

			.signup_form{

				.signup_input{
					color: #686868;
					font-size: 16px;
					letter-spacing: .1em;
					font-weight: 300;
					height: 51px;
					line-height: 51px;
					display: inline-block;
					vertical-align: middle;
					border-radius: 10px;
					border: none;
					&:focus, &:active{outline: none;}
					@media @xsmob{margin: 5px 0;}
				}
				#signup_email{
					.box-sizing;
					width: 57.5%;
					margin-right: 4.2%;
					padding-left: 19px;
					background-color: #611010;
					color: #ffffff;
					&:focus, &:active{
						background-color: darken(#611010, 5%);
						.transition;
					}
					@media @xsmob{width: 100%;}
				}
				#submit{
					.font;
					font-weight: 700;
					border: 1px solid #fff;
					line-height: 51px;
					height: 51px;
					color: @acc;
					background-color: #ffffff;
					cursor: pointer;
					width: 38%;
					display: inline-block;
					vertical-align: middle;
				-webkit-font-smoothing: antialiased;

					&:hover{
						border: 1px solid #fff;
					background-color: transparent;
					color: #fff;
						.transition;
					}
					@media @xsmob{width: 100%;}
				}
				::-webkit-input-placeholder { /* Chrome/Opera/Safari */
					color: #ffffff;
					font-weight: 300;
					-webkit-font-smoothing: antialiased;
				}
				::-moz-placeholder { /* Firefox 19+ */
					color: #ffffff;
					font-weight: 300;
					-webkit-font-smoothing: antialiased;
				}
				:-ms-input-placeholder { /* IE 10+ */
					color: #ffffff;
					font-weight: 300;
					-webkit-font-smoothing: antialiased;
				}
				:-moz-placeholder { /* Firefox 18- */
					color: #ffffff;
					font-weight: 300;
					-webkit-font-smoothing: antialiased;
				}
			}
		}
	}
}
// Home Page Rotator
#block-panels-mini-congress-home-page-rotator{
	max-width: 1280px;
	margin: 0 auto;
	padding: 0px 30px;

	h2{
		font-size: 36px;
		line-height: 44px;
		font-weight: 300;
		letter-spacing: 0.075em;
		text-align: center;
		text-transform: uppercase;
		margin: 0px auto;
		padding: 50px 0px 0px;
	}
	.hprotator-text-block{
		padding: 50px 0;

		.news_post{
			position: relative;
			border-radius: 10px;
			overflow: hidden;
			border: 1px solid #dcdcdc;
			font-size: 0;
			@media @tab{padding-bottom: 50px;}

			.news_head{
				display: inline-block;
				vertical-align: top;
				width: 50%;
				box-sizing: border-box;
				@media @mob{width: 100%;}

				img{
					@media (max-width: 1250px){
						border-radius: 10px;
						margin: 10px;
						overflow: hidden;
						max-width: 100%;
					}
					@media @mob{margin: 0;}
				}
			}
			.news_content{
				display: inline-block;
				vertical-align: top;
				width: 50%;
				box-sizing: border-box;
				padding: 30px;
				@media @mob{width: 100%; padding: 16px;}

				.news_title{
					font-size: 32px;
					line-height: 40px;
					max-height: 126px;
					overflow: hidden;
					@media (max-width: 1250px){
						max-height: none;
						font-size: 28px;
						line-height: 36px;
					}
				}
				.news_date_wrap{
					padding: 20px 0;
					.news_date_int{font-size: 16px;}
					a,.news_separator{display: none;}
				}
				.news_read{
					a{
						color: @acc;
						font-size: 18px;
						letter-spacing: .1em;
						font-weight: 300;
						height: 57px;
						line-height: 57px;
						text-align: center;
						border: 1px solid @acc;
						border-radius: 10px;
						display: block;
						// margin: 0 auto;
						padding: 0 15px;
						max-width: 246px;
						width: 100%;
						box-sizing: border-box;
						vertical-align: middle;
						&:hover{background-color: @acc; color: #fff;.transition;}
					}
				}
			}
		}
	}

	.flex-control-nav{
		li{
			a{
				width: 25px;
				height: 25px;
				background-color: #c6c6c6;
				box-shadow: none;
				margin: 0 10px;
				z-index: 1000;
				position: relative;
				&:hover{background-color: @acc;}
				&.flex-active{
					background-color: @acc;
				}
			}
		}
	}
	.flex-direction-nav{display: none;}
}



// Generic News POSTS to inherit from:
.news_post{

	.news_head{
		.news_img{
			@media @tab{padding: 16px;}
			img{
				@media @tab{
					border-radius: 10px;
					max-width: 100%;
					height: auto;
				}
				@media @smob{margin: 0 auto;}
			}
		}
	}
	.news_content{
		padding: 23px 7px 34px 16px;
		@media @tab{padding: 0px 7px 50px 16px; box-sizing: border-box;}

		.news_title{
			font-size: 22px;
			line-height: 30px;
			letter-spacing: .05em;
			font-weight: 300;
			text-transform: none;

			a{color: #5e5e5e;&:hover{color: @acc;}}
		}
		.news_date_wrap{
			font-size: 14px;
			line-height: 24px;
			letter-spacing: .1em;
			font-weight: 400;
			-webkit-font-smoothing: antialiased;
			padding: 17px 0 5px;
		}
		.news_body{
			font-size: 14px;
			line-height: 24px;
			letter-spacing: .1em;
			font-weight: 400;
			-webkit-font-smoothing: antialiased;
			padding-bottom: 10px;
		}
		.news_read{
			font-size: 14px;
			line-height: 24px;
			letter-spacing: .1em;
			font-weight: 600;
			-webkit-font-smoothing: antialiased;
		}
	}
	.news_social_wrap{
	position: absolute;
		bottom: 16px;
		right: 20px;

		a{
			i{
				font-size: 25px;
				vertical-align: middle;

				&.fa-facebook-f{
					font-size: 20px;
					margin: 0 16px;
					color: @fb;
					&:hover{color: @acc;.transition;}
				}
				&.fa-envelope{
					color: #c6c6c6;
					&:hover{color: @acc;.transition;}
				}
				&.fa-twitter{
					color: @tw;
					&:hover{color: @acc;.transition;}
				}
			}
		}
	}
}
//3 featured press releases view
.front .view-congress-press-releases{
	max-width: 960px;
	margin: 0 auto;
	padding: 30px 30px 77px;
	@media @tab{padding: 30px;}

	.view-content{
		font-size: 0;
		display: flex;
		@media @tab{flex-wrap: wrap;}

		.views-row{
			display: inline-block;
			vertical-align: top;
			width: 30%;
			margin-right: 5%;
			border-radius: 10px;
			overflow: hidden;
			border: 1px solid #dcdcdc;
			position: relative;

			@media @tab{width: 49%; margin: 0 1% 1% 0px;}
			@media @smob{width: 100%; margin: 0 0 15px;}


			&.views-row-2{
				@media @tab{margin-right: 0;}
			}
			&.views-row-3{
				margin-right: 0;
				@media @tab{width: 100%;}

				.news_post{
					.news_head{
						@media @tab{display: inline-block; width: 35%; vertical-align: top;}
						@media @smob{display: block; width: 100%;}
					}
					.news_content{
						@media @tab{display: inline-block; width: 60%; padding: 16px 7px 50px 16px;}
						@media @smob{display: block; width: 100%;}
					}
				}
			}

			.news_post{

				.news_head{
					.news_img{
						@media @tab{padding: 16px;}
						img{
							@media @tab{
								border-radius: 10px;
								max-width: 100%;
								height: auto;
							}
							@media @smob{margin: 0 auto;}
						}
					}
				}
				.news_content{
					padding: 23px 7px 34px 16px;
					@media @tab{padding: 0px 7px 50px 16px; box-sizing: border-box;}

					.news_title{
						font-size: 22px;
						line-height: 30px;
						letter-spacing: .05em;
						font-weight: 300;
						text-transform: none;

						a{color: #5e5e5e;&:hover{color: @acc;}}
					}
					.news_date_wrap{
						font-size: 14px;
						line-height: 24px;
						letter-spacing: .1em;
						font-weight: 400;
						-webkit-font-smoothing: antialiased;
						padding: 17px 0 5px;

					}
					.news_body{
						font-size: 14px;
						line-height: 24px;
						letter-spacing: .1em;
						font-weight: 400;
						-webkit-font-smoothing: antialiased;
						padding-bottom: 10px;
						p{
							font-size: 14px;
						}
					}
					.news_read{
						font-size: 14px;
						line-height: 24px;
						letter-spacing: .1em;
						font-weight: 600;
						-webkit-font-smoothing: antialiased;
					}
				}
				.news_social_wrap{
					position: absolute;
					bottom: 16px;
					right: 20px;

					a{
						i{
							font-size: 25px;
							vertical-align: middle;

							&.fa-facebook-f{
								font-size: 20px;
								margin: 0 16px;
								color: @fb;
								&:hover{color: @acc;.transition;}
							}
							&.fa-envelope{
								color: #c6c6c6;
								&:hover{color: @acc;.transition;}
							}
							&.fa-twitter{
								color: @tw;
								&:hover{color: @acc;.transition;}
							}
						}
					}
				}
			}
		}
	}
}
/**** end CONTENTTOP - Content Top Region ****/

/**** CONTENT - Content Region ****/
/**** end CONTENT - Content Region ****/

/**** CONTENTREGION - Content Region ****/
/**** end CONTENTREGION - Content Region ****/

/**** CONTENTAFTER - Content After Region ****/
/**** end CONTENTAFTER - Content After Region ****/

/**** CONTENTBOTTOM - Content Bottom Region ****/
/**** end CONTENTBOTTOM - Content Bottom Region ****/

/**** FOOTERREGION - Footer Region ****/

// service center
#block-boxes-congress-service-center{
	background-color: @dk_blue;
	.services{
		text-align: center;
	padding: 63px 30px 50px 40px;
		@media @tab{padding: 50px 0 20px;}
		h3{
			color: #ffffff;
			text-align: center;
			padding: 0px 0 69px;
			@media @tab{padding: 0px 30px 30px;}
		}
		div{
			display: inline-block;
			vertical-align: top;
			text-align: center;
			padding-bottom: 30px;
			box-sizing: border-box;
			@media @tab{padding: 0 30px 30px; width: 25%;}
			@media @smob {width: 49%;}
			@media @xsmob {width: 100%;}
			a{
				color: #ffffff;
				&:hover{color: @acchov;}
				i{
					font-size: 4.3vw;
					@media @mob{font-size: 40px;}
					&:after{
						content: "";
						display: block;
						margin: 0 auto;
						width: 23px;
						padding: 12.8px 0;
						border-bottom: 1px solid @acc;
					}
				}
				span{
					font-size: 16px;
					line-height: 24px;
					letter-spacing: .1em;
					font-weight: 300;
					display: block;
					text-align: center;
					padding-top: 13px;
				}
			}
			&.flag{}
			&.office{
				padding: 0 5% 30px 6.6%;
				@media @tab{padding: 0 30px 30px;}
			}
			&.visit{}
			&.military{
				padding: 0 2.9% 30px 4.1%;
				@media @tab{padding: 0 30px 30px;}
			}
			&.agency{}
		}
	}
}
// legislative activity
#block-block-3{
	background: @acc;
	padding: 64px 30px 50px 40px;
	@media @tab{padding: 50px 30px 20px;}
	h3{
		color: #ffffff;
		text-align: center;
		padding: 0px 0px 69px;
		@media @tab{padding: 0px 0px 30px;}
	}
	.legislative{
		display: inline-block;
		vertical-align: top;
		text-align: center;
		padding-bottom: 32px;
		box-sizing: border-box;
		width: 100%;
		margin-left: -7px;
		@media @tab{margin-left: 0; padding-bottom: 0px;}
		a{
			color: #ffffff;
			display: inline-block;
			vertical-align: top;
			&:hover i:after{width: 50px; .transition;}
			@media @tab{padding: 0 5.4% 30px;}
			@media @xsmob{width: 100%; padding: 0 0 30px;}
			i{
				font-size: 4.5vw;
				@media @mob{font-size: 40px;}
				&:after{
					content: "";
					display: block;
					margin: 0 auto;
					width: 23px;
					padding: 11.3px 0;
					border-bottom: 1px solid #ffffff;

				}
			}
			span{
				font-size: 16px;
				line-height: 24px;
				letter-spacing: .1em;
				font-weight: 300;
				display: block;
				text-align: center;
				padding-top: 13px;
			}
			&.co_sponsored{
			padding: 0 5.4%;
				@media @mob{padding: 0 5.4% 30px;}
				@media @xsmob{padding: 0 0 30px;}
			}
		}
	}
}
// issues block
#block-block-2{
	background-color: #ffffff;
	max-width: 960px;
	margin: 0 auto;
	padding: 63px 30px 50px 30px;
	@media @smob{padding: 50px 30px 50px 30px;}

	.issues{
		text-align: center;
		font-size: 0;
		h3{
			-webkit-font-smoothing: antialiased;
			padding-bottom: 70px;
			@media @tab{padding-bottom: 30px;}
		}
		.row{
			display: block;
			a{
				display: inline-block;
				vertical-align: top;
				position: relative;
				height: 217px;
				margin: 0 0 30px 0;
				padding: 0 15px;
				border-radius: 10px;
				box-sizing: border-box;

				background-size: cover;
				background-repeat: no-repeat;
				background-position: center;
				&:hover .overlay{opacity: .5;.transition;}
				@media @tab{margin: 10px 0px; height: 150px;}
				@media @smob{margin: 5px 0px; height: 100px;}
				.overlay{
					border-radius: 10px;
					background-color: #142048;
					opacity: 0.3;
				}
				h5{
					font-size: 25px;
					line-height: 36px;
					vertical-align: middle;
					position: relative;
					color: #ffffff;
					font-weight: 600;
					letter-spacing: .03em;
					// margin-top: -3px;
					position: relative;
					top: 50%;
					transform: translateY(-50%);
				}
				&.see_more{
					background-color: @acc;
					&:hover{background-color: @acchov;.transition;}
				}
				&.wide{width: 63.5%; @media @smob{width: 100%;}}
				&.narrow{width: 33.3%; @media @smob{width: 100%;}}
				&.right{}
				&.left{margin-right: 3.2%; @media @smob{margin-right: 0;}}
			}
		}
	}
}
// Social Header
#block-block-4{
	.social_header{
		text-align: center;
		padding: 14px 30px 32px;
		h3{
			padding: 0 30px 11px;
			text-align: center;
		}
		.row{
			display: inline;
			@media @smob{display: block;}
			a{
				text-transform: uppercase;
				font-size: 16px;
				line-height: 36px;
				letter-spacing: .1em;

				i{
					font-size: 24px;
					margin-right: 8px;
					vertical-align: text-bottom;
				}
				&.tw{
					color: @tw;
					&:hover{color: lighten(@tw, 20%);}
				}
				&.fb{
					color: @fb;
					&:hover{color: lighten(@fb, 20%);}
				}
				&.yt{
					color: @yt;
					&:hover{color: lighten(@yt, 20%);}
				}
				&.insta{
					color: @ig;
					&:hover{color: lighten(@ig, 20%);}
					i{
						color: #fff;
						background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%,#d6249f 60%,#285AEB 90%);
						-webkit-background-clip: text;
						-webkit-text-fill-color: transparent;
						display: initial;
					}
				}
			}
			.separator{
				margin: 0 2px 0 5px;
			}
			&:nth-child(2) .separator:nth-child(4){
				@media @smob{display: none;}
			}
		}
	}
}
#block-pgsocial-twitter{
	max-width: 1280px;
	margin: 0 auto;
	padding: 30px;
	font-size: 0;
	@media @mob{padding: 0 30px 30px;}

	.content{display: flex;}

	.tw_img{
		display: inline-block;
		vertical-align: top;
		width: 21.3%;
		margin-right: 3.9%;
		padding-left: 13px;
		padding-bottom: 3px;
		box-sizing: border-box;

		@media @mob{width: 35%;}
		@media @smob{display: none;}
		img{
			max-width: 100%;
			position: relative;
			top: 50%;
			transform: translateY(-50%);
		}
	}
	.tw_wrap{
		display: inline-block;
		vertical-align: top;
		width: 74.6%;
		border-radius: 10px;
		border: 1px solid #dcdcdc;
		position: relative;
		padding-bottom: 65px;
		@media @mob{width: 65%;}
		@media @smob{width: 100%;}
		.tw_post{
			padding: 41px 48px 15px;
			.tw_info{
				font-size: 14px;
				line-height: 24px;
				letter-spacing: .1em;
				font-weight: 400;
				text-transform: uppercase;
				.separator{
					margin: 0 11px 0 4px;
					@media @mob{display: none;}
				}
				a{
					color: #22a7f3;
					font-weight: 600;
					-webkit-font-smoothing: antialiased;
					&:hover{color: darken(@tw, 20%);}
					@media @mob{display: block;}
				}
			}
			.tw_text{
				font-size: 18px;
				line-height: 30px;
				letter-spacing: .1em;
				font-weight: 300;
				a{
					color: #22a7f3;
					&:hover{color: darken(@tw, 20%);}
					@media @smob{word-wrap: break-word;}
				}
			}
			.tw_actions{
				position: absolute;
				bottom: 27px;
				right: 30px;
				a{
					font-size: 25px;
					color: #c6c6c6;
					&:hover{color: @pri;}
					span{

					}
					&.tw_reply{

					}
					&.tw_retweet{

					}
					&.tw_like{
						color: @acc;
						&:hover{color: @acchov;}
					}
				}
			}
		}
	}
}

#block-pgsocial-facebook{
	font-size: 0;
	font-size: 0;
	display: inline-block;
	width: 50%;
	vertical-align: top;

	@media @tab{width: 100%;}

	.fb_wrap{
		display: flex;
		@media @tab{margin-bottom: 31px;}
		@media @smob{display: initial;}

		.fb_post{
			border-radius: 10px;
			border: 1px solid #dcdcdc;
			display: inline-block;
			position: relative;
			padding-bottom: 60px;
			vertical-align: top;
			width: 45.8%;
			margin-right: 4.6%;
			box-sizing: border-box;
			overflow: hidden;
			min-height: 434px;

			font-size: 14px;
			line-height: 24px;
			letter-spacing: .1em;
			font-weight: 400;
		-webkit-font-smoothing: antialiased;

			@media @tab{width: 48%; margin-right: 4%;}
			@media @smob{width: 100%; margin: 0 0 10px;}

			&.fb_num_2{
				margin-right: 0;
				@media @smob{margin: 0 0 31px;}
			}

			.fb_img_wrap{
				height: 195px;
				background-color: blue;
			}
			.fb_body{
				padding: 23px 17px 27px;
				.fb_date{
					display: inline;
					vertical-align: top;
					a{
						color: @fb;
						&:hover{color: @acc;}
					}
					.date_separator{
					}
					.fb_like{
						width: 51px;
						vertical-align: text-top;
					}
				}
				.fb_message{
					margin-top: -6px;
					height: 96px;
					overflow: hidden;
					a{
						color: @fb;
						&:hover{color: @acc;}
					}
				}
			}
			a.fb_share{
				text-transform: uppercase;
				font-weight: 600;
				color: @fb;
				position: absolute;
				bottom: 25px;
				right: 22px;
				&:hover{color: @acc;}
				.share_separator{

				}
				.fa-facebook-f{
					font-size: 19px;
				font-weight: 300;
				}
			}
		}
	}
}
#block-boxes-congress-youtube-box{
	display: inline-block;
	width: 50%;
	padding-left: 0.4%;
	box-sizing: border-box;
	@media @tab{
		width: 100%;
		padding-left: 0;
	}

	.yt-wrapper {
		border-radius: 10px;
		overflow: hidden;
		position: relative;
		// padding-bottom: 56.25%; /* 16:9 */
		// padding-top: 25px;
		// height: 0;
		min-height: 434px;
		@media @tab{
			min-height: auto;
			padding-bottom: 56.25%; /* 16:9 */
			// padding-top: 25px;
			height: 0;
		}

		iframe {
			position: absolute;
			top: 0;
			left: 0;
			width: 100%;
			height: 100%;
		}
	}
}
#block-pgsocial-instagram{
	padding-top: 31px;
	.ig_wrap{
		.ig_post{
			position: relative;
			display: inline-block;
			vertical-align: top;
			width: 31.7%;
			border-radius: 10px;
			overflow: hidden;
			font-size: 0;
			margin-right: 2.4%;

			@media @smob{width: 100%; margin: 5px 0;}

			&.ig_num_3{margin-right: 0;}

			.ig_photo{
				width: 100%;
				background-size: cover;
				background-position: center;
				display: inline-block;
				height: 259px;
				&:hover .overlay{opacity: .5;.transition;}
				@media @tab{height: 219px;}
				@media @smob{height: 150px;}
			}
			.overlay{}
			.ig_share{
				font-size: 14px;
				line-height: 24px;
				letter-spacing: .1em;
				font-weight: 600;
				color: #ffffff;
				text-transform: uppercase;
			-webkit-font-smoothing: antialiased;

				position: absolute;
				bottom: 27px;
				right: 28px;

				.follow{}
				.fa-instagram{
					font-size: 37px;
					font-weight: 300;
					vertical-align: middle;
					display: inline-block;
					margin-top: -5px;
				}
			}
		}
	}
}
#footer{
	font-size: 0;

	a{
		color: #fff;
		&:hover{color: @acchov;}
	}

	.ft_logo{
		width: 345px;
		margin: 0 auto;
		padding: 88px 0 81px;
		&:hover{opacity: .7; .transition; cursor: pointer;}
		@media @tab{padding: 60px 0 30px;}
		@media @smob{width: 230px;}
	}
	.footer_socials{
		font-size: 30px;
		@media @smob{font-size: 25px;}
		i{
			&.fa-twitter{}
			&.fa-facebook-f{
				margin: 0px 11px 0 12px;
			}
			&.fa-youtube{}
			&.fa-rss{
			margin: 0 8px 0 12px;
			}
			&.fa-instagram{}
		}
	}
	.view-content{
		max-width: 960px;
	margin: 81px auto 144px;
	text-align: left;
	padding-left: 19px;
		text-align: center;
		@media @tab{padding-left: 0; margin: 30px 0;}

		.views-row{

			display: inline-block;
			width: 20%;
			margin-right: 2%;
			vertical-align: top;

			font-size: 14px;
			line-height: 24px;
			letter-spacing: .1em;
			color: #fff;
			text-align: left;
			-webkit-font-smoothing: antialiased;
			@media @tab{margin-bottom: 30px;}
			@media @smob{text-align: center;}

			h3{
				font-size: 22px;
				font-weight: 300;
				line-height: 30px;
				letter-spacing: .05em;
				margin-bottom: 8px;
			}
			p{
				font-size: 14px;
			}
			&.views-row-1{
				width: 26.2%;
				margin-right: 2%;
				@media @tab{width: 45%; margin-right: 10%;}
				@media @smob{width: 100%; margin-right: 0; }
			}
			&.views-row-2{
				width: 21.5%;
				margin-right: 2%;
				@media @tab{width: 45%; margin-right: 0%;}
				@media @smob{width: 100%; margin-right: 0; }
			}
			&.views-row-3{
				width: 21%;
				margin-right: 3.9%;
				@media @tab{width: 45%; margin-right: 10%;}
				@media @smob{width: 100%; margin-right: 0; }
			}
			&.views-row-4{
				width: 23%;
				margin-right: 0;
				@media @tab{width: 45%;}
				@media @smob{width: 100%;}
			}
		}
	}

	/**** FOOTERSECOND - Footer Second Region ****/
	#footer-second{
		.section{
			ul.menu{
				padding: 37px 30px;
				text-align: center;
				@media @smob{padding: 35px 20px;}

				li.leaf{
					display: inline;
					list-style-type: none;
				padding: 0 26px 0 0;
					margin: 0;

					font-size: 14px;
					line-height: 24px;
					letter-spacing: .1em;
					color: #fff;
					@media @smob{padding: 0 5px; font-size: 12px; line-height: 24px;}
					a{

					}
					&.last{
						padding-right: 0;
						@media @smob{padding: 0 5px;}
					}
				}
			}
		}
	}
	/**** end FOOTERSECOND - Footer Second Region ****/
}
/**** end FOOTERREGION - Footer Region ****/





/* -------------------------------------- -------------------------------------- */

/**** INTERIORSTYLES - Interior Styles ****/
#page-title{
	color: @wht;
	font-size: 60px;
	line-height: 48px;
	font-weight: 100;
//	text-transform: uppercase;
	padding: 0px 30px 30px;
	text-align: center;
	position: relative;
	z-index: 3;
	@media @tab{
		margin: 0px 0px 0px 0px;
		line-height: 60px;
	}
	@media @mob{
		font-size: 30px;
		line-height: 36px;
		margin-top: 70px;
	}
}
#block-system-main{
	background-color: @wht;
	margin: 0px 0px 30px;
	padding: 40px;
	min-height: 398px;

	@media @tab{
		padding: 20px;
	}
	@media @mob{
		margin-bottom: 0px;
	}

	.field-name-body{

		h1, h2, h3, h4, p, ul, strong{
			margin-bottom: 24px;
		}
		img{
			@media @mob{
				max-width: 100%;
				width: auto !important;
				height: auto !important;
				margin: 10px 0px !important;
			}
		}

	}
}
#block-block-9{
	text-align: center;

	.int_share_header{

		.int_share_menu{

			.int_share_title{
					       font-size: 14px;
							margin: 27px 0px 14px 0px;
							font-weight: 600;
							text-transform: capitalize;
							color: #1e2d60;
			}
			.int_share_list{
				list-style-type: none;
				padding: 0px;
				margin: 0px auto;

				li{
					display: inline-block;

					a{

						.int_share_icon{


						}
						.fa-twitter{
								color: #1da1f2;
								font-size: 24px;
						}
						.fa-facebook-f{
								font-size: 24px;
								color: #3d5b99;
								padding: 0px 10px;
								padding: 0px 10px 18px;
   								border-bottom: 1px solid #c6c6c6;
						}
						.fa-envelope {
								font-size: 24px;
								color: #c6c6c6;
						}
					}
				}
			}
		}
	}
}
/**** end INTERIORSTYLES - Interior Styles ****/

/**** POSTSVIEW - Posts View Page ****/
.page-posts{

	#block-system-main{
		background-color: transparent;
		padding: 0px;
		margin-top: 219px;

		@media @tab{margin-top: 210px;}

		.view-header{
			background-repeat: repeat;
			margin-bottom: 12px;

			#news_sort{
				padding: 10px 20px;
				font-size: 12px;
				text-transform: uppercase;

				span{
					height: 32px;
					line-height: 32px;
					display: inline-block;
					font-weight: 900;
					color: @wht;
					padding-right: 12px;
					@media @mob{display: none;}
				}
				a{
					height: 32px;
					line-height: 32px;
					display: inline-block;
					font-weight: 400;
					color: @wht;
					padding: 0px 12px;
					@media @mob{padding: 0px 7px;}

					&:hover, &.active{
						background-color: @acc;
						font-weight: 700;
					}
				}
			}
		}
		.news_post{
			background-color: @wht;
			margin-bottom: 12px;
			padding: 42px 46px;

			@media @tab{padding: 20px;}

			&.media_post{
				padding-bottom: 54px;
				@media @tab{padding-bottom: 34px;}
			}

			.news_head{
					@media @mob{width: 100%}
				.news_date_wrap{
					background-color: @alt;
					font-size: 12px;
					line-height: 10px;
					text-transform: uppercase;
					display: inline-block;
					padding: 14px 16px;

					.news_date_int{
						color: @wht;
						font-weight: 700;
					}
					.news_separator{
						color: #303030;
						padding: 0px 2px;
					}
					.news_post_type{
						color: @wht;
						a{
							color: @wht;
						}
					}
				}
			}
			.news_content{
				@media @lgdsk{width: 100%}
				.news_title{
					font-size: 24px;
					line-height: 30px;
					font-weight: 400;
					margin: 21px 0px 23px;

					@media @mob{font-size: 18px; line-height: 24px;}

					&.media_title{
						display: block;
						overflow: hidden;
						@media @mob{margin-bottom: 0px;}
					}

					a{
						color: @acc;
						&:hover{
							color: @acchov;
						}
					}
				}
				.news_media{
					float: left;
					margin-right: 20px;
					@media @mob{margin: 0px 0px 20px; float: none;}

					&.media_media{
						position: relative;
						top: 6px;
						@media @mob{top: 0px;margin: 20px 0px 0px;}
					}

					img{
						@media @mob{margin: 0px auto;}
					}
				}
				.news_body{
					.no_wrap;
					color: @gry;
					font-size: 14px;
					line-height: 24px;
					position: relative;
					top: -8px;

					p{

					}
				}
			}
		}
	}
}
.item-list{
//	background-color: @alt;

	.pager{
		text-align: center;
		margin: 0px;
		padding: 10px 0px;
		font-size: 0px;
		position: relative;
		width: 100%;

		li{
			.font;
			text-transform: uppercase;
//			font-size: 14px;
			font-size: 24px;
			font-weight: 400;

			display: inline-block;
			width: 32px;
			height: 32px;
			line-height: 32px;
			margin: 0px;
			padding: 0px;
			border: 1px solid #c6c6c6;
			padding: 5px;
			border-radius: 8px;
			margin: 0px 9px;
				@media @mob{display: none;}
			a{
//				color: @wht;
				color: @alt;
				display: block;
				width: 100%;
				height: 100%;
			}

			&.pager-item{
				&:hover{
					background-color: @acc;
					color: @wht;
				}
				a{
					@media @mob{display: none;}
					&:hover{
						color: @wht;
						background-color: @acc;
					}
				}
			}
			&.pager-previous{
//				float: left;
//				width: auto;
				font-size: 12px;
				font-size: 24px;
				    line-height: 28px;
				margin: 0px 24px;
//				position: absolute;
//				left: 0px;
				border: 1px solid #909090;
				padding: 5px;
				border-radius: 8px;
				margin: 0px 9px;
				@media @mob{display: inline-block;}
				a{

					&:hover{
						color: @acc;
					}
				}
			}
			&.pager-next{
//				float: right;
//				width: auto;
				font-size: 24px;
				    line-height: 28px;
//				margin: 0px 24px;
//				position: absolute;
				right: 0px;
				@media @mob{display: inline-block;}
				a{

					&:hover{
						color: @acc;
					}
				}
			}
			&.pager-current{
				color: @wht;
				background-color: @acc;
				@media @mob{display: none;}
			}
			&.pager-first, &.pager-last{
				display: none;
			}
			&.pager-ellipsis{
				display: none;
			}
		}

	}
}
/**** end POSTSVIEW - Posts View Page ****/

/**** POSTNODE - Post Node Page ****/
/**** end POSTNODE - Post Node Page ****/

/**** NEWSVIEW - News View Page ****/
/**** end NEWSVIEW - News View Page ****/

/**** NEWSNODE - News Node Page ****/
/**** end NEWSNODE - News Node Page ****/

/**** MEDIAVIEW - Media View Page ****/
/**** end MEDIAVIEW - Media View Page ****/

/**** MEDIANODE - Media Node Page ****/
.page-media-center, .page-taxonomy-term{
	#block-system-main{
		.views-row{
			.news_social_wrap{
				position: relative;
				bottom: inherit;
				right: inherit;
				margin-left: 5px;
					i.fa-facebook-f{
						margin: 0 3px;
					}
			}
		}
	}
}
.not-front, .page-media-center, .page-taxonomy-term{

			#block-system-main{
						max-width: 983px;
						margin: 0 auto;
						padding: 20px 30px 30px 30px;
				.view-header{
					#post_sort{
						text-align: center;
						font-size: 18px;
						font-weight: 600;
						margin-bottom: 39px;
						@media @mob{line-height: 28px;}
						a{
							color: #c6c6c6;
							text-transform: uppercase;
							letter-spacing: 1.5px;
						}
						.active{
								color: #000627;
							}
						span{
							color: #000627;
							padding: 0px 2px;
						}
					}
				}
				.view-content{
							max-width: 983px;
							width: 100%;
							margin: 0px auto;
								.views-row{
									margin-bottom: 47px;

								.news_post{
											border: 1px solid #c6c6c6;
											border-radius: 8px;
											margin-bottom: 20px;

									.news_head{
											display: inline-block;
											vertical-align: top;
											width: 38%;
										@media @mob{width: 100%; padding: 0px;}
										.news_img{
											@media @mob{width: 100%; padding: 0px;}
											@media @tab{padding: 0px;}
										img{
											border-top-left-radius: 8px;
											border-bottom-left-radius: 8px;
											@media @mob{width: 100%; padding: 0px;}
											}
										}
									}
									 .news_content{
												width: 58%;
												display: inline-block;
												padding: 0px 7px 0px 21px;
										 		@media @lgdsk{width: 56%; padding: 0px 7px 0px 32px;}
										 		@media @mob{width: 100%; padding: 10px;}
												 .news_date_wrap{
														 padding: 5px 0 5px;
													 position: relative;
													 @media @mob{ padding: 8px 0px;}
													 .news_social_wrap{
														 i{
															 font-size: 16px;
															 padding: 0px;
														 }
													 }

												 }
												 .news_read{
													 padding-top: 2px;
													 @media @mob{ padding-top: 8px;}
												 }
												 .news_title{
													 font-size: 22px;
													line-height: 35px;
													letter-spacing: .05em;
													font-weight: 300;
													text-transform: none;
													margin-top: 5px;
													-webkit-font-smoothing: antialiased;
													padding-bottom: 10px;
													/* min-height: 62px; */
													max-height: 91px;
													overflow: hidden;
													text-overflow: ellipsis;
													display: -webkit-box;
													/* font-size: 18px; */
													-webkit-line-clamp: 3;
													-webkit-box-orient: vertical;
													  @media @mob{ line-height: 30px; max-height: 84px;}
												 }
												.news_body{
													font-size: 14px;
													line-height: 24px;
													letter-spacing: .1em;
													font-weight: 400;
													-webkit-font-smoothing: antialiased;
													padding-bottom: 10px;
													min-height: 62px;
													max-height: 62px;
													overflow: hidden;
													text-overflow: ellipsis;
													display: -webkit-box;
													/* font-size: 18px; */
													-webkit-line-clamp: 3;
													-webkit-box-orient: vertical;
												}
									}}
					}
				}
		}
}
/**** end MEDIANODE - Media Node Page ****/

/**** ISSUESVIEW - Issues View Page ****/
/**** end ISSUESVIEW - Issues View Page ****/

/**** ISSUESNODE - Issues Node Page ****/
/**** end ISSUESVIEW - Issues View Page ****/
//basic interiors
.not-front{
	iframe{
		@media @tab{width: 100%;}
	}
}

#block-system-main{
	 .field-name-body{
        input[type="text"]{
            background-color: @wht;
            border: 1px solid @acc;
            border-radius: 0px;
            box-shadow: none;
            color: @gry;
            display: block;
            font-size: 18px;
            height: 36px;
            line-height: 24px;
            padding: 6px 12px;
            width: 100%;
            box-sizing: border-box;
        }
        input[type="submit"]{
            display: inline-block;
            margin-bottom: 0;
            font-weight: normal;
            text-align: center;
            vertical-align: middle;
            touch-action: manipulation;
            cursor: pointer;
            background-image: none;
            border: none;
            white-space: nowrap;
            padding: 0px 12px;
            font-size: 18px;
            line-height: 36px;
            border-radius: 0px;
            -webkit-user-select: none;
            -moz-user-select: none;
            -ms-user-select: none;
            user-select: none;
            color: @wht;
            background-color: @acc;

            @media @mob{
                padding: 0px 6px;
            }
            &:hover{
                background-color: @acchov;
            }
        }
        .bootstrap{
            fieldset{
                border: 0 none;
                margin: 0;
                min-width: 0;
                padding: 0;
            }
            legend{
//                border-bottom: 1px solid @gry;
                color: @acc;
                display: block;
                font-size: 24px;
                line-height: 30px;
                font-weight: 600;
                letter-spacing: 0.1em;
                margin-bottom: 16px;
                padding: 0;
                width: 100%;
            }
            .form-group{
                margin-bottom: 16px;
            }
                .has-feedback{
                    position: relative;
                }
                label{
                    display: inline-block;
                    font-weight: 600;
                    letter-spacing: 0.1em;
                    margin-bottom: 4px;
                    max-width: 100%;
                    line-height: 30px;
                }
                .form-control{
                    background-color: @wht;
                    border: 1px solid @gry;
                    border-radius: 0px;
                    box-shadow: none;
                    color: @gry;
                    display: block;
                    font-size: 18px;
                    height: 36px;
                    line-height: 24px;
                    padding: 6px 12px;
                    width: 100%;
                    box-sizing: border-box;
                }
                    .has-feedback .form-control{
                        padding-right: 36px;
                    }
                    .form-inline .form-control{
                        display: inline-block;
                        vertical-align: middle;
                        width: auto;
                    }
                    textarea.form-control{
                        height: auto;
                    }
                    .fa-asterisk:before{
                        color: @acc;
                        font-size: 12px;
                    }
                .form-control-feedback{
                    display: block;
                    height: 36px;
                    line-height: 36px;
                    pointer-events: none;
                    position: absolute;
                    right: 0px;
                    text-align: center;
                    top: auto;
                    width: 36px;
					bottom: 0px;
                }
                .form-inline .radio label, .form-inline .checkbox label{
                    cursor: pointer;
                    font-weight: normal;
                    margin-bottom: 0;
                    min-height: 20px;
                    padding-left: 0px;
                    vertical-align: middle;
                }
                .radio input[type="radio"], .radio-inline input[type="radio"], .checkbox input[type="checkbox"], .checkbox-inline input[type="checkbox"]{
                    margin-left: 0;
                    position: relative;
                    padding: 0px;
                    line-height: 30px;
                    margin: 0px;
                }
                input[type="file"]{
                    display: block;
                }
                .btn{
                    display: inline-block;
                    margin-bottom: 0;
                    font-weight: normal;
                    text-align: center;
                    vertical-align: middle;
                    touch-action: manipulation;
                    cursor: pointer;
                    background-image: none;
                    border: none;
                    white-space: nowrap;
                    padding: 0px 12px;
                    font-size: 18px;
                    line-height: 36px;
                    border-radius: 0px;
                    -webkit-user-select: none;
                    -moz-user-select: none;
                    -ms-user-select: none;
                    user-select: none;
                    color: @wht;
                    background-color: @acc;

                    @media @mob{
                        padding: 0px 6px;
                    }
                    &:hover{
                        background-color: @acchov;
                    }
                }
        }
    }
}
.page-contact{
	.officeDetails {
    display: inline-block;
		line-height: 21px;
}
	.officeDetail {
    display: inline-block;
		line-height: 21px;
}
}
.node-type-congress-page, .page-taxonomy, .node-type-congress-office-location{
	#block-system-main{

		img{
			max-width: 720px;
			width: 100%;
			height: auto;
			margin: 30px auto;
		}
		img.media-element {
			max-width: inherit;
			width: inherit;
   	 		    padding: 6px 18px 10px 0px;
    			margin: 0px!important;
			@media @smob{width: 50% !important; }
			@media @xsmob{width: 100% !important;}
			}
		.news_img{
			img{
				margin: 0px auto;
			}
		}
	}
}
//basic interiors end
/*Posts pages*/
.not-front {
	#block-system-main{
		h1{
			font-weight:100;
		margin-bottom: 20px;
		@media @mob {
			font-size: 22px;
    line-height: 30px;
    letter-spacing: .05em;
		}
		}
		h4{
			font-weight:100;
		margin-bottom: 20px;
		@media @mob {
			font-size: 22px;
    line-height: 30px;
    letter-spacing: .05em;
		}
		}
	h2.pane-title{
		font-weight:100;
		margin-bottom: 20px;
		@media @mob {
			font-size: 22px;
    line-height: 30px;
    letter-spacing: .05em;
	}
		}
	}
}
.node-type-congress-press-release,
.node-type-congress-article,
.node-type-congress-page,
.node-type-congress-video{
	#block-system-main{
		.content{
			.field-name-body p{
				font-size: 16px;
				line-height: 26px;
				font-weight: 400;
				letter-spacing: .05em;
			}
			.pane-node-created{
				margin-bottom: 24px;
				display: inline-block;
			}
			.pane-node-content-type{
				margin-bottom: 24px;
				margin-left: 20px;
				display: inline-block;
				position: relative;
			}
			.pane-node-content-type::before{
				content: "•";
		    display: block;
		    vertical-align: unset;
		    position: absolute;
		    left: -15px;
		    padding-right: 5px;
			}
			.panel-separator{
				display: inline-block;
			}
			.pane-node-field-featured-image{

				.pane-content{

					.field-name-field-featured-image{

						.field-items{

							.field-item{

								img{
									// margin: 0px auto 20px;
									max-width: 720px;
									width: 100%;
									height: auto;
									margin: 0 0 24px;
									}
							}
						}
					}
				}
			}
		}
	}
	.pane-content h2{
		font-weight:100;
		margin-bottom: 20px;
		@media @mob {
			font-size: 22px;
    line-height: 30px;
    letter-spacing: .05em;
		}
	}
		.contextual-links-region{

					img{
//						margin: 0px auto 20px;
						max-width: 400px;
						width: 100%;
						height: auto;

			}
		}
}
/*End Posts pages*/

/**** Video Node ****/
/**** end Video Node ****/


/**** EVENTSVIEW - Events View Page ****/
/**** end EVENTSVIEW - Events View Page ****/

/**** EVENTSNODE - Events Node Page ****/
/**** end EVENTSNODE - Events Node Page ****/

//contact/issues/pages/videoPage and search page
.page-search-node{
		#block-system-main #search-form #edit-keys {
			font-family: 'Raleway',verdana,sans-serif;
			box-sizing: border-box;
			-moz-box-sizing: border-box;
			width: 100%;
			padding: 0px 0px 0px 2%;
			height: 36px;
			line-height: 100%;
			border: 1px solid #c6c6c6;
			border-radius: 0px;
			font-size: 18px;
			font-weight: 300;
			color: #6b6b6b;
			background-color: #ffffff;
		}
			 #block-system-main #search-form #edit-submit {
				font-family: 'Raleway',verdana,sans-serif;
				box-sizing: border-box;
				-moz-box-sizing: border-box;
				background-color: #cb3535;
				color: #ffffff;
				font-size: 18px;
				font-weight: 600;
				width: 100%;
				height: 36px;
				line-height: 36px;
				padding: 0px 0px;
				float: right;
				border: none;
				cursor: pointer;
				text-transform: uppercase;
				-webkit-appearance: none;
				border-radius: 0px;
				transition: all 0.3s ease;
			}
}
.page-node-225{
	#block-system-main{
		text-align: center;
	}
}
.page-contact, .page-issues, .page-node-55{
	#block-system-main{
		.view-content{
			.views-row{
				display: inline-block;
    			width: 100%;
				h3{
					@media @mob{font-size: 30px;}
				}
			img{
				float: left;
    			margin-right: 30px;
				max-width: 160px;
				    margin-top: 0px;
				@media @xsmob{
					float: left;
					margin-right: 30px;
					max-width: 260px;
					margin-bottom: 10px;
					width: 100%;
					margin-top: 0px;
					height: auto;
				}
			}
			}
		}
	}
}
//contact/issues/pages

/* WEBFORMSTYLES - Webform Styles */
.node-type-webform{

	#block-system-main{

		.field-name-body{
			margin: 0px 1%;
		}
		form{

			.contact_wrap{
				@media @dsk{width: 48%; float: left;}
				.form-item{
					label{
					display: none;
					}
				}
			}

			.form-item{
				.box-sizing;
				margin: 0px;


				&.webform-component-textfield, &.webform-component-email, &.webform-component-textarea, &.webform-component-markup{
					float: left;
					width: 48%;
					margin: 10px 1%;
					padding: 0px;
					@media @mob{width: 98%;}

					input, textarea{
						.font;
						.box-sizing;
						width: 100%;
						padding: 0px 0px 0px 5%;
						height: 36px;
						line-height: 36px;
						border: 1px solid #c6c6c6;
						border-radius: 0px;
						font-size: 13px;
						font-weight: 400;
						color: @gry;
						background-color: @wht;
					}
					input{
						line-height: 100%;
						@media @ie8{line-height: 36px;}
					}
					textarea{
						height: auto;
						line-height: auto;
					}
				}
				&#webform-component-message-subject, &#webform-component-your-message, &#webform-component-email-address, &.webform-component-markup{
					width: 98%;

					.form-banner{
						background-color: @acc;
						color: @wht;
						font-size: 24px;
						line-height: 48px;
						padding: 0px 20px;
						text-transform: uppercase;
						@media @mob{font-size: 18px; line-height: 30px; text-align: center;}
					}
				}

				&.webform-component-select{
					float: left;
					width: 48%;
					margin: 10px 1%;
					padding: 0px;
					@media @mob{width: 98%;}

					select{
						.font;
						.box-sizing;
						width: 100%;
						padding: 0px;
						height: 38px;
						line-height: 38px;
						border: 1px solid #c6c6c6;

						-webkit-appearance: none;

						font-size: 13px;

						font-weight: 400;
						color: @gry;
						background-color: @wht;
					}
				}
				&.webform-component-checkboxes, &.webform-component-radios{
					float: left;
					width: 98%;
					margin: 10px 1%;
					padding: 0px;
					@media @dsk{width: 48%; float: right;}

					label[for="edit-submitted-volunteer"]{
						background-color: @acc;
						color: @wht;
						font-size: 24px;
						line-height: 48px;
						padding: 0px 20px;
						text-transform: uppercase;
						margin: 0px 0px 20px;
						span.form-required{
							display: none;
						}
						@media @mob{font-size: 18px; line-height: 30px; text-align: center;}
					}

					.form-type-checkbox, .form-type-radio{
						float: left;
						width: 50%;
						margin: 10px 0%;
						padding: 0px;
						@media @mob{width: 100%;}

						input{
							.box-sizing;
							width: auto;
							border: none;
							height: auto;
							line-height: auto;
							margin: 0px 5% 10px;
							float: left;
						}
						label{
							.font;
							.box-sizing;
							font-size: 13px;
							font-weight: 700;
							color: @gry;
							min-height: 32px;
						}
					}
				}

				label{
					color: @gry;
					display: block;
					.font;
					.box-sizing;
				}
			}
			.form-actions{
				clear: both;
				width: 50%;
				max-width: 200px;
				margin: auto;
				padding: 20px 0px 0px;
				@media @mob{max-width: none;width: 100%;}

				.form-submit{
					.font;
					.box-sizing;
					background-color: @acc;
					color: @wht;
					font-size: 18px;
					font-weight: 700;
					width: 100%;
					height: 54px;
					line-height: 48px;
					padding: 0px 0px;
					float: right;
					border: none;
					cursor: pointer;
					text-transform: uppercase;
					-webkit-appearance: none;
					border-radius: 0px;
					@media @mob{font-size: 18px; line-height: 48px; height: 54px;}

					&:hover{
						background-color: @acchov;
					}
				}
			}
		}
	}
}
/* end WEBFORMSTYLES - Webform Styles */

/* DRUPALADMIN - Drupal Admin Styles */
/*tabs*/
ul.primary{
	border: none;
	padding: 0px;
	margin: 0px;

	li{
		display: inline-block;
		a{
			display: block;
			margin: 0px;
			border: none;
			background-color: @pri;
			color: @wht;
			text-transform: uppercase;
		}
		&.active, &:hover{
			a{
				display: block;
				margin: 0px;
				border: none;
				color: @acc;
				background-color: @pri;
			}
		}
	}
}
/*status*/
div.status, div.error{
	opacity: 0.8;
	margin: 24px 0px 0px;
}
/*user login*/
.page-user{
	#block-system-main{
		.form-item{
			label{
				color: @gry;
				display: block;
				.font;
				.box-sizing;
			}
			input{
				.font;
				.box-sizing;
				width: 100%;
				padding: 0px 0px 0px 2%;
				height: 36px;
				line-height: 100%;
				border: 1px solid #c6c6c6;
				border-radius: 0px;
				font-size: 13px;
				font-weight: 400;
				color: @gry;
				background-color: @wht;
				@media @ie8{line-height: 36px;}
			}

		}
		.form-actions{
			clear: both;
			width: 50%;
			max-width: 200px;
			margin: 0px;
			padding: 20px 0px 0px;
			@media @mob{max-width: none;width: 100%;}

			.form-submit{
				.font;
				.box-sizing;
				background-color: @acc;
				color: @wht;
				font-size: 13px;
				font-weight: 700;
				width: 100%;
				height: 36px;
				line-height: 36px;
				padding: 0px 0px;
				float: right;
				border: none;
				cursor: pointer;
				text-transform: uppercase;
				-webkit-appearance: none;
				border-radius: 0px;
				&:hover{
					background-color: @acchov;
				}
			}
		}
	}
}
/* end DRUPALADMIN - Drupal Admin Styles */
/* Splash Styles */
#html-greyed-out{
	background: rgba(0, 0, 0, .7);
	height: 100%;
	position: fixed;
	width: 100%;
	z-index: 9999;
}
#boxes-box-congress_enews_popup{
	display: none;
	position: fixed;
	width: 100%;
	z-index: 10000;
	max-width: 960px;
	top: 20%;
	right: 0;
	left: 0;
	border: none;
	background: @acc;
	color: @wht;
	border-radius: 10px;
	margin: 0 auto;
	padding: 40px;
	box-sizing: border-box;
	@media @mob{top: 0%;}
	#close-enews-popup{
		position: absolute;
		&:hover{
		cursor: pointer;
			@media @mob{top: 16px;}
	}
	}
	#house_enews_popup{
		text-align: center;

		#logo-enews{
			max-width: 238px;
			width: 100%;
			margin: 0px auto;
		}
		#title-enews-head{
			color: @wht;
			font-size: 60px;
			margin: 23px 0px 24px 0px;
			@media @mob{font-size: 37px;
    line-height: 35px;
			    margin: 12px 0px 12px 0px;
			}
			.img-enews-stars{
				display: inline-block;
				width: 100%;
				max-width: 141px;
				height: auto;
				vertical-align: middle;
				padding: 0px 10px 5px;
			}
		}
		#house_enews_popup_inner{
			max-width: 350px;
			width: 100%;
			margin: 0px auto;

			#title-enews-sub{
				color: @wht;
				@media @mob{font-size: 24px;}

			}
			#signup-email{
				display: block;
				max-width: 350px;
				width: 100%;
				margin: 35px auto 28px;
				background: rgba(0, 0, 0, 0.7);
				border: none;
				color: #ffffff;
				padding: 16px;
				border-radius: 8px;
				@media @mob{margin:12px auto; width: auto;}
					::-webkit-input-placeholder { /* Chrome/Opera/Safari */
					color: #ffffff !important;
					}
					::-moz-placeholder { /* Firefox 19+ */
						color: #ffffff !important;
					}
					:-ms-input-placeholder { /* IE 10+ */
						color: #ffffff !important;
					}
					:-moz-placeholder { /* Firefox 18- */
						color: #ffffff !important;
					}
			}
			#form-enews-submit{
				display: block;
				max-width: 220px;
				width: 100%;
				margin: 0px auto;
				background: #ffffff;
				border-radius: 8px;
				padding: 16px;
				color: #c22121;
				    font-weight: 600;
					&:hover{
						cursor: pointer;
						color: #ffffff;
						background:#c22121;
						border: 1px solid #ffffff;
					}
			}
		}
	}
}
/* end Splash Styles */