.node--type-bio .field--name-field-award-title {
  font-size: 2rem;
  margin-bottom: 0.5rem;
  font-weight: 600;
}
.node--type-bio .field--name-field-image {
  float: left;
  margin: 0 15px 15px 0;
  max-width: 280px;
}
.node--type-bio .field--name-field-image img {
  border-radius: 10px;
}
@media (max-width: 576px) {
  .node--type-bio .field--name-field-image {
    float: none;
    margin: 0 0 15px 0;
    max-width: 100%;
  }
  .node--type-bio .field--name-field-image img {
    max-height: 250px;
  }
}
.node--type-bio .field--name-field-institution,
.node--type-bio .field--name-field-bio-title {
  font-weight: 700;
}
.node--type-bio .field--name-field-bio-title + .field--name-body,
.node--type-bio .field--name-field-institution + .field--name-body {
  margin-top: 1rem;
}

.node--type-blog-entry .field--name-field-simple-date {
  color: #59595C;
  margin-bottom: 20px;
  font-weight: 600;
}
.node--type-blog-entry .field--name-field-image {
  float: left;
  margin: 0 15px 15px 0;
  max-width: 280px;
}
.node--type-blog-entry .field--name-field-image img {
  border-radius: 10px;
}
@media (max-width: 576px) {
  .node--type-blog-entry .field--name-field-image {
    float: none;
    margin: 0 0 15px 0;
    max-width: 100%;
  }
  .node--type-blog-entry .field--name-field-image img {
    max-height: 250px;
  }
}

.node--type-event .event-information {
  margin-bottom: 15px;
}
.node--type-event .field--name-field-event-date:before {
  font: var(--fa-font-solid);
  content: "\f073";
  font-weight: 400;
  margin-right: 5px;
}
@media (max-width: 576px) {
  .node--type-event .field--name-field-event-date:before {
    margin-right: 10px;
    float: none;
    margin-bottom: 0;
  }
}
.node--type-event .field--name-field-format {
  display: inline-block;
}
.node--type-event .event-location {
  margin-left: auto;
}
@media (max-width: 340px) {
  .node--type-event .event-location {
    margin: 10px 0;
  }
}
.node--type-event .event-location:before {
  font: var(--fa-font-solid);
  content: "\f3c5";
  font-weight: 400;
  margin-right: 5px;
  color: #20558A;
}
@media (max-width: 576px) {
  .node--type-event .event-location:before {
    margin-right: 10px;
    float: none;
    margin-bottom: 0;
  }
}
.node--type-event .event-location .field-address {
  display: inline-block;
}
.node--type-event .event-register {
  text-align: center;
}
.node--type-event .event-register a {
  padding: 1rem 1.25rem;
  font-size: 1.167rem;
}
.node--type-event .event-register a svg {
  display: none;
}
@media (max-width: 992px) {
  .node--type-event .event-register {
    text-align: center;
  }
  .node--type-event .event-register a {
    width: 100%;
  }
}
.node--type-event .field--name-field-image {
  float: left;
  margin: 0 15px 15px 0;
  max-width: 280px;
}
.node--type-event .field--name-field-image img {
  border-radius: 10px;
}
@media (max-width: 576px) {
  .node--type-event .field--name-field-image {
    float: none;
    margin: 0 0 15px 0;
    max-width: 100%;
  }
  .node--type-event .field--name-field-image img {
    max-height: 250px;
  }
}
.node--type-event .field--name-field-post-event-summary .field__label {
  font-size: 2rem;
  margin-bottom: 1rem;
  font-weight: 600;
}

.directors-corner-message {
  margin-bottom: 20px;
}
.directors-corner-message .directors-corner-message-content-wrapper {
  background-color: #D5E9FD;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  height: 100%;
  padding-right: 15px;
}
.directors-corner-message .directors-corner-message-image img {
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
  height: 100%;
  object-fit: cover;
}
@media (max-width: 576px) {
  .directors-corner-message .directors-corner-message-content {
    padding: 0 15px;
  }
  .directors-corner-message .directors-corner-message-content .directors-corner-message-content-wrapper {
    border-radius: 0;
  }
  .directors-corner-message .directors-corner-message-image {
    padding: 0 15px;
  }
  .directors-corner-message .directors-corner-message-image img {
    border-radius: 0;
    max-height: 200px;
    width: 100%;
  }
}

.directors-corner-news .news-item {
  background-color: #20558A;
  border-radius: 10px;
  margin-bottom: 20px;
  padding: 20px 30px;
  color: #FFFFFF;
  background-image: url("/themes/custom/brain_bootstrap/assets/images/layout/page_front/circle_mask_small.png");
}
.directors-corner-news .node--view-mode-teaser a {
  color: #FFFFFF;
}
.directors-corner-news .field--name-field-simple-date {
  color: #FFFFFF;
  font-weight: 600;
  margin: 10px 0;
}
.directors-corner-news .field--name-body {
  margin: 10px 0;
}
.directors-corner-news .field--name-field-research-area {
  color: #2B2B2B;
  padding: 0.25rem 1rem;
  margin: 0 0.25rem;
  background: #EDEDED;
  border-radius: 10px;
  border: 1px solid #EDEDED;
  font-style: italic;
  font-weight: 600;
}
.directors-corner-news .field--name-field-research-area .field__item {
  display: inline-block;
}
.directors-corner-news .field--name-field-research-area .field__item:after {
  content: ", ";
}
.directors-corner-news .field--name-field-research-area .field__item:last-of-type:after {
  content: none;
}
.directors-corner-news .field--name-field-research-area:before {
  font: var(--fa-font-solid);
  content: "\f02c";
  font-weight: 400;
  padding-right: 5px;
}

.directors-corner-videos {
  margin-bottom: 20px;
}
.directors-corner-videos .row {
  margin-bottom: 10px;
}
.directors-corner-videos .video-item .drupal-media-object.remote_video {
  max-width: 100%;
  text-align: left;
}
.directors-corner-videos .video-item .drupal-media-object.remote_video .field--name-field-media-oembed-video {
  padding-bottom: 206px;
  margin-bottom: 10px;
}
@media (max-width: 576px) {
  .directors-corner-videos .video-item {
    margin-bottom: 15px;
  }
}
.directors-corner-videos .remote-video-link {
  font-weight: 600;
  margin-bottom: 10px;
  display: block;
}

.site-footer-top {
  background-color: #616265;
}
.site-footer-top h2 {
  color: #FFFFFF;
  font-size: 1.2rem;
}
.site-footer-top .nav-item {
  margin-bottom: 10px;
}
.site-footer-top a {
  color: #FFFFFF;
  text-decoration: none;
  font-size: 1rem;
}
.site-footer-top .site-footer-top-first .region,
.site-footer-top .site-footer-top-second .region,
.site-footer-top .site-footer-top-third .region {
  height: 100%;
}
.site-footer-top .site-footer-top-first .region nav,
.site-footer-top .site-footer-top-second .region nav,
.site-footer-top .site-footer-top-third .region nav {
  height: 100%;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  display: flex;
}
.site-footer-top ul.nav {
  border-left: 2px solid #9BD3DD;
  flex-grow: 1;
}

