@charset "utf-8";
/* CSS Document */

/*force scrollbar in IE*/
html {
   -ms-overflow-style: scrollbar;
	
}

html,body{
height:100%;	
}

body{
	padding-top:0;
	min-width:240px;
}

/* class in Boostrap 4; added here because of display:block on .img-responsive, which causes
problems with clickable areas when wrapping links around images */
.img-fluid{
max-width:100%;
height:auto;
}

/* nav bar font-size down-sized / adjusted for long nav items */
.navbar-inverse {
font-size:14px;	
}

/* affix navbar to viewport top on scroll past masthead height */
/* applied in navbar.js */
.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}


/* this wrapper is placed around all divs except the footer; it could go around the content div rather than all divs; the purpose is to expand content to viewport width and height regardless of the amount of content, which primarily keeps the footer at the bottom of the viewport  */
.wrapper {
  width:100%;
  position:relative;
  min-height:100%; /* expands content container to viewport size on y-axis even when there is minimal content so that footer remains at bottom of viewport */
  /*height:100%;*//*NO!NO! if height is included on this wrapper then long content flows underneath/past the footer*/
}

/*remove indentation of left and right content margins so they align with masthead and footer margins*/
/*
#content .row:not(.alt-row) .col-md-12, #content .row:not(.alt-row) .col-lg-12, #content .row .col-md-9, 
#content .row .col-md-8, #content .row .col-md-4, #content .row .col-md-3{
padding-left:0;
padding-right:0;	
}
*/

/* remove indentation of left and right content margins */
#content .row{
margin-left:-15px;
margin-right:-15px;	
} 

/* alternate method for gutter removal */
.no-gutter {
  margin-right: 0;
  margin-left: 0;
}

.no-gutter > [class*="col-"] {
  padding-right: 0;
  padding-left: 0;
}

/*padding on horizontal nav links*/
.nav > li > a{
/*padding-left:8px;
padding-right:8px;*/	
}

/*indent content nested under expand/collapse menus*/
/*removed because of alignment issues at smaller resolutions and left margin is okay at larger resoluations */
/*
div .switchcontent :not(.panel-body) p{
margin-left:0.25em;
}
*/

div .switchcontent ul{
padding-left:1em;
margin-left:1em;	
margin-right:0.5em;
}

/* remove .switchcontent (JS file) left-margin from the panel-group content */
.panel-group .switchcontent{
margin-left:0 !important;
}

.page-header-subtitled{
text-transform: capitalize;
padding-bottom:0 !important;
margin-bottom:0 !important;
border-bottom:none !important;
}

.subtitle{
color:#1a5f9a;
font-style: italic !important;
margin-top:0 !important;
}

/* DARK BLUE SIDEBAR */
.sidenav{
background:#092940;
color:#fff;
border-radius:8px;
/*border:1px solid #fff;*/
padding:10px;
/*box-shadow:0 0 3px 1px #092940;*/
margin-top:1em;
overflow: hidden !important; /* This is for dev tool display so background color is visible */
}

.sidenav .heading{
font-size:1.5em;
color:#fff;
font-weight:bold;
padding-left:10px;
padding-right:10px;
padding-top:0;
margin-top:0.8em;
margin-bottom:0;
}

.sidenav .heading::after{
content: "";
    display: block;
    background-color: #fff;
    height: 4px;
    height: .25rem;
    margin-top: 10px;
    margin-top: .625rem;
}


ul#moreinfo{
list-style-type:none;
margin-left:0;
padding-left:0;
color:#fff;
font-size:14px;
}

ul#moreinfo  li{
padding:10px;
font-size:16px;
font-weight:bold;
color:#fff;
line-height: 1.5;
}

.sidenav li{
position:relative;
z-index:0;
}

.current-page:before {
    content: "";
    left: -10px; /* inverse of padding */
    position: absolute;
    right: -10px;
    z-index: -1;
    background-color: #397aac;
    height: 100%;
    top: 0;
}

.sidenav ul li.current-page>a {
    width: 100%;
    position: relative;
    text-decoration: none;
    color: #ecf0f3;
    font-family: TransportNew,Helvetica,Arial,sans-serif;
    font-weight: 600;
    z-index: 0;
    }

.sidenav ul li a{
color:#fff;
text-decoration:underline;
}

.sidenav ul li a:hover{
color:#fff;
text-decoration:none;
}

/* END DARK BLUE SIDEBAR */

.img-shadow-border{
border-radius: 4px;
box-shadow: 2px 2px 2px 2px #999;
border: 1px solid #fff;
padding: 1px;
margin:0 1.5em 0.5em 0;
}

.image-credit{
font-size:0.75em;
color:#999;
}

.img-left-ncchei{
float:left;
border-radius: 4px;
box-shadow: 2px 2px 3px 0 #999;
border: 2px solid #fff;
background: #092940;
background-image: linear-gradient(to right, #092940 , #337ab7);
margin:0 1em 7px 0;
}


@media all and (max-width:650px){
	
div.switchcontent > ul, div.switchcontent div.switchcontent > ul{
margin-left:1em;
padding-left:1em;	
}

div.switchcontent > ul li ul, div.switchcontent div.switchcontent > ul li ul{
margin-left:1em;
padding-left:1em;	
}
}

.breadcrumb-row{
margin-top:20px;
font-size:12px;	
margin-left:2px;
}

.page-header{
margin:20px 0 0.5em auto;	
}

/*03/16/21: remove default margin-top on initial content after h1.page-header; too much whitespace*/
/*initial content will be an h2, h3, or p in almost all cases*/
/*still some residual line-height whitespace after removing margin-top; setting line-height to 0 would remove all whitespace but create obvious problems in <p> vs h2 or h3 */
.first-content{
/*#content.container h3:nth-child(1), #content.container p:nth-child(1){*/
	margin-top:0 !important;
}

.fa-angle-double-right{
color:#ccc;
margin:auto 5px;	
}

.carousel-wrapper {
  width:100%;
  position:relative;
  min-height:450px;
  height:450px;/* height property is necessary for carousel to display; image height had to be explicit value rather than percentage of original, else the browser rendered space for the entire container at the percentage height, even if image set to display at say -- 50% -- of container size; the resulting problem was a large chunk of unintended whitespace below image */
  margin-top:4px; 
}

#bf-sub.carousel-wrapper {
  width:100%;
  position:relative;
  min-height:300px;
  height:350px;/* height property is necessary for carousel to display; image height had to be explicit value rather than percentage of original, else the browser rendered space for the entire container at the percentage height, even if image set to display at say -- 50% -- of container size; the resulting problem was a large chunk of unintended whitespace below image */
  margin-top:10px;
  margin-bottom:20px; 
  background-color:red;
}

