/* Optionally, add your own components here. 
@import "print.css";
*/
/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

/* THEME OPTIONS ************************** */
* {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 0 !important;
}
/* GLOBAL ********************************* */
/* ----- Body ------------------------ */
html {
	font-size:100%;
}
body {}
/* -----
.primary {background-color:#3182B0;}
.secondary {background-color:#113A77;}
.tertiary {background-color:#C4C4C4;}
.quaternary {background-color:#BA1A20;}
.quinary {background-color:#c3c3c3;}
.senary {background-color:#e2e2e2;}
.septenary {background-color:#cccccc;}
.octonary {background-color:#e0e0e0;}
------- */
.nonary {background-color:#f4f4f4;}

/* ----- Custom Fonts ---------------- */
/* ----- Text ------------------------ */

/* ----- Links ----------------------- */
/* ----- Lists ----------------------- */
.view ul,
.block ul {
	margin-left: 0;
}
.view ul {
	padding-left: 0.5rem;
}
ul.list-inline {
	padding-left: 0;
}
nav ul li,
aside .block ul li  {
	list-style:none;
	list-style-type: none;
}
.view ul li,
.block ul li,
.block-views ul li {
	margin: 0 0 0.25em 0;
}
ul.primary {
	background: transparent;
}
/* ----- Tables ---------------------- */
table th.active img  
    width: auto;
}

/* ----- Forms ----------------------- */
select, textarea, input[type="text"], input[type="password"],
input[type="datetime"], input[type="datetime-local"],
input[type="date"], input[type="month"], input[type="time"],
input[type="week"], input[type="number"], input[type="email"],
input[type="url"], input[type="search"], input[type="tel"],
input[type="color"],  .uneditable-input {
	width:100%;
}
.form-item, .form-actions {
	margin-top: 0;
	margin-bottom: 1em;
}
/* HEADER ********************************* */
/* ----- Header Region --------------- */
/* ----- Search Box ------------------ */
/* ----- Logo ------------------------ */
/* ----- Site Title and Slogan ------- */
header.header {
	margin:0;
	padding:0;
	position: relative;
}
header a.logo {
	margin: 0;
	padding:0;
	width: auto;
}
header a.logo:hover {
	opacity:1;
}
header a.logo img {
	max-height: initial;
}
.navbar-brand {
	display: none;
	float: none;
	text-align: center;
}
.container>.navbar-header {
	margin-right: 0;
	margin-left: 0;
}

/* NAVIGATION ***************************** */
/* ----- Main Navigation ------------- */
section.responsivenav {
	float:right;
	z-index: 675;
}
ul li.expanded {
	margin: 0;
}
.dropdown-menu>li>a  {
	padding: 6px 20px;
}
.icon-bar {
	display: block;
	margin-bottom: 3px;
	width: 18px;
	height: 2px;
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	-moz-box-shadow: 0 1px 0 rgba(0,0,0,0.25);
	box-shadow: 0 1px 0 rgba(0,0,0,0.25);
}
.icon-bar:last-child {
	margin-bottom: 0;
}
.nav>li>a:hover, .nav>li>a:focus {
	background-color: #d3d3d3;
}
/* ----- Secondary Navigation -------- */
/* ----- Breadcrumbs ----------------- */
/* ----- First Sidebar Menu Blocks --- */
/* ----- Second Sidebar Menu Blocks -- */
/* ----- Admin Menu ------------------ */
/* ----- Pager Nav ------------------- */
/* ----- REPONSIVE NAVIGATION -------- */
body.v2 .head-top.nvregion {
	padding:15px;
	position:fixed;
	width:100%;
	top:0;
	z-index:700;
}
nav#menu.bigslide {
    position: fixed;
    left: -15.625em; /*left or right and the width of your navigation panel*/
    width: 15.625em; /*should match the above value*/
	z-index:700;
}
a.menu-link {
	display:block;
	padding: 10px;
}

.wrap { 
    position: relative; 
}
/* CONTENT ********************************** */
object,
embed,
iframe {
	max-width: 100% !important;
	min-width: 100% !important;
	width:100% !important;
}
img {
	height: auto;
	width: 100%;
}
.field,
.node .field-type-oberon-form {
	margin:0 0 20px 0;
}
span.field {
	display:block;
}
/* VIEWS ********************************** */
.flexslider {
	background: transparent;
	border:0;
	box-shadow:none;
	margin: 0;
}
.flex-direction-nav a {
	background:white;
	border-radius:40px !important;
	line-height: 40px;
	opacity: 1;
}
.flexslider:hover .flex-prev,
.flex-direction-nav .flex-prev {
	left: 10px;
	text-align:center;
}
.flexslider:hover .flex-next,
.flex-direction-nav .flex-next {
	right: 10px;
	text-align:center;
}
.flex-direction-nav a:before {
	color:black;
	font-size: 20px;
}
.flexslider .node {
	margin: 0 auto;
	width: 80%;
}
.more-link {
	clear:both;
}
section.block .view .view-content ul li {
	overflow: hidden;
}

