/*Remove admin bar empty space on front end*/
.adminimal.toolbar-tray-open.toolbar-fixed.toolbar-horizontal {
    padding-top: 0rem !important;
}


@media print, screen and (min-width: 40em) {
  .reveal, .reveal.tiny, .reveal.small, .reveal.large {
    right: auto;
    left: auto;
    margin: 0 auto;
  }
}

@media (min-width: 0px) {
  .interior {
    padding: 16px;
  }
}

@media (min-width: 640px) {
  .interior {
    padding: 28px 32px;
	}
}

@media (min-width: 1024px) {
  .interior {
    padding: 48px 64px;
  }
  .nhgri_general {
    margin-top: 120px;
  }
}


.visuallyhidden {
  position: absolute;
  overflow: hidden;
  clip: rect(0 0 0 0);
  height: 1px;
  width: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
}

.chev-teal {
  display: block;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='8px' height='12px' viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Elink%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='article-box-module' transform='translate(-223.000000, -85.000000)' fill='%235FE0D4' stroke='%235FE0D4'%3E %3Cg id='link' transform='translate(224.000000, 86.000000)'%3E %3Cpath d='M5.84598214,5.01227679 C5.84598214,5.09933079 5.81250033,5.17633895 5.74553571,5.24330357 L1.06473214,9.92410714 C0.997767522,9.99107176 0.920759364,10.0245536 0.833705357,10.0245536 C0.74665135,10.0245536 0.669643192,9.99107176 0.602678571,9.92410714 L0.100446429,9.421875 C0.033481808,9.35491038 0,9.27790222 0,9.19084821 C0,9.10379421 0.033481808,9.02678605 0.100446429,8.95982143 L4.04799107,5.01227679 L0.100446429,1.06473214 C0.033481808,0.997767522 0,0.920759364 0,0.833705357 C0,0.74665135 0.033481808,0.669643192 0.100446429,0.602678571 L0.602678571,0.100446429 C0.669643192,0.033481808 0.74665135,0 0.833705357,0 C0.920759364,0 0.997767522,0.033481808 1.06473214,0.100446429 L5.74553571,4.78125 C5.81250033,4.84821462 5.84598214,4.92522278 5.84598214,5.01227679 Z' id=''%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.5s cubic-bezier(0.8, 0, 0.2, 1);
}
.chev-teal.left {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.chev-teal.up {
  -webkit-transform: rotate(-90deg);
  -ms-transform: rotate(-90deg);
  transform: rotate(-90deg);
}
.chev-teal.down {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}

.chev-navyblue {
  display: block;
  height: 100%;
  width: 100%;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='8px' height='12px' viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Elink%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='article-box-module' transform='translate(-223.000000, -85.000000)' fill='%2300267E' stroke='%2300267E'%3E %3Cg id='link' transform='translate(224.000000, 86.000000)'%3E %3Cpath d='M5.84598214,5.01227679 C5.84598214,5.09933079 5.81250033,5.17633895 5.74553571,5.24330357 L1.06473214,9.92410714 C0.997767522,9.99107176 0.920759364,10.0245536 0.833705357,10.0245536 C0.74665135,10.0245536 0.669643192,9.99107176 0.602678571,9.92410714 L0.100446429,9.421875 C0.033481808,9.35491038 0,9.27790222 0,9.19084821 C0,9.10379421 0.033481808,9.02678605 0.100446429,8.95982143 L4.04799107,5.01227679 L0.100446429,1.06473214 C0.033481808,0.997767522 0,0.920759364 0,0.833705357 C0,0.74665135 0.033481808,0.669643192 0.100446429,0.602678571 L0.602678571,0.100446429 C0.669643192,0.033481808 0.74665135,0 0.833705357,0 C0.920759364,0 0.997767522,0.033481808 1.06473214,0.100446429 L5.74553571,4.78125 C5.81250033,4.84821462 5.84598214,4.92522278 5.84598214,5.01227679 Z' id=''%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}
.chev-navyblue.left {
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg);
}
.chev-navyblue.up {
	-webkit-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}