#bf-sub header.carousel .item, #bf-sub header.carousel .active.item, #bf-sub header.carousel .carousel-inner
{
height:350px;	
border:1px solid blue;
}

@media all and (max-width:999px){
.stop-float-wide{
float:none !important;	
}  

}

@media all and (min-width:768px){
.center-item img{
margin:0 1em 1em 1em;	
}  

.img-align-right{
text-align:right;
}

.img-align-left{
text-align:left;
}

/* i.e., if expanded content is too close to floated img or element outside of grid system even with overflow:hidden */
.adjacent-overflow-buffer-left{
margin-left:2em !important;
}

}

@media all and (max-width:768px){
.stop-float{
float:none !important;	
}  

.img-top-margin img{
margin-top:1em;
}

.first-content img{
margin-bottom:0.5em;	
}

/* center floated images or other items in parent tag below 768px */
/* <p class="center-item"><img /></p> */
/* must be used with img-fluid around <img/> because .img-responsive sets display to block */
.center-item{
text-align:center;
}

/*
.center-item img{
margin:1em;
}
*/
}

/*display panels at equal heights*/


.equal{
display:flex;
height: 100%;
flex-wrap: wrap;
}
.equal > .col-md-6, .equal > .col-md-4 {
display:flex;
/*flex-basis: 50%;
width:50%;
flex-wrap: wrap;
whitespace:nowrap;*/
}

.ehdd .panel-primary{
border-bottom:5px solid #337ab7;
}

#featured-home{
padding-left:10px;
padding-right:10px;
}

#featured-home .equal > .col-md-6, .equal > .col-md-4, .equal > .col-md-3 {
display:flex;
/*padding:8px;*/
/*flex-basis: 50%;
width:50%;
flex-wrap: wrap;
whitespace:nowrap;*/
}

/*make sure bootstrap panel is 100% of column 
else panel will shrink and be narrower than column width 
when limited content/text is present*/
.equal .panel{
width:100%;
}


/* center featured panels below 1000px; otherwise, left-justified and awkward whitespace to right */
@media all and (max-width:1000px){
.equal > .col-md-6, .equal > .col-md-4{
margin:1em auto;
/*width:100%;*/
}

.ehdd.equal > .col-md-6, .ehdd.equal > .col-md-4{
width:100%;
margin: 0 0 0.5em 0;
}

}

@media all and (min-width:768px){
.equal > .col-md-6, .equal > .col-md-4, .equal > .col-md-3{
margin:0.5em auto;
}
}

@media all and (max-width:768px){
.equal > .col-sm-6{
margin:0.5em auto;
}
}

/* make sure .panels are centered when container wider than max panel width */
#featured-home .panel-home{
margin:0.5em auto;
}

#featured-home.topics-wrapper{
padding-top:10px;
padding-bottom:10px;
border-radius:4px;
margin-left:0;
margin-right:0;
border:1px solid #ddd;
margin-top:2em;
background:#092940;
padding-bottom:2em;
}


#featured-home .topics-heading{
font-size:30px;
font-weight: 500 !important;
color:#fff !important;
}



/* custom checklist bullet */
ul.checklist{
list-style-type: none;
padding-left: 1.2em;
margin-left: 1.2em;
}

ul.checklist li:before {    
    font-family: 'FontAwesome';
    content: '\f058';
    margin:0 5px 0 -1.2em;
    color: #337ab7;
    font-size:1.1em;
}

/* adjust left margin on smaller devices; ul and ol are 0.75em; this is a little larger because 
default custom bullet size is 1.1em (font too small at 1em) */
@media (max-width: 640px){
ul.checklist{
padding-left: 0.85em;
margin-left: 0.85em;
}
}

.subtopics-heading {
    background: #092940;
    color: #fff !important;
    border-radius: 4px;
    padding-left: 8px;
    padding-bottom: 4px;
    padding-right:8px;
    box-shadow: 1px 2px 3px 0 #ccc;
    border: 1px solid #fff;
    background-image: linear-gradient(to right, #092940 , #1a5f9a);
    width: 100%;
    overflow: hidden;
    /*
    margin-left: 10px;
    -webkit-transform: skew(-15deg);
    -moz-transform: skew(-15deg);
    -o-transform: skew(-15deg);
    */
}

@media (max-width:550px){
.subtopics-heading {
padding:8px;
font-size:1.2em;
}

#accordion.panel-group .panel-default.dark h3.panel-title{
font-size:1.2em !important;
font-weight: bold;
}

}

.subtopics-heading-text {
/*
    -webkit-transform: skew(15deg);
    -moz-transform: skew(15deg);
    -o-transform: skew(15deg);
    padding-left: 4px;
    */
}

.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    outline:2px solid #092940;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}

.embed-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
    border-radius:4px;
    height:100%;
}
.embed-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:102%;
    position:absolute;
    overflow:auto;
}


/* bookmark offset fix; otherwise, fixed navbar will hide bookmarked content */
.anchor { 
  display: inline-block;
  position:relative;
  visibility: hidden;
  top:-140px;
}