/* ----- Search Results -------------- */

/* CONTAINERS ***************************** */
.main-container.nvregion {
	padding:40px 0;
}
/* HERO ***************************** */
.hero {
	position: relative;
}

/* OBERON ***************************** */
body.html .nv-template-accelerator input.form-submit {
	background-image:none;
	border: 0;
	filter:none;
	height: auto;
	padding: 0;
	margin: 0 auto;
	text-shadow:none;
}
body.html .nv-template-accelerator fieldset legend {
	text-shadow: none;
}
body.html .multistep-layout.split-layout .markup-HeaderHtml h1,
.nv-template-accelerator div.ngp-col.secondary {
	background: transparent;
	color: black;
}
.nv-template-accelerator .ngp-col fieldset select {
	height: 35px;
}
body.html .at-markup.UpdateMyProfile {
    margin: 0 0 20px 0;
}
body.html .ngp-admin-links {
	margin: 0 0 20px 0;
}
.at .HeaderHtml, .at .FooterHtml {
    padding: 1.25rem 0;
}
.v2 .at-inner {
	padding: 20px;
}
.v2 .at fieldset {
-webkit-padding-start: 0;
-webkit-padding-end: 0;
-webkit-padding-after: 0;
	border: 0;
	border-width: 0;
	padding: 0;
}
.v2 .ngp-form.at h1 {
    font-size: 24px;
    font-weight: bold;
}
.v2 header.at-title {
	font-size: 24px;
    padding: 12px;
}
.v2 .at fieldset legend {
	margin: 5px 0;
}
.v2 .at-row.at-row-solo {
    margin: 0 0 5px 0;
}
.v2 .quicksignup .at-row>[class^="at-"] {
	margin: 0;
    min-width: 100%;
}
.v2 .at label select,
.v2 .at label input {
	height: 46px;
	width:100%;
}
.v2 .at-form-submit {
    padding: 0;
    width: 100%;
}
.v2 .at-form-submit .at-submit {
	display:block;
	margin:0;
}
.v2 .at p {
    display: block;
    -webkit-margin-before: 1em;
    -webkit-margin-after: 1em;
    -webkit-margin-start: 0px;
    -webkit-margin-end: 0px;
}

/* actiontag Quicksignup 	*********************************** */
.quicksignup section.at-inner {
	background-color: transparent;
	border:0;
}
.quicksignup .at .at-fieldset {
	padding: 0;
}
.quicksignup header.at-title,
.quicksignup .at-markup.UpdateMyProfile,
.quicksignup .YesSignMeUpForUpdatesForBinder {
    display: none !important;
}
.v2 .at .FooterHtml {
    margin: 30px 0 0 0;
}
.v2 .quicksignup .at-inner {
    border: 0;
    border-radius: 0;
    background-color: transparent;
    padding: 0;
}
.quicksignup .at .ngp-col fieldset input,
.quicksignup .at .ngp-col fieldset select {
	height: 4rem;
}
.quicksignup .at-form-submit {
	padding: 0; 
	text-align: center;
}
.quicksignup .at input[type="submit"] {
	height: 4rem;
	margin: 0;
	padding: 0;
	text-align: center;
}
.quicksignup label.at-text {
	font-size:0;
	margin: 0;
	padding: 0;
}
.quicksignup .HeaderHtml, 
.quicksignup .FooterHtml {
	display: none;
}
.at fieldset {
	-webkit-margin-start: 0;
	-webkit-margin-end: 0;
	-webkit-padding-before: 0;
	-webkit-padding-start: 0;
	-webkit-padding-end: 0;
	-webkit-padding-after: 0;
}

/* Quicksignup 	*********************************** */
.v2 .quicksignup {
	color: white;
}
.v2 .quicksignup h4 {
	font-size: 17px;
	margin-top:0;
}  

/* nvtag Quicksignup 	*********************************** */
.v2 .quicksignup .at-inner {
  border: 0;
  border-radius: 0;
  background-color: transparent;
}
.v2 .quicksignup header.at-title{
	display:none;
}
.v2 .quicksignup .at-row.PostalCode,
.v2 .quicksignup .at-row.EmailAddress {
	height:auto;
}
.v2 .at-form-submit {
	margin: 0px auto;
}