footer .site-footer-bottom {
  background-color: #616265;
  padding: 0;
}

.brain-footer {
  align-items: center;
  padding: 10px 0;
}

.brain-trademark {
  color: #FFFFFF;
  text-align: center;
  font-size: 35px;
  font-weight: 600;
}
.brain-trademark .registered-trademark {
  font-size: 10px;
}

.site-footer-top .nav-link {
  padding: 0 1.5rem;
}
.site-footer-top h2 {
  padding: 0 1.5833333333rem;
}

:root {
  --btn-font-weight: 600;
}

html, body {
  font-size: 12px;
}

.main-content {
  font-size: 16px;
}

.node__content {
  font-size: 16px;
}

h2 {
  font-size: 2rem;
  color: #20558A;
}

.btn {
  border-radius: 10px;
  text-transform: uppercase;
  font-weight: var(--btn-font-weight);
  font-size: 1.1666666667rem;
}
.btn.btn-ninds {
  color: #FFFFFF;
  background-color: #20558A;
  border-radius: 0 10px 10px 0 !important;
  font-weight: var(--btn-font-weight);
  font-size: 1.1666666667rem;
  padding: 1rem 1.25rem;
}
.btn.btn-ninds:hover {
  background-color: #9BD3DD;
  color: #20558A;
  border-color: #9BD3DD;
}
.btn.btn-search {
  background-color: #20558A;
  padding: 0 1.0833333333rem;
  height: 50px;
  width: 100px;
  font-size: 2.2rem;
}
.btn.btn-search .fas {
  font-weight: 300;
}
.btn.btn-brain {
  background-color: #9BD3DD;
  border: 2px solid transparent;
  text-align: center;
  color: #000000;
  border-radius: 10px;
}
.btn.btn-brain:hover {
  border-color: #20558A;
  color: #000000;
}
.btn.btn-reset {
  background-color: #FFFFFF;
  color: #20558A;
}

form.webform-submission-subscription-webform-form {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] {
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  background-color: #9BD3DD;
  background-image: url("/themes/custom/brain_bootstrap/assets/images/views/line-mask.png");
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] [id^=edit-content] {
  padding: 30px 20px 20px 20px;
  margin-bottom: 0;
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] [id^=edit-content] h2 {
  color: #2B2B2B;
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] #edit-submit-wrapper {
  padding: 0 15px;
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] .form-type-email:before {
  font: var(--fa-font-solid);
  content: "\f0e0";
  position: absolute;
  left: 25px;
  font-size: 1.5rem;
  top: 50%;
  transform: translateY(-50%);
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] [id^=edit-email] {
  padding-left: 2.6666666667rem;
  margin: 0;
  height: 100%;
  border-top-left-radius: 10px;
  border-bottom-left-radius: 10px;
  display: inline-block;
  width: 275px;
}
form.webform-submission-subscription-webform-form [id^=edit-left-content] .btn {
  border-radius: 0 10px 10px 0;
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  font-size: 1.167rem;
}
@media (max-width: 1200px) {
  form.webform-submission-subscription-webform-form [id^=edit-left-content] .btn {
    border-radius: 10px;
  }
}
form.webform-submission-subscription-webform-form [id^=edit-right-content] {
  align-self: stretch;
}
form.webform-submission-subscription-webform-form [id^=edit-right-content] * {
  margin-bottom: -0.15em;
}
form.webform-submission-subscription-webform-form [id^=edit-right-content] [id^=edit-image],
form.webform-submission-subscription-webform-form [id^=edit-right-content] .drupal-media-object,
form.webform-submission-subscription-webform-form [id^=edit-right-content] .field--name-field-media-image,
form.webform-submission-subscription-webform-form [id^=edit-right-content] .field--name-field-media-image .field__item {
  display: flex;
}
form.webform-submission-subscription-webform-form [id^=edit-right-content] picture {
  display: flex;
}
form.webform-submission-subscription-webform-form [id^=edit-right-content] img {
  object-fit: cover;
  border-top-right-radius: 10px;
  border-bottom-right-radius: 10px;
}
form.webform-submission-subscription-webform-form .recaptcha_disclaimer {
  text-align: left;
}
@media only screen and (max-width: 1200px) {
  form.webform-submission-subscription-webform-form {
    align-items: flex-end;
  }
  form.webform-submission-subscription-webform-form [id^=edit-left-content] #edit-email {
    display: block;
    width: 100%;
    border-radius: 10px;
    height: 41px;
    padding: 0.75rem 10px 0.75rem 40px;
  }
  form.webform-submission-subscription-webform-form .form-item-email {
    width: 70%;
  }
  form.webform-submission-subscription-webform-form .form-item-email label {
    display: block;
    line-height: 23px;
  }
  form.webform-submission-subscription-webform-form .form-actions {
    margin-left: 10px;
  }
}
@media (max-width: 576px) {
  form.webform-submission-subscription-webform-form .form-actions {
    width: 100%;
    margin: 10px 0 0;
    padding-left: 15px;
  }
  form.webform-submission-subscription-webform-form .form-actions button {
    width: 100%;
    border-radius: 10px;
  }
  form.webform-submission-subscription-webform-form .form-item-email {
    width: 100%;
    margin: 0;
  }
}

nav ul.pagination li.page-item .page-link, nav ul.pagination li.pager__item--next .page-link, nav ul.pagination li.pager__item--previous .page-link {
  border-radius: 5px;
  font-size: 1.167rem;
  padding: 0.85rem 1rem;
  background-color: #ECECEC;
  color: #20558A;
  border: 0;
}
nav ul.pagination li.page-item .page-link:hover, nav ul.pagination li.pager__item--next .page-link:hover, nav ul.pagination li.pager__item--previous .page-link:hover {
  background-color: #9BD3DD;
  color: #20558A;
}
nav ul.pagination li.page-item.active .page-link, nav ul.pagination li.pager__item--next.active .page-link, nav ul.pagination li.pager__item--previous.active .page-link {
  background-color: #20558A;
  color: #FFFFFF;
}

.node--view-mode-teaser {
  border: 0;
  margin: 0;
  padding: 0;
}