.carousel-control{
opacity:1;	
font-size:30px;
position:absolute;
width:auto;
color:#fff !important;
}

.right.carousel-control,.left.carousel-control{
	background-image:none;
}

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right, .fa-chevron-circle-right
{
right:5px;	
top:50%;
position:absolute;
margin-top:-20px;
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .fa-chevron-circle-left{
left:5px;
top:50%;
position:absolute;
margin-top:-20px;	
}

header.carousel .fill{
border-radius:4px;	
}

header{
width:100%;	
}

header .col-md-4{
padding-left:0;
padding-right:0;	
}

/* agency brand div col */
header .agency{
float:left;
/*width:270px;*/
text-align:left;
max-width:290px;
/*position ageny column relative to search column and place higher in stack order so that
the link on the logo image is not "covered" (i.e., unclickable) by the 2nd column when the page is reduced or on smaller devices
*/	
position:relative;
/*z-index:99999;*/ /*too high in order, overlapped nav bar vertically by 20-30px visible on scroll when navbar pinned */
}

/* search div col */
header .search{
padding-top:8px;
/*padding-left:10px;
/*float:left;
min-width:200px;
max-width:300px;*/
}

header .search form{
/*width:240px;	*/
}

/* required links div col */
header .header-links{
/*float:left;*/
margin-left:4px;
margin-right:15px;
}

header .container{
padding-right:0;	
}


/* override negative margins in bootstrap.css */
.row{
margin-right:0;
margin-left:0;	
}

.row a{
text-decoration:underline;
color:#2c75b3;
font-weight:normal;
}

.row a:hover{
text-decoration:none;
color:#1a5f9a;
}

.expand-all a{
font-weight:bold;
font-size:16px;	
}

h1,h2,h3,h4,h5{
color:#1a5f9a !important;	
margin-top:20px;
line-height: 1.5;
}

h1,h2{
margin-left:-1px;
/*
screenshot in photoshop showed
visible 1px gap between y-axis and left margin of h2 in IE and Chrome,
even after zeroing out margin and padding in CSS;
h3 and h4 were flush;
included h1 in rule for consistency with h2;
*/	
}

h3{
/*border-bottom:1px solid #1a5f9a;	*/
overflow:hidden; /* so border doesn't extend behind elements like floated images */
}

.heading-plain{
color:#000 !important;
border-bottom:none;
}

.h3-plain{
color:#000;
border-bottom:none;	
}

h4{
color:#092940;	
}

.alt-sub-heading{
/*border-bottom:1px solid #333;*/
/*margin-left:2px;*/
/*background-color:#092940;*/
color:#000;
/*padding:6px;*/
/*border-radius:4px;*/
}

#accordion .panel-heading{
padding:0 !important;
}

.panel-heading h4{
color:#fff;
margin-top:0;	
margin-bottom:0;	
font-size:24px;
}

.panel-home{
max-width:360px;	
border:8px solid #092940;
box-shadow: 0 0 4px 4px rgba(255, 255, 255, 0.5);
background:#fff !important;
}

.panel-home:hover{
box-shadow: 0 0 8px 4px rgba(51, 122, 183, 1);
}

.panel-sub{
	border:1px solid #337ab7;
}

.panel-body-home{
padding:0;	
}

.panel-body-upper{
position:relative;
}

.panel-body-upper:before {
  content: "";
  width: 100%;
  height: 100%;
  position: absolute;
  background: rgba(230, 247, 255,0.0);
}

.panel-body-upper:hover::before{
  background: rgba(230, 247, 255,0.7);
}

.panel-body-lower {
padding:0 10px 10px 10px;
border-top:1px solid #337ab7;
background:#fff !important;
background-color:#ffffff !important;
}

.panel-body-lower p.heading{
color: #337ab7;
font-size: 1.25em;
font-weight: bold;
margin-top: 0.75em;
margin-bottom: 0.5em;
}

.panel-body ul, .panel-body ol{
padding-left:0.7em;
margin-left:0.7em;	
/*margin-top:0;*/
}

.panel-body-home img{
margin:0;	
padding:0;
/*border-radius:4px 4px 0 0;*/
}

.panel-uniform-height{
height:300px;	
margin-bottom:20px;
}

.featured-programs .panel-default > .panel-heading{
background-color:#337ab7;
border:1px solid #1a5f9a;
color:#fff;	
}

.featured-programs span[class*="fa"], .vector-image-heading {
	font-size:170px;
	padding-left:12px;
	padding-right:8px;
	}

.no-row-heading{
	margin-top:2em;
}

/* expand/contract heading */
#accordion.panel-group .dark{
/*box-shadow:0 0 1px #1a5f9a;*/
border-radius:4px;
margin-bottom:0.75em;
}

#accordion.panel-group .panel-default.dark h3.panel-title{
font-size:24px;
box-shadow: 0px 2px 2px #ddd;
}

#accordion.panel-group .panel-default.dark > .panel-heading{
background-color:#e8f4fe;
border-radius:4px;
/*border:1px solid #ddd;*/
}

#accordion.panel-group .panel-default.dark > .panel-heading:hover{
    background-color: #fbfbfb;
    box-shadow: 0 0 3px #eee;
}


#accordion .panel-default > .panel-heading{
background-color:#f7f8f8;
}


#accordion.panel-group .panel-default.dark > .panel-heading a{
text-decoration:underline !important;
display:block; /*to expand clickable area to fit width */
padding:10px;

}

#accordion .panel-default > .panel-heading a{
color:#1a5f9a;	
font-weight:normal;
}

#accordion.panel-group .panel-default.dark > .panel-heading a:link {
	color:#1a5f9a !important;
    font-weight: bold;
}
#accordion.panel-group .panel-default.dark > .panel-heading a:hover{
	color:#1a5f9a !important;
	text-decoration:none !important;
}

#accordion .panel-collapse{
	overflow:hidden;
}