.chev-navyblue.down {
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}
.chev-navy {
  display: block;
  height: 100%;
  width: 20px;
  background-image: url("data:image/svg+xml,%3C?xml version='1.0' encoding='UTF-8'?%3E %3Csvg width='8px' height='12px' viewBox='0 0 8 12' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'%3E %3C!-- Generator: Sketch 51.2 (57519) - http://www.bohemiancoding.com/sketch --%3E %3Ctitle%3Elink%3C/title%3E %3Cdesc%3ECreated with Sketch.%3C/desc%3E %3Cdefs%3E%3C/defs%3E %3Cg id='Symbols' stroke='none' stroke-width='1' fill='none' fill-rule='evenodd'%3E %3Cg id='article-box-module' transform='translate(-223.000000, -85.000000)' fill='%2300267E' stroke='%2300267E'%3E %3Cg id='link' transform='translate(224.000000, 86.000000)'%3E %3Cpath d='M5.84598214,5.01227679 C5.84598214,5.09933079 5.81250033,5.17633895 5.74553571,5.24330357 L1.06473214,9.92410714 C0.997767522,9.99107176 0.920759364,10.0245536 0.833705357,10.0245536 C0.74665135,10.0245536 0.669643192,9.99107176 0.602678571,9.92410714 L0.100446429,9.421875 C0.033481808,9.35491038 0,9.27790222 0,9.19084821 C0,9.10379421 0.033481808,9.02678605 0.100446429,8.95982143 L4.04799107,5.01227679 L0.100446429,1.06473214 C0.033481808,0.997767522 0,0.920759364 0,0.833705357 C0,0.74665135 0.033481808,0.669643192 0.100446429,0.602678571 L0.602678571,0.100446429 C0.669643192,0.033481808 0.74665135,0 0.833705357,0 C0.920759364,0 0.997767522,0.033481808 1.06473214,0.100446429 L5.74553571,4.78125 C5.81250033,4.84821462 5.84598214,4.92522278 5.84598214,5.01227679 Z' id=''%3E%3C/path%3E %3C/g%3E %3C/g%3E %3C/g%3E %3C/svg%3E");
  background-position: center;
  background-repeat: no-repeat;
}

#nhgri-main {
  overflow: hidden;
  padding-top: 120px;
  background-color: #fff;
}
@media (max-width: 1023px) {
  #nhgri-main {
    padding-top: 85px;
    }
}
#nhgri-main .component.fullpage-slide {
  height: calc(100vh - 85px);
  background-size: cover;
  background-position: 50% 50%;
}
#nhgri-main .component.halfpage-slide {
  max-height: 515px;
  padding: 3em;
  background-color: #ebebeb;
  background-size: cover;
  background-position: 50% 50%;
}

main#main {
  overflow: hidden;
}

span.accent {
  display: block;
  width: 30px;
  height: 7px;
}
@media (min-width: 640px) {
  span.accent {
    width: 47px;
    height: 11px;
  }
}
span.accent.teal {
  background: #5FE0D3;
}
span.accent.center {
  margin: 16px auto;
}
@media (min-width: 640px) {
  span.accent.center {
    margin: 26px auto;
  }
}
span.accent.left {
  margin: 16px 0;
}
@media (min-width: 0px) {
  span.accent.left {
    margin: 26px 0;
  }
}

.search-block {
  position: relative;
}
.search-block .fa-search {
  position: absolute;
  right: 8px;
  top: 10px;
}
.search-block .fa-search:before {
  color: #001A56;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Arial Black", "GillSans-Bold", "Arial-BoldMT", "Roboto", "Arial", sans-serif;
  font-weight: 900;
}

@media (min-width: 0px) {
  h1 {
    font-size: 28px;
    line-height: 32px;
  }
}

@media (min-width: 640px) {
  h1 {
    font-size: 40px;
    line-height: 59px;
    }
}

@media (min-width: 1024px) {
  h1 {
    font-size: 50px;
    line-height: 59px;
    }
}

@media (min-width: 0px) {
  h2 {
    font-size: 22px;
    line-height: 28px;
    }
}

@media (min-width: 640px) {
  h2 {
    font-size: 28px;
    line-height: 35px;
    }
}

@media (min-width: 0px) {
  h3 {
    font-size: 19px;
    line-height: 24px;
    }
}

@media (min-width: 640px) {
  h3 {
    font-size: 22px;
    line-height: 32px;
    }
}

@media (min-width: 0px) {
  h4 {
    font-size: 18px;
    line-height: 22px;
    }
}

@media (min-width: 640px) {
  h4 {
    font-size: 20px;
    line-height: 24px;
    }
}

a {
  line-height: inherit;
  font-family: "Helvetica Neue", "Helvetica", "Roboto", "Arial", sans-serif;
  font-size: inherit;
  font-weight: 600;
}
a.title {
  font-size: 20px;
  line-height: 23px;
  font-weight: 600;
}
a.button,
input.button {
  border-radius: 8px;
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.11);
  margin-top: 32px;
  margin-bottom: 32px;
  padding: 16px 24px;
  font-weight: 600;
  font-size: 12px;
  line-height: 12px;
}
p a {
  font-size: inherit;
}
@media (min-width: 640px) {
  a.button,
  input.button {
    font-size: 14px;
    line-height: 14px;
  }
}

.dark.grey {
  background-color: #616265;
}

.dark.light-grey {
  background-color: #9B9B9B;
}

.dark.navy {
  background-color: #001A56;
}

.dark h1,
.dark h2,
.dark h3,
.dark p {
  color: #FFF;
}

.dark a {
  color: #FFF;
}
.dark a .fa-angle-right:before {
  color: #5FE0D3;
}
.dark a:hover {
  color: #5FE0D3;
}
.dark a.button {
  background-color: #FFF;
  color: #00267E;
}
.dark a.button:hover {
  background: #5FE0D3;
}

