/* Web Fonts
font-family:'Conduit ITC W01 Bold'; font-weight:400; font-style:normal; //Semibold
font-family:'Conduit ITC W01 Black'; font-weight:400; font-style:normal; //Superbold
*/

/* Basic Styles */
html {
	 height: 100%;
}
body {
    min-width: 320px;
    min-height: 100%;
    color: #000000;
    background-color: #fff;
    font-family: 'Source Sans Pro', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 200;
    font-style: normal;
    font-size: 1.7rem;
    -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */
    -webkit-text-size-adjust: 100%;
}

/* Typography */
h1, h2, h3, h4, h5, h6 {
    color:rgb(5, 38, 75);
}
h1, h2 {
    margin-top: 20px;
    font-family:   'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight: 300;
    font-style: normal;
}
h3, h4, h5, h6 {
    margin: 1.2em 0 0 0;
	font-family: 'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-weight: 400;
	font-style: normal;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; }
h1 {
  	font-size: 3.6rem;
    font-weight: bolder;
    line-height: 1.3;
}
h2 {
    margin: 0;
    line-height: 1.4;
    font-size: 3.5rem;
    padding-bottom: 15px;
}

h3 { font-size: 2.4rem; font-weight: 400; line-height: 1.4; }
h4 { font-size: 2rem; line-height: 1.5; }
h5 { font-size: 1.7rem; line-height: 1.5; }
h6 { font-size: 1.6rem; line-height: 1.5; }
.subheader { color: #777; }

p { margin: 0 0 20px 0; }
p img { margin: 0; }
p.lead { font-size: 2.1rem; line-height: 27px; color: #777;  }

em { font-style: italic; }
strong { font-weight: bold;}
small { font-size: 80%; }

td, th {
    font-weight: inherit;
    padding: 0.5rem 0.70rem;
}


/*	Blockquotes  */
blockquote, blockquote p {
    color:#444
    font-size: 1.5rem;
    font-style: italic;
    line-height: 24px;
}
blockquote {  margin: 0 0 20px 25px; padding: 9px 20px 0 19px; border-left: 1px solid #ddd; }
blockquote cite { display: block; font-size: 1.2rem; color: #fff; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }

hr { border: solid #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 30px; height: 0; }


/* Links */
a, a:visited {
    text-decoration: none;
    outline: 0;
}
a:hover, a:active, a:focus, a:focus:hover {
    text-decoration: none;
}
p a { line-height: inherit; }

.page-contents a {
  	border-bottom: 1px dotted #5b616b;
}
.page-contents a:hover,
.page-contents a:active,
.page-contents a:focus {
    border-bottom: 1px solid #112e51;
}

/* Site Styles */
.usa-grid {
	background-color: #fff;
}

/* Header */
.masthead {
    position: relative;
}
.usa-header {
	position: relative;
	/*bottom: 0;*/
	/*left: 0;*/
	z-index: 9;
	/*width: 100%;*/
	/*height: 100%;*/
	max-width: none;
	background-color: rgba(255, 255, 255, 0.67);
}
.usa-header.reveal {
	background-color: rgba(255, 255, 255, 0.67);
}
.usa-mobile_nav-active .usa-header {
	/*z-index: 8001;*/
}
.usa-nav-container {
    height: 100%;
}
.usa-navbar {
    height: auto;
    /*border-bottom: none;*/
}
.usa-header-basic .usa-logo {
    border-top: none;
}
@media screen and (min-width: 600px) {
}
@media screen and (min-width: 768px) {
    .usa-header {
        height: auto;
    }
}
@media screen and (min-width: 951px) {
    .usa-header {
        /*height: auto;*/
    }
    .usa-nav-container {
        padding-left: 0;
        padding-right: 0;
    }
    .usa-header-basic .usa-navbar {
        width: 100%;
        /*height: auto;*/
    }

    .usa-header-basic .usa-logo {
        position: relative;
    }
}

.usa-logo {
	display: flex;
	justify-content: space-between;
	align-items: center;
    float: none;
    width: 100%;
    margin-left: 0;
    padding-top: 1rem;
}
.logo {
    margin: 0 1rem;
	text-align: left;
}
.site-title {
    flex: 0 1 auto;
    width: 40%;
    line-height: 1.1;
    font-size: 2rem;
	font-family: 'Conduit ITC W01 Black', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    font-weight:400;
    font-style:normal;
}
.site-title a {
	float: left;
	width: 100%;
	color: #00539b;
	text-decoration: none;
}
.usa-logo-text {
    font-size: inherit;
}
.doe-logo {
    flex: 0 1 auto;
    width: 50%;
	text-align: right;
}
@media screen and (min-width: 491px) {
    .site-title {
        width: 45%;
    }
    .doe-logo {
        width: 45%;
    }
}
@media screen and (min-width: 600px) {
    .usa-logo {
        padding-left: 1.5rem;
    }
    .site-title {
        clear: none;
        width: 42.5%;
        margin: 1rem 0 0;
        padding-left: 1rem;
        padding-right: 1.5rem;
    }
    .doe-logo {
    	width: 42.5%;
    	margin-top: 0;
    	margin-right: 1.5rem;
    }
    .logo a {}
}
@media screen and (min-width: 768px) {
    .usa-logo {
        padding-bottom: 1rem;
    }
    .site-title {
	    font-size: 2.8rem;
	    margin-top: 0;
        padding-right: 3rem;
    }
    .doe-logo {
    	position: absolute;
    	top: 2rem;
    	right: 0;
    }
}
@media screen and (min-width: 951px) {
    .site-title {
        margin-top: 1rem;
        margin-left: 0;
        padding-left: 0;
        padding-right: 0;
        font-size: 4.2rem;
        font-family: 'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }
    .site-title a {
        width: auto;
    }
    .doe-logo {
    	right: 0;
    }
    .doe-logo a {
        float: right;
    }

    .usa-logo img {
    	display: block;
    	width: auto;
    	max-height: 17.5rem;
    }
}
@media screen and (min-width: 1080px) {
    .usa-logo {
        padding-left: 0;
    }
    .doe-logo {
        margin-right: 0;
    }
}


/* Hero Unit */
.hero-unit {
	overflow: hidden;
	position: absolute;
	bottom: 0;
	z-index: -1;
	width: 100%;
}
.hero-unit ~ .usa-header > .usa-nav-container {
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.hero-unit ~ .usa-header .program-logo,
.hero-unit ~ .usa-header .site-title {
	opacity: 1;
}
.hero-unit-image {
	display: block;
	min-height: 100%;
	opacity: 0;
	transition: opacity 0.5s ease-in;
}
.hero-unit-image.loaded {
	opacity: 1;
}
@media screen and (min-width: 600px) {
    .hero-unit {
        position: fixed;
        top: 0;
        left: 0;
        right: 0;
        bottom: auto;
    }
}
@media screen and (min-width: 768px) {
    .hero-unit-image {
    	width: 100%;
    	height: auto;
    	min-width: auto;
    	min-height: 0;
    }
}


/* Navigation */
.usa-nav {
    top: 0;
}
.sidebar-menu .usa-nav .usa-nav-close img {
	display: inline-block;
	width: 1.3rem;
}
.usa-button.sidebar-menu__button,
.usa-button.sidebar-menu__button:visited {
	width: 100%;
	margin: 0;
    padding-top: 1.6rem;
    padding-bottom: 1.6rem;
	color: #f1f1f1;
	background-color: #05264b;
    font-size: 2.2rem;
    font-family: 'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
}
.usa-button.sidebar-menu__button:hover,
.usa-button.sidebar-menu__button:active,
.usa-button.sidebar-menu__button:focus {
	color: #fff;
	background-color: #0071bc;
}
@media screen and (min-width: 951px) {
    .usa-nav {
        clear: both;
        float: none;
        padding-top: 0;
        padding-left: 0;
        margin: 0 auto;
        background-color: #fff;
        border-top-left-radius: 2px;
        border-top-right-radius: 2px;
    }
    .usa-nav-primary {
        display: block;
        position: static;
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
    .usa-nav-primary:after {
        content: "";
        display: block;
        clear: both;
    }
    .usa-nav-primary > li {
        display: block;
        border-top: 1px solid #d6d7d9;
    }
    .usa-nav-primary > li > a {
        margin: 0;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
        font-size: 2.2rem;
        font-family: 'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
    }
    .usa-nav-primary > li > a:hover {
        color: #fff;
        background-color: #0071bc;
    }
    .usa-nav-primary a.usa-current {
        padding-left: 1.2rem;
        border-left: 0.3rem solid #0071bc;
    }
    .sidebar-menu__action {
        margin-top: 2.8rem;
        margin-bottom: 2.8rem;
    }
}
@media screen and (min-width: 1201px) {
    .usa-nav {
        max-width: 1040px;
    }
}

.usa-menu-btn {
    float: none;
    position: absolute;
    bottom: 0;
    right: 1.6rem;
}
.usa-banner {
    position: relative;
    z-index: 69;
    width: 100%;
    padding-top: 0;
    border-top: 3px solid rgb(5, 38, 75);
    border-bottom: 1px solid #9b9b9b;
    background-color: rgb(5, 38, 75);;
}
.usa-banner .usa-banner-content {
	padding-top: 0;
    padding-bottom: 0;
	background-color: rgb(5, 38, 75);;
}
.usa-banner-inner {
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	min-height: 2.75em;
	padding: 0.7rem 0 0.5rem;
}
.tagline {
    flex: 0 1 auto;
    width: 100%;
    font-size: 2.4rem;
    color: #fcb714;
}
.toolbar {
    flex: 0 1 auto;
    width: 100%;
    max-width: 420px;
	margin-left: auto;
}
.toolbar a {
    position: relative;
    display: block;
    float: left;
    line-height: 16px;
    margin: 5px 4px 0 0;
    padding: 4px 7px;
    font-size: 1.25rem;
    text-decoration: none;
    text-transform: uppercase;
    color: #ffffff;
    font-weight: bold;
    border-radius: 4px;
}
.toolbar li a:hover,
.toolbar li a:focus {
	color: #fff;
	background-color: #00539b;
}
.global-menu {
    float: right;
	margin: 0 0 0.6rem 0;
	padding: 0;
}
.global-menu li {
	display: inline;
}
@media screen and (min-width: 600px) {
    .usa-banner {}
    .tagline {
        width: auto;
        margin-right: 3rem;
    }
    .toolbar {
        width: auto;
        max-width: none;
    }
    .global-menu {
	    float: left;
        margin-right: 1rem;
        margin-bottom: 0;
    }
}
@media screen and (min-width: 768px) {
    .usa-banner {
        /*position: absolute;*/
    	/*top: 0;*/
    	/*left: 0;*/
        /*z-index: 6001;*/
    }
}
.usa-overlay.is-visible {
	opacity: 0.2;
}

/* Social Images */
 .social-links a {
	display: block;
	float: left;
	width: 32px;
	height: 32px;
	margin: 0 3px;
	padding: 0;
	text-indent: -9999px;
}
.facebook-global {
	background: #3a5897 url(../img/social/facebook.png) center center no-repeat;
}
.facebook-global:hover {
	background: #fff url(../img/social/facebook-on.png) center center no-repeat;
}
.twitter-global {
	background: #5ea9dd url(../img/social/twitter.png) center center no-repeat;
}
.twitter-global:hover {
	background: #fff url(../img/social/twitter-on.png) center center no-repeat;
}

.site-search {
    clear: left;
	float: right;
}
@media screen and (min-width: 600px) {
    .site-search {
        clear: none;
    }
}


/* Notices */
.notice-section,
.notice-section__grid {
	color: #fcb714;
	background-color: #05264b;
}
.notice-section {
	padding-top: 1.2rem;
	padding-bottom: 1.2rem;
    font-size: 2rem;
    font-weight: 400;
	font-family: 'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	text-align: center;
}
.notice-section a {
	color: #fcb714;
}
.notice-section a:hover,
.notice-section a:active,
.notice-section a:focus {
	color: #f1f1f1;
}

/* Content */
/* for fixed video */
.main-contents {
	position: relative;
	/*z-index: 7001;*/
	/*margin-top: -3px;*/
	padding-bottom: 2.4rem;
	background-color: #f9f9f9;
}
.main-contents > .usa-grid:first-child,
.main-contents > :first-child > .usa-grid:first-child {
    padding-top: 4rem;
}
@media screen and (min-width: 951px) {
    .main-contents > .usa-grid,
    .main-contents > header > .usa-grid {
        padding-left: 6rem;
        padding-right: 6rem;
    }
}
.usa-grid .page-contents {
	/*padding-bottom: 3.2rem;*/
}
.profile header h3 {
	margin-bottom: 0.5em;
}

/* Sortable Tables */
table.sortable table.sortable th{
	cursor:pointer
}
table.sortable th.header{
	background:transparent url(data:image/gif;
	base64,R0lGODlhFQAJAIABAMweHv///yH5BAEAAAEALAAAAAAVAAkAAAIXjI+AywnaYnhUMoqt3gZXPmVg94yJVQAAOw==) no-repeat left center;
	padding-left:20px
}
table.sortable th.headerSortDown{
	background:transparent url(data:image/gif;
	base64,R0lGODlhFQAEAIABAMweHv///yH5BAEAAAEALAAAAAAVAAQAAAINjI8Bya2wnINUMopZAQA7) no-repeat left center;
	padding-left:20px
}
table.sortable th.headerSortUp{
	background:transparent url(data:image/gif;
	base64,R0lGODlhFQAEAIABAMweHv///yH5BAEAAAEALAAAAAAVAAQAAAINjB+gC+jP2ptn0WskLQA7) no-repeat left center;
	padding-left:20px
}
.features {
	padding-top: 1.5rem;
	padding-bottom: 1.6rem;
}
.features .usa-width-two-thirds {
    margin: 0 auto 1.5rem;
}
.features .usa-width-one-third {
    display: block;
    float: none;
    clear: both;
    width: 300px;
    margin: 0 auto 1.2rem;
}
.sidebar-feature {
	position: relative;
	margin-top: 0.5em;
}
.sidebar-menu + .sidebar-feature {
    margin-top: 0;
}
.features .usa-width-one-third img {
	display: block;
	width: 100%;
	height: auto;
}
.features h3 {
	position: absolute;
    bottom: 0;
	right: 0;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	color: #000;
	font-size: 2.4rem;
	font-family: 'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-weight: 200;
	font-style: normal;
	letter-spacing: 1px;
	text-transform: none;
}
@media screen and (min-width: 600px) {
    .features .usa-width-two-thirds {
        width: 100%;
    }
}
@media screen and (min-width: 768px) {
    .features .usa-width-one-third {
        float: left;
        clear: none;
        display: block;
        width: 30.11389%;
        margin-right: 0;
    }
    .features .usa-width-two-thirds {
        float: left;
        display: block;
        width: 65.05695%;
        margin-right: 4.82916%;
    }
    .features h3 {
    	/*bottom: 2rem;*/
    }
}
@media screen and (min-width: 960px) {
    .sidebar-menu + .sidebar-feature {
    	margin-top: 0.5em;
    }
    .features h3 {
    	/*bottom: 2.4rem;*/
    }
}
.features h3 a {
	display: block;
	padding: 0.9rem 1.5rem;
	color: #000;
	border-bottom: none;
	background-color: green;
	background-color: rgba(118, 203, 16, 0.5);
	font-weight: bold;
}
.features h3 a:hover {
	color: #f1f1f1;
	background-color: #00539b;
	background-color: rgba(0, 83, 155, 0.80);
	text-decoration: underline;
}

/* welcome message */
#welcome-message {
	padding-top: 4rem;
	padding-bottom: 3rem;
}
#welcome-message {
	border-top: 1px dotted #c3c3c4;
}
#welcome-message h2 {
    margin: 0 1.5rem 1.25rem;
	padding: 0;
    font-size: 2.4rem;
}
#welcome-message p {
    margin: 0 1.5rem 1.5rem;
}
@media (min-width: 768px) {
    #welcome-message {
    	padding-left: 4.5rem;
    	padding-right: 4.5rem;
    }
    #welcome-message h2 {
    	margin: 0 0 1.5rem;
    	font-size: 3rem;
    }
    #welcome-message p {
        margin-left: 0;
        margin-right: 0;
    }
}
@media screen and (min-width: 951px) {
    #welcome-message {
    	padding-left: 6rem;
    	padding-right: 6rem;
    }
}

/* Profiles */
.profile__heading {
    font-size: 3.6rem;
    line-height: 1.3;
    margin-bottom: 0.5em;
}
.profile-intro .usa-width-one-fourths.four img {
	box-sizing: border-box;
	display: block;
	width: 100%;
	max-width: 220px;
	height: auto;
	padding: 5px;
	border: thin solid #ccc;
	background-color: #d6d7d9;
}
.profile-photo {
	background-color: #fff;
	border: 8px solid #fff;
	border-radius: 4px;
	-webkit-box-shadow: 0 0 10px #ccc;
	-moz-box-shadow: 0 0 10px #ccc;
	box-shadow: 0 0 10px #ccc;
}
.profile-photo .profile-photo .caption {
	margin-top: 0.5em;
	margin-bottom: 0;
	font-size: 1.2rem;
	font-style: italic;
}
.profile-photo .caption p {
	font-size: 1.2rem;
	font-style: italic;
}
.profile-photo .caption p:last-child {
	margin-bottom: 0;
}
.photo-half {
	float: right;
	width: 100%;
	max-width: 400px;
	margin-left: 1em;
	margin-bottom: 1.25em;
}
.photo-half.short {
	width: 232px;
	padding-top: 5px;
}
.photo-half img {
	width: 100%;
	height: auto;
}
.photo-half.short img {
	width: 232px;
}
.logo-half {
	float: right;
	width: 100%;
	max-width: 235px;
	margin: 0 1em 1.25em;
}
.logo-half img {
	width: 100%;
	height: auto;
}
.photo-full {
	float: left;
	width: 100%;
	max-width: 600px;
	height: auto;
	margin-left: 50px;
	margin-bottom: 2em;
}
.photo-full img {
	width: 100%;
	height: auto;
}

/* Site Map */
#site-map {
	padding-bottom: 1em;
}
#site-map h3 {
	font-size: 2.1rem;
	line-height: 1.5;
}
#site-map h4 {
	margin-top: 0.5em;
	font-size: 1.8rem;
	line-height: 1.4;
}
#site-map ul {
	margin-top: 0.25em;
}

