body, .field-content {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
}

h1, h2, h3, h4, h5, h6 {
  font-family: "Helvetica Neue", -apple-system, BlinkMacSystemFont, "Microsoft Sans Serif", Roboto, sans-serif !important;
  font-weight: 900;
}

p {
  line-height: 26px;
}

.interior a {
  font-family: 'Open Sans', -apple-system, BlinkMacSystemFont, Roboto, sans-serif;
  font-size: inherit;
  font-weight: 700 !important;
  /*line-height: inherit;*/
}

#block-nhgri-content blockquote {
  border: none;
  padding: 2rem 1rem;
  line-height: 30px;
  font-size: 22px;
  font-weight: 900;
  text-align: center;
  color: #616265; /*#00267E*/
}

blockquote > p {
  color: inherit !important;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
  display: inline;
}

blockquote > p:before {
  content: "“"
}

blockquote > p:after {
  content: "“"
}

/*Old Styles h1, h2, h3, h4, h5, h6 {
font-family: "Arial Black", "GillSans-Bold", "Arial-BoldMT", "Roboto", "Arial", sans-serif;
font-weight: 900;
}*/
@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;
}

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

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

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

@media (min-width: 0px) {
  h2 {
    font-size: 2rem !important; /* 22 */
    line-height: 1.3 !important;
    font-weight: bold !important;/* 28 */
  }
}

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

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

@media (min-width: 640px) {
  h3 {
    font-size: 22px;
    line-height: 32px;
    letter-spacing: 0.3px;
    padding: 15px 0 5px 0;

  }
}

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

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

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: 12px 24px;
  font-size: 14px;
  font-weight: 900;
}

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;
  color: #000000;
}

.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: 10px;
}

.arrow::after {
  content: "\f105";
  display: inline-block;
  margin-right: -26px;
  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*/
#block-nhgri-content blockquote > p {
  font-size: 1.4em;
  line-height: 1.4em;
  display: inline;
  padding:10px;
}

@media (min-width: 640px) {
  #block-nhgri-content blockquote {
    font-size: 1.4em;
    line-height: 1.4em;
    padding: 2rem;
    color: #0a0a0a;
  }
}

/*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,
  form#user-pass,
  form#protected-pages-enter-password {
    padding-right: 1.5rem;
    padding-left: 1.5rem;
    margin: 20px auto;
  }
}

@media (min-width: 1024px) {
  form#user-login-form,
  form#user-pass,
  form#protected-pages-enter-password {
    padding-right: 0.625rem;
    padding-left: 0.625rem;
    max-width: 40rem;
    margin: 185px auto 35px;
  }
}

.protected_pages_description {
  margin-bottom: 16px;
}

/* 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;
}

.margin-bottom-1 {
  margin-bottom: 24px;
}

.margin-bottom-2 {
  margin-bottom: 48px;
}

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

/*Styles for Author Page*/
@media (min-width: 1024px) {
  .author.heading {
    font-size: 40px !important;
  }
}

.component.spacer {
  background: #fff;
}

/*Back to top*/
@media (min-width: 0px) {
  #button_backtotop {
    display: inline-block;
    background-color: rgba(81, 35, 155, .5);
    width: 40px;
    height: 40px;
    text-align: center;
    display: none;
    position: fixed;
    bottom: 16px;
    right: 8px;
    transition: background-color .3s;
    z-index: 1000;
  }

  #button_backtotop:hover {
    cursor: pointer;
    background: rgb(81, 35, 155);
  }

  #button_backtotop::after {
    content: "\f077";
    font-family: "Font Awesome 5 Free";
    font-size: 12px;
    line-height: 40px;
    color: #fff;
  }
}

@media (min-width: 640px) {
  #button_backtotop {
    display: inline-block;
    background-color: rgba(81, 35, 155, .7);
    width: 35px;
    height: 35px;
    line-height: 35px;
    text-align: center;
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    transition: background-color .3s;
    z-index: 1000;
  }

  #button_backtotop::after {
    line-height: 35px;
  }
}

/*Video Page Styles*/
.video-page .field-content {
  padding-top: 16px;
}

@media (min-width: 640px) {
  .youtube-tile {
    padding: 0 8px;
  }
}

.video-page.dark.grey {
  background-color: #0a0a0a;
}

@media (min-width: 0px) {
  .component.article-hero.video-page.dark.grey .interior {
    padding: 16px 20px 30px 20px;
  }
}

@media (min-width: 1024px) {
  .component.article-hero.video-page.dark.grey .interior {
    padding: 84px 20px 30px 20px;
  }
}

#views-exposed-form-video-video-list > .form-item-title {
  width: 100%;
}

@media only screen and (min-width: 0px) {
  #views-exposed-form-video-video-list {
    padding-top: 16px;
  }
}

@media only screen and (min-width: 640px) {
  #views-exposed-form-video-video-list {
    padding-top: 48px;
  }
}

@media only screen and (min-width: 1024px) {
  #views-exposed-form-video-video-list {
    padding-top: 50px;
  }
}