@media (min-width: 1200px) {
  .red-callout-boxes .row {
    justify-content: space-between;
  }
}
@media (min-width: 1200px) {
  .red-callout-boxes .callout-box-item {
    flex: 0 0 406px;
    max-width: 406px;
    margin-bottom: 20px;
  }
}
@media (max-width: 1200px) {
  .red-callout-boxes .callout-box-item {
    margin-bottom: 15px;
  }
}
.red-callout-boxes .callout-box-item .callout-box-wrapper {
  background-color: #FB637E;
  color: #000000;
  border-radius: 10px;
  padding: 32px;
  display: flex;
  height: 100%;
  flex-direction: column;
}
.red-callout-boxes .callout-box-item .callout-box-wrapper .field--name-body {
  margin-bottom: 3rem;
}
.red-callout-boxes .callout-box-item .callout-box-wrapper .field--name-field-link {
  margin-top: auto;
}
.red-callout-boxes .callout-box-item .callout-box-wrapper .field--name-field-link a {
  display: inline-block;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid transparent;
  padding: 1rem 1.25rem;
  font-size: 1.167rem;
  line-height: 1.5;
  border-radius: 10px;
  background-color: #000000;
  text-transform: uppercase;
}
.red-callout-boxes h2 {
  color: #000000;
  font-size: 2.5rem;
}

.accordion .btn-block:focus {
  border: 3px solid #0071bc;
}

#views-exposed-form-site-search-page-1 button.btn-search {
  margin-top: -0.75em;
}

header input[name=search_api_fulltext] {
  border: 0;
  padding: 0.5rem 1rem;
  height: 50px;
  background-color: #E1F2F5;
  border-radius: 5px 0 0 5px;
}
@media (min-width: 992px) {
  header input[name=search_api_fulltext].form-control {
    width: 350px;
  }
}

@media (max-width: 991px) {
  header#header {
    border: 0;
  }
}
@media (max-width: 992px) {
  header .navbar {
    padding: 15px 0;
  }
}
@media (max-width: 576px) {
  header .navbar-brand {
    max-width: 60%;
  }
}
header .navbar-img {
  max-height: 100px !important;
  height: 90px;
}
@media (max-width: 992px) {
  header .navbar-img {
    height: 100px;
  }
}

[class^=home-page] {
  --btn-font-weight: 600;
}

.jumbotron-breakout-container {
  width: 100vw;
  position: relative;
  left: 0;
  left: calc(-1 * (100vw - 100%) / 2);
  background: #000;
}

.home-page-highlighted-title {
  font-size: 29px;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .home-page-highlighted-title {
    font-size: 2rem;
  }
}

@media (max-width: 992px) {
  .jumbotron {
    padding: 48px 24px 0;
  }
}

.home-page-caption-mobile {
  color: #FFFFFF;
  padding-left: 30px;
  padding-bottom: 25px;
  font-size: 0.8333333333rem;
}

.home-page-wrapper {
  background-color: #000000;
  color: #FFFFFF;
  margin-left: 0;
  margin-right: 0;
  border-radius: 10px;
}
@media (max-width: 576px) {
  .home-page-wrapper {
    margin-top: 0;
  }
}
@media (min-width: 1200px) {
  .home-page-wrapper {
    max-width: 1140px;
    margin-left: auto;
    margin-right: auto;
  }
}
.home-page-wrapper .home-page-title-wrapper {
  font-size: 2rem;
  margin-bottom: 80px;
  word-break: break-word;
}
@media (max-width: 992px) {
  .home-page-wrapper .home-page-title-wrapper {
    margin-bottom: 30px;
  }
}
.home-page-wrapper .home-page-title {
  color: inherit;
  font-size: 2.5rem;
  margin-bottom: 16px;
}
.home-page-wrapper .home-page-title::after {
  content: "";
  margin-top: 22px;
  width: 170px;
  height: 3px;
  display: block;
  background-color: #FB637E;
}
.home-page-wrapper .home-page-link .btn {
  padding: 12px 15px;
}
.home-page-wrapper .home-page-caption-mobile {
  background-color: #F4F4F4;
  color: #2B2B2B;
  padding: 15px;
  text-transform: uppercase;
  font-weight: 600;
}
.home-page-wrapper .home-page-media .field--name-field-media-image {
  overflow: hidden;
}
.home-page-wrapper .home-page-media img {
  transition: all 0.5s ease;
  background-repeat: no-repeat;
}
.home-page-wrapper .home-page-media img:hover {
  transform: scale(1.1);
}

.home-page-caption {
  margin-top: 0.8333333333rem;
  font-size: 0.75rem;
}

.home-page-highlighted {
  padding: 26px 40px 41px 40px;
  border-radius: 10px;
  margin-bottom: 20px;
}
@media (max-width: 992px) {
  .home-page-highlighted {
    padding-bottom: 0;
    margin-bottom: 20px;
  }
}
.home-page-highlighted a:hover {
  color: #000000;
}
.home-page-highlighted .home-page-highlighted-title {
  margin-bottom: 25px;
  text-align: center;
  color: #000000;
}
.home-page-highlighted .field--name-field-media-image {
  overflow: hidden;
  border-radius: 10px;
  border: 5px solid transparent;
}
.home-page-highlighted .field--name-field-media-image:hover {
  border-color: #9BD3DD;
}
.home-page-highlighted .field--name-field-media-image .field__item {
  transition: all 0.5s ease;
  background-repeat: no-repeat;
}
.home-page-highlighted .field--name-field-media-image .field__item:hover {
  transform: scale(1.1);
}
.home-page-highlighted .home-page-highlighted-item {
  display: flex;
  flex-direction: column;
}
.home-page-highlighted img {
  width: 100%;
  height: 250px;
  object-fit: cover;
}

.home-page-webform {
  position: relative;
  border-radius: 10px;
  background-size: 100%;
  background-position: center;
  padding: 7.5833333333rem;
  margin-bottom: 100px;
  overflow: hidden;
}
@media (max-width: 992px) {
  .home-page-webform {
    margin-bottom: 20px;
  }
}
@media (max-width: 576px) {
  .home-page-webform {
    border-radius: 0;
    margin-bottom: 20px;
  }
}
.home-page-webform .webform-background-image {
  background-image: url("/themes/custom/brain_bootstrap/assets/images/layout/page_front/brain_blog_background.jpg");
  background-size: cover;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  transition: all 0.5s;
}
.home-page-webform .webform-background-image:hover {
  transform: scale(1.1);
}
.home-page-webform:hover form.webform-submission-subscription-webform-form [id^=edit-left-content] {
  border-color: #9BD3DD;
}
.home-page-webform form.webform-submission-subscription-webform-form {
  pointer-events: none;
}
.home-page-webform form.webform-submission-subscription-webform-form * {
  pointer-events: none;
}
.home-page-webform form.webform-submission-subscription-webform-form input,
.home-page-webform form.webform-submission-subscription-webform-form a,
.home-page-webform form.webform-submission-subscription-webform-form button {
  pointer-events: all;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] {
  flex: 0 0 100%;
  max-width: 100%;
  border-radius: 10px;
  background: rgba(0, 0, 0, 0.6);
  color: #FFFFFF;
  padding: 40px;
  border: 5px solid transparent;
  margin: 0;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] .form-type-email:before {
  color: #000000;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] [id^=edit-email] {
  width: initial;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] h2 {
  color: #FFFFFF !important;
  margin-bottom: 1.3333333333rem;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] p {
  font-size: 1.3333333333rem;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] button {
  color: #000000;
  background-color: #FB637E;
  border-color: #FB637E;
  margin-left: -3px;
}
.home-page-webform form.webform-submission-subscription-webform-form [id^=edit-right-content] {
  display: none !important;
}
.home-page-webform form.webform-submission-subscription-webform-form a {
  color: #FFFFFF;
}
.home-page-webform form.webform-submission-subscription-webform-form svg path {
  stroke: #FFFFFF;
}