/*
#accordion.panel-group .panel-default.dark > .panel-heading a{
 color:#333 !important;   
}
*/
#content.container{
/*margin-bottom:120px;*/
padding-bottom:150px;
}

/* SIDEBARS */
.highlights-sidebar{
	padding-right:8px;
}

.highlights-sidebar ul {
margin-left:0.8em;
padding-left:0.8em;	
}

.highlights-sidebar p{
margin:1em 10px;	
}

.highlights-sidebar h3{
margin:1em 10px;	
color:#333;
border-bottom:1px solid #333;
font-size:1.25em;
font-weight:bold;
}


/*stop column floating and increase column size at core breakpoint; when reordering columns noticed a shift to left of first column for one or two pixels around 992px because of bootstrap column floats and widths*/
@media (max-width: 992px) {

/*
.center-item{
margin:0 auto;
}
*/
/* reorder stack of highlights sidebar */
/* put highlights sidebar at top, above adjacent left column in desktop layout */

  .row.reorder-md {
    /*bring your own prefixes*/
    transform: rotate(180deg);
    direction: rtl; /* Fix the horizontal alignment */
  }

  .row.reorder-md > [class*="col-"] {
    /*bring your own prefixes*/
    transform: rotate(-180deg);
   direction: ltr; /* Fix the horizontal alignment */
  }

.row.reorder-md > [class*="col-"] {
float:none;  
width:100%;
margin-top:1.5em; /*!!!top is bottom and bottom is top after reorder and transform */
margin-bottom:0 !important;
}

#orderaddl.col-md-6 p {
    margin-left:0.25em;
}

}

@media (max-width: 768px) {

/*
.center-item{
margin:0 auto;
}
*/
/* reorder stack of highlights sidebar */
/* put highlights sidebar at top, above adjacent left column in desktop layout */

  .row.reorder-sm {
    /*bring your own prefixes*/
    transform: rotate(180deg);
    direction: rtl; /* Fix the horizontal alignment */
  }

  .row.reorder-sm > [class*="col-"] {
    /*bring your own prefixes*/
    transform: rotate(-180deg);
   direction: ltr; /* Fix the horizontal alignment */
  }

.row.reorder-sm > [class*="col-"] {
float:none;  
width:100%;
margin-top:1em; /*!!!top is bottom and bottom is top after reorder and transform */
margin-bottom:0 !important;
}

}


#sidebar-snp .sidebar-position{
/*float:right;*/
margin-top:70px;	
}

#bf-sidebar.sidebar-position{
	margin-top:10px;
}

#bf-sidebar.sidebar-position img{
padding:10px;	
}

footer{
background-color:#072235;
color:#fff;
margin-bottom:0;
margin-right:0;	
padding:0;
border-top:2px solid #337ab7;
padding-bottom:30px;
/*position:absolute;*/
/*bottom:0;*/
position:relative;
height:auto;
width:100%;
/*padding-top:20px;*/
margin-top:-70px;
clear:both;
}


footer h2, footer h3, footer h4, footer h5{
color:#fff !important;
}

header ul.header-links{
padding-top:18px;
padding-left:0;
list-style:none;
text-transform:uppercase;
margin-top:0;
}

@media all and (min-width:1000px){
header ul.header-links{
padding-left:5px;
}
}

header ul.header-links li{
float:none;	
display:inline-block;
list-style:none;
}

header ul.header-links li a{
color:#fff;
font-size:11px;
margin-left:0;
margin-right:5px;
font-weight:normal;	
text-decoration:underline;
font-weight:bold;
}

header ul.header-links li a:hover{
color:#fff;
text-decoration:none;
}

footer ul.footer-links{

padding:0;
list-style:none;
text-transform:uppercase;
margin:1em 0 30px;
text-align:center;	
float:none;
}

footer ul.footer-links li{
float:none;	
display:inline-block;
list-style:none;
}

footer .row#links-logo{
	background-color:#072235;
	padding-top:20px;
}

footer .row#links-logo a{
color:#fff;
font-size:12px;
margin-right:20px;
font-weight:normal;	
}

footer .row#links-logo a:hover{
color:#fff;
text-decoration:none;
}

footer .social-media-wrapper{
width:100%;
background-color:#092940;
/*background-color:red;*/
padding-top:10px;
padding-bottom:20px;
}

footer .row.social-media{
max-width:1170px;
margin:0 auto;
padding-left:15px;
padding-right:15px;
background-color:#092940;	
}

footer .row.social-media a{
margin-left:0;
display:inline-block;
color:#fff;
font-size:14px;
font-weight:normal;	
}

footer .row.social-media h3{
color:#fff;
/*font-weight:bold;*/
border-bottom:2px solid white;
}


footer .row.social-media span.fa-twitter, footer .row.social-media span.fa-rss,
footer .row.social-media span.fa-youtube-play, footer .row.social-media span.fa-linkedin,
footer .row.social-media span.fa-instagram
{
color:white;
font-size:24px;
padding:10px;
border:2px solid white;
border-radius:50%;
text-decoration:none;
}

footer .row.social-media span.fa-facebook{
color:white;
font-size:24px;
padding:10px 15px;
border:2px solid white;
border-radius:50%;
text-decoration:none;
}

footer .row.social-media span.fa-twitter:hover, footer .row.social-media span.fa-rss:hover,
footer .row.social-media span.fa-youtube-play:hover, footer .row.social-media span.fa-linkedin:hover,
footer .row.social-media span.fa-facebook:hover, footer .row.social-media span.fa-instagram:hover
{
box-shadow:0px 0px 0px 3px rgba(255,255,255,0.4);
transition:all .15s ease-in-out;
-webkit-transition:all .15s ease-in-out;
}

footer .row.social-media ul{
list-style:none;
padding-left:2px;
}

footer .row.social-media ul li {
	display:inline-block;
	float:left;
	padding:4px;
	line-height:130%;
	width:50%;
	/*border:1px solid red;*/
}