/* Sidebar */
aside {
	padding: 2rem 0;
}
@media screen and (min-width: 951px) {
    aside {
        padding-top: 0;
    }
}
@media screen and (min-width: 1201px) {
    aside {
        padding-left: 2.6rem;
    }
}
.usa-sidenav-list {
    border-bottom: none;
    border-top: none;
}
.usa-grid .usa-sidenav-list {
	margin-right: 0;
	margin-left: 0;
}
.usa-sidenav-list > li {
	border-top: 1px dotted #5b616b;
}
.usa-sidenav-list a {
    border-bottom: none;
}
.usa-sidenav-list span {
	display: block;
	padding: 0.85rem 1rem 0.85rem 1.5rem;
	line-height: 1.3;
	font-family: 'Source Sans Pro', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	color: #212121;
	text-decoration: none
	border: none;
}
.usa-sidenav-list span.usa-current {
	padding-left: 1.1rem;
	font-weight: 700;
	color: #0071bc;
	border-left: 0.4rem solid #0071bc;
	border-bottom: none;
}
.usa-sidenav-sub_list span.usa-current {
    padding-left: 2.8rem;
    border: none;
}
/* Sidebar quote styles */
.quote-box {
	margin-top: 2em;
	margin-left: 0;
	padding: 2rem 2.4rem 2.4rem;
	color: #fff;
	font-size: 1.8rem;
	font-weight: 700;
	border-left: none;
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
}
.quote-box a{
    color: #fff;
    text-decoration: underline;
}
.quote-box > :last-child {
	margin-bottom: 0;
}
.quote-style-light-green {
    background-color: #92cc78;
}
.quote-style-dark-green {
    background-color: #0a6f31;
}
.quote-style-orange {
    background-color: #2853b9;
}
.quote-style-purple {
    background-color: rgb(5, 38, 75);
}


