/* Added to styles to top to pick up on all home page */

.hero-contaier .hero-triangle .content {
	padding-left: .9375rem;
}
.hero-contaier .hero-triangle .content h1 {
	color: white;
	line-height: 1;
	font-weight: 700;
	font-size: 3.45em;
	text-shadow: 0px 2px 2px black;
}
.hero-contaier .hero-triangle .content p {
	font-weight: bold;
	font-style: italic;
	font-size: 1.7em;
	text-shadow: 0px 2px 2px black;
}
.hero-contaier .hero-triangle .content a {
	color: white;
}
.hero-contaier .hero-triangle .content a:hover {
	color: white;
}

/* End styles to top to pick up on all home page */



body {
	font-family: "Helvetica", "Arial", sans-serif;
	background: white;
	color: #363636;
	font-size: 16px;
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Helvetica", "Arial", sans-serif;
}
a {
	color: #004265;
	font-weight: 600;
}
a:hover, a:visited {
	color: #FC6621;
}
p {
	line-height: 1.8;
}
.row {
	max-width: 62rem;
	padding: 0;
}
.columns {
	padding-left: 0;
	padding-right: 0;
}
.column {
	padding-left: 0;
	padding-right: 1.75rem;
}

img {
	max-width: 100%;
	max-height: 100%;
}
.notice {
	color: #acacac;
}
.button {
	background-color: #58b74e;
	font-weight: 700;
	padding: .75rem 1.5rem;
	color: white;
	font-size: 1.25em;
}
.button:hover, .button:focus {
	background-color: #58b74e;
}
.button.block {
	display: block;
	max-width: 300px;
}
.button:visited {
	color: white;
}
.orange-button {
	background: #58b74e;
	border-bottom: solid 2px #489640;
	border-radius: 5px;
}
.gray-bg {
	background: #f4f4f4;
}
.orange-bg {
	background: rgba(27, 48, 108, 0.99);
}
.blue-font {
	color: #004265;
}
.bold {
	font-weight: bold;
}
.center-item {
	margin: 0 auto;
	display: block;
}
.vertical-spacer {
	padding: 3rem 0;
}
.blocks {
	list-style-type: none;
}
blockquote {
	position: relative;
	color: #FC6621;
	border-left: none;
}
blockquote p {
	color: #FC6621;
	font-style: italic;
	padding-top: 1.75rem;
	font-size: 1.15em;
}
blockquote p:after {
	content: '';
	background: url(../img/bottom-quote-orange.png) no-repeat;
	position: relative;
	display: block;
	width: 93px;
	height: 70px;
	float: right;
	opacity: .15;
}
blockquote:before {
	content: '';
	background: url(../img/top-quote-orange.png) no-repeat;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	z-index: -1;
	opacity: .15;
}
.blue-checklist li {
	color: #004265;
	font-weight: bold;
	margin-bottom: 1.5rem;
}
.blue-checklist li:before {
	content: '';
	background: url(../img/blue-checkmark.png) no-repeat;
	display: block;
	width: 30px;
	height: 23px;
	float: left;
	margin-right: .5rem;
}
table {
	border: 1px solid #ccc;
	border-collapse: collapse;
	margin: 0;
	padding: 0;
	width: 100%;
	table-layout: fixed;
}

table tr {
	background: #f8f8f8;
	border: 1px solid #ddd;
	padding: .35rem;
}

table th {
	padding: .625rem;
	text-align: center;
	font-size: .85em;
	letter-spacing: .1em;
	text-transform: uppercase;
}
table td {
	padding: .625rem;
}

.breadcrumbs-container {
	background: #1374b6;
}
.breadcrumbs-container .breadcrumbs {
	margin: .3rem;
}