.home-page-supporting {
  margin-bottom: 100px;
}
@media (max-width: 992px) {
  .home-page-supporting {
    margin-bottom: 0px;
  }
}
.home-page-supporting .home-page-supporting-content {
  border-color: #9BD3DD;
}

.home-page-supporting-wrapper {
  background-color: #ECECEC;
  background-size: 130%;
  padding: 4.5rem;
  height: 100%;
  border-radius: 10px;
  overflow: hidden;
  position: relative;
}
.home-page-supporting-wrapper .image-background {
  transition: all 0.5s;
  height: 100%;
  width: 100%;
  position: absolute;
  top: 0;
  left: 0;
  background-size: cover;
}
.home-page-supporting-wrapper .image-background:hover {
  transform: scale(1.1);
}
.home-page-supporting-wrapper:hover .home-page-supporting-content {
  border-color: #9BD3DD;
}
.home-page-supporting-wrapper .home-page-supporting-content {
  border: 5px solid transparent;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 10px;
  color: #FFFFFF;
  padding: 4.5833333333rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  pointer-events: none;
}
.home-page-supporting-wrapper .home-page-supporting-content a,
.home-page-supporting-wrapper .home-page-supporting-content button {
  pointer-events: all;
}
.home-page-supporting-wrapper .home-page-supporting-content p {
  font-size: 1.3333333333rem;
  margin-bottom: 1.3333333333rem;
}
.home-page-supporting-wrapper .home-page-supporting-content h2 {
  color: #FFFFFF;
  margin-bottom: 1rem;
}
.home-page-supporting-wrapper .home-page-supporting-content .home-page-supporting-link {
  margin-top: auto;
}
.home-page-supporting-wrapper .home-page-supporting-content .home-page-supporting-link a {
  padding: 1rem 1.25rem;
  font-size: 1.167rem;
}

.home-page-events {
  padding: 3.3333333333rem;
}
@media (max-width: 992px) {
  .home-page-events {
    padding-top: 0;
  }
}
.home-page-events .home-page-events-header {
  display: flex;
  align-items: center;
  margin-bottom: 30px;
}
.home-page-events .home-page-events-header a {
  text-transform: uppercase;
}
.home-page-events .home-page-events-tile {
  margin-bottom: 0;
  margin-right: 40px;
  color: #000000;
  font-size: 2.5rem;
  font-weight: bold;
}
.home-page-events .view.view-events.view-id-events .views-row {
  margin: 0;
}
@media (max-width: 992px) {
  .home-page-events .view.view-events.view-id-events .views-row {
    margin-bottom: 20px;
  }
}
@media (max-width: 991px) {
  .home-page-events .views-field-field-format {
    margin-bottom: 20px;
  }
}

.home-page-directors-corner {
  background-color: #FB637E;
  border-radius: 10px;
  margin-bottom: 40px;
}
@media (max-width: 992px) {
  .home-page-directors-corner {
    padding: 12px;
    margin-bottom: 20px;
  }
}
.home-page-directors-corner .home-page-directors-corner-content {
  display: flex;
  flex-direction: column;
  justify-content: center;
}
@media (max-width: 992px) {
  .home-page-directors-corner .home-page-directors-corner-content {
    padding: 24px;
  }
}
@media (min-width: 992px) and (max-width: 1200px) {
  .home-page-directors-corner .home-page-directors-corner-content {
    max-width: 70%;
    flex: 0 0 70%;
    padding: 36px 0 36px 32px;
  }
}
@media (min-width: 1200px) {
  .home-page-directors-corner .home-page-directors-corner-content {
    padding-left: 125px;
  }
}
.home-page-directors-corner .home-page-directors-corner-content h2 {
  color: #000000;
  margin-bottom: 1.3333333333rem;
  font-weight: 700;
  font-size: 2.5rem;
}
.home-page-directors-corner .home-page-directors-corner-content h3 {
  color: #000000;
  margin-bottom: 0.75rem;
  font-size: 1.5rem;
}
.home-page-directors-corner .home-page-directors-corner-content p {
  font-size: 1.3333333333rem;
}
.home-page-directors-corner .home-page-directors-corner-content .home-page-directors-corner-link a {
  text-transform: uppercase;
}
.home-page-directors-corner .home-page-directors-corner-image * {
  height: 100%;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .home-page-directors-corner .home-page-directors-corner-image {
    flex: 0 0 30%;
    max-width: 30%;
  }
}
.home-page-directors-corner .home-page-directors-corner-image .field--name-field-media-image {
  overflow: hidden;
  border-radius: 10px;
  border: none;
}
.home-page-directors-corner .home-page-directors-corner-image .field--name-field-media-image:hover {
  border-color: #9BD3DD;
}
.home-page-directors-corner .home-page-directors-corner-image .field--name-field-media-image .field__item {
  transition: all 0.5s ease;
  background-repeat: no-repeat;
}
.home-page-directors-corner .home-page-directors-corner-image .field--name-field-media-image .field__item:hover {
  transform: scale(1.1);
}
.home-page-directors-corner .home-page-directors-corner-image img {
  max-height: 234px;
  object-fit: cover;
  width: 100%;
  object-position: 50% 19%;
  padding: 0;
}
@media (min-width: 992px) and (max-width: 1200px) {
  .home-page-directors-corner .home-page-directors-corner-image img {
    max-height: unset;
  }
}
@media (min-width: 1200px) {
  .home-page-directors-corner .home-page-directors-corner-image img {
    float: right;
    max-width: 370px;
    max-height: 370px;
  }
}