/* Footer */
 footer {
	background-color: rgb(5, 38, 75);
	border-top: #9b9b9b thick solid;
	display: block;
	padding-bottom: 50px;
	color: #fff;
}
footer {
	position: relative;
	z-index: 701;
}
footer .usa-grid {
	background-color: transparent;
}
footer ul {
	margin-bottom: 0.5em;
	padding-left: 0;
	line-height: 1.6;
	text-align: center;
	color: #fff;
}
footer li {
	color: #fff;
	display: inline-block;
	text-decoration: none;
}
footer a:link, footer a:visited {
	color: #fff;
	text-decoration: none;
	line-height: 30px;
}
footer a:hover, footer a:active, footer a:focus, footer a:focus:hover {
	color: #d1eaff;
	border-bottom: 1px solid #0096d7;
}
.footer-navigation a, .footer-navigation a:visited, .legal-info a, .legal-info a:visited {
	border-bottom: 1px dotted #fff;
}
#footer {
	padding: 40px 0;
}
#footer .row {
	margin: 0;
}
.logos {
	margin-top: 72px;
}
.logos li {
    display: block;
    width: 100%;
	margin-bottom: 0;
    background-position: center center;
	background-size: contain;
	text-indent: -9999px;
}
.logos a {
	display: block;
    margin: 0 auto;
}
.logo-orise {
	margin-top: 1em;
	/*margin-left: 96px;*/
	background: transparent url(../img/orise-logo.png) no-repeat;
}
.logo-orise a {
	height: 46px;
}
.logo-orau {
	margin-left: 96px;
	background: transparent url(../img/orau-logo-white.png) no-repeat;
}
.logo-orau a {
	height: 46px;
}
.logo-doe {
	margin-right: 96px;
	background: transparent url(../img/doe-logo-white.png) no-repeat;
}
.logo-doe a {
	height: 45px;
}
.logo-orise a:hover, .logo-orise a:active, .logo-orise a:focus, .logo-orise a:focus:hover, .logo-orau a:hover, .logo-orau a:active, .logo-orau a:focus, .logo-orau a:focus:hover, .logo-doe a:hover, .logo-doe a:active, .logo-doe a:focus, .logo-doe a:focus:hover {
	border-bottom: none;
}
@media screen and (min-width: 768px) {
    .logos li {
    	display: inline-block;
    	width: 30%;
    	margin-top: 0;
    	margin-left: 4%;
    }
    .logos li:first-child {
        margin-left: 0;
    }
}