/* vertical aligment of text adjacent to social media icons */
footer .row.social-media a span{
vertical-align:middle;
}

.modified{
text-align:center;
margin-top:30px;
margin-bottom:4px;
padding-bottom:4px;
font-size:12px;
text-transform:uppercase;
}

#search{
border:none;	
/*width:94%;*/
margin:8px 0.5em;
max-width:350px;
min-width:170px;
float:left;
padding-left:8px;
}


.masthead{
background-color:#092940;
padding-top:12px;
padding-bottom:10px;
}

.old-browser{
background-color:#cc0000;
color:#fff;
font-weight:bold;
font-size:18px;
text-align:center;
padding:10px;
border-bottom:2px solid black;	
margin-bottom:2px;
}

.old-browser a{
	color:#fff;
	text-decoration:underline;
}

.old-browser a:hover{
	color:#fff;
	text-decoration:none;
}




/*padding to right to prevent vertical scrollbar overlay in IE*/

/*
#hnav.container{
padding-right:0;	
}
*/


nav{
background-image:url("/epinew-library/images/bg_poly-accent-blue.jpg");
background-position:center;
height:60px;
}

.navbar-static-top{
z-index:20;	
}

.navbar-right{
height:100%;	
}

.navbar{
margin-bottom:0;
}

.navbar-inverse{
background-color:#337ab7;	
}

.navbar-form {
	margin-right:0;
	margin-left:0;
	border:none;
	box-shadow:none;
	-webkit-box-shadow:none;
}


.navbar-nav .open .dropdown-menu .dropdown-header, .navbar-nav .open .dropdown-menu > li > a{
	padding:5px 40px 5px 15px;
	color:#fff;
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #092940;
}


/* top nav bar agency area font color */
.navbar-inverse .navbar-brand{
color:#fff;
}

/* top nav bar nav items font color */


.navbar-inverse .navbar-nav > li > a{
color:#fff;	
text-decoration:underline;
}

/*.navbar-inverse .navbar-nav>li>a{color:#fff}*/

/*top level of navigation*/

/*
.navbar-inverse .navbar-nav>li>a:focus,.navbar-inverse .navbar-nav>li>a:hover
{
	color:#fff;background-color:#092940;text-decoration:none;
	}
*/

.navbar-inverse .navbar-nav > li > a:hover,
.navbar-inverse .navbar-nav > li > a:focus {
  color: #fff;
  background-color: #092940;
}


.navbar-inverse .navbar-nav > .active > a,
.navbar-inverse .navbar-nav > .active > a:hover,
.navbar-inverse .navbar-nav > .active > a:focus {
  color: #fff;
  background-color: #fff;
}
.navbar-inverse .navbar-nav > .disabled > a,
.navbar-inverse .navbar-nav > .disabled > a:hover,
.navbar-inverse .navbar-nav > .disabled > a:focus {
  color: #444;
  background-color: transparent;
}

.navbar-inverse .navbar-toggle .icon-bar {
  background-color: #fff;
}
.navbar-inverse .navbar-collapse,
.navbar-inverse .navbar-form {
  border-color: #101010;
}

/*colors of top-level nav item on hover after submenus have opened*/
.navbar-inverse .navbar-nav > .open > a,
.navbar-inverse .navbar-nav > .open > a:hover,
.navbar-inverse .navbar-nav > .open > a:focus {
  color: #fff;
  background-color: #092940;
  text-decoration:none;
}

.navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
color:#fff;
text-decoration:none;
background-color:#092940;
}

/*first-level caret when navigation is collapsed */
.sm-collapsible.navbar-nav .caret, .sm-collapsible.navbar-nav ul .caret{
	border-color:#fff;
background-color:#337ab7;
color:white;
/*margin-right:10px;*/
margin-top:-4px;
height:28px;
}

/*sub-menu caret top margin when navigation is collapsed*/
.sm-collapsible.navbar-nav .dropdown-menu .caret, .sm-collapsible.navbar-nav .dropdown-menu ul .caret{
margin-top:-5px;	
}

.sm-collapsible.navbar-nav .open > a > .caret{
		border-color:#fff;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > .sm-collapsible.navbar-nav .caret:hover {
border-color:#000;
background-color:#fff;
color:white;
}

/*remove bottom border from last nav menu item*/
.navbar-inverse .navbar-nav > li > a.lastLink{
border-bottom:none;	
}

/* responsive nav toggle icon */
.navbar-inverse .navbar-toggle{
	border-color:#fff;
	background-color:#337ab7;
	margin-right:15px;
}

.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus{
		background-color:#337ab7;
		border-color:#fff;
}

/* toggle icon row */
.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
/*margin-right:2px;	*/
}

.navbar-collapse{
padding-left:4px;	
}

/* carousel */
/*div header*/ .carousel{
height:100%;
min-height:450px;
background-repeat:no-repeat;
}


.carousel-caption {
  position: absolute;
  /*right: 15%;*/
  /*bottom: 20px;*/
  /*background-color:#337ab7;*/
  background-color:rgba(51,122,183,1);
  /*border:2px solid #2973b3;*/
  border-radius:4px;
  z-index: 10;
  /*padding-top: 20px;
  padding-bottom: 20px;*/
  /*padding:8px;*/
  color: #fff;
  text-align: left;
  box-shadow:4px 4px 10px #333;
  /*text-shadow: 0 1px 2px rgba(0, 0, 0, .6);*/
  padding:12px;
}

.carousel-caption.less-opacity{
	background-color:rgba(253,247,227,0.95);
}

.carousel-caption h2, .carousel-caption-dph-home h2{
margin-top:0;
padding:8px 2px 8px 8px;
width:100%;
/*background-color:rgba(66,139,202,0.9);*/
/*background-color:#337ab7;*/
font-size:16px;
font-weight:bold;
color:#fff;
}

