/*  Vertical spacing  */
.section--padxs-top .section__pad {
  padding-top: 50px; }
.section--padsm-top .section__pad {
  padding-top: 100px; }
.section--padmd-top .section__pad {
  padding-top: 150px; }
.section--padlg-top .section__pad {
  padding-top: 200px; }
.section--padxlg-top .section__pad {
  padding-top: 300px; }
.section--padxs-bottom .section__pad {
  padding-bottom: 50px; }
.section--padsm-bottom .section__pad {
  padding-bottom: 100px; }
.section--padmd-bottom .section__pad {
  padding-bottom: 150px; }
.section--padlg-bottom .section__pad {
  padding-bottom: 200px; }
.section--padxlg-bottom .section__pad {
  padding-bottom: 300px; }

h3 a, h3 a:visited { color: inherit; }

.pagination {
	text-align: center;
	letter-spacing: 4px;
}

.pagination a,
.pagination a:visited { color: #0078B4; }
.pagination a:hover, .pagination a:active { text-decoration: none; }

.video { width: 100%; padding-bottom: 40px; }
.video__inner {
	position: relative;
	padding-bottom: 56.25%;
	height: 0; overflow: hidden;
}

.video__inner iframe,
.video__inner object,
.video__inner embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.grid div.grid-item--left {
	padding-left: 12px;
	padding-right: 66px;
}

@media (max-width: 767px) {
	.grid div.grid-item--left {
		padding: 20px 12px;
	}
}

/* Two column - white background + bg image */
.component--bgimg.color-white .component__bgclr { opacity: 0; }

.section--band .article__main ul,
.section--band .article__main ol {
	padding-left: 30px;
}

.cta-button { margin-bottom: auto; }

.article-image-support img { opacity: 1 }
.article-image-support figure { margin-top: 20px; margin-bottom: 20px; }

.preview-title { position: absolute; opacity: .2; background-color: rgba(0, 255, 31, 0.3); padding: 7px 14px; font-size: 20px; font-weight: bold; top: 0; right: 0; color: black; z-index: 10; transition: opacity .3s ease;}
.preview-title:hover { opacity: .6 }

.component--bg-no-img .component__bgclr { background-color: currentColor; display: block; }
.component--bg-no-img h1,
.component--bg-no-img h2,
.component--bg-no-img h3,
.component--bg-no-img h4,
.component--bg-no-img h5,
.component--bg-no-img h6,
.component--bg-no-img h1:hover,
.component--bg-no-img h2:hover,
.component--bg-no-img h3:hover,
.component--bg-no-img h4:hover,
.component--bg-no-img h5:hover,
.component--bg-no-img h6:hover { color:  inherit !important; }

.component--bg-no-img p,
.component--bg-no-img ul,
.component--bg-no-img ol,
.component--bg-no-img dl,
.component--bg-no-img p:hover,
.component--bg-no-img ul:hover,
.component--bg-no-img ol:hover,
.component--bg-no-img dl:hover  { color: #4a4a4a !important; }

/* change link styling */
a:hover, a:focus {
    text-decoration: none;
    border-bottom: solid 1px #F7A700;
    }
a.card__link:hover { border: none; }
a:visited {
    text-decoration: none;
    color: #e09e12; }

/* add hover state to cards */
a.card__link {
	-webkit-transition: .3s ease-out;
	-o-transition: .3s ease-out;
	transition: .3s ease-out;
}
a.card__link:hover {
	background-color: #f7a7001F;
}

/* change button styling */
.btn .btn__background,
.component--bgclr .btn .btn__background,
.section--bgclr .btn .btn__background {
	border: 2px solid #F7A700;
	background: #fff;
}
.section--bgclr .color-blue .btn .btn__background,
.section--bgclr .color-green .btn .btn__background,
.section--bgclr .color-purple .btn .btn__background,
.component--bgclr.color-blue .btn .btn__background,
.component--bgclr.color-green .btn .btn__background,
.component--bgclr.color-purple .btn .btn__background
{
	border: 4px solid rgba(247, 167, 0, 0);
	background: #fff; /* #F7A700; */
}
.section--bgclr .color-blue .btn:hover .btn__background,
.section--bgclr .color-green .btn:hover .btn__background,
.section--bgclr .color-purple .btn:hover .btn__background,
.component--bgclr.color-blue .btn:hover .btn__background,
.component--bgclr.color-green .btn:hover .btn__background,
.component--bgclr.color-purple .btn:hover .btn__background
{
	border: 4px solid rgba(247, 167, 0, 255);
}

/* change boxes to equal height */
.component { height: 100%; }
.component--inset .inlay { height: 100%; }
.grid-item .component,
.component .card,
.card { height: 100%; }

/* fix list styles */

.section--band .article__main ul,
.section--band .article__main ol
{ padding-left: 32px; }

ul li:before { margin-left: -20px; }

/* BEGIN control spacing between heading tags */
h1, h2, h3, h4, h5, h6,
.article h1, .article h2, .article h3, .article h4, .article h5, .article h6
	{ margin-bottom: 0em; margin-top: .5em;}
h1:first-child,
h2:first-child,
h3:first-child
	 { margin-top: 0; }

.article p + h2,
.article p + h3,
.article p + h4,
.article p + h5,
.article p + h6 {margin-top: 1em;}

p, p + p {margin-bottom: .5em; }

.article h1 + p, h1 + p,
.article h2 + p, h2 + p,
.article h3 + p, h3 + p,
.article h4 + p, h4 + p,
.article h5 + p, h5 + p,
.article h6 + p, h6 + p
 {
  margin-bottom: .5em; margin-top: .5em;}

.article h1 + h2, .article h1 + h3, .article h1 + h4, .article h1 + h5, .article h1 + h6,
.article h2 + h3, .article h2 + h4, .article h2 + h5, .article h2 + h6,
.article h3 + h4, .article h3 + h5, .article h3 + h6,
.article h4 + h5, .article h4 + h6,
.article h5 + h6
 { color: #4A4A4A; margin-top: 1rem; }

.counter h2 {margin-top: 0; font-size: 3.5rem; }


.nospacebefore { margin-top: 0 !important; }
.smspacebefore { margin-top: 15px !important; }
.lgspacebefore { margin-top: 29px !important; }
.nospaceafter { margin-bottom: 0 !important; }
.smspaceafter { margin-bottom: 15px !important; }
.lgspaceafter { margin-bottom: 29px !important; }

/* END control spacing between heading tags */

.color-transparent > .inlay { background-color: transparent !important; }
.color-transparent .component__bgclr { background-color: transparent !important; }

.grid__inner .swiper-slide { height: auto; }

.separator--calendar { height: 50px; min-height: 50px; max-height: 50px; padding: 10px 40px; }
.separator--calendar span {     white-space: nowrap; }
.separator--calendar svg { vertical-align: sub; margin-right: 10px; }

.separator--time { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #4A4A4A; margin-bottom: 15px; }
.separator--time svg { margin-right: 15px; }

@media (max-width: 1023px) {
	.separator--calendar { padding: 10px 20px; }
}

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

.more-content-title { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; }
.more-content-title h2 { margin-bottom: 0; }

@media (max-width: 767px) {
	.more-content-title { display: block; }
}

.grid--xs .grid--sm .grid-item--small { width: 33.35%; }
.grid--xs .grid--sm .grid-item--big { width: 66.65%; }
.grid--xs .grid--sm .grid__inner { margin-bottom: 0; }

.grid--sm .grid-item--big.grid-item--offsetforbig { margin-left: auto; margin-right: auto; }


.deadline-note { margin-bottom: 1.4em; background-color: rgba(102, 0, 102, 0.29); padding: 10px 15px; }

.grantee-grant {
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='33' width='33'%3E%3Cpath d='M26.875001 32.820998l-10.25-5.621-10.153 5.8 2.091-11.647-8.563-8.027 11.542-1.577 4.862-10.758 5.042 10.672 11.564 1.375-8.426 8.173z' fill='%230078b4' fill-opacity='.537688' fill-rule='evenodd'/%3E%3C/svg%3E");
	padding: 20px 10px 20px 60px;
    background-color: #ececec;
    background-repeat: no-repeat;
    background-position: 14px 16px;
    background-size: 34px 34px;
}

.grantee-grant .text-center { margin-left: -50px; }

.grid__inner--two-columns > .grid-item > .component + .component { margin-top: 20px; }
.grid-item--no-auto-height > .component { height: auto; }

a.btn:hover { border-bottom: 0; }
/* a.btn:hover .btn__background { background-color: #f7a700; } */

.card--index .card__image { padding-top: 20px; }
.card--index .card__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: calc(100% - 20px); }
.card--index .card__image-inline { margin-top: auto; position: relative; padding-top: calc(65% + 16px); border-radius: 2px; overflow: hidden; }
.card--index .card__image-inline img { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); margin-top: 0; width: auto; height: auto; max-width: 100%; max-height: 100%; }
.card--index h5 { color: #0078B4; text-transform: none; margin-bottom: 0; font-size: 22px; }

@media (min-width: 1024px) {
	.card--index .card__inner { padding-right: 42px; }
}

.color-gray { color: #909090; }

.color-blue-force, .color-blue-force:hover {
    color: #0078B4!important;
    fill: #0078B4!important;
}

@media (max-width: 767px) {
	div.grid__inner--interview { display: block !important; }
	div.grid__inner--interview .grid-item--small { float: left !important; }
	div.grid__inner--interview .grid-item--big { width: 100% !important; }
}

.article__back-to-index { text-align: left !important; }
@media (min-width: 1100px) {
	.article__back-to-index a { position: absolute; left: 0; width: 130px; margin-left: -138px; }
}
@media (max-width: 1099px) {
	.article__back-to-index { margin-bottom: 16px; }
}

@media (max-width: 767px) {
	.single-header { display: none; }
	.single-header + .section  .section__offset--md { margin-top: 16px; }
	.single-header + .section  .section--band > .shell { padding-left: 0; padding-right: 0; }
	.single-header + .section  .card .shadow { display: none; }
	.single-header + .section  .card .card__image { display: none; }
	.single-header + .section  .card .card__inner { padding-top: 0; padding-bottom: 0; }
	.single-header + .section  .article__back-to-index { padding-left: 26px; }

}

.js--load-more { -webkit-transition: all .3s ease; transition: all .3s ease; }
.js--load-more.loading { pointer-events: none; }
.js--load-more span { -webkit-transition: all .3s ease-in-out; transition: all .3s ease-in-out; display: inline-block;}
.js--load-more.loading span { opacity: .5; -webkit-animation: bounce .3s ease-in-out infinite alternate; animation: bounce .3s ease-in-out infinite alternate; }

.js--load-more.loading span:nth-child(2) { -webkit-animation-delay: .1s; animation-delay: .1s; }
.js--load-more.loading span:nth-child(3) { -webkit-animation-delay: .2s; animation-delay: .2s; }
.js--load-more.loading span:nth-child(4) { -webkit-animation-delay: .3s; animation-delay: .3s; }
.js--load-more.loading span:nth-child(5) { -webkit-animation-delay: .4s; animation-delay: .4s; }
.js--load-more.loading span:nth-child(6) { -webkit-animation-delay: .5s; animation-delay: .5s; }
.js--load-more.loading span:nth-child(7) { -webkit-animation-delay: .6s; animation-delay: .6s; }
.js--load-more.loading span:nth-child(8) { -webkit-animation-delay: .7s; animation-delay: .7s; }
.js--load-more.loading span:nth-child(9) { -webkit-animation-delay: .8s; animation-delay: .8s; }
.js--load-more.loading span:nth-child(10) { -webkit-animation-delay: .9s; animation-delay: .9s; }
.js--load-more.loading span:nth-child(11) { -webkit-animation-delay: 1s; animation-delay: 1s; }
.js--load-more.loading span:nth-child(12) { -webkit-animation-delay: 1.1s; animation-delay: 1.1s; }
.js--load-more.loading span:nth-child(13) { -webkit-animation-delay: 1.2s; animation-delay: 1.2s; }
.js--load-more.loading span:nth-child(14) { -webkit-animation-delay: 1.3s; animation-delay: 1.3s; }

@keyframes bounce { 100% { transform: translateY(-4px); } }
@-webkit-keyframes bounce { 100% { -webkit-transform: translateY(-4px); } }

/* wider card */
.grid--sm div.grid-item--card-wide { padding: 20px 10px; }
.grid--sm .grid-item--card-wide .card { max-width: 100%; }
.grid__inner--two-columns div.grid-item--card-wide:first-child { padding-left: 12px; }
.grid__inner--two-columns div.grid-item--card-wide:last-child { padding-right: 12px; }

.photo .photo__image img { width: auto; max-width: 100%; margin-left: auto; margin-right: auto; display: block; }

.cta { align-items: center; }

.section--band .section__offset--sm.section__offset--sm-2 { margin-top: -170px; }

.section__pad .section__offset--sm

.article--avatar .avatar--alt {width: auto !important;}

.cta--stretch-image { align-items: stretch; }
.cta--stretch-image .cta__image { height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; }
@media (max-width: 767px) {
	.cta--stretch-image .cta__image { padding-bottom: 66.7%; }
}

@media (min-width: 767px) {
.newsImage {
	float: right;
	padding-bottom: 5px;
	padding-left: 30px;
}
}

/* no more Adelle */
/* */
h1, h2, h3  { font-family: "Avenir", Arial, Helvetica, sans-serif; }
h1 {font-weight: 100; font-size: 3.5rem; line-height: 3.5rem; }
h2, h2 a {font-weight: 100; font-size: 2.5rem; line-height: 2.3rem; }
h3 {font-weight: 100; line-height: 1.1; }
h4 {font-weight: 100; }

/* */

/* SEARCH form and results Styling */

.btn--submit.btn--search { width: 25%; margin: 10px 0 0 3%; float: right; }
.btn--submit.btn--search .icon { position: relative; top: 4px; margin-right: 10px; }
.btn--submit.btn--search .btn__background { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; }
#search_results_inner #keywords {
	border-bottom: 1px solid #bdbdbd;
	margin-top: 20px;
	max-width: 64%;
	font-size: 135%;
}
#search_results_inner, .pagenavigator { margin-top: 50px; width: 70%; margin: 50px auto; }

#search_results_inner #keywords::placeholder,
#search_results_inner #keywords:placeholder-shown {
	 color: #ccc;
}
.pagenavigator .search-order,
#search_results_inner .search-order {
	float: right;
	top: -5px;
	position: relative;
}
.pagenavigator #search-section, #search_results_inner #search-order, #search_results_inner #search-section {
	width: 150px;
	margin-top: -7px;
	height: 2.4375rem;
	padding: .5rem;
	border: 1px solid #cacaca;
	margin: 0 0 1rem;
	font-size: 1rem;
	font-family: inherit;
	line-height: normal;
	color: #0a0a0a;
	background-color: #fefefe;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	background-image: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' version='1.1' width='32' height='24' viewBox='0 0 32 24'><polygon points='0,0 32,0 16,24' style='fill: rgb%28138, 138, 138%29'></polygon></svg>");
	background-size: 9px 6px;
	background-position: right -1rem center;
	background-origin: content-box;
	background-repeat: no-repeat;
	padding-right: 1.5rem;
}
.pagenavigator h2 {color: #bebebe; }
.pagenavigator ul {
	padding-left: 0px;
	margin-left: 0px;
	text-align: center;
}
.pagenavigator ul li {
	display: inline-block;
	margin:  0 10px 0 10px;
	list-style-type: none;
	padding: 0;
}
.pagenavigator ul li:before {
	display: none;
}
.pagenavigator .pn-link {
    border-radius: 2px;
    padding: 12px 20px;
    min-height: 58px;
    min-width: 100px;
    font-weight: 700;
    transition: all .3s;
    line-height: 20px;
    background: none;
    color: #e09e12;
    border: 2px solid #e09e12;
}
.pagenavigator .pn-open,
.pagenavigator .pn-open:visited,
.pagenavigator .pn-link:hover {
	background-color: #e09e12;
	color: white;
}
@media (max-width: 1023px) {
	.btn--submit.btn--search { width: 25%; margin: 10px 0 0 5px; float: right; min-width: auto;}
	#search_results_inner .hideonmobile { display: none; }
	#search_results_inner { margin-top: 0; }
	#search_results_inner .search-order { float: none; text-align: center; }
	#search_results_inner { width: 100%; }
	.pagenavigator {margin: 40px 0 0 0; width: 100%; }
}

/* MENU Styling */

.nav__entry>a.nav__link.link-alt:hover,
.nav__entry>a.nav__link.link-alt:focus { border: none; }

.nav__entry .dropdown__expand a { border-bottom: 1px solid #fff; }
.nav__entry .dropdown__expand a:visited { color: unset; }
.nav__entry .dropdown__expand a:hover { border-bottom: 1px solid #F7A700; }

.menu-blocks.dropdown__expand {
	opacity: 0;
	left: -45%;
	width: 133%;
	}
.menu-blocks.dropdown__expand .dropdown__inner { margin-top: 3%; }
.menu-blocks.dropdown__expand .grid--sm .grid-item--small { width: 32.35%; padding: 0; }

.menu-blocks.dropdown__expand .photo { margin: 10px 0; padding: 10px 10px 10px 12px; }

.menu-blocks.dropdown__expand a.big-target { margin: 10px 0; padding: 10px 10px 10px 12px; display: block; border: none; transition: background-color .3s ease-out; }
.menu-blocks.dropdown__expand a.big-target:hover { display: block; background-color: #f7a7001F; }

.menu-blocks.dropdown__expand { font-size: 90%; }
.menu-blocks.dropdown__expand h4 { line-height: 1.1; }
.menu-blocks.dropdown__expand p { font-weight: normal; }
.menu-blocks.dropdown__expand p em { font-size: 96%; }

.menu-blocks > .dropdown__inner > .article > .section { width: 100%; }



.menu-blocks .grid .grid__inner { margin-top: 0; margin-bottom: 0; }
.menu-blocks .grid--sm div.grid-item--card-wide { padding-top: 0; margin-bottom: 0; }
.menu-blocks .big-target > *:first-child { margin-top: 0; }

/** Width of secondary dropdown menus */
/* .dropdown__expand--about-afar { left: -138px !important; width: 670% !important; }
@media (max-width: 1200px) {
	.dropdown__expand--about-afar { right: -448% !important; left: auto !important; width: 589% !important; }
}

.dropdown__expand--for-scientists { left: -166% !important; width: 475% !important; }
@media (max-width: 1200px) {
	.dropdown__expand--for-scientists { right: -201% !important; left: auto !important; width: 418% !important; }
} */

@media screen and (min-width: 1086px) {
	.nav-alt .nav__list > .nav__entry:first-child { padding-left: 14px; }
	.nav-alt .nav__list .nav__entry + .nav__entry {	margin-left: 16px; padding-left: 14px; }
	.dropdown--header .dropdown__decoration { left: -4px; right: -15px; top: -15px; }
	.dropdown--header .dropdown__expand { left: -4px; }
}

@media screen and (min-width: 1024px) and (max-width: 1085px) {
	.nav-alt .nav__list > .nav__entry:first-child { padding-left: 8px; }
	.nav-alt .nav__list .nav__entry + .nav__entry { margin-left: 10px; padding-left: 8px; }
	.dropdown--header .dropdown__decoration { left: -2px; right: -10px; top: -10px; }
	.dropdown--header .dropdown__expand { left: -2px; }
}

@media screen and (min-width: 1024px) and (max-width: 1150px) {
	.nav-alt .nav__inner { padding-left: 200px; }
}

@media screen and (min-width: 1024px) {
	.nav .nav__inner { padding-right: 45px; justify-content: center; }
	.menu-blocks.dropdown__expand { left: -37%; }
}