@media (min-width: 992px) {
  .home-page-content {
    max-width: 400px;
    padding: 0;
  }
  .home-page-media {
    padding: 0;
  }
}
@media (max-width: 991px) {
  .home-page-wrapper {
    margin-bottom: 0;
  }
  .home-page-wrapper > div {
    margin-bottom: 10px;
  }
  .home-page-highlighted-item {
    margin-bottom: 30px;
  }
  .home-page-highlighted-item .home-page-highlighted-title {
    margin-bottom: 1rem;
    padding: 0;
  }
  .home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] .form-item-email {
    width: initial;
  }
  .home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] .form-item-email [id^=edit-email] {
    width: 100%;
  }
  .home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] .form-actions {
    margin-left: 0;
  }
  .home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] button {
    border-radius: 10px;
    width: 100%;
    margin-left: 0;
  }
  .home-page-supporting .home-page-supporting-item {
    margin-bottom: 20px;
  }
  .home-page-supporting .home-page-supporting-wrapper {
    padding: 40px;
    background-size: cover;
    background-position: center;
  }
}
@media (max-width: 768px) {
  .home-page-events .home-page-events-header {
    align-items: unset;
    flex-direction: column;
  }
  .home-page-events .home-page-events-tile {
    margin-bottom: 1rem;
    text-align: center;
    margin-right: 0;
  }
  .home-page-webform {
    padding: 20px;
    background-size: cover;
  }
  .home-page-webform img {
    max-height: 200px;
    height: auto;
    object-fit: none;
  }
  .home-page-webform form.webform-submission-subscription-webform-form [id^=edit-left-content] {
    margin: 0;
  }
}
@media (max-width: 576px) {
  .home-page-wrapper,
  .home-page-highlighted,
  .home-page-webform,
  .home-page-supporting-content,
  .home-page-directors-corner,
  .home-page-events {
    border-radius: 0;
    margin-left: -15px;
    margin-right: -15px;
  }
  .home-page-supporting {
    margin-bottom: 0;
  }
  .home-page-supporting .home-page-supporting-item {
    padding: 0;
    margin-bottom: 20px;
  }
  .home-page-supporting .home-page-supporting-wrapper {
    border-radius: 0;
    padding: 20px;
    background-size: cover;
    background-position: center;
  }
  .home-page-directors-corner {
    padding: 20px 15px;
  }
}
.path-frontpage .layout-main-wrapper {
  background-image: url("/themes/custom/brain_bootstrap/assets/images/layout/circle_masks/neuron_graphic.png");
  overflow: hidden;
}

#navbar-main {
  background-color: transparent !important;
  border-bottom: 0 !important;
  text-transform: uppercase;
}
#navbar-main .container {
  max-width: 100%;
  padding: 0;
}
#navbar-main .container-fluid {
  padding: 0;
}
#navbar-main .navbar-collapse {
  background-color: #9BD3DD;
}
#navbar-main .nav-item {
  padding: 5px;
}
#navbar-main .nav-item:hover, #navbar-main .nav-item.show, #navbar-main .nav-item.active {
  background-color: #28699C !important;
}
#navbar-main .nav-item:hover a, #navbar-main .nav-item:hover span, #navbar-main .nav-item.show a, #navbar-main .nav-item.show span, #navbar-main .nav-item.active a, #navbar-main .nav-item.active span {
  color: #FFFFFF !important;
}
#navbar-main .nav-item:hover .dropdown-toggle-split, #navbar-main .nav-item.show .dropdown-toggle-split, #navbar-main .nav-item.active .dropdown-toggle-split {
  color: #9BD3DD;
}
#navbar-main .nav-item:hover .dropdown-menu a, #navbar-main .nav-item.show .dropdown-menu a, #navbar-main .nav-item.active .dropdown-menu a {
  color: #2B2B2B !important;
}
#navbar-main .nav-item:hover .dropdown-menu a.active, #navbar-main .nav-item.show .dropdown-menu a.active, #navbar-main .nav-item.active .dropdown-menu a.active {
  color: #28699C;
}
#navbar-main .nav-item.active {
  background-color: #000000;
}
#navbar-main .nav-item a, #navbar-main .nav-item span, #navbar-main .nav-item .dropdown-toggle-split {
  color: #20558A !important;
  font-size: 1.167rem !important;
}
#navbar-main .nav-item .dropdown-menu {
  margin: 0;
  text-transform: capitalize;
}
#navbar-main .nav-item .dropdown-menu a, #navbar-main .nav-item .dropdown-menu span {
  font-size: 1rem;
}
#navbar-main .nav-item .dropdown-menu .dropdown-item {
  padding: 5px 0;
}
#navbar-main .nav-item .dropdown-menu .dropdown-item:first-of-type {
  padding: 0 0 5px 0;
}
#navbar-main .nav-item .dropdown-menu .dropdown-item:last-of-type {
  padding: 5px 0 0 0;
}
#navbar-main .nav-item .dropdown-menu .dropdown-item a:hover {
  color: #28699C;
}