.carousel-caption p, .carousel-caption ul, .carousel-caption-dph-home p{
color:#fff;
font-weight:bold;
margin:8px;	
padding-bottom:0;
margin-bottom:12px;
font-size:14px;
}

.carousel-caption .btn-default, .carousel-caption-dph-home .btn-default{
  color: #fff;
  background-color:transparent;
  border-color: #fff;
  text-decoration:underline;
  font-weight:normal;
  border-radius:4px;
  border-width: 1px;
}

h2.subtitle{
margin-left:0;
margin-bottom:0;
}

/*
.subtitle:after{
    content: "";
    display: block;
    background-color: #1a5f9a;
    height: 4px;
    width:150px;
    margin-left:2px;
}
*/

/* #whatwedo.alt-row links; .alt-row has dark background */
.alt-row a:link{
color:#fff;
font-weight:normal;
text-decoration:underline;
}

.alt-row a:visited{
color:#fff;
font-weight:normal;
text-decoration:underline;
}

.alt-row a:hover{
color:#eee;
text-decoration:none;
}

.panel .btn-default, .alt-row .btn-default {
  color: #fff;
  background-color:#337ab7;
  border-color: #092940;
  text-decoration:underline;
  font-weight:normal;
  border-radius:4px;
  box-shadow:0px 0px 2px 1px #fbfbfb;  
}

.button-row{
position:relative;
background:#092940;
/*background: linear-gradient(0deg, rgba(9,41,64,1) 0%, rgba(15,64,99,1) 100%);*/
padding:8px;
border-radius:4px;
margin-right: 1px;
/*border-top: 8px solid #337ab7;
border-left: 8px solid #e8f4fe;
border-left: 8px solid #337ab7;
border-bottom: 8px solid #337ab7;
border-right: 8px solid #092940;*/
width: auto;
/*margin-top: 1.5em;*/
box-shadow: 1px 2px 3px 0 #ccc;
border: 1px solid #fff;
background-image: linear-gradient(to right, #092940 , #1a5f9a);
/* width: 90%; */
overflow: hidden;
margin-top:0.5em;
margin-bottom:0;
}

@media (min-width:600px){
.button-row-angled{
-webkit-transform: skew(-15deg);
transform: skew(-15deg);
margin-left:8px;
margin-right:8px
}

.button-row-angled .btn-default{
  -webkit-transform: skew(15deg) !important;
    transform: skew(15deg) !important;  
}
}

.button-row .btn-default{
  color: #fff;
  background-color:#337ab7;
  text-decoration:underline;
  font-weight:normal;
  border-radius:4px;
  /*box-shadow:0px 0px 2px 1px #fbfbfb;*/  
  border:1px solid #fff;
  margin-left:0.5em;
  font-size:1.1em;
}

a.btn-expand, a.btn-expand:focus, a.btn-expand:active{
  color: #fff;
  background-color:#092940;
  text-decoration:underline;
  font-weight:normal;
  border-radius:4px;
  /*box-shadow:0px 0px 2px 1px #fbfbfb;*/  
  box-shadow: 0px 0px 1px 1px #092940;
    border: 1px solid #fff;
}

a.btn-expand:hover{
box-shadow:0px 0px 2px 1px #092940;  
border:1px solid #fff;
text-decoration:none;
background-color:#092940;
color:#fff;
}

.button-row .btn-default:hover{
box-shadow:0px 0px 2px 1px #fbfbfb;  
border:1px solid #fff;
text-decoration:none;
background-color:#092940;
color:#fff;
}

.button-row .btn-default.current{
background-color:#228b22;
text-decoration:none;
/*box-shadow:0px 0px 2px 1px #fbfbfb; */
}

.button-row .btn-default.current:hover{
background-color:#228b22;
text-decoration:none;
/*box-shadow:0px 0px 2px 1px #fbfbfb;*/
box-shadow:none;
cursor:no-drop;
}


@media (max-width:600px){
.button-row{
padding:4px;
border:1px solid #fff;
box-shadow: 0px 0px 4px 2px #ddd;
}

.button-row .btn-default{
display:block;
margin:0.75em auto;
width:60%;
font-size:0.9em;
}
}

.carousel-caption .btn-default:hover, .carousel-caption-dph-home .btn-default:hover {
  /*color: #337ab7;*/
  /*background-color: #fff;*/
  border-color: #fff;
  text-decoration:none;
  box-shadow:0px 0px 0px 3px rgba(255,255,255,0.4);
  background-color:transparent;
  color:#fff;
}

.panel .btn-default:hover, .alt-row .btn-default:hover {
  color: #337ab7 !important;
  background-color: #fff !important;
  border-color: #337ab7 !important;
  text-decoration:none !important;
  box-shadow:0px 0px 0px 3px rgba(51,122,183,0.3) !important;
}

/* Login Form */

.form-heading-row{
	background-color:#092940;
	border-radius:4px;
	font-weight:bold;
	margin-bottom:1.5em;
	margin-left:0;
	margin-right:0;
	color:#fff !important;
}

.form-heading-row p{
margin:0;
font-size:1.5em;
background-color:#092940;
color:#fff;
padding:5px 7px;
border-radius:4px;
border-bottom-left-radius: 0;
border-bottom-right-radius: 0;
}

.login-form{
border:1px solid #999;
border-radius:4px;
background-color:#fbfbfb;
margin-top:2em;
}

.login-form > .row{
margin-left:0.1em !important;
margin-right:1em !important;
}

.login-form > .row > label{
padding-right:0;
}

@media (max-width: 1000px){
.login-centering {
    text-align:center;
}
}

/* end login form */

.alt-row{
	border:1px solid #337ab7;
	/*background-color:#f7f8f8;*/
	background-color:#092940;
	border-radius:4px;
	font-weight:bold;
	margin-top:1.5em;
	margin-bottom:1.5em;
	padding-bottom:.75em;
	margin-left:0 !important;
	margin-right:0 !important;
	color:#fff;
}

.alt-row h2, .alt-row h2, .alt-row h3, .alt-row h4, .alt-row h5{
color:#fff !important;	
}


/* remove whitespace below buttons in captions on carousel */
.carousel-caption p + .btn, .carousel-caption-dph-home p + .btn{
margin-bottom:0;
padding-bottom:0;	
}

.carousel-caption ul{
margin-left:1em;
padding-left:1em;
}
.carousel-caption ul li{
color:#fff;
margin-right:1em;	
font-weight:bold;
}

.carousel-caption a:link, .carousel-caption-dph-home a:link{
color:#fff;
text-decoration:underline;
}

.carousel-caption a:visited, .carousel-caption-dph-home a:visited{
color:#fff;
text-decoration:underline;
}

.carousel-caption a:hover, .carousel-caption-dph-home a:hover{
color:#eee;
text-decoration:none;
}

.indent{
margin-left:10px;	
}

.indent-indent{
margin-left:20px;	
}

.img-header-spacing{
margin-bottom:10px;	
}


.important{
color:#cc0000;
font-weight:bold;	
}

.masthead .agency img{
	max-height:70px;
	max-width:290px;
}
	

/**********************/
/*** MEDIA QUERIES ***/
/*********************/

@media all and (min-width:1280px){
.container{
	width:1170px;
}

}


/*submenu background color*/
@media (min-width: 1000px){
	/*default*/
	
	/*
#nav.affix {
    position: fixed;
    top: 0;
    width: 100%;
    z-index:10;
}
*/

/*adjust left margin*/
.masthead .agency img{
	margin-left:0px;
}

.navbar-inverse ul{
margin-left:-10px;	
}

.caret{
margin-left:5px;
}


.container > .navbar-header, .container-fluid > .navbar-header, .container > .navbar-collapse, .container-fluid > .navbar-collapse{
/*margin-left:-15px !important;	*/
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
color:#000;
background-color:#e8f4fe;
text-decoration:underline;
}

/*submenu hover */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
color:#fff;
text-decoration:none;
background-color:#337ab7;
}

/*color fill behind links, visible if there is padding on menus*/
.dropdown-menu{
background-color:#e8f4fe;
}


/* third level, second sub background color at top and bottom if padding */
.dropdown-menu .dropdown-menu{
background-color:#f5ead5;
}

/*third level, second sub background color of each menu item*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu > li > a
{
background-color:#f5ead5;
/*background-color:#f7f7f7;*/
color:#000;
text-decoration:underline;
}