.quicksignup legend,
.quicksignup div.markup-FastAction,
.quicksignup div.markup-UpdateMyProfile,
.quicksignup .ngp-form div.markup-HeaderHtml,
.quicksignup .ngp-form div.markup-FooterHtml,
.quicksignup .nv-template-accelerator .fieldset-wrapper label,
.quicksignup .ngp-form legend {
	display:none;
}
.quicksignup .nv-template-accelerator fieldset .fieldset-wrapper {
	padding-top: 0;
}
.quicksignup  .ngp-form.nv-template-accelerator fieldset {
	margin: 0;
}
.quicksignup .nv-template-accelerator fieldset .form-item {
	padding: 0 0 10px 0;
}
body.html .quicksignup .nv-template-accelerator input.form-submit {
	font-size: 1em;
	min-height: 2.5em;
	padding: 0;
}
.quicksignup .ngp-col fieldset input, .quicksignup .ngp-col fieldset select {
	margin-left:0;
}
.quicksignup .field-type-oberon-form {
	margin:0;
}


/* Contribution Forms ***************************** */
body .multistep-layout #edit-contributioninformation .form-item.form-item-SelectAmount label.label-amount {
	opacity: .9;
}
body .multistep-layout #edit-contributioninformation .form-item.form-item-SelectAmount label.label-amount.checked {
	opacity: 1;
}
/* Featured  ****************************** */
.featured .block {

}
.featured h2.title {
	text-align:left;
}

/* Featured 1 ***************************** */

/* Featured 2 ***************************** */

/* actioncenter ***************************** */
.calloutmenu,
.actioncenter {
	margin:15px 0;
}
.calloutmenu ul>li,
.actioncenter ul>li {
	margin:0;
	padding:0;
}
.calloutmenu>.blockcontent>ul>li>a,
.actioncenter>.blockcontent>ul>li>a {
	padding: 15px;
	text-align:center;
	text-transform:uppercase;
}
.calloutmenu>.blockcontent ul.dropdown-menu,
.actioncenter>.blockcontent ul.dropdown-menu {
	background:transparent;
	box-shadow:none;
	border:0;
	position: relative;
	left: 0;
	z-index: 1000;
	display: block;
	float: none;
	min-width: 100%;
	padding: 0;
	margin: 0;
}
.calloutmenu>.blockcontent ul.dropdown-menu li,
.actioncenter>.blockcontent ul.dropdown-menu li {
	display:block;
}
.dropdown-menu>li>a {
  padding: 11px;
}
ul.tabs--primary>li>a {
	background:#e4e4e4;
}

/* ----- Blocks ---------------------- */
aside section.block  {
	margin-bottom:10px;
	padding: 12px;
}
/* Social ***************************** */
section.featured section.social {
    display:block;
}
section.social ul  {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    align-content: center;
    align-items: center;
}
.nvregion  section.social ul > li {
	display: flex;
	display: -ms-flexbox;
	display: -webkit-flex;
	height: 40px;
	margin: 0;
	padding:0;
	width: 46px;
}
section.social ul > li a.social {
	/*border-radius: 40px !important;*/
	font-size: 30px;
	font-weight: normal;
	height: 40px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
	width: 40px;
}
section.social ul > li  a{
	color: #fff;
}
.ua-safari section.social ul {
	display: block;
	flex-flow: unset;
	margin:0 auto;
	max-width:300px;
}
.ua-safari section.social ul > li {
	display: inline-block;
}
.ua-safari section.social ul > li:last-child {
	margin: 0;
}	
/* ----- Wells ----------------------- */
/* ----- Callouts and Blockquotes ---- */

/* ----- Pullquote Text -------------- */
figcaption{
	margin: 0 0 10px 0;
	padding:10px;
}
/* POSTCARD LAYOUTS ********************** */

/* IMAGES ******************************** */

/* ICONS ********************************* */