@media (max-width: 991px) {
  #navbar-main .navbar-collapse {
    background-color: transparent;
    border-radius: 0;
  }
  #navbar-main .navbar-collapse .nav-item {
    background-color: #9BD3DD;
    padding: 0;
    margin-bottom: 5px;
  }
  #navbar-main .navbar-collapse .nav-item > .btn-group > a, #navbar-main .navbar-collapse .nav-item .btn-group > span, #navbar-main .navbar-collapse .nav-item > a, #navbar-main .navbar-collapse .nav-item > span {
    padding: 0 15px;
  }
  #navbar-main .navbar-collapse .nav-item.show, #navbar-main .navbar-collapse .nav-item:hover, #navbar-main .navbar-collapse .nav-item.active {
    background-color: #28699C;
  }
  #navbar-main .navbar-collapse .nav-item.show a, #navbar-main .navbar-collapse .nav-item.show span, #navbar-main .navbar-collapse .nav-item.show .dropdown-toggle-split, #navbar-main .navbar-collapse .nav-item:hover a, #navbar-main .navbar-collapse .nav-item:hover span, #navbar-main .navbar-collapse .nav-item:hover .dropdown-toggle-split, #navbar-main .navbar-collapse .nav-item.active a, #navbar-main .navbar-collapse .nav-item.active span, #navbar-main .navbar-collapse .nav-item.active .dropdown-toggle-split {
    color: #FFFFFF;
  }
  #navbar-main .navbar-collapse .nav-item.show .dropdown-menu a, #navbar-main .navbar-collapse .nav-item:hover .dropdown-menu a, #navbar-main .navbar-collapse .nav-item.active .dropdown-menu a {
    color: #2B2B2B;
  }
  #navbar-main .navbar-collapse .nav-item.show .dropdown-menu a.active, #navbar-main .navbar-collapse .nav-item:hover .dropdown-menu a.active, #navbar-main .navbar-collapse .nav-item.active .dropdown-menu a.active {
    color: #28699C;
  }
  #navbar-main .navbar-collapse .nav-item.show .show > a, #navbar-main .navbar-collapse .nav-item.show .show > span, #navbar-main .navbar-collapse .nav-item:hover .show > a, #navbar-main .navbar-collapse .nav-item:hover .show > span, #navbar-main .navbar-collapse .nav-item.active .show > a, #navbar-main .navbar-collapse .nav-item.active .show > span {
    border: 0;
    margin-left: 0;
  }
  #navbar-main .navbar-collapse .dropdown-menu {
    padding: 0 15px;
  }
  #navbar-main .navbar-collapse .dropdown-menu .dropdown-item {
    border: 0;
    padding: 10px 0;
  }
  #navbar-main .navbar-collapse .dropdown-menu .dropdown-item:first-of-type, #navbar-main .navbar-collapse .dropdown-menu .dropdown-item:last-of-type {
    padding: 10px 0;
  }
  #navbar-main .navbar-collapse .dropdown-toggle-split {
    top: 5px;
    right: 0;
    padding: 0.5625rem 1.3rem 0 1.3rem;
  }
  #navbar-main .navbar-collapse .dropdown-toggle::after {
    color: inherit;
  }
  .mobile-icons-container i {
    color: #20558A;
  }
}
@media (max-width: 576px) {
  #navbar-main .container {
    padding: 0;
  }
  #navbar-main .nav-item {
    margin: 0;
  }
}
.sidebar .block-menu .fa-toggle i {
  color: #FB637E;
}
.sidebar .block-menu a.active, .sidebar .block-menu span.active {
  border-color: #FB637E;
  border-width: 6px;
}
.sidebar .block-menu .depth-0 > li > a, .sidebar .block-menu .depth-0 > li > span {
  font-size: 1.167rem;
  color: #20558A;
}
.sidebar .block-menu .depth-1 > li {
  padding: 0 0 0 10px;
}
.sidebar .block-menu .depth-1 > li > a, .sidebar .block-menu .depth-1 > li > span {
  font-size: 1.167rem;
}
.sidebar .block-menu .depth-2 > li > a, .sidebar .block-menu .depth-2 > li > span {
  font-size: 1rem;
}
.sidebar .block-menu .depth-3 > li > a, .sidebar .block-menu .depth-3 > li > span {
  font-size: 1rem;
}
.sidebar .block-menu .dropdown-menu a.active, .sidebar .block-menu .dropdown-menu span.active {
  border: 0;
  color: #5381B1;
}

#mobile-menu-toggle {
  margin-bottom: 2rem;
}

.view-k99-r00-awardees .views-row {
  margin-bottom: 2.5rem;
}
.view-k99-r00-awardees .matrix-image-wrapper {
  border-radius: 5px;
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 3px 1px -2px rgba(0, 0, 0, 0.12), 0 1px 4px 0 rgba(0, 0, 0, 0.2);
  border-left: 9px solid #9BD3DD;
  padding: 1.25rem;
}

.blog-title {
  font-size: 2rem;
}
.blog-title a {
  color: #20558A;
}

.blog-item {
  border-radius: 20px;
  border: 1px solid #20558A;
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 4px 6px -6px #000000;
}
.blog-item.stickied {
  background-color: #20558A;
  background-image: url("/themes/custom/brain_bootstrap/assets/images/views/line-mask.png");
  color: #FFFFFF;
}
.blog-item.stickied .blog-title a {
  color: #FFFFFF;
}

.blog-date {
  margin-bottom: 1rem;
}
.blog-date:before {
  font: var(--fa-font-solid);
  content: "\f073";
  font-weight: 400;
  padding-right: 5px;
}

.category-list .list-group {
  flex-direction: row;
}
.category-list .list-group-item {
  color: #2B2B2B;
  padding: 0.25rem 1rem;
  margin: 0 0.25rem;
  background: #eee;
  border-radius: 10px;
  border: 1px solid #eee;
  font-style: italic;
  font-weight: 600;
}
.category-list .list-group-item:before {
  font: var(--fa-font-solid);
  content: "\f02c";
  font-weight: 400;
  padding-right: 5px;
}
.category-list .list-group-item:first-of-type {
  margin-left: 0;
}

.view-blog .view-content {
  padding: 0 15px;
}