.breadcrumbs-container .breadcrumbs li {
	text-transform: inherit;
}
.breadcrumbs-container .breadcrumbs li a {
	color: white;
	font-weight: 600;
}
.breadcrumbs-container .breadcrumbs li a:hover {
	text-decoration: none;
}
.breadcrumbs-container .breadcrumbs li:not(:last-child):after {
	content: "|";
	color: white;
	margin: 0 0.25rem;
	top: 0;
}
.archive-crumbs {
	list-style-type: none;
	margin-left: 0;
}
.archive-crumbs li {
	display: inline-block;
	font-size: .9rem;
}
.archive-crumbs li:after {
	content: "|";
	padding: 0 .25rem;
}
.archive-crumbs li:last-child:after {
	content: "";
	padding: 0;
}
.top-nav-container {
	background: url(../img/black-gradient.png) repeat-x black;
}
.top-nav-container .vagov-logo {
	margin-right: 1.5em;
}
.top-nav-container .top-nav {
	margin-top: .4rem;
}
.top-nav-container .top-nav a {

	font-size: .85em;
	color: white;
	font-weight: 700;
}
.top-nav-container .top-nav a:first-child::after {
	content: '|';
	padding: 0 .5em;
}
.top-nav-container .top-nav a:last-child {
	margin-top: .3rem;
	margin-right: .2rem;
}
.sub-head-container {
	background: #0e4262;
	background: url(../img/top-header-bg.jpg) 50% no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	border-bottom: solid 2px white;
}
.sub-head-container .vstim-logo {
	margin: 1.5rem 0;
	padding-right: 1rem;
}

.sub-head-container .title-text {
	display: inline-block;
	color: white;
	margin-top: 2.25rem;
	font-size: 2em;
	font-weight: bold;
}

.main-nav-container {
	background: #58b74e;
	-webkit-box-shadow: 1px 6px 10px -4px #464646;
	-moz-box-shadow: 1px 6px 10px -4px #464646;
	box-shadow: 1px 6px 10px -4px #464646;
	position: relative;
}
.main-nav-container .top-bar {
	padding: 0;
	background: #58b74e;
}

.main-nav-container .top-bar a {
	color: white;
	font-weight: 600;
}

.main-nav-container .top-bar .is-drilldown {
	padding-bottom: 1rem;
}
.main-nav-container .menu {
	float: right;
}

.main-nav-container .menu li {
	border-right: solid 1px #8acd83;
	padding: .25rem .75rem;
}

.main-nav-container .menu li:first-child {
	border-left: solid 1px #8acd83;
}
.main-nav-container .menu li.active {
	background: #80c878;
}
.main-nav-container .menu li:hover {
	background: #80c878;
}
.main-nav-container .menu a {
	padding: .4rem 1rem;
}
.main-nav-container .menu .active > a {
	background: none;
}
.main-nav-container .menu.is-dropdown-submenu {
	background: white;
	border: 1px solid #58b74e;
	min-width: 250px;
}
.main-nav-container .menu.is-dropdown-submenu li {
	border-left: none;
	border-right: none;
}
.main-nav-container .menu.is-dropdown-submenu li:hover {
	background: #e9f5e7;
}
.main-nav-container .menu.is-dropdown-submenu li a {
	color: #58b74e;
}
.main-nav-container .dropdown.menu.large-horizontal > li.is-dropdown-submenu-parent > a:after {
	border: none;
	background: url(../img/down-arrow.png) no-repeat;
	display: block;
	width: 14px;
	height: 9px;
	top: .75rem;
}
.main-nav-container .is-drilldown-submenu-parent > a:after {
	border: none;
	background: url(../img/right-arrow.png) no-repeat;
	display: block;
	width: 9px;
	height: 14px;
}

.main-nav-container .js-drilldown-back > a:before {
	border: none;
	background: url(../img/left-arrow.png) no-repeat;
	display: block;
	width: 9px;
	height: 14px;
	position: absolute;
	left: 0.5rem;
}
.main-nav-container .top-bar ul, .main-nav-container .title-bar {
	background: #58b74e;
}
.main-nav-container .title-bar {
	display: none;
}

.main-nav-container .search-icon {
	background: url(../img/search-icon.png) no-repeat;
	display: block;
	width: 21px;
	height: 21px;
	position: absolute;
	right: 35px;
	top: 10px;
}
.hero-contaier2 {
	position: relative;
	background: url(../img/home-hero2.jpg) no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 460px;
	color: white;
}
.hero-contaier {
	position: relative;
	background: url(../img/home-hero.jpg) no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 460px;
	color: white;
}

.hero-contaier .hero-triangle {
	position: absolute;
	top:160px;
	bottom: 2rem;
	width: 100%;
}
.hero-contaier .hero-triangle .content {
	color: white;
}

.members-hero .content {
    padding: 2rem;
	padding-top: 7.5rem;}