/* FOOTER ********************************* */
footer.nvregion {
	border-top:0;
	margin-top:0;
	min-height:20vmin;
}
footer .block {
	padding: 15px 0;
	text-align: center;
}
footer.footer section.disclaimer {
	clear: both;
	display: block;
	float:none;
	text-align: center;
	width: 100%;
}
.disclaimer p.disclaimer,
.disclaimer span.disclaimer{
	border: solid 1px;
	clear: both;
	display: inline-block;
	float: none;
	padding: 1em;
	text-align: center;
}
footer p  {
	margin: 0 auto;
}
footer.poweredby{display:block;clear:both;text-align:center;font-size:.8em;background:#fff;color:#000;width:15em;margin:auto;padding:.5em 1em}
footer.poweredby a {
	color: #0088CC !important;
}
footer.poweredby:before{
	position:relative;top:.3em;left:-.25em;
	content:url("//d1aqhv4sn5kxtx.cloudfront.net/images/ngpvan-logo-16.png")
}
footer .block ul.menu li {
	padding:0;
	margin:0;
}
footer .nav>li>a {
	padding:5px;
}

/* HELPER CLASSES ************************ */
/* ----- Style ----------------------- */
.node-unpublished {
	background-color: rgb(255, 232, 236);
}
  
/* ----- Positioning ----------------- */
/* ----- Sizing ---------------------- */

/* GENERAL OVERRIDES ********************* */
/* ----- Bootstrap Overrides --------- */
/* ----- Field Collection Overrides -- */
/* ----- Field Label Overrides ------- */
#admin-menu .dropdown .admin-menu-icon img {
	width: auto;
}
/* ADMINISTRATION ************************ */
/* ----- Admin ----------------------- */
/* ----- User Block ------------------ */

/* MEDIA QUERIES ************************* */
/* ----- Responsive ------------------ */
/* ----- Print ----------------------- */

@media (max-device-width: 480px) and (orientation: landscape) {}

@media screen and (max-width: 599px){
	img,
	header a.logo img {
		height:auto;
		width: 100%;
	}
}
@media screen and (max-width: 767px){
	header.header {
		margin-top:62px;
	}
	header a.logo {
		float: none!important;
		display: block;
		margin: 0 auto;
	}
	header a.logo img {
		margin:0 auto;
	}
	section.navigation {
		display:none;
	}
	.main-container.nvregion,
	.nvregion  {
		padding:10px;
	}
	.hero {
		padding:10px 0;
	}
	.container {
		padding-right: 0;
		padding-left: 0;
	}
	ul.flex-direction-nav {
		display:none;
	}
	.featured section.quicksignup {
		margin:0 0 15px 0;
	}
	.navbar-nav {
		margin: 6px 0 0 0;
	}
	.navbar-nav .open .dropdown-menu>li>a  {
		padding: 7px 15px 7px 25px;
	}
	.nvregion .block.quicksignup h2.title {
		text-align: center;
	}
	.view ul li,
	.block ul li,
	.block-views ul li {
		padding:0;
	}
	figure.field-type-image {
		padding-left:0;
		padding-right:0;
	}
	.form-item.checkbox,
	.nv-template-accelerator fieldset .fieldset-wrapper .form-type-checkbox {
		text-align:left;
	}	
}
@media (min-width: 768px) {
	nav>ul.navbar-nav {
		float: right;
	}
	section.social {
		float: right;
	}
	section.social li [class^="icon-"]:before, 
	section.social li [class*=" icon-"]:before {
		background-image: none;
		background-position: 0 0;
		background-repeat: repeat;
		display: block;
		speak: none;
		margin:5px;
		line-height: normal;
		vertical-align: middle;
		text-decoration: inherit;
	}
	.calloutmenu>.blockcontent>ul,
	.actioncenter>.blockcontent>ul  {
	    display:table;
		table-layout:fixed;
		width:100%;
	}
	.calloutmenu>.blockcontent>ul>li,
	.actioncenter>.blockcontent>ul>li {
  	  display:table-cell;
    	width:100%;
	}
	.calloutmenu ul>li,	
	.actioncenter ul>li{ 
		padding-right: 15px;
		padding-left: 0;
	}
	.calloutmenu ul>li:last-child,
	.actioncenter ul>li:last-child{
		padding-right: 0;
	}
	.featured .block {
		margin-bottom:10px;
		margin-top:10px;
	}
	.nvregion {
		padding:20px 0;
	}
	.head-top,
	nav#menu.bigslide,
	section.responsivenav {
		display:none;
	}
	.featured .block ul li{
		padding-right: 1%;
	}
	.featured .block ul li:last-child{
		padding-right: 0;
	}
	figure.field-type-image {
		float:right;
	}
	.poweredby{
		border-radius:.5em .5em 0 0;
		-webkit-transition:all 0.3s ease-out;
		-moz-transition:all 0.3s ease-out;
		-o-transition:all 0.3s ease-out;
		transition:all 0.3s ease-out;
		opacity:.7
	}
	.poweredby:hover{opacity:1}
}

@media (min-width: 768px) and (max-width: 991px) {
	ul.navbar-nav > li.dropdown {
		float: none;
	}
}

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

@media (min-width: 992px) and (max-width: 1199px) {
	.navbar-nav > li > a {
		padding: 15px 11px;
	}
}

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