.view-id-brain_contest .views-group-content {
  margin-bottom: 15px;
}
.view-id-brain_contest .views-row {
  margin-bottom: 15px;
}
.view-id-brain_contest .matrix-wrapper {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.view-id-brain_contest .brain-video {
  object-fit: cover;
  height: 150px;
}
.view-id-brain_contest .video-icon {
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.view-id-brain_contest .modal {
  background-color: rgba(0, 0, 0, 0.5);
}
.view-id-brain_contest .modal-close {
  position: absolute;
  right: -2em;
  top: 0;
  font-size: 3em;
  color: #FFFFFF;
  padding: 10px 20px;
}
.view-id-brain_contest .modal-close:hover, .view-id-brain_contest .modal-close:focus {
  background-color: #808080;
  border-radius: 50%;
  border: 0;
}
@media (max-width: 576px) {
  .view-id-brain_contest .modal-close {
    right: 0;
  }
}

.rating-widget .form-item label {
  transition: 0.5s;
  font-size: 1.75em;
  --fa-primary-color: #20558A;
  --fa-secondary-color: #9BD3DD;
  --fa-secondary-opacity: 1.0;
  --fa-primary-opacity: .7;
}
@media (max-width: 1200px) {
  .rating-widget .form-item label {
    font-size: 1.6em;
  }
}
@media (max-width: 991px) {
  .rating-widget .form-item label {
    font-size: 2em;
  }
}
.rating-widget .form-item:hover label {
  transform: scale(1.5);
  --fa-primary-opacity: 1.0;
  --fa-primary-color: #9BD3DD;
  --fa-secondary-color: #20558A;
}
.rating-widget .form-item .rate-voted {
  transform: scale(1.5);
  --fa-primary-opacity: 1.0;
  --fa-primary-color: #9BD3DD;
  --fa-secondary-color: #20558A;
}

.view-id-events .view-content {
  margin: 0;
}
.view-id-events .view-content .views-row {
  border-radius: 20px;
  border: 1px solid #20558A;
  padding: 20px;
  margin: 20px 0;
  box-shadow: 0 4px 6px -6px #000000;
}
.view-id-events .view-content .views-field {
  margin-bottom: 1rem;
}
.view-id-events .view-content .views-field.views-field-field-research-area, .view-id-events .view-content .views-field:last-of-type {
  margin-bottom: 0;
}
.view-id-events .views-field-title {
  font-size: 2rem;
}
.view-id-events .views-field-title a {
  color: #20558A;
}
.view-id-events .views-field-field-address-administrative-area .field-content {
  color: #59595C;
}
.view-id-events .views-field-field-address-administrative-area .field-content i {
  margin-right: 10px;
  font-weight: 400;
  color: #20558A;
}
.view-id-events .views-field-field-event-date .field-content:before {
  font: var(--fa-font-solid);
  content: "\f073";
  font-weight: 400;
  margin-right: 5px;
}
@media (max-width: 576px) {
  .view-id-events .views-field-field-event-date .field-content:before {
    margin-right: 10px;
  }
}
.view-id-events .views-field-field-research-area {
  margin-bottom: 0;
}
.view-id-events .views-field-field-research-area .field-content {
  display: inline-block;
  color: #2B2B2B;
  padding: 0.25rem 1rem;
  margin: 0 0.25rem;
  background: #eee;
  border-radius: 10px;
  border: 1px solid #eee;
  font-style: italic;
  font-weight: 600;
}
.view-id-events .views-field-field-research-area .field-content:before {
  font: var(--fa-font-solid);
  content: "\f02c";
  font-weight: 400;
  padding-right: 5px;
}
.view-id-events.view-display-id-block_1 .view-content .views-field-field-event-date, .view-id-events.view-display-id-block_2 .view-content .views-field-field-event-date {
  color: #9BD3DD;
  font-size: 1.167rem;
  margin-bottom: 0.5rem;
}
.view-id-events.view-display-id-block_1 .view-content .views-field-field-event-date .field-content:before, .view-id-events.view-display-id-block_2 .view-content .views-field-field-event-date .field-content:before {
  content: none;
}
.view-id-events.view-display-id-block_1 .view-content .views-field-field-address-administrative-area, .view-id-events.view-display-id-block_2 .view-content .views-field-field-address-administrative-area {
  margin-bottom: 1rem;
}
.view-id-events.view-display-id-block_1 .view-content .views-field-field-address-administrative-area .field-content, .view-id-events.view-display-id-block_2 .view-content .views-field-field-address-administrative-area .field-content {
  color: #FFFFFF;
  font-size: 1.167rem;
}
@media (min-width: 992px) {
  .view-id-events.view-display-id-block_1 .view-content, .view-id-events.view-display-id-block_2 .view-content {
    justify-content: space-between;
    display: flex;
  }
}
.view-id-events.view-display-id-block_1 .view-content .views-field-field-format, .view-id-events.view-display-id-block_2 .view-content .views-field-field-format {
  margin-top: auto;
}
.view-id-events.view-display-id-block_1 .views-row, .view-id-events.view-display-id-block_2 .views-row {
  background-color: #20558A;
  color: #FFFFFF;
  display: flex;
  flex-direction: column;
}
@media (min-width: 992px) {
  .view-id-events.view-display-id-block_1 .views-row, .view-id-events.view-display-id-block_2 .views-row {
    flex: 0 0 32%;
    max-width: 32%;
  }
}
.view-id-events.view-display-id-block_1 i, .view-id-events.view-display-id-block_2 i {
  color: #9BD3DD;
  margin-right: 10px;
}
.view-id-events.view-display-id-block_1 .btn.btn-ninds, .view-id-events.view-display-id-block_2 .btn.btn-ninds {
  background-color: #9BD3DD;
  color: #2B2B2B;
  font-size: 1.1666666667rem;
}

.view-funded-awards .view-header {
  margin-bottom: 40px;
}
.view-funded-awards .view-content-header {
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 11px 15px 14px 15px;
  margin-bottom: 18px;
  word-break: break-word;
  font-size: 12px;
}
@media (max-width: 992px) {
  .view-funded-awards .view-content-header .row > div {
    padding: 5px 15px;
    border-bottom: 1px solid #FFFFFF;
  }
  .view-funded-awards .view-content-header .row > div:last-of-type {
    border: 0;
  }
}
.view-funded-awards .views-row {
  border-radius: 10px;
  border: 2px solid #20558A;
  padding: 15px 15px 0 15px;
  margin-bottom: 20px;
  word-break: break-word;
}
.view-funded-awards .view-top-content {
  margin-bottom: 16px;
}
.view-funded-awards .views-field-body .card {
  margin-top: 15px;
  margin-left: -15px;
  margin-right: -15px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 0;
  border-top: 2px solid #20558A;
}
.view-funded-awards .views-field-body .card .card-header {
  padding: 0;
}
.view-funded-awards .views-field-body .card .card-body {
  border: 0;
}
.view-funded-awards .views-field-body .card button {
  padding-left: 34px;
  font-size: 1rem;
  color: #000000;
  background-color: #D6D5D5;
}
.view-funded-awards .views-field-body .card button i {
  font-size: 1.5rem;
}
.view-funded-awards .views-field-body .card button.collapsed i:before {
  content: "+";
}
.view-funded-awards .views-field-field-fiscal-year {
  text-align: right;
}
@media (max-width: 992px) {
  .view-funded-awards .views-field {
    padding: 5px 15px;
    border-bottom: 1px solid #20558A;
  }
  .view-funded-awards .views-field.views-field-field-link {
    border: 0;
    padding-top: 5px;
  }
  .view-funded-awards .views-field:last-of-type {
    padding: 0 15px;
    border: initial;
  }
}
.view-funded-awards .views-field-field-link {
  word-wrap: anywhere;
}
.view-funded-awards .views-field-field-institution,
.view-funded-awards .views-field-field-investigator {
  text-transform: capitalize;
}

.block-views-exposed-filter-blockfunded-awards-page-1.views-exposed-form .form-item-field-fiscal-year-value label {
  color: #20558A;
  font-size: 1.167rem;
  text-transform: uppercase;
  font-weight: 600;
  margin-left: 0;
}

.view-notice-of-funding-opportunities .view-header {
  margin-bottom: 40px;
}
.view-notice-of-funding-opportunities .view-content-header {
  background-color: #000000;
  color: #FFFFFF;
  text-transform: uppercase;
  border-radius: 10px;
  padding: 13px 34px 13px 34px;
  margin-bottom: 18px;
  font-size: 1.0833333333rem;
}
.view-notice-of-funding-opportunities .views-row {
  border-radius: 10px;
  border: 2px solid #20558A;
  padding: 17px 34px 0 34px;
  margin-bottom: 20px;
}
.view-notice-of-funding-opportunities .view-top-content {
  margin-bottom: 16px;
}
.view-notice-of-funding-opportunities .views-field-body .card {
  margin-left: -34px;
  margin-right: -34px;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-bottom: 0;
  border-top: 2px solid #20558A;
}
.view-notice-of-funding-opportunities .views-field-body .card .card-header {
  padding: 0;
}
.view-notice-of-funding-opportunities .views-field-body .card .card-body {
  border: 0;
}
.view-notice-of-funding-opportunities .views-field-body .card button {
  padding-left: 34px;
  color: #000000;
  background-color: #D6D5D5;
}
.view-notice-of-funding-opportunities .views-field-body .card button i {
  font-size: 1.3333333333rem;
}
.view-notice-of-funding-opportunities .views-field-body .card button.collapsed i:before {
  content: "+";
}
.view-notice-of-funding-opportunities.view-display-id-page_3 .view-content-header .view-header-number {
  visibility: hidden;
}
.view-notice-of-funding-opportunities.view-display-id-page_3 .view-content-header .view-header-number::after {
  content: "Notice #";
  position: absolute;
  visibility: visible;
  left: 15px;
}

.view-id-highlighted_directors_message {
  padding: 17px 0 17px 20px;
}
.view-id-highlighted_directors_message .view-content {
  margin-bottom: 0;
}
.view-id-highlighted_directors_message .views-field-view-node {
  margin-bottom: 10px;
}

.news-title {
  font-size: 2rem;
}
.news-title a {
  color: #20558A;
}

.news-item {
  border-radius: 10px;
  border: 1px solid #20558A;
  margin-bottom: 2.5rem;
  padding: 1rem;
}

.research-area-list {
  font-size: 0.75rem;
}
.research-area-list .list-group-item {
  background: #eee;
  padding: 0.5rem;
  border-radius: 10px;
  border: none;
}
.research-area-list .list-group-item::before {
  font-family: "Font Awesome 6 Pro", sans-serif;
  content: "\f02c";
  margin-right: 3px;
}
.research-area-list .list-group {
  flex-direction: row;
  flex-wrap: wrap;
  gap: 10px;
}

.promoted-item {
  color: #FFFFFF;
}
.promoted-item .news-item {
  background-image: url("/themes/custom/brain_bootstrap/assets/images/layout/circle_masks/promoted_news_mask.png");
  background-color: #20558A;
}
.promoted-item .news-spotlight {
  font-size: 2.5rem;
  color: #FFFFFF;
}
.promoted-item .news-title {
  font-size: 2rem;
}
.promoted-item .news-title a {
  color: #FFFFFF;
}
.promoted-item .btn-ninds {
  background-color: #9BD3DD;
  color: #000000;
}
.promoted-item .col-4 {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-end;
}

.news-item {
  background-image: url("/themes/custom/brain_bootstrap/assets/images/layout/circle_masks/news_item_mask.png");
  background-position: right top;
  background-repeat: no-repeat;
  background-size: cover;
}

.promo-event-image {
  height: 18.3333333333rem;
}

.view-content {
  margin-bottom: 0.8333333333rem;
}

.views-exposed-form .search-container {
  margin-bottom: 30px;
}
.views-exposed-form .search-container div.form-item-title input {
  border: 1px solid #20558A;
  border-top-left-radius: 10px;
  border-top-right-radius: 0;
  border-bottom-left-radius: 10px;
  border-bottom-right-radius: 0;
  font-size: 1rem;
  height: 38px;
}
.views-exposed-form .search-container .title-search .form-submit {
  padding: 6.5px 31px !important;
  color: #FFFFFF !important;
  background-color: #20558A !important;
  border-color: #20558A;
  font-size: 1.1666666667rem;
  font-weight: 600;
  width: initial !important;
}
.views-exposed-form .search-container .title-search .form-submit:hover {
  color: #20558A;
  background-color: #9BD3DD;
  border-color: #9BD3DD;
}
.views-exposed-form .search-container .title-search button.btn:before {
  font: var(--fa-font-solid);
  content: "\f002";
  font-weight: 400;
  padding-right: 5px;
  font-size: 12px;
}
.views-exposed-form .toggle-subscribe-button .btn {
  background-color: #9BD3DD;
  border-color: #9BD3DD;
  color: #2B2B2B;
}
.views-exposed-form .toggle-subscribe-button .btn:hover {
  color: #FFFFFF;
  background-color: #20558A;
  border-color: #20558A;
}

.subscribe-toggle-wrapper {
  padding: 0;
  border: 0;
}

.custom-callout-row {
  margin-left: -30px;
  margin-right: -30px;
}

.view-callout-boxes .callout-box-item {
  display: flex;
}

.custom-view-callout {
  background-color: #FB637E;
  padding: 2.4166666667rem 3.1666666667rem 3.125rem 3.1666666667rem;
  border-radius: 10px;
  margin-bottom: 1rem;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.custom-view-callout h2 {
  color: #000000;
}
.custom-view-callout .field--name-field-link a {
  display: inline-block;
  font-weight: 400;
  color: #FFFFFF;
  text-align: center;
  border: 1px solid transparent;
  padding: 1rem 1.25rem;
  font-size: 1.167rem;
  line-height: 1.5;
  border-radius: 10px;
  background-color: #000000;
  text-transform: uppercase;
}
.custom-view-callout .field--name-field-link a:hover {
  background-color: #000000;
  color: #FFFFFF;
  border-color: #000000;
}

.view-navigation {
  margin-bottom: 40px;
  text-transform: uppercase;
}
.view-navigation .nav-link {
  border-radius: 10px;
  font-size: 1.167rem;
  padding: 1.1666666667rem;
  background-color: #ECECEC;
  color: #20558A;
  margin-right: 2rem;
}
.view-navigation .nav-link:hover {
  color: #20558A;
  background-color: #9BD3DD;
}
.view-navigation .nav-link.active {
  color: #FFFFFF;
  background-color: #20558A;
}

.sidebar_first div[class*=block-views-exposed-filter] {
  background-color: #F4F4F4;
  margin: 30px 0 20px -15px;
  padding: 20px 15px 5px 20px;
  border-radius: 10px;
  width: initial;
  font-size: 14px;
}
.sidebar_first div[class*=block-views-exposed-filter] .form-group {
  margin-bottom: 20px;
}
.sidebar_first div[class*=block-views-exposed-filter] .form-item-title {
  display: none;
}
.sidebar_first div[class*=block-views-exposed-filter] legend {
  color: #20558A;
  font-size: 1.167rem;
  text-transform: uppercase;
  font-weight: 600;
}
.sidebar_first div[class*=block-views-exposed-filter] label {
  display: block;
  margin-left: 0.8rem;
}
.sidebar_first div[class*=block-views-exposed-filter] input {
  margin-top: 0.3333333333rem;
}
.sidebar_first div[class*=block-views-exposed-filter] input:checked {
  background-color: #20558A;
}
.sidebar_first div[class*=block-views-exposed-filter] input:after {
  content: "";
}
.sidebar_first div[class*=block-views-exposed-filter] .checkbox {
  margin-bottom: 10px;
}
.sidebar_first div[class*=block-views-exposed-filter] .submit-container {
  text-align: center;
}
.sidebar_first div[class*=block-views-exposed-filter] .submit-container button {
  display: block;
}
.sidebar_first div[class*=block-views-exposed-filter] .submit-container button:last-child {
  margin-top: 10px;
}

/*# sourceMappingURL=style.css.map */