.common-hero .content {
	padding: 5% 0 0 0;
}

.common-hero-contaier {
	color: white;
}
.common-hero-contaier .content {
	color: white;
}
.common-hero-contaier .content h1 {
	color: white;
	line-height: 1;
	text-shadow: 0px 2px 2px black;
	font-weight: 300;
}

.common-hero-contaier .content p {
	font-weight: bold;
	font-style: italic;
	font-size: 1.25em;
	text-shadow: 0px 2px 2px black;
}	

.profile-hero-contaier {
	-webkit-background-size: contain;
	moz-background-size: contain;
	-o-background-size: contain;
	background-size: contain;
	min-height: 230px;
	background-repeat: no-repeat;
}

.profile-hero-contaier .content {
	color: white;
	padding: 8% 0 0 0;
}

.profile-hero-contaier .content h1 {
	color: white;
	text-shadow: 0px 2px 2px black;
	font-weight: 300;
}

.profile-hero-contaier .content span {
	display: block;
	text-shadow: 0px 2px 2px black;
}
.profile-hero-contaier .content .district {
	font-weight: bold;
	font-size: 1.25em;
	font-style: italic;
}
.profile-hero-contaier .content .term {
	font-size: .85em;
}
.home-sub-footer-container {
	background: url(../img/home-sub-footer-bg.jpg) no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	color: white;
}

.image-blocks li {
	margin-bottom: 1.5rem;
}
.image-blocks li .container {
	background: white;
	border-radius: 5px;
	border-bottom: solid 0.75rem #58b74e;
	min-height: 400px;
	position: relative;
}

.image-blocks li .container a {
	color: #004265;
}
.image-blocks li .container a:hover, .image-blocks li .container a:visited {
	color: #FC6621;
}
.image-blocks li .container a.learn-more {
	position: absolute;
	bottom: .25rem;
}
.image-blocks li .container .spacer {
	padding: 1rem;
}

.image-blocks li .container .logo-container img {
	width: 100%;
	border-radius: 5px 5px 0 0;
}
.image-blocks li .container .title {
	color: #004265;
	font-size: 1.25em;
	margin-bottom: .5rem;
	font-weight: 600;
}
.icon-blocks {
	margin-bottom: 0;
}