/*third level, second sub on hover*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu > li > a:hover
{
background-color:#337ab7;
color:#fff;
text-decoration:none;
}

/* fourth level, third sub background color at top and bottom if padding */
.dropdown-menu .dropdown-menu .dropdown-menu{
background-color:#e8f4fe;
}

/*fourth level, third sub background color of each menu item*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a
{
/*background-color:#f5ead5;*/
background-color:#fff;
color:#000;
text-decoration:underline;
}

/*fourth level, third sub on hover*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a:hover
{
background-color:#337ab7;
color:#fff;
text-decoration:none;
}


}

@media all and (min-width:700px){
.carousel-caption{
  left: 80px;
  top:110px;
  width: 350px;
  height:auto;	
  opacity:0.9;
}
	
}

@media all and (max-width:999px){

#search{
max-width:280px;
padding-left:0;
margin:0;
}

footer .row.social-media{
width:auto;	
float:none;
}

header .agency{
	float:none;
padding-bottom:5px;	
/*padding-left:1px;
margin-right:20px;
position:relative;*/
margin-left:12px;
/*z-index:99999;*/ /*make sure agency column is above search column when page is reduced; otherwise, link on logo is not clickable*/
}

/*
.navbar-toggle {
float:none;
margin-left:15px;
}
*/
header ul.header-links{
padding-top:8px;
/*padding-left:4px;*/
list-style:none;
text-transform:uppercase;
margin-top:0;
margin-left:15px;
margin-bottom:4px;
}


#digitalgovsearch{
border:none;	
/*width:94%;*/
/*margin:4px auto 2px 1px;*/
max-width:300px;
float:left;
margin-left:10px;
}

header .search{
padding-right:4px;
margin-left:14px;
}

/*
header .header-links{
padding-top:10px;
padding-left:10px;
}
*/
#global-masthead-links .pull-right {
float:none !important;
}

.resp-no-float{
float:none !important;	
}

.masthead .row{
margin-right:0;
margin-left:-12px;	
}

.navbar-brand{
padding-left:2px;
padding-right:4px;
padding-top:20px;	
}

/*
.panel-body img{
width:50%;	
height:50%;
}
*/

/*first level nav items */
.navbar-inverse .navbar-nav > li > a{
border-bottom:1px solid #eee;
background-color:#092940;	
}

.navbar-inverse .navbar-nav > li > a:hover{
text-decoration:none;
background-color:#337ab7;	
}

.navbar-nav{
margin-top:0;
margin-bottom:0;	
margin-right:0;
margin-left:-5px; /*without this the links are off-screen; default setting of -15px is too much*/
}

.navbar-collapse{
padding-right:0;	
}

/*
.dropdown-menu{
max-height:400px;
overflow:hidden;
overflow-y:auto;	
}
*/
.navbar-nav .open .dropdown-menu{
background-color:#e8f4fe;	
padding-top:0;
padding-bottom:0;
}

.navbar-inverse .navbar-nav .open .dropdown-menu > li > a{
color:#000;
background-color:#e8f4fe;
border-bottom:1px solid #337ab7;
padding-top:10px;
text-decoration:underline;

}

/*submenu hover and focus */
.navbar-inverse .navbar-nav .open .dropdown-menu > li > a:hover{
color:#fff !important;
text-decoration:none;
background-color:#337ab7;
}

.navbar-inverse .navbar-nav .dropdown-menu > li > a:focus{
color:#000 !important;	
}