.video-page h1 {
  padding-bottom: 16px;
}

.youtube-tile {
  padding-bottom: 16px;
}

.youtube-tile .play-icon {
  height: 40px;
  width: 40px;
  left: 42%;
  top: 42%;
  z-index: 999;
  position: absolute;
}

@media (max-width: 640px) {
  .youtube-tile .play-icon {
    height: 50px;
    width: 50px;
  }
}

.youtube-tile .tile-wrapper:hover path.bg {
  fill: red;
  fill-opacity: 1;
}

.youtube-tile .tile-thumbnail:after {
  content: '';
  background-size: 135%;
  position: absolute;
  background: no-repeat center;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  display: none;
}

.youtube-tile .tile-thumbnail img {
  position: absolute;
  top: 0;
  left: 0;
  /*z-index: -1;*/
}

.youtube-tile .tile-thumbnail {
  position: relative;
  padding-bottom: 75.78%;
}

.video-page.dark.grey article {
  margin: 0 auto;
}

.video-page.dark.grey .eyebrow {
  font-size: 18px;
}

@media only screen and (min-width: 1024px) {
  .youtube-tile {
    margin-top: 16px;
  }
}

.video-page.dark .cell p a {
  text-decoration: underline;
}

/*End Video Page Styles*/
/*Resources Content Type (Genomic Accomplishment)*/
.resources {
  margin-top: 10px;
}

.resources p.author {
  text-transform: capitalize;
}

.resources select#edit-category {
  margin: 24px 0 0 0;
}

.resources h2.heading {
  padding-top: 20px;
}

.resources .list-content {
  padding: 10px 15px;
}

.resources .list-content p {
  margin-bottom: 0;
}

.resources .list-content:hover {
  background: #ebebeb;
}

.resources .list-content,
.list-content + .list-content {
  /*border-bottom: 1px solid #cccccc;*/
}

.resources .list-content:last-child {
  /*border-bottom:none;*/
}

form#views-exposed-form-resources-genomic-accomplishments .form-item-title {
  width: 100%;
}

form#views-exposed-form-resources-genomic-accomplishments {
  margin: 0px;
}

form#views-exposed-form-resources-genomic-accomplishments input[name=pub_from],
form#views-exposed-form-resources-genomic-accomplishments input[name=pub_to] {
  margin: 0px !important;
  width: 170px;
}

@media (max-width: 1024px) {
  form#views-exposed-form-resources-genomic-accomplishments input[name=pub_from],
  form#views-exposed-form-resources-genomic-accomplishments input[name=pub_to] {
    width: 100%;
  }

  form#views-exposed-form-resources-genomic-accomplishments .form-item {
    margin-bottom: 1rem;
  }
}

.resources.events {
  border: 0;
  margin-top: 0;
}

.resources.events .list-content:hover {
  background: none;
}

@media (max-width: 1024px) {
  .resources.events .list-content {
    padding: 15px 0;
  }
}

.dynamic-events .viewfield .interior {
  padding: 0px;
}

.dynamic-events .views-element-container,
.dynamic-events .interior {
  padding-bottom: 0px;
}

@media only screen and (min-width: 1024px) {
  .dynamic-events.last .interior {
    padding-bottom: 64px;
  }
}

/*End Resources Content Type (Genomic Accomplishment) */
/* For Funding Contacts Page*/
.main-category {
  margin-top: 35px;
  margin-bottom: 35px;
}
/* G2C2 Resources Contents */
.resource {
  padding: 20px 25px;
  width: 100%;
  border-bottom: 1px solid lightgray;
}

.resource:hover {
  background: #ebebeb;
}

.resource .eyebrow {
  line-height: 20px;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  margin-top: 8px;
}

.resource .generic {
  font-weight: bold;
  margin-top: 6px;
}

.resource .generic span {
  font-size: 16px;
  font-weight: normal;
  margin-top: 8px;

}

.resource p {
  margin-bottom: 0;
  margin-top: 8px;
}

.resource .title {
  margin-top: 8px;
}

form#views-exposed-form-g2-resource-g2-block .js-form-item.form-item.js-form-type-textfield {
  width: 80%;
}

form#views-exposed-form-g2-resource-g2-block.js-form-item.form-item.js-form-type-select {
. form-item-topic . js-form-item-topic
}

@media (max-width: 1024px) {
  .views-exposed-form .form-text,
  .views-exposed-form .form-select {
    height: 50px;
  }

  label {
    margin: 8px 0;
  }

  input#edit-submit-g2-resource {
    margin: 40px 0;
    height: 50px;
  }

  form#views-exposed-form-g2-resource-g2-block .js-form-item.form-item.js-form-type-select.form-item-format.js-form-item-format {
    width: 100%;
  }

  #views-exposed-form-g2-resource-g2-block .form-actions.js-form-wrapper.form-wrapper {
    width: 30%;
  }

}
.agenda{
  list-style:none !important;
}