#footer .box {
	min-height: 10em;
	margin-bottom: 1em;
	padding: 1.5em 1.5em 2em;
	border: 1px solid #d8dada;
	border-radius: 3px;
	background-color: #fff;
	overflow: hidden;
}
#footer p {
	font-size: 1.3rem;
	line-height: 1.5;
}
#footer .box h3 {
	font-size: 2.,4rem;
	font-family:'Conduit ITC W01 Bold', Calibri, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	font-weight:300;
	font-style:normal;
	line-height: 1.2;
	margin-bottom: 0.25em;
	text-transform: uppercase;
}
.social-menu {
	margin-top: 28px;
	margin-bottom: 36px;
}
.social-menu li {
	margin-left: 6px;
	margin-right: 6px;
}
.social-menu a {
	position: relative;
	display: inline-block;
	*display: inline;
	zoom: 1;
	width: 42px;
	height: 42px;
	text-indent: -9999px;
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #fff;
	border-bottom: none;
	border-radius: 21px;
}
.social-menu a:hover {
	border-bottom: none;
}
.social-menu a#facebook {
	background-image: url(../img/social/facebook.png);
	background-image: url(../img/social/facebook.svg), none;
	background-color: #fff;
	background-position: center center;
	background-size: 28px;
}
.social-menu a#facebook:hover, .social-menu a#facebook:active, .social-menu a#facebook:focus {
	background-image: url(../img/social/facebook-active.png);
	background-image: url(../img/social/facebook-active.svg), none;
	background-color: #3b579d;
	border-bottom: none;
}
.social-menu a#twitter {
	background-image: url(../img/social/twitter.png);
	background-image: url(../img/social/twitter.svg), none;
	background-color: #fff;
	background-position: 8px 8px;
	background-size: 28px;
}
.social-menu a#twitter:hover, .social-menu a#twitter:active, .social-menu a#twitter:focus {
	background-image: url(../img/social/twitter-active.png);
	background-image: url(../img/social/twitter-active.svg), none;
	background-color: #5facdc;
	border-bottom: none;
}
.social-menu a#linkedin {
	background-image: url(../img/social/linkedin.png);
	background-image: url(../img/social/linkedin.svg), none;
	background-color: #fff;
	background-position: 7px 6px;
	background-size: 28px;
}
.social-menu a#linkedin:hover, .social-menu a#linkedin:active, .social-menu a#linkedin:focus {
	background-image: url(../img/social/linkedin-active.png);
	background-image: url(../img/social/linkedin-active.svg), none;
	background-color: #0077b5;
	border-bottom: none;
}
.social-menu a#flickr {
	background-image: url(../img/social/flickr.png);
	background-image: url(../img/social/flickr.svg), none;
	background-color: #fff;
	background-position: center center;
	background-size: 36px;
}
.social-menu a#flickr:hover, .social-menu a#flickr:active, .social-menu a#flickr:focus {
	background-image: url(../img/social/flickr-active.png);
	background-image: url(../img/social/flickr-active.svg), none;
	background-color: #3f4043;
	border-bottom: none;
}
.social-menu a#youtube {
	background-image: url(../img/social/youtube.png);
	background-image: url(../img/social/youtube.svg), none;
	background-color: #fff;
	background-position: center center;
	background-size: 28px;
}
.social-menu a#youtube:hover, .social-menu a#youtube:active, .social-menu a#youtube:focus {
	background-image: url(../img/social/youtube-active.png);
	background-image: url(../img/social/youtube-active.svg), none;
	border-bottom: none;
}