.icon-blocks li {
	margin-bottom: 1.5rem;
}
.icon-blocks li img {
	margin-bottom: 1rem;
}
.icon-blocks li h3 {
	font-size: 1.25em;
	font-weight: 600;
	border-bottom: solid 2px #58b74e;
	padding-bottom: .5rem;
	margin-bottom: 1rem;
	color: white;
}
.icon-blocks li .summary {
	color: white;
}
.profile-blocks {
	margin-bottom: 2rem;
}
.profile-blocks li {
	margin-bottom: 1.5rem;
}
.profile-blocks li .container {
	position: relative;
	background: #e2e2e2;
	border-radius: 5px;
}
.profile-blocks li .container .logo-container img {
	border-radius: 5px 5px 0 0;
}
.profile-blocks li .container .overlay {
	position: absolute;
	width: 100%;
	height: 100%;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff6600+0,ce5a18+47,a04f2e+57,694348+67,5e3f4e+74,00297b+100 */
	background: #ff6600;
	/* Old browsers */
	background: -moz-linear-gradient(top, #ff6600 0%, #ce5a18 47%, #a04f2e 57%, #694348 67%, #5e3f4e 74%, #00297b 100%);
	/* FF3.6-15 */
	background: -webkit-linear-gradient(top, #ff6600 0%, #ce5a18 47%, #a04f2e 57%, #694348 67%, #5e3f4e 74%, #00297b 100%);
	/* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #ff6600 0%, #ce5a18 47%, #a04f2e 57%, #694348 67%, #5e3f4e 74%, #00297b 100%);
        /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff6600', endColorstr='#00297b', GradientType=0 );
	/* IE6-9 */
	opacity: .35;
	border-radius: 5px;
	display: none;
}
.profile-blocks li .container .bio-intro {
	color: #004265;
	padding: 1.5rem .65rem 1rem .65rem;
	min-height: 125px;
	font-size: .9em;
	line-height: 1.2;
}
.profile-blocks li .container .bio-intro .title {
	font-weight: bold;
	margin-bottom: .5rem;
}
.sub-footer-container {
	background: #58b74e;
}
.sub-footer-container h2 {
	color: white;
}

.sub-footer-container img {
	padding-top: .5rem;
}
.sub-footer-container a.button, .sub-footer-container a.button:hover {
	color: white;
}
.content-container ul li {
	padding-bottom: .65rem;
}
.content {
	padding: 2rem 0;
}
.content h1, .content h2 {
	color: #004265;
}
.content h2 {
	font-size: 1.75em;
	margin-bottom: .75rem;
}
.content a {
	color: #004265;
}
.content a:hover, .content a:visited {
	color: #FC6621;
}
.content img {
	padding: 0 1rem 2.5rem 1rem;
}

.content form img {
	padding: 0;
}
.content .blue-checklist {
	padding-top: 3.5rem;
	padding-left: 1.5rem;
}

.content .content-spacer {
	padding: 1rem;
}
.basic h1, .basic h2 {
	font-size: 1.75em;
	color: #004265;
	margin-bottom: 1.25rem;
}

.basic .headline, .basic h3 {
	color: #004265;
	font-weight: bold;
	font-size: 1.35em;
}
.profile {
	position: relative;
}
.profile .orange-button {
	/*position: absolute;*/
	bottom: 3rem;
}

aside.columns {
	padding-left: 2rem;
}
aside .aside-callout {
	margin-bottom: 1.5rem;
}
aside .aside-callout p {
	color: #004265;
	margin-bottom: .5rem;
	font-size: .9em;
	font-weight: bold;
	line-height: 2;
}
aside .aside-callout a {
	font-size: .9em;
	font-weight: bold;
}
aside .aside-callout img {
	margin: 0.5rem 0;
}
aside .aside-callout h2, aside .aside-callout h3 {
	color: #58b74e;
	font-size: 1.3em;
	font-weight: bold;
}
.gsc-search-box {
	border: none;
}
.gsc-search-box tbody {
	border: none;
}
.gsc-search-box .gsc-input {
	padding-top: 0 !important;
}
.gsc-search-box tr {
	border: none;
	background: transparent;
}
.gsc-search-box .gsc-search-button-v2 {
	background-color: #58b74e !important;
	border-color: white !important;
	width: auto !important;
	height: auto !important;
}
footer {
	background: #1374b6;
	color: white;
	padding: 3rem 0 2.5em 0;
	font-size: .85em;
}

footer a {
	color: white;
}
footer a:hover {
	text-decoration: none;
}
footer nav {
	margin-bottom: .8rem;
	font-weight: 700;
}
footer nav a:after {
	content: "|";
	color: white;
	margin: 0 .5rem;
}
footer nav a:last-child:after {
	content: "";
}
.breadcrumbs-container2 {
	background: #ffff99;
	text-align: center;
	padding: 5px;
}
.breadcrumbs-container2 .breadcrumbs a {
	color: blue;
	font-weight: 600;
	font-size: 17px;
}

@media all and (min-width:1501px) {
.members-hero {min-height:400px; background-position: center;}
}

@media all and (min-width:1351px) and (max-width:1500px){
.members-hero {min-height:350px; background-position: center;}
}
@media all and (min-width:1024px) and (max-width:1350px) {
.members-hero {min-height: 300px; background-position: center;}	
.members-hero .content {padding: 10% 0 0 -100px;}	
}
@media screen and (max-width:63.9375em) {
	table {
	border: 0;
}	
	table thead {
	border: none;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}	
	table tr {
	border-bottom: 3px solid #ddd;
	display: block;
	margin-bottom: .625rem;
}	
	table td {
	border-bottom: 1px solid #ddd;
	display: block;
	font-size: .8em;
	text-align: right;
}
	table td:before {
	content: attr(data-label);
	float: left;
	font-weight: bold;
	text-transform: uppercase;
}
	table td:last-child {
	border-bottom: 0;
}	
	.breadcrumbs-container .breadcrumbs {
	padding-left: .9375rem;
	margin-left: 0;
}
	.sub-head-container .vstim-logo {
	display: block;
	margin: 0 auto;
}
	.sub-head-container .title-text {
	margin-top: 0;
	text-align: center;
	font-size: 1.75em;
	display: block;
	line-height: 1.2;
	margin-bottom: 1rem;
	padding: 0 .5rem;
}
	.sub-head-container .float-left {
	float: none !important;
	padding: 1rem;
}	
	.main-nav-container .top-bar .text-right {
	text-align: left;
}
	.main-nav-container .menu li {
	border-right: none;
}
	.hero-contaier .hero-triangle .content {
	padding-left: .9375rem;
}

.hero-contaier .hero-triangle .content h1 {
	color: white;
	line-height: 1;
	font-weight: 700;
	font-size: 3.45em;
	text-shadow: 0px 2px 2px black;
}

.hero-contaier .hero-triangle .content p {
	font-weight: bold;
	font-style: italic;
	font-size: 1.7em;
	text-shadow: 0px 2px 2px black;
}

.hero-contaier .hero-triangle .content a {
	color: white;
}
.hero-contaier .hero-triangle .content a:hover {
	color: white;
}
.members-hero {
	background-repeat:no-repeat;
	background-position:top center !important;
	background-size: cover;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	min-height:300px;
}
.common-hero {
	background: url(../img/common-hero.jpg) no-repeat;
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 206px;
}
		.common-hero {
	min-height: auto;
    min-height: 277px;
}
	.common-hero .content {
	padding: 1rem;
}
	.profile-hero-contaier .content {
	padding: 2rem .5rem 0 .5rem;
}
	.content-container {
	padding-left: .9375rem;
	padding-right: .9375rem;
}
	.content {
	padding: 2rem 0;
}
	footer {
	padding-left: .9375rem;
	padding-right: .9375rem;
}
}
@media screen and (min-width: 40em) and (max-width: 63.9375em) {
	.main-nav-container .menu {
	font-size: .85em;
}
}

@media screen and (min-width:828px)   {
	.members-hero .content {
    /*padding: 2rem;
    padding-top: 7.5rem;*/
}
}	
@media screen and (max-width: 39.9375em) {
  .button {
    font-size: 1em;
  }
  .column {
    padding-left: 0;
    padding-right: 0;
  }
  .top-nav-container .vagov-logo {
    float: none !important;
  }
  .top-nav-container .top-nav {
    margin-top: 0;
    margin-bottom: .5rem;
    padding-left: .9375rem;
    padding-right: .9375rem;
  }
  .main-nav-container .top-bar {
    text-align: left;
  }
  .main-nav-container .is-drilldown-submenu-parent > a:after {
    right: -.25rem;
  }
  .main-nav-container .title-bar {
    margin-left: .2375rem;
  }
	.hero-contaier .hero-triangle {
	position: relative;
	bottom: inherit;
}
	.hero-contaier {
	min-height: 300px;
}
	.hero-contaier .hero-triangle .content h1 {
	font-size: 1.5em;
    margin-top: -100px; 
}
	.hero-contaier .hero-triangle .content p {
	font-size: 1.15em;
	line-height: 1.35;
}
	.profile-hero-contaier {
	-webkit-background-size: cover;
	moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-position: 50%;
}
	.common-hero-contaier .content p {
	font-size: 1.15em;
	line-height: 1.35;
}
	.common-hero-contaier .content h1 {
	/*font-size: 1.5em;*/
		font-size:2em;
}
	.profile-hero-contaier .content h1 {
	font-size: 1.5em;
}
	.profile-hero-contaier .content {
	padding-left: .9375rem;
	padding-right: .9375rem;
}
	.home-sub-footer-container {
	min-height: auto;
}
	.image-blocks li .container {
	min-height: auto;
	padding: 0 .75rem;
}
	.image-blocks li .container .spacer {
	padding: 1rem 0;
}
	.icon-blocks {
	padding-left: .9375rem;
	padding-right: .9375rem;
}
	.sub-footer-container h2 {
	font-size: 1.5em;
}
	.content h1, .content h2 {
	font-size: 1.5em;
}
	.content img {
	float: none !important;
}
	.content .blue-checklist {
	padding-top: 1.5rem;
	padding-left: inherit;
}
	.basic h1, .basic h2 {
	font-size: 1.5em;
}
	.profile .orange-button {
	position: relative;
	margin-top: 1rem;
	bottom: 0;
}
	aside.columns {
	padding-left: 0;
}
	.members-hero {min-height: 180px;} 
}
		


/*# sourceMappingURL=app.css.map */