.dark .light a {
  color: #00267E;
}
.dark .light a .fa-angle-right:before {
  color: #00267E;
}
.dark .light a:hover {
  color: #464646;
}
.dark .light a.button {
  background-color: #00267E;
  color: #FFF;
}
.dark .light a.button:hover {
  background-color: #464646;
}

.light.grey {
  background-color: #EBEBEB;
}

.light.white {
  background-color: #FFF;
}

.light h1,
.light h2,
.light p {
  color: #000;
}

.light a {
  color: #00267E;
}
.light a .fa-angle-right::before {
  color: #00267E;
}
.light a:hover {
  color: #464646;
}
.light a.button,
.light input.button {
  background-color: #00267E;
  color: #FFF;
}
.light a.button:hover,
.light input.button:hover {
  background-color: #464646;
}

.light .dark a {
  color: #FFF;
}
.light .dark a .fa-angle-right::before {
  color: #5FE0D3;
}
.light .dark a:hover {
  color: #5FE0D3;
}
.light .dark a.button {
  background-color: #FFF;
  color: #00267E;
}
.light .dark a.button:hover {
  background-color: #5FE0D3;
}

/*Link Arrow Wrap Issue fixes*/
.arrow {
  /*display: inline-block;*/
  line-height: 32px;
  padding-right: 24px;
}
.arrow::after {
  content: "\f105";
  display: inline-block;
  margin-right: -32px;
  width: 16px;
  font-family: "Font Awesome 5 Free";
  font-size: 90%;
  font-weight: 600 !important;
  text-align: right;
}
.arrow.teal::after {
  color: #5FE0D3;
}
.arrow.royal-blue::after {
  color: #00267E;
}

/*WYSIWYG Field Inline Image Caption and Layout Data Attribute Support Classes*/
.inline-img-wrapper {
  display: table;
}
.inline-img-wrapper .caption-text {
  display: table-caption;
  caption-side: bottom;
}
.inline-img-wrapper .caption-text small * {
  font-size: inherit;
}
.inline-img-wrapper.left {
  margin-right: auto;
}
.inline-img-wrapper.right {
  margin-left: auto;
}
.inline-img-wrapper.center {
  margin-right: auto;
  margin-left: auto;
}

/*Blockquote styles; meant for WYSIWYG field output, so may require selectors that are more specific*/
blockquote {
  border: none;
  padding: 2rem 1rem;
  line-height: 30px;
  font-family: "Arial Black", "GillSans-Bold", "Arial-BoldMT", "Roboto", "Arial", sans-serif;
  font-size: 20px;
  font-weight: 900;
  text-align: center;
  color: #00267E;
}
blockquote > p {
  color: inherit !important;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  display: inline;
}
@media(min-width: 640px) {
  blockquote {
    font-size: 30px;
    line-height: 40px;
    padding: 2rem;
  }
}

/*Required to make google maps go full - see dna day events page for example*/
@media(min-width: 0px) {
  .map-responsive {
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
    height: 0;
  }
  .map-responsive iframe {
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    position: absolute;
  }
}


/* User Login Page */
@media (max-width: 1024px) {
  form#user-login-form {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin: 20px auto;
  }
}
@media (min-width: 1024px) {
  form#user-login-form {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 40rem;
    margin: 185px auto 35px;
  }
}

/* Authors Article View extended Styles from Search Page*/
@media only screen and (min-width: 0px)
{
  .search-layout .search-content .main-cell .views-row .views-field-field-template-eyebrow {
    line-height: 20px;
    font-size: 12px;
    font-weight: 700;
    text-transform: uppercase;
  }
  .search-layout .search-content  .main-cell .views-row .views-field-field-template-description,
  .views-field.views-field-field-template-headline,
  .views-field.views-field-field-publishing-date{
    margin:8px 0 0 0;
  }
  .search-layout .search-content .main-cell .views-row .views-field-field-template-headline a{
    color: #00267e;
  }
  .search-layout .search-content.author{
    border-left:none;
  }
}
/* Set padding to 0 for custom buttons*/
.interior.purge-page,
.interior.rebuild-breadcrumb  {
  padding: 0;
}
/*Feedback Form */

.form-item-helpful {
  display: inline;
  margin-right: 10px;
}
#edit-helpful--wrapper >legend {
  float:left;
  margin-right:20px;
  margin-bottom: 20px;
  line-height: 2;
}
.fieldset-wrapper {
  display:inline;
}
#edit-helpful {
  display:inline;
}
#feedback-form input[type="submit"] {
  background-color: #00267E;
  color: #FFF;
}
#user-message::-webkit-input-placeholder {
  font-size: 13px;
}
#user-message::-moz-placeholder {
  font-size: 13px;
}
#user-message:-ms-input-placeholder {
  font-size: 13px;
}
#user-message::placeholder {
  font-size: 13px;
}
.component.feedback{
  border-top: 1px solid #979797;
}
.feedback_result_message .fieldset-legend {
  font-size: 16px;
  color: #000;
  font-weight: 500;
}
.failed{
  color: #e62600;
}