/* Miscellaneous */
.faq-heading {
    margin-top: -1.5em;
}
.faq-heading span {
    display: block;
    padding-top: 2.75em;
}
p.faq-nav {
    margin-top: -3em;
    padding-top: 3.5em;
}
.faq-divider {
    margin-top: 1.75em;
    margin-bottom: 0;
}

#infographic {
    margin: 2.5em 0;
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
}
.box1{
    background-color: rgb(5, 38, 75);
    padding: 1.5em;
    color: #fff;
    margin-bottom: 0px;
    box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
}
.box2{
    margin-bottom: 0;
    padding: 1.5em;
    background-color: #2853b9;
    color: #fff;
}
.box3{
    padding: 1.5em;
    color: #fff;
    background-color: #0a6f31;
}
.box4{
    margin-bottom: 0px;
    padding: 1.5em;
    background-color: #92cc78;
    color: #fff;
}
.box5{
    margin-bottom: 0px;
    padding: 1.5em;
    background-color: #92cc78;
    color: #fff;
}
.box1 h3, .box2 h3, .box3 h3, .box4 h3, .box5 h3{
    margin-top: 0;
    color: #fff;
}
.box2 h3 {
	margin-bottom: 0.5em;
}
.box1 p, .box2 p, .box3 p, .box4 p, .box5 p{
    margin-bottom: 1em;
        font-weight: 500;
}
.box1 p {
    margin-bottom: 0.75em;
}
.box4 p {
	/*text-align: center;*/
}
.box1 ol, .box2 ol, .box3 ol, .box4 ol, .box5 ol
.box1 ul, .box2 ul, .box3 ul, .box4 ul, .box5 ul{
    color:white;
    margin-left: 16px;
    margin-bottom: 1em;
        font-weight: 500;
}
.box1 li, .box2 li, .box3 li, .box4 li, .box5 li{
    line-height: 1.6;
    margin-bottom: 0;
}
.box4 a,
.box4 a:visited,
.box4 a:hover,
.box4 a:active,
.box4 a:focus {
    border-bottom: none;
    border-radius: 9px;
}
.box4 a {
    display: block;
    padding: 8px 10px;
}
.box4 a:hover,
.box4 a:active,
.box4 a:focus {
    background-color: rgba(255, 255, 255, 0.4);
}