.dropdown-menu{
background-color:#e8f4fe;
}

/*color fill behind links, visible if there is padding on menus*/
.dropdown-menu{
background-color:#e8f4fe;
}


/* third level, second sub background color at top and bottom if padding */
.dropdown-menu .dropdown-menu{
background-color:#e8f4fe;
}

/*third level, second sub background color of each menu item*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu > li > a
{
background-color:#f5ead5;
/*background-color:#f7f7f7;*/
color:#000;
text-decoration:underline;
}

/*third level, second sub on hover*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu > li > a:hover
{
background-color:#337ab7;
color:#fff;
text-decoration:none;
}

/* fourth level, third sub background color at top and bottom if padding */
.dropdown-menu .dropdown-menu .dropdown-menu{
background-color:#e8f4fe;
}

/*fourth level, third sub background color of each menu item*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a
{
/*background-color:#f5ead5;*/
background-color:#fff;
color:#000;
text-decoration:underline;
}

/*fourth level, third sub on hover*/
.navbar-inverse .navbar-nav .open .dropdown-menu .dropdown-menu .dropdown-menu > li > a:hover
{
background-color:#337ab7;
color:#fff;
text-decoration:none;
}


.navbar-inverse .navbar-brand{
padding-left:6px;
}

#sidebar-snp .sidebar-position{
float:none;
margin-top:1em;
}

#bf-whatsnew-sidebar .panel-home{
margin:0.5em auto;	
}

/*
#bf-whatsnew-sidebar .panel-body-home img{
margin:1em auto;
border-radius:2px;	
}

#bf-whatsnew-sidebar .panel-body-lower{
border-top:none;
}
*/

.nested-row{
padding-left:0;
padding-right:0;
margin-left:-15px;
margin-right:-15px;	
/*border:1px solid red;*/
}
	
}

@media all and (min-width:700px){

/*carousel highlight image; if swapping images at different resolutions*/
/*
.highlight{
  background-image:url(/Library/images/Encourage-18w-USDA-LovingCare-72-cropped-web-1150x450.jpg)	
}
*/
}

/*orientation and positioning of carousel card/text overlay*/
@media all and (max-width:699px){
.carousel-caption {
  position: absolute;
  /*right: 15%;*/
  bottom:45px;
  left:0;
  width:100%;
  height:auto;
  font-size:1em;
  border-radius:0;
  opacity:0.9;
}


/*carousel highlight image; if swapping images at different resolutions*/
/*if different sizes are necessary due to image orientation, dimensions and positioning*/
/*
.highlight{
  background-image:url(/Library/images/Encourage-18w-USDA-LovingCare-72-cropped-web-710x537.jpg)	
}
*/

.carousel-caption p{
display:none;	
}

}

/*
@media all and (max-width: 1000px){
header .col-md-4{
float:none;
}
}
*/
@media all and (max-width:640px){

/*
#search{
margin-top:0;
margin-bottom:0;	
}
*/
}

@media all and (max-width:550px){
	
.pull-right{
float:none !important;
}

body{
/*font-size:14px;*/
/*font-size:.95em;*/ /* slightly larger than original setting and appears to correct inconsistencies in smaller devices, where weight of text-decoration:underline in Chrome and Edge on button links appears to be slightly less bold, less solid, more opaque; the difference are relativel minor and most users may not register the difference, but it is but noticeable; originally seen on button links in VR protected area --  */
}

#content.container{
font-size:.95em;
}

.pull-right.fa{
margin-left:0;	
}

h1{
font-size:18px;	
font-weight:bold;
}

h2{
font-size:16px;	
font-weight:bold;
}

h3{
font-size:15px;	
font-weight:bold;
}

h4{
font-size:14px;	
font-weight:bold;
}

.panel-heading h4{
font-weight:normal;
font-size:14px;
}


h5{
font-size:13px;	
font-weight:bold;
}

#digitalgovsearch{
margin-left:0;	
}


}


@media all and (max-width:400px){
body{
font-size:14px;	
}

img{
float:none;	
}

.carousel-caption img{
display:none;	
}

.featured-programs .col-md-4{
padding-left:5px;
padding-right:5px;	
}

/* featured panels height*/
.panel-uniform-height{
height:320px;	
margin-bottom:20px;
}

/* decrease font size of font awesome icons */
.featured-programs span[class*="fa"], .vector-image-heading {
	font-size:120px;
	padding:4px;
	}

}

@media all and (max-width:350px){

.carousel-control .icon-next, .carousel-control .glyphicon-chevron-right, .fa-chevron-circle-right
{
right:5px;	
}

.carousel-control .glyphicon-chevron-left, .carousel-control .icon-prev, .fa-chevron-circle-left{
left:5px;
}

.carousel-caption img{
display:none;	
}

.featured-programs .col-md-4{
padding-left:5px;
padding-right:5px;	
}

.btn-default{
white-space:normal;	
}

/* commented out Oct. 21, left margin not aligned with elements above on small devices
header ul.header-links{
	list-style:disc;
	margin-left:6px;
}
*/

header ul.header-links li{
	display:block;
	float:none;
}

.masthead .agency img{
max-width:220px;
height:auto;	
min-width:200px;
}

footer p.text-center img{
width:204px;
height:46px;	
min-width:200px;
}

.navbar-inverse .navbar-brand{
font-size:14px;
font-weight:bold;
}

.navbar-toggle{
padding:7px 4px;	
}

footer .row.social-media ul li{
width:auto;	
float:none;
display:block;
}

footer .row.social-media ul li a{
font-size:12px;	
}

footer .social-media.row span.fa-twitter, footer .social-media.row span.fa-rss, footer .social-media.row span.fa-youtube-play, footer .social-media.row span.fa-linkedin, footer .row.social-media span.fa-instagram
{
font-size:18px;
padding:7px;
}

footer .social-media.row span.fa-facebook{
font-size:18px;
padding:7px 10px;
}

}