.box1 a, .box2 a, .box3 a, .box5 a {
 border-bottom: 1px dotted #ffffff;
    color:#ffffff;
}

.box1 a:hover,
.box1 a:active,
.box1 a:focus, .box2 a:hover,
.box2 a:active,
.box2 a:focus, .box3 a:hover,
.box3 a:active,
.box3 a:focus, .box5 a:hover,
.box5 a:active,
.box5 a:focus {
    border-bottom: 1px solid #112e51;
}

.box1 img, .box2 img, .box3 img, .box4 img, .box5 img {
	display: block;
}
.box4 img {
	margin-left: auto;
	margin-right: auto;
}

.quote-container {
	display: flex;
	flex-wrap: wrap;
	align-items: flex-start;
}
.quote-container > .quote-content {
	margin-bottom: 1em !important;
	box-shadow: 1px 1px 30px -1px rgba(50, 50, 50, 0.56);
}


/* centers titles in left columns */
#infographic .row {
	flex-direction: row;
}
#infographic .usa-width-one-fourth {
	display: flex;
	flex-direction: column;
	justify-content: center;
	flex: 0 1 auto;
}
#infographic .usa-width-one-fourth h3 {
	flex: 0 1 auto;
}
.box1 .usa-width-one-fourth {
	min-height: 8.25em;
}
.box2 .usa-width-one-fourth {
	min-height: 11.9375em;
}
.box3 .usa-width-one-fourth {
	min-height: 3.125em;
}
.box4 .usa-width-one-fourth {
	min-height: 5.1875em;
}

#excited{
    padding: 2.5em;
    background-color: #1e90ff;
}
#excited h2 {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0.5em;
    text-align: center;
    font-size: 2.5rem;
    color: #fff;
}
#excited h3 {
    margin-top: 0;
    padding-top: 0;
    text-align: center;
    font-size: 2rem;
    color: #fff;
}
#excited h3 a,
#excited h3 a:visited {
    color: #fff;
    border-bottom: none;
}
#excited h3 a:hover,
#excited h3 a:active,
#excited h3 a:focus {
    color: #fff;
    border-bottom: 1px dotted #dce4ef;
}

#infographic p:last-child,
#infographic ol:last-child ,
#infographic ul:last-child {
	margin-bottom: 0;
	    font-weight: 500;
}


/* Misc */
.remove-bottom { margin-bottom: 0 !important; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }

/* opportunities grid */
.dataTables_length, .dataTables_filter {
    margin-bottom: 1em;
}
.dataTables_length select {
    height: auto;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
}
.dataTables_wrapper .dataTables_filter input {
    float: none;
    display: inline-block;
    border-right: .1rem solid #5b616b;
}


/* Modal */
body {
  position: relative;
  z-index: 1;
}
.modal-overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: -1;
	display: flex;
	align-items: center;
	justify-content: center;
	width: 100%;
	height: 100%;
	opacity: 0;
    padding: 2em 1.5em 1.5em;
	background-color: rgba(21, 27, 37, 0);
	transition: all 0.67s ease-in;
}
.modal-overlay.active {
	z-index: 9999;
	opacity: 1;
	background-color: rgba(21, 27, 37, 0.92);
}
.modal-content-container {
    position: relative;
    z-index: 10001;
    opacity: 1;
    width: 100%;
    max-width: 800px;
    /*height: 50vh;*/
    /*min-height: 51.2rem;*/
}
.modal-video-container {
	width: 100%;
}
.modal-content {
    height: 100%;
    max-height: 90vh;
    padding: 1em;
    background-color: #fff;
    border-radius: 3px;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
}
.modal-content > h1 + img,
.modal-content > h2 + img,
.modal-content > h3 + img,
.modal-content > h4 + img,
.modal-content > h5 + img,
.modal-content > h6 + img {
    display: block;
    max-width: 260px;
    height: auto;
    margin-right: 1em;
    margin-top: 0.75em;
    margin-bottom: 0.5em;
}
.modal-content iframe {
    width: 100%;
    height: 100%;
    min-height: 51.2rem;
}
.modal-close-button {
    position: absolute;
    top: -18px;
    right: -18px;
    z-index: 10001;
    opacity: 0;
    width: 36px;
    height: 36px;
    padding: 4px;
    background-color:rgb(5, 38, 75);
    background-image: url('../img/close-alt.png');
    background-image: url('../img/close-alt.svg'), none;
    background-position: center center;
    background-repeat: no-repeat;
    background-size: 14px 14px;
    border: 3px solid #fff;
    border-radius: 50%;
}
.modal-video-container .modal-close-button {
    top: -16px;
    right: -16px;
}
.modal-overlay.active .modal-close-button {
	opacity: 1;
}
.modal-close-button:hover,
.modal-close-button:active,
.modal-close-button:focus,
.modal-close-button:focus:hover {
	background-color: #d6d7d9;
	background-image: url('../img/close.png');
	background-image: url('../img/close.svg'), none;
	background-size: 16px 16px;
	border-color: #d6d7d9;
}
@media screen and (min-width: 420px) {
    .modal-overlay {
        padding-left: 3em;
        padding-right: 3em;
    }
}
@media screen and (min-width: 600px) {
    .modal-content > h1 + img,
    .modal-content > h2 + img,
    .modal-content > h3 + img,
    .modal-content > h4 + img,
    .modal-content > h5 + img,
    .modal-content > h6 + img {
        float: left;
    }
}
@media screen and (min-width: 768px) {
    .modal-content {
    }
}

/* Zintellect Modal */
#zintellect-modal-content,
#zintellect-exit-content {
    display:none;
}

/* Embed Resposively :) */
.embed-container {
    position: relative;
    overflow: hidden;
    max-width: 100%;
    height: 0;
	/*padding-top: 3rem;*/
    padding-bottom: 56.25%;
}
.embed-container.impact-video-embed {
    padding-bottom: 37.25%;
}
.embed-container iframe,
.embed-container object,
.embed-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.features .embed-container iframe,
.features .embed-container object,
.features .embed-container embed {
	z-index: -1;
}
.active .embed-container iframe,
.active .embed-container object,
.active .embed-container embed {
	z-index: 1;
}
.features .embed-container {
	padding-bottom: 55.75%;
}

/* Content icons */
.info-link {
    min-height: 4.8rem;
    padding-left: 6rem;
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 4.8rem 4.8rem;
}

.icon-nature {
    background-image: url(../img/content-icons/nature-of-the-appt.png);
}
.icon-start {
    background-image: url(../img/content-icons/start-of-appt.png);
}
.icon-renewal {
    background-image: url(../img/content-icons/renewal-of-appt.png);
}
.icon-end {
    background-image: url(../img/content-icons/end-of-appt.png);
}

.icon-prepare-housing {
    background-image: url(../img/content-icons/housing.png);
}
.icon-citizenship {
    background-image: url(../img/content-icons/guidelines-for-non-us.png);
    background-position: -0.4rem -0.4rem;
    background-size: 5.6rem;
}
.icon-prepare-transport {
    background-image: url(../img/content-icons/transportation.png);
}
.icon-payment {
    background-image: url(../img/content-icons/payment-info.png);
}
.icon-insurance {
    background-image: url(../img/content-icons/health-ins.png);
}
.icon-travel {
    background-image: url(../img/content-icons/travel.png);
}
.icon-orcid {
    background-image: url(../img/content-icons/orcid.png);
}
.icon-faq {
    background-image: url(../img/content-icons/FAQs.png);
    background-position: 0 -0.5rem;
	background-size: 4.8rem 5.4rem;
}
.home-btn {
   text-align: center; 
}
@media screen and (min-width: 481px) {
    .usa-button, .usa-button-primary, .usa-button-primary:visited, .usa-button:visited, [type=button], [type=image], [type=reset], [type=submit], button {
            /*width: 100%;*/ /*added by JB to make homepage button huge*/
    }
}
.mega-accordion > li {
    background-color: transparent;
    padding-top: 0.5em;
    padding-bottom: 2em;
    border-bottom: 1px solid #d6d7d9;
}
.mega-accordion > li > :first-child {
    margin-top: 0;
}
.mega-accordion .accordion-icon {
    font-size: 2.3rem;
}
.mega-accordion > li > :last-child {
    margin-bottom: 0;
}
.mega-accordion .usa-button, .mega-accordion .usa-accordion-button {
    margin: 0;
    width: auto;
    float: right;
    border-radius: 0.4rem;
    padding: 0.4rem 1rem 0.5rem;
    font-size: 1.6rem;
    color: #000;
    background-color: lightgray;
    background-size: 1.1rem auto;
    background-position: right 0.8rem center;
}
.mega-accordion .usa-button {
    padding-right: 2.5rem;
    background-image: url(../img/arrow-right.png);
    background-image: url(../img/arrow-right.svg), none;
    background-repeat: no-repeat;
    background-size: 1.2rem;
}
.accordion-icon {
    display: flex;
    justify-content: flex-start;
    align-items: center;
    min-height: 3.9rem;
    padding-left: 4.8rem;
    line-height: 1.5;
    background-repeat: no-repeat;
    background-size: 4.4rem 4.4rem;
    background-position: left center;
}
.mega-accordion .usa-accordion-button {
    padding-right: 2.8rem;
}
.accordion-icon-end {
    background-image: url(../img/content-icons/end-of-appt.png);
}
.accordion-icon-faqs {
    background-image: url(../img/content-icons/faqs.png);
}
.accordion-icon-locations {
    background-image: url(../img/content-icons/locations.png);
}
.accordion-icon-benefits {
    background-image: url(../img/content-icons/orcid.png);
}
.accordion-icon-nature {
    background-image: url(../img/content-icons/nature-of-the-appt.png);
}
.accordion-icon-orise {
    background-image: url(../img/content-icons/orise.jpg);
}
.accordion-icon-renewal {
    background-image: url(../img/content-icons/renewal-of-appt.png);
}
.accordion-icon-start {
    background-image: url(../img/content-icons/start-of-appt.png);
}
.accordion-icon-travel {
    background-image: url(../img/content-icons/travel.png);
}
.accordion-icon-conditions {
    background-image: url(../img/content-icons/conditions.png);
}
.accordion-icon-calendar{
    background-image: url(../img/content-icons/calendar.png);
}
.profile-feature{
        float: right;
    padding: 0.5em;
    border: thin solid darkblue;
    margin: 0.5em;
    max-width: 50%;
    display: block;
    margin-left: 1.5em;
}
.profile-feature p{
        margin-top: 0.5em;
    margin-bottom: 0.5em;
}