@charset "UTF-8";
/* CSS Document */
/* todos
old css
Scala pro Regular
font-family: "ff-scala", serif;
font-weight: 400;
font-style: normal;

Scala pro italic
font-family: "ff-scala-sans-pro", sans-serif;
font-weight: 400;
font-style: italic;

Scala sans pro bold
font-family: "ff-scala-sans-pro", sans-serif;
font-weight: 700;
font-style: normal;

scala sans pro italic
font-family: "ff-scala-sans-pro", sans-serif;
font-weight: 700;
font-style: italic;

font-family: "playfair-display", serif;
font-weight: 400;
font-style: normal;

////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////
// homepage calender views
// contetnt: Title
// content: Date
// content: link to content

<div class="eventHolder">
<h3>{{ field_date }}</h3> 
<p><a href="{{ path }}">{{ title }}</a></p>
</div>

// Filter
// content: published = yes
// content: content type = IGB event
// content: Date(< +1 day)

// sort
// content: Date (asc)

// display specific items: 4

// footer Overide
<p><a href="/calendar">View all of the IGB’s upcoming calendar activities</a></p>

////////////////////////////////////////////////////////////////////////
////////////////////////////////////////////////////////////////////////


////////////////////////////////////////////////////////////////////////
HOME PAGE NEWS ARTICLES SECTION

 Content: Link to Content
 content: Body
 content: Title
 content: 1 Column Image
 Global: View result Corner
 Global: Custom Text

<div class="homepage_article homepage_article_count{{ counter }}">
   {{ field_1_column_image}}
   <div class="homepage_article_info">
        <div class="homepage_article_type">{{ article_type }}</div>
        <h2>{{ title }}</h2>
        <div class="read_button">         
                <a href="{{ path }}" class="homepage_read_article_button">Read</a>
       </div>
   </div>
</div>

  Display specific number of items: 6
  Block name: Home Page News Articles


*/
h1 {
  font-size: inherit;
  line-height: inherit;
  margin: inherit;
  font-weight: inherit; }

.img-max-width-100 {
  max-width: 100% !important; }

.height-inherit {
  height: inherit !important; }

.img-max-height-100 {
  max-height: 100% !important; }

@media only screen and (max-width: 700px) {
  .container_article {
    width: inherit !important;
    margin: 6% !important; }

  .article_content_holder {
    display: inherit !important;
    padding: 5% !important; }

  .feature_image_caption p {
    padding: 0 5% !important; }

  .bigImageArea h2 {
    font-size: 180% !important;
    padding: 20px !important; }

  .theme_header_area {
    margin: auto 30px !important; }

  .bigImageArea .home_butt, .gallery_bottom .button {
    font-size: 50% !important; }

  .content_research_areas .landing_intro_area h2, .landing_intro_area h2, .event_filtered_content_list h2, .cke_wysiwyg_div html #edit-field-landing-intro-area-wrapper h2 {
    font-size: 100% !important; }

  #block-homepagetoplevelstatments p, #block-igb-illinois-igbillinoishomepagetoplevelstatments p {
    font-size: 90% !important; }

  .navholder div {
    display: block !important; }

  .content_main_subnav ul {
    display: block !important; }

  .event_contentArea, .igb_event_quickInfoArea {
    display: block !important; }

  .events_listing {
    margin: 10px; }

  .featuredArticles_area .featured-article-group, .continue_wide .core-facilities-iotm-archive-group {
    grid-template-columns: auto !important; }

  .continue_wide .core-facilities-iotm-archive-group {
    display: grid !important;
    justify-content: center !important;
    margin: auto !important;
    /*grid-template-columns: auto !important;*/ }

  .continue_wide .core-facilities-iotm-archive-group header {
    grid-column-start: 1;
    grid-column-end: 2 !important; }

  .featuredArticles_area {
    padding: 100px 10% !important; }

  .homepage_article_info {
    max-width: inherit !important; }

  .homepageTopLevelHolder {
    display: grid;
    grid-template-columns: auto !important;
    justify-content: center;
    margin-bottom: 70px; }

  .homepage_resources_for_links {
    display: block !important; }

  .homepage_resources_for_links a:link, .homepage_resources_for_links a:visited, .resources_for_links a:link, .resources_for_links a:visited, .resources-for .views-row a:link, .resources-for .views-row a:visited {
    max-width: 300px !important; }

  .research_area_projects ul {
    display: block !important; }

  .research_area_projects li {
    width: auto !important; }

  .content_two_columns {
    display: grid !important;
    justify-content: center !important; }

  .content_two_columns_1, .content_two_columns_2 {
    margin: auto !important;
    padding: 0px !important; }

  .content_two_columns_2 {
    width: 100% !important; }

  .outreach-programs .program {
    border: none !important;
    margin: auto;
    max-width: inherit !important; }

  .outreach-programs .program img {
    max-width: inherit !important; }

  .outreach-programs .program-row, .outreach-people-grid, .circle-image-grid {
    grid-template-columns: auto !important; }

  .view_gallery p {
    padding-right: 10% !important;
    padding-top: 19px !important; }

  .eventFiltering {
    display: block !important; }

  .event_filter {
    width: 100% !important; }

  .event_filtered_content_list {
    border-left: none !important;
    padding-left: 0px !important; }

  .small-gallery {
    max-height: inherit !important; }

  .footer .footercontent {
    display: block !important; }

  .grid {
    display: block !important; }

  .igb_event_quickInfoArea .register_column {
    max-width: 200px; }

  .homepageTopLevelHolder, .gridColumnTopLevelHolder {
    /*display: block !important;*/ }

  .homepageTopLevelContent, .gridColumnTopLevelContent {
    margin: auto; }

  .homepageTopLevelContent img, .gridColumnTopLevelContent img {
    max-width: 150px !important;
    max-height: 150px !important; }

  #block-igb-illinois-sitebranding {
    width: 190px; }

  .news-archive-rowc {
    display: block !important;
    border-bottom: none; }

  .news-archive-rowc .views-row {
    border-bottom: 1px solid #ccc !important; }

  .news-archive .views-row, .news-archive-row .views-row {
    border-right: none !important; } }
@media screen and (max-width: 992px) {
  .cssTable .cssTableTr {
    display: block; }

  table td {
    font-size: 60%;
    line-height: 100%; }

  table td img {
    max-width: inherit !important;
    width: inherit !important;
    height: inherit !important; }

  #block-igb-illinois-igbillinoisillinoisfooter div {
    display: block !important; }

  .section-inner .site-footer__left, .section-inner .site-footer__right {
    min-width: inherit !important; }

  .section-inner .site-footer__right {
    margin-top: 40px; }

  .site-wordmark {
    margin-top: 40px; }

  .nosubnavholder {
    display: none; }

  il-nav.mobilenav ul {
    display: inherit !important; }

  .navholder div {
    display: block !important; }

  .homepage_resources_for, .resources-for, .resources_holder {
    padding-bottom: 80px !important; }

  .homepage_resources_for_links {
    display: block !important; }

  .homepage_resources_for_links ul {
    display: flex !important;
    flex-wrap: wrap !important; }

  .homepage_resources_for_links li {
    margin-bottom: 20px !important; }

  .homepageTopLevelHolder {
    display: grid;
    grid-template-columns: auto auto !important;
    margin-bottom: 70px; }

  .calendar_area .flex-justify-center {
    display: block; }

  .research_area_body {
    margin: auto 10% !important; }

  .content_research_areas .landing_intro_area h2 {
    margin: 50px 10% !important; }

  .featuredArticles_area {
    padding: 100px 0px; }

  .featuredArticles_area .featured-article-group {
    grid-template-columns: auto auto; }

  .continue_wide .core-facilities-iotm-archive-group {
    grid-template-columns: auto auto; }

  .core-facilities-iotm-archive-group header {
    grid-column-start: 1;
    grid-column-end: 3 !important; }

  .featured-article-group .views-row, .core-facilities-iotm-archive-group .views-row {
    margin-bottom: 40px; }

  #block-homepage-article-section footer, .article-grid-footer-css footer, .featuredArticles_area footer, .articles-section-footer {
    width: 300px;
    margin-left: 0% !important; }

  #block-homepagetoplevelstatments h2, #block-igb-illinois-igbillinoishomepagetoplevelstatments h2 {
    max-width: 90% !important; }

  .news-archive {
    display: block !important;
    grid-template-columns: auto !important; }

  .news-archive {
    display: inherit !important; }

  .news-archive-row {
    display: block !important; }

  .news-archive-rowc:last-child {
    border-bottom: none !important; }

  .news-archive-rowc {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px 2%;
    padding-bottom: 20px;
    line-height: 140%;
    margin-bottom: 20x;
    border-bottom: none !important; }

  .news-archive .views-row, .news-archive-row .views-row {
    border-bottom: solid 1px #ccc;
    padding: 0px 20px;
    margin: auto; }

  .news-archive .views-row .news-archive-type-button, .news-archive-row .views-row .news-archive-type-button {
    display: none; }

  .news-archive-row .pager .pager__item, .news-archive-row .pager .pager__item--previous a span, .news-archive-row .pager .pager__item--next a span, .news-archive .pager .pager__item, .news-archive .pager .pager__item--previous a span, .news-archive .pager .pager__item--next a span, .trainings .pager .pager__item--next a span {
    display: none; }

  .news-archive .pager .pager__item--previous, .news-archive .pager .pager__item--next, .news-archive-row .pager .pager__item--previous, .news-archive-row .pager .pager__item--next.trainings .pager .pager__item--next {
    display: block !important; }

  .news-archive .pager .pager__item--previous a::after, .news-archive-row .pager .pager__item--previous a::after, .trainings .pager .pager__item--previous a::after {
    content: "<"; }

  .news-archive .pager .pager__item--next, .news-archive-row .pager .pager__item--next, .trainings .pager .pager__item--next {
    border-right: 1px solid #000; }

  .news-archive .pager .pager__item--next a::after, .news-archive-row .pager .pager__item--next a::after, .trainings .pager .pager__item--next a::after {
    content: ">"; }

  .event_filter {
    display: none !important; }

  .event_filtered_content_list {
    border: none; }

  form {
    margin: auto 10% !important; }

  .footer .footercontent {
    grid-template-columns: repeat(2, 1fr) !important; }

  .grid {
    grid-template-columns: auto auto auto !important; }

  .gallery_view_images {
    grid-template-columns: auto auto auto auto auto !important; }

  .content_grid_column_holder {
    display: block !important; } }
@media screen and (max-width: 1250px) {
  .article_featured_image .figure_image_caption {
    padding: 0 6%; }

  .grid-bottom-align {
    max-width: 80%; }

  .homepage_resources_for, .from_theme_leaders_holder, .resources_for_max_container, .homepage_resources_for div, .resources_holder {
    display: block !important; }

  .homepage_resources_for h3 {
    padding-right: 0px !important; }

  .homepage_resources_for h3, .from_theme_leaders_holder h3, .resources_holder h3 {
    border-right: none !important;
    border-bottom: 1px solid #fff;
    padding-bottom: 20px !important;
    margin-right: inherit !important;
    margin: auto !important;
    width: 70% !important;
    text-align: center !important; }

  .from_theme_leaders_content {
    border-left: none !important;
    padding: 10px 0px !important; }

  .from_theme_leaders {
    padding: 100px 10% !important; }

  .landing_intro_area {
    margin: auto 10% !important; }

  .homepage_resources_for_links {
    display: block !important; }

  .homepage_resources_for_links ul {
    margin-top: 35px !important;
    padding: 0px !important;
    justify-content: center !important; }

  .homepageTopLevelHolder, .gridColumnTopLevelHolder {
    grid-template-columns: auto auto !important; }

  .news-archive-rowc {
    display: grid;
    grid-template-columns: auto auto auto;
    grid-gap: 30px 2%;
    padding-bottom: 20px;
    line-height: 140%;
    margin-bottom: 20x;
    border-bottom: 1px solid #ccc; }

  .news-archive-rowc:last-child {
    border-bottom: none !important; }

  .news-archive-rowc .views-row {
    border-right: 1px solid #ccc; }

  .news-archive-rowc .views-row:last-child {
    border-right: none; } }
@media screen and (min-width: 1250px) {
  .calendar_area .views-row {
    width: 100% !important; } }
html {
  height: 100vh; }

form select {
  font-size: 110%;
  padding: 10px 20px; }

form select option {
  margin: 5px 0px;
  border-bottom: solid 1px #ccc;
  padding: 10px; }

il-nav:not([compact]) il-nav-section .il-subnav {
  width: 500px !important; }

.flex_center {
  display: flex;
  flex-wrap: wrap;
  justify-content: center; }

.width100percent {
  width: 100% !important; }

.nobackground {
  background: none !important; }

.grid {
  display: grid;
  gap: 50px !important;
  justify-content: center; }

/*
.grid {
    display: grid;
    
    grid-template-columns: repeat(auto-fill, 150px);
    padding-top: 10px;
}

.grid > div {
    border: thin solid var(--il-cloud-2);
    text-align: center;
}
*/
.grid_colums_5 {
  grid-template-columns: auto auto auto auto auto; }

.grid_colums_4 {
  grid-template-columns: auto auto auto auto; }

.grid_colums_3 {
  grid-template-columns: auto auto auto; }

.grid_colums_2 {
  grid-template-columns: auto auto; }

.circularImage {
  border-radius: 50%; }

.containerPadding {
  padding: 20px 20px;
  margin: 100px auto 0px; }

.internalpage h2, #edit-field-extra-full-width-content-wrapper h2, #edit-field-additional-content-wrapper h2 {
  border-top: 1px solid #000;
  padding: 20px;
  text-align: center;
  font-family: "ff-scala-sans-pro", sans-serif;
  margin-top: 100px;
  margin-bottom: 4px;
  margin-left: auto;
  margin-right: auto;
  font-size: 100%;
  max-width: 1260px; }

#edit-field-extra-full-width-content-wrapper h2, #edit-field-additional-content-wrapper h2 {
  font-weight: bold;
  font-size: 140%; }

.internalpage table {
  max-width: 780px;
  width: 100%;
  border: none;
  border-spacing: 0px;
  margin: auto; }

.internalpage table td {
  border: none;
  border-bottom: 1px solid black;
  padding: 20px 0px;
  vertical-align: top;
  line-height: 140%; }

.internalpage table th {
  border: none;
  border-bottom: 1px solid black;
  font-size: 100%;
  font-weight: lighter;
  text-align: left;
  padding: 20px; }

.internalpage a:link, .internalpage a:visited {
  color: #FF5F05;
  text-decoration: underline; }

.internalpage a:active, .internalpage a:hover {
  color: #e55400;
  text-decoration: none; }

.internalpage a.home_butt:link, .internalpage a.home_butt:visited {
  color: #fff !important;
  text-decoration: none; }

.sans, .sans p strong {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

.lightGreyBackground {
  background: #F7F8FA; }

.gallery-holder {
  background: #F7F8FA;
  padding: 100px 0px;
  margin: 100px auto; }

.popupHolder {
  background: rgba(0, 0, 0, 0.2);
  width: 100%;
  height: 100%; }

.close_popup {
  display: none;
  background: #ccc;
  padding: 20px;
  margin-top: 100px;
  text-align: center;
  color: #333;
  font-weight: bold;
  width: 100px !important;
  margin: auto !important; }

.view-popup-image {
  background: rgba(0, 0, 0, 0.7);
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0px;
  top: 0px;
  display: none;
  justify-content: center;
  color: #fff;
  padding-top: 0px;
  z-index: 10000;
  overflow: auto; }

.view-popup-image figure {
  position: relative;
  max-width: 1400px;
  max-height: 1200px;
  padding-bottom: 100px;
  margin-bottom: 300px; }

.view-popup-image .figurep {
  text-align: center;
  height: 90%; }

.view-popup-image img {
  max-width: 100%;
  max-height: 100%; }

.downloadGallaryIcon {
  position: absolute;
  left: 10px;
  top: 10px;
  max-width: 50px;
  z-index: 10; }

.downloadGallaryIcon:hover {
  cursor: pointer; }

.downloadGallaryIcon img {
  width: 100%; }

.small-gallery {
  max-width: 1260px;
  margin: auto;
  max-height: 1800px;
  overflow: hidden;
  transition: 0.25s !important; }

.increaseGallerySizeButton {
  display: flex !important;
  justify-content: center;
  margin: 50px auto;
  margin-bottom: 70px;
  width: 200px !important; }

.small-gallery h3 {
  border-top: 1px solid #000;
  font-size: 100%;
  padding-top: 30px; }

.sm-gallery {
  position: relative;
  width: 100%;
  display: flex;
  gap: 10px;
  margin-top: 30px; }

.sm-gallery .column {
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: 10px; }
.sm-gallery .post {
  position: relative;
  overflow: hidden;
  width: 100%; }
.sm-gallery img {
  width: 100%;
  border-radius: 5px;
  height: 100%; }
.sm-gallery .overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: #161616;
  display: flex;
  align-items: center;
  justify-content: center;
  opacity: 0;
  transition: 0.5s;
  border-radius: 5px; }
.sm-gallery .post:hover .overlay {
  opacity: 0.5;
  cursor: pointer; }

.outreach-program-big-img-holder {
  display: none;
  background-repeat: no-repeat;
  margin-top: 80px;
  max-width: 1260px;
  margin: auto; }

.outreach-program-big-img-holder img {
  width: 100%; }

.narrow-content {
  max-width: 780px;
  margin: auto;
  font-family: "ff-scala-sans-pro", sans-serif; }

.margin-0px {
  margin: 0px; }

.margin-right-50px {
  margin-right: 50px; }

.margin-top-10, .margin-top-10 p {
  margin-top: 10px !important; }

.margin-auto {
  margin: auto; }

.site-max-width {
  max-width: 1260px; }

.article-content-max-width {
  max-width: 780px;
  margin: auto; }

p.article-content-max-width {
  margin: 25px auto;
  line-height: 150%; }

.instrument_title {
  font-family: "ff-scala", serif !important;
  font-weight: lighter !important;
  border: none !important;
  font-size: 250% !important;
  margin-top: -20px !important; }

.column_holder h2 {
  font-size: 100% !important;
  font-weight: bold !important;
  font-family: "ff-scala-sans-pro", sans-serif !important;
  border-top: solid 1px #000;
  padding-top: 30px;
  margin-bottom: 50px; }

.outreach_report_and_activities {
  width: 100%;
  margin: auto;
  background: #F7F8FA; }

.outreach_report_and_activities h3 {
  font-family: "ff-scala-sans-pro", sans-serif;
  margin: 30px auto;
  font-size: 100%; }

.content_two_columns {
  display: flex;
  justify-content: space-around;
  margin: 70px auto; }

.content_two_columns_1, .content_two_columns_2 {
  width: 50%;
  padding: 0px 20px;
  font-family: "ff-scala-sans-pro", sans-serif; }

.content_grid_column_holder {
  display: grid;
  grid-template-columns: auto auto;
  gap: 40px;
  margin: 20px auto; }

.gallery_contentArea .gallery_content {
  /*
  * {
  	box-sizing: border-box;
  }
  */
  /* Create four equal columns that sits next to each other */
  /* Responsive layout - makes a two column-layout instead of four columns */
  /* Responsive layout - makes the two columns stack on top of each other instead of next to each other */ }
  .gallery_contentArea .gallery_content .row {
    display: flex;
    flex-wrap: wrap;
    padding: 0 4px; }
  .gallery_contentArea .gallery_content .column {
    flex: 25%;
    max-width: 25%;
    padding: 0 4px; }
  .gallery_contentArea .gallery_content .column img {
    margin-top: 8px;
    vertical-align: middle;
    width: 100%; }
  @media screen and (max-width: 800px) {
    .gallery_contentArea .gallery_content .column {
      flex: 50%;
      max-width: 50%; } }
  @media screen and (max-width: 600px) {
    .gallery_contentArea .gallery_content .column {
      flex: 100%;
      max-width: 100%; } }

.gallery-special-thanks {
  width: 100%;
  background: #fff;
  margin: 100px auto 30px;
  font-family: "ff-scala-sans-pro", sans-serif;
  padding: 70px 0px;
  font-size: 150%;
  line-height: 160%; }

.gallery-special-thanks h3 {
  font-size: 140%; }

.gallery_content_holder {
  background: #F7F8FA;
  margin-top: 100px;
  padding-top: 100px; }

.gallery_image_pagenumber {
  display: flex;
  justify-content: center;
  max-width: 60px;
  padding: 5px 10px;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 120%; }

.gallery_image_pagenumber p {
  margin: 10px 5px 0px; }

.gallery_image_pagenumber .currentPage {
  color: #000; }

.gallery_image_pagenumber .totalPages {
  color: #888; }

.midGrey {
  color: #888; }

.gallery-image-title {
  /*display: none;*/
  font-weight: bold; }

.gallery-image-counter-holder {
  display: flex; }

.gallery-image-title-place {
  font-weight: bold;
  padding-left: 10px; }

.gallery-image-counter-holder .contentCounter {
  background-color: #FF5F05;
  color: #fff;
  font-weight: 900;
  padding: 0px 10px; }

.gallery-image-counter-holder .gallery-image-current-image-count {
  font-weight: bold; }

.gallery-image-counter-holder .gallery-image-total-image-count {
  font-weight: normal; }

.gallery_images {
  display: flex;
  justify-content: center;
  position: absolute;
  height: 94%;
  width: 100%; }

.gallery_images {
  max-width: 100%; }

.gallery-content-item {
  display: none; }

.gallery_button p a:link, .gallery_button p a:visited {
  font-weight: 700;
  color: #fff; }

.gallery_view_thumbnails {
  display: none;
  position: absolute;
  height: 100%;
  width: 100%;
  justify-content: center;
  background-color: rgba(0, 0, 0, 0.6); }

/*
.gallery_images_background
{
	background: black;
  opacity: 0.8;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 0;
}
*/
.gallery-thumbnail {
  width: 100%;
  max-width: 97px;
  max-height: 152px;
  padding: 12px; }

.gallery_view_images {
  display: grid;
  grid-template-columns: auto auto auto auto auto auto auto auto auto auto;
  grid-template-rows: auto auto auto;
  max-width: 1260px;
  margin: auto;
  max-height: 80%;
  overflow: auto; }

.view_gallery {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 120%;
  display: flex;
  justify-content: space-around;
  gap: 10px; }

.view_gallery:hover {
  cursor: pointer; }

.view_gallery img {
  max-width: 20px;
  padding-left: 20px; }

.view_gallery p {
  margin: 0px;
  padding-top: 24px;
  font-size: 70%;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px; }

.view_gallery:hover {
  color: #FF5F05; }

.goleftgoright {
  border-top: none;
  border-bottom: none;
  margin: auto;
  display: flex; }

.goleftgoright .goleft, .goleftgoright .goright {
  font-size: 200%;
  cursor: pointer;
  margin-left: -72px;
  border-left: 1px solid #000; }

.goleft button, .goright button {
  cursor: pointer; }

.goleftgoright .goleft button, .goleftgoright .goright button {
  background: none;
  border: none;
  padding: 18px 20px;
  font-size: 70%;
  font-family: arial;
  font-weight: lighter; }

.goleftgoright .goleft button:hover, .goleftgoright .goright button:hover {
  background-color: #FF5F05; }

.goleft button img, .goright button img {
  width: 10px;
  height: 20px; }

.goleftgoright .goright {
  margin-left: 0px;
  border-right: 1px solid #000; }

.event_filtered_content_list .pager {
  position: relative !important; }

.gallery_pagenation, .news-archive .pager, .news-archive-row .pager, .event_filtered_content_list .pager, .trainings .pager {
  position: absolute;
  bottom: 0px;
  left: 0px;
  background: #fff;
  min-height: 10px;
  display: flex;
  justify-content: center;
  width: 100%;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000; }

.gallery_pagenation .fullscreen {
  padding: 5px 25px; }

.photo_gallery_area {
  position: relative;
  width: 100%;
  background: #000;
  min-height: 900px;
  max-height: 940px; }

.gallery_area_bottom_spacing {
  margin-bottom: 90px; }

.photocontent {
  margin-top: -40px;
  padding-top: 40px;
  padding-bottom: 200px; }

.gallery_quickInfoArea column p {
  text-align: center; }

.simpleGalleryContentArea {
  display: flex;
  justify-content: center; }

.ckeditor-accordion-container {
  margin: 50px auto;
  max-width: 780px; }

.ckeditor-accordion-container p {
  font-family: "ff-scala-sans-pro", sans-serif; }

.ckeditor-accordion-container p a:link, .ckeditor-accordion-container p a:visited {
  color: #FF5F05; }

.ckeditor-accordion-container p a:active, .ckeditor-accordion-container p a:hover {
  text-decoration: none; }

.ckeditor-accordion-container > dl {
  border: none; }

.ckeditor-accordion-container > dl dt {
  background: none;
  font-weight: 900; }

.ckeditor-accordion-container > dl dt :hover {
  background-color: #888; }

.ckeditor-accordion-container > dl dt > a {
  text-decoration: none; }

.ckeditor-accordion-container > dl dt.active > a {
  background-color: #ECF0F5; }

.ckeditor-accordion-container > dl dt > a, .ckeditor-accordion-container > dl dt > a:not(.button) {
  color: #000;
  border-bottom: 1px solid #333 !important;
  background: none !important;
  text-decoration: none;
  font-size: 100%;
  font-family: "ff-scala-sans-pro", sans-serif; }

.ckeditor-accordion-container > dl dt > a:hover, .ckeditor-accordion-container > dl dt > a:not(.button):hover {
  background-color: #888;
  color: #000; }

.ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::before, .ckeditor-accordion-container > dl dt > a > .ckeditor-accordion-toggle::after {
  background: #000; }

.ckeditor-accordion-container ul {
  margin-top: 30px;
  margin-bottom: 30px; }

.container_even table {
  margin: 40px auto; }

.container_event tr:nth-child(odd) {
  background-color: #F7F8FA; }

.eventFiltering {
  display: flex;
  justify-content: center;
  border-top: 1px solid #ccc;
  max-width: 1260px;
  margin: auto; }

.event_filter {
  width: 250px;
  padding-right: 40px;
  font-family: "ff-scala-sans-pro", sans-serif;
  padding-top: 20px; }

.event_filter a:link, .event_filter a:visited {
  color: #FF5F05; }

.event_filter_area {
  padding-bottom: 30px; }

.event_media {
  padding-top: 20px; }

.event_filter_area a:link, .event_filter_area a:visited {
  color: #000;
  text-decoration: none !important; }

.event_filter_area p {
  margin: 2px 0px; }

.event_accommodations {
  padding-top: 10px; }

.event_filter hr {
  border: none;
  border-bottom: 1px solid #ccc; }

.event_filter h3 {
  text-transform: uppercase;
  font-size: 110%;
  letter-spacing: 2px; }

.event_filtered_content_list {
  width: 100%;
  border-left: 1px solid #ccc;
  padding-left: 20px;
  padding-top: 20px;
  margin-bottom: 100px; }

.event_filtered_content_list ol li p {
  font-family: "ff-scala-sans-pro", sans-serif; }

.event_filtered_content_list ol li p, .event_filtered_content_list ol li h3 {
  max-width: 500px; }

.event_filtered_content_list ol li {
  border-bottom: 1px solid #ccc;
  padding: 10px inherit;
  margin: 50px auto;
  padding-bottom: 30px; }

.event_filtered_content_list ol li a:link, .event_filtered_content_list ol li a:visited {
  color: #FF5F05; }

#block-igb-illinois-calendarall .views-exposed-form, .event_filtered_content_list .views-exposed-form {
  display: none; }

.content_event {
  background: #fff;
  max-width: 1260px;
  margin: auto; }

.igb_event_eventHeaderArea {
  text-align: center;
  margin: 100px 0px; }

.igb_event_eventHeaderArea .subtitle {
  margin-bottom: 20px; }

.igb_event_quickInfoArea {
  border-top: 1px solid #333;
  border-bottom: 1px solid #333;
  padding: 30px 0px;
  display: flex;
  justify-content: space-between;
  /*height: 100px;*/
  font-family: "ff-scala-sans-pro", sans-serif;
  margin: 50px;
  line-height: 90%;
  padding-bottom: 40px; }

.igb_event_quickInfoArea a:link, .igb_event_quickInfoArea a:visited {
  color: #FF5F05; }

.eventTitle {
  margin-bottom: 0px !important; }

.igb_event_quickInfoArea .register_column {
  max-width: 290px;
  width: 100%; }

.event_header_area_marginTop {
  margin-top: 50px; }

.igb_event_quickInfoArea .column p {
  margin: 0px; }

.igb_event_quickInfoArea .column p strong {
  font-family: "ff-scala-sans-pro", sans-serif;
  letter-spacing: 2px !important; }

.igb_event_quickInfoArea .column_line1 {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700;
  margin-top: 10px !important;
  margin-bottom: 4px !important; }

.igb_event_quickInfoArea .locationInformation p {
  margin-top: 10px !important; }

.igb_event_quickInfoArea .locationInformation br {
  margin-bottom: 4px; }

.igb_event_quickInfoArea .eventIcon {
  max-width: 20px;
  max-height: 20px; }

.event_contentArea {
  display: flex;
  justify-content: space-between;
  margin: 0px 50px;
  gap: 80px; }

.cke_wysiwyg_div html {
  border: 20px solid #ccffff !important; }

.button_endofArticle {
  text-align: center;
  margin-top: 100px !important; }

.container_event .paragraph_emphasized, .paragraph_pullout {
  font-family: "ff-scala", serif !important; }

.container_event_infoColumn {
  max-width: 300px;
  font-family: "ff-scala-sans-pro", sans-serif;
  line-height: 150%;
  padding-top: 10px; }

.container_event_infoColumn p {
  margin: 10px; }

.container_event_infoColumn strong {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

.container_event strong {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

.container_event_infoColumn a:link, .container_event_infoColumn a:visited {
  color: #FF5F05; }

.container_event table, .container_event table tr, .container_event table tr td {
  border: none; }

.container_event table tr td {
  padding-left: 20px; }

.container_event table tr td p {
  margin-top: 6px;
  margin-bottom: 6px; }

.container_event table tr:nth-child(odd) {
  background: #F7F8FA; }

.events_listing {
  display: flex;
  justify-content: space-between;
  font-family: "ff-scala-sans-pro", sans-serif !important;
  padding-bottom: 30px;
  margin-bottom: 30px;
  position: relative;
  border-bottom: 1px solid #ccc; }

.events_listing .month_day {
  font-size: 140%; }

.events_listing .month_day strong {
  font-family: "ff-scala-sans-pro", sans-serif !important;
  font-weight: 900; }

.events_listing_datelocation {
  margin-top: 30px; }

.events_listing_datelocation p {
  margin: 10px 0px; }

.events_listing_datelocation p img {
  vertical-align: bottom;
  margin-right: 10px; }

.events_listing_eventTypeButton a:link, .events_listing_eventTypeButton a:visited, .news-archive a.news-archive-type-button:link, .news-archive a.news-archive-type-button:visited, .news-archive-row a.news-archive-type-button:link, .news-archive-row a.news-archive-type-button:visited {
  text-decoration: none;
  padding: 8px 14px !important;
  border: 1px solid #FF5F05;
  color: #FF5F05;
  font-size: 90% !important;
  border-radius: 30px;
  position: absolute;
  top: 20px;
  right: 0px; }

.events_listing_eventTypeButton a:active, .events_listing_eventTypeButton a:hover, .news-archive a.news-archive-type-button:active, .news-archive a.news-archive-type-button:hover, .news-archive-row a.news-archive-type-button:active, .news-archive-row a.news-archive-type-button:hover {
  color: #fff;
  background: #FF5F05; }

.events_listing_information h3 {
  font-size: 180%;
  margin-bottom: 6px;
  font-family: "ff-scala", serif !important;
  font-weight: lighter; }

.events_listing_information a:link, .events_listing_information a:visited {
  color: #FF5F05;
  text-decoration: underline; }

.events_listing_information .official_subtitle {
  margin: 0px auto 8px; }

hr {
  border: none;
  border-top: 1px solid #707070; }

.webform-confirmation {
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  margin: 100px auto;
  padding: 100px 0px;
  max-width: 1260px;
  text-align: center;
  font-size: 150%; }

.webform-confirmation a:link, .webform-confirmation a:visited {
  color: #FF5F05; }

.webform-confirmation a:active, .webform-confirmation a:hover {
  color: #FF5F05; }

form {
  max-width: 1260px;
  margin: auto; }

form p, form .description {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

form hr {
  margin: 30px auto; }

.formHeaderArea {
  border-top: 1px solid #ccc !important;
  border-bottom: 1px solid #ccc !important;
  margin-top: 70px !important;
  margin-bottom: 100px !important;
  padding: 50px 0px 30px;
  text-align: center;
  font-size: 120%;
  font-family: "ff-scala", serif !important; }

.formHeaderArea h2, .formHeaderArea p {
  font-family: "ff-scala", serif !important; }

.field-suffix {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

.form-number {
  font-size: 100%;
  padding: 10px 7px 5px;
  font-family: "ff-scala-sans-pro", sans-serif !important; }

form section h2 {
  margin: 0px !important; }

form .webform-multiple-add {
  font-size: 120%;
  padding: 6px 20px; }

form .webform-multiple-add .button {
  font-size: 120%;
  padding: 5px 20px; }

form .form-item, form #ajax-wrapper, form #ajax-wrapper--2, form #ajax-wrapper--3, form #ajax-wrapper--4, form #ajax-wrapper--5, form #ajax-wrapper--6, form #ajax-wrapper--7, form #ajax-wrapper--8, form #ajax-wrapper--9, form #ajax-wrapper--10 {
  max-width: 780px;
  margin: auto;
  margin-bottom: 100px; }

form .form-item h2 {
  font-size: 200%;
  font-family: "ff-scala-sans-pro", sans-serif !important;
  font-weight: normal;
  margin: 100px; }

form .form-item div, form fieldset {
  margin: 30px auto; }

form p a:link, form p a:visited {
  color: #FF5F05; }

.ck-editor__main, .ck-editor__editable {
  margin: 0px !important; }

.node-page-edit-form .js-form-wrapper label {
  margin-top: 30px; }

form .rateit-range {
  top: 30px; }

form .rateit-range .rateit-hover, form .rateit-range .rateit-selected {
  top: -30px !important; }

.user-login-form .form-item:first-child {
  max-width: 780px !important;
  margin: 40px auto !important;
  margin-top: 100px !important; }

form .form-item:first-child {
  max-width: 1260px !important;
  margin: auto; }

form label, form legend {
  font-family: "ff-scala-sans-pro", sans-serif !important;
  font-weight: bold;
  max-width: 780px !important;
  font-size: 130%; }

form textarea, form .form-text, .form-tel, .form-email, .form-date, .form-time {
  border-radius: 17px;
  background: #ECF0F5;
  border: #ECF0F5;
  padding: 20px;
  max-width: 780px; }

form textarea {
  width: 90%; }

form #edit-actions {
  border-top: 1px solid #000;
  padding: 100px 0px;
  max-width: 780px;
  margin: auto; }

.webform-button--submit {
  display: flex !important;
  margin: auto !important;
  margin: 100px auto;
  border: none; }

.js-form-type-radio {
  display: block;
  position: relative;
  padding-left: 35px;
  margin-bottom: 12px;
  cursor: pointer;
  font-size: 22px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

/* Hide the browser's default radio button */
.js-form-type-radio input {
  position: absolute;
  opacity: 0;
  cursor: pointer; }

.webform-settings-form-form .js-form-type-radio input {
  position: relative;
  opacity: 1 !important; }

/* Create a custom radio button */
.checkmark {
  position: absolute;
  top: 0;
  left: 0;
  height: 25px;
  width: 25px;
  background-color: #ECF0F5;
  border-radius: 50%; }

/* On mouse-over, add a grey background color */
.js-form-type-radio:hover input ~ .checkmark {
  background-color: #ccc; }

/* When the radio button is checked, add a blue background */
.js-form-type-radio input:checked ~ .checkmark {
  background-color: #000; }

/* Create the indicator (the dot/circle - hidden when not checked) */
.checkmark:after {
  content: "";
  position: absolute;
  display: none; }

/* Show the indicator (dot/circle) when checked */
.js-form-type-radio input:checked ~ .checkmark:after {
  display: block; }

/* Style the indicator (dot/circle) */
.js-form-type-radio .checkmark:after {
  top: 9px;
  left: 9px;
  width: 8px;
  height: 0px;
  border-radius: 50%;
  background: white; }

.js-form-type-radio label {
  font-weight: normal !important;
  font-size: 100% !important; }

#block-igb-illinois-local-tasks ul, #block-igb-illinois-tabs ul {
  display: flex;
  justify-content: center;
  gap: 20px;
  background: #000;
  padding: 20px;
  text-transform: uppercase;
  max-width: 1260px;
  margin: auto; }

#block-igb-illinois-local-tasks li, #block-igb-illinois-tabs li {
  list-style: none;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700; }

#block-igb-illinois-local-tasks li a:link, #block-igb-illinois-local-tasks li a:visited, #block-igb-illinois-tabs li a:link, #block-igb-illinois-tabs li a:visited {
  color: #fff;
  text-decoration: none; }

#block-igb-illinois-local-tasks li a:active, #block-igb-illinois-local-tasks li a:hover, #block-igb-illinois-tabs li a:active, #block-igb-illinois-tabs li a:hover {
  color: #FF5F05; }

#block-igb-illinois-local-tasks .contextual .contextual-links li,
#block-igb-illinois-local-tasks .contextual .contextual-links li a:link,
#block-igb-illinois-local-tasks .contextual .contextual-links li a:visited,
#block-igb-illinois-tabs .contextual .contextual-links li,
#block-igb-illinois-tabs .contextual .contextual-links li a:link,
#block-igb-illinois-tabs .contextual .contextual-links li a:visited {
  background: none;
  color: #fff; }

.bigImageArea {
  background-repeat: none;
  background-size: cover;
  min-height: 350px;
  margin-bottom: 50px;
  display: flex;
  justify-content: center;
  text-align: center;
  padding-top: 280px;
  background-position: center; }

.bigImageArea .home_butt, .gallery_bottom .button {
  font-size: 70% !important;
  padding: 18px 24px !important; }

.landing_intro_area .imgOfTheMonthHolder a {
  padding: 24px !important; }

.homeBigImageArea h2 {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-border-radius: 6px;
  border-radius: 6px; }

.bigImageArea h2 {
  font-weight: normal;
  color: #fff;
  text-align: center;
  font-size: 275%;
  padding: 40px;
  margin-bottom: -20px; }

.bigImageArea p img {
  display: none; }

.bigImageContentHolder {
  margin: 30% auto; }

#block-homepagetoplevelstatments h2, #block-igb-illinois-igbillinoishomepagetoplevelstatments h2 {
  font-weight: normal;
  max-width: 800px;
  margin: auto; }

#block-homepagetoplevelstatments p, #block-igb-illinois-igbillinoishomepagetoplevelstatments p {
  margin-left: 20px;
  margin-right: 20px;
  margin-bottom: 30px;
  line-height: 130%;
  font-size: 110%; }

.menu a.is-active:link, .menu a.is-active:visited {
  color: #b83d26; }

.home_butt {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700;
  font-style: normal; }

input.orange_button, .orange_button a:link, .orange_button a:visited, .home_butt, .imgOfTheMonthHolder a:link, .imgOfTheMonthHolder a:visited, .homepageContactBlockButton:link, .homepageContactBlockButton:visited, .landing_intro_area a:link.button, .landing_intro_area a:visited.button, .research_area_projects ul li a:link.button, .research_area_projects ul li a:visited.button, .gallery_button a:link, .gallery_button a:visited.button, .featuredArticles_area footer a:link, .featuredArticles_area footer a:visited, a.button:link, a.button:visited, .webform-button--submit, .ckeditor-accordion-container p a.home_butt:link, .ckeditor-accordion-container p a.home_butt:visited, .articles-section-footer a:link, .articles-section-footer a:visited {
  text-align: center;
  background: #FF5F05;
  color: #fff !important;
  text-transform: uppercase;
  padding: 15px 25px;
  border-radius: 6px;
  text-decoration: none;
  position: relative;
  font-weight: 400 !important;
  font-family: sans-serif;
  font-size: 50%;
  display: inline-block;
  transition: 0.25s;
  cursor: pointer;
  letter-spacing: 2px; }

a.home_butt:active, a.home_butt:hover {
  color: #fff !important; }

a.orange_button:active, a.orange_button:hover, .orange_button a:active, .orange_button a:hover, a.home_butt:active, a.home_butt:hover, .imgOfTheMonthHolder a:active, .imgOfTheMonthHolder a:hover, .homepageContactBlockButton:active, .homepageContactBlockButton:hover, .landing_intro_area a:active.button, .landing_intro_area a:hover.button, .research_area_projects ul li a:active.button, .research_area_projects ul li a:hover.button, .gallery_button a:active, .gallery_button a:hover.button, .featuredArticles_area footer a:active, .featuredArticles_area footer a:hover, a.button:active, a.button:hover, .webform-button--submit:hover, .ckeditor-accordion-container p a.home_butt:active, .ckeditor-accordion-container p a.home_butt:hover, .articles-section-footer a:active, .articles-section-footer a:hover {
  background: #e55400;
  color: #fff; }

.imageOfTheMonthSection {
  display: flex;
  justify-content: center;
  min-height: 590px;
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center; }

.imageOfTheMonthSection img {
  display: none; }

.imageoftheMonthArchiveTitle {
  text-transform: uppercase;
  font-size: 140%;
  font-weight: lighter;
  margin-left: 40px; }

.imgOfTheMonthHolder {
  text-align: center;
  position: relative;
  margin-top: 10%;
  padding: 80px;
  width: 70%;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-border-radius: 19px;
  border-radius: 6px;
  height: 200px;
  background-color: rgba(0, 0, 0, 0.05); }

.landing_intro_area .imgOfTheMonthHolder {
  font-size: 140%; }

.imgOfTheMonthHolder a {
  padding: 8px 25px !important; }

.imgOfTheMonthHolder .imgOfTheMonthHolder_spotlightTitle {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 90%;
  color: #fff;
  border-bottom: 1px solid #fff;
  text-transform: uppercase;
  max-width: 300px;
  margin: auto;
  padding-bottom: 20px;
  letter-spacing: 2px; }

.imgOfTheMonthHolder h3 {
  font-family: "ff-scala", serif;
  font-weight: 400;
  font-style: normal;
  font-size: 140%;
  margin-bottom: 50px;
  margin-top: 25px;
  color: #fff; }

p strong {
  font-weight: 700;
  font-style: normal; }

.calendar_area {
  /*margin-top: 100px;*/
  margin-left: -1px; }

/*
.calendar_area div div div div
{
	display: flex;
	justify-content: center;
}
*/
.calendar_area .views-row {
  background: #fff;
  border-top: 1px solid #000;
  border-left: 1px solid #000;
  border-bottom: 1px solid #000;
  padding: 10px; }

.calendar_area .views-row:hover {
  background: #F7F8FA; }

.calendar_area .eventHolder {
  display: block;
  font-size: 120%;
  margin: 40px; }

.calendar_area .eventHolder h3 {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin-bottom: -10px; }

.calendar_area .eventHolder p {
  font-family: "ff-scala", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 110%;
  line-height: 110%; }

.calendar_area .eventHolder a:link, .calendar_area .eventHolder a:visited {
  text-decoration: none;
  color: #000;
  padding-bottom: 4em; }

.calendar_area footer, .calendar_area_footer {
  background: #FF5F05;
  color: #fff;
  font-family: "ff-scala-sans-pro";
  font-weight: 700;
  font-style: normal;
  font-size: 100%;
  text-transform: uppercase;
  padding: 30px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #000;
  min-width: 240px;
  letter-spacing: 2px;
  position: relative; }

.calendar_area footer p, .calendar_area_footer p {
  margin: 0;
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

.calendar_area footer:hover, .calendar_area_footer:hover {
  background: #e55400; }

.calendar_area footer a:link, .calendar_area footer a:visited,
.calendar_area_footer a:link, .calendar_area_footer a:visited {
  text-decoration: none;
  color: #fff;
  /* recommendation color: #13294B;*/
  padding-bottom: 4em; }

.homepageContactBlock {
  background: #00ABE9;
  background-repeat: no-repeat;
  background-size: cover;
  padding: 50px 20px;
  margin: 30px auto;
  padding-bottom: 100px;
  margin-bottom: 0px; }

.homepageContactBlock strong {
  color: #000;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700;
  font-style: normal; }

.homepageContactBlock h2 {
  border-bottom: 1px solid #000;
  color: #000;
  padding-bottom: 30px;
  max-width: 1260px;
  margin: auto; }

.homepageContactBlock h3 {
  color: #fff;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 30px auto 50px;
  font-size: 200%;
  max-width: 900px; }

.homepageContactBlockButton:link, .homepageContactBlockButton:visited {
  font-size: 90%;
  background: #fff !important;
  color: #FF5F05 !important; }

.news-archive {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px 2%;
  padding-bottom: 50px;
  line-height: 140%; }

.news-archive .archive-row-3, .news-archive-row .archive-row-3 {
  border-bottom: none !important; }

.news-archive-rowc {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px 2%;
  padding-bottom: 20px;
  line-height: 140%;
  margin-bottom: 30px;
  border-bottom: 1px solid #ccc; }

.news-archive-rowc img {
  width: 100%;
  height: 100%; }

.news-archive-rowc:last-child {
  border-right: none; }

.news-archive .views-row, .news-archive-row .views-row {
  max-width: 280px;
  padding: 0px 20px;
  min-height: 560px !important;
  position: relative;
  border-right: 1px solid #ccc; }

.news-archive .views-row:last-child, .news-archive-row .views-row:last-child {
  border-right: none; }

.news-archive-placeholder {
  margin-top: 71px; }

.news-archive .views-row h3 a:link, .news-archive .views-row a:visited, .news-archive-row .views-field h3 a:link, .news-archive-row .views-field a:visited, .event_filtered_content_list ol li h3 a:link, .event_filtered_content_list ol li h3 a:visited, .news-archive-row .views-row a:link, .news-archive-row .views-row a:visited {
  color: #FF5F05 !important;
  text-decoration: none; }

.news-archive .views-row h3 a:active, .news-archive .views-row a:hover, .news-archive-row .views-field h3 a:active, .news-archive-row .views-field a:hover, .event_filtered_content_list ol li h3 a:active, .event_filtered_content_list ol li h3 a:hover, .news-archive-row .views-row a:active, .news-archive-row .views-row a:hover {
  text-decoration: underline !important; }

.event_filtered_content_list ol {
  list-style: none; }

.news-archive .views-row h3, .news-archive-row .views-row h3, .event_filtered_content_list ol li h3 {
  line-height: 120%;
  font-family: "ff-scala", serif;
  font-weight: lighter;
  font-size: 150%;
  margin-bottom: -10px; }

.news-archive .views-row p, .news-archive-row .views-row p {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

.news-archive a.news-archive-type-button:link, .news-archive a.news-archive-type-button:visited,
.news-archive-rowc a.news-archive-type-button:link, .news-archive-rowc a.news-archive-type-button:visited {
  position: inherit;
  display: inline-block; }

.news-archive a.news-archive-type-button:active, .news-archive a.news-archive-type-button:hover,
.news-archive-rowc a.news-archive-type-button:active, .news-archive-rowc a.news-archive-type-button:hover {
  color: #fff !important;
  text-decoration: none; }

.news-archive .pager, .news-archive-row .pager, .trainings .pager {
  margin-top: 20px;
  grid-column-start: 1;
  grid-column-end: 4;
  position: relative; }

.news-archive .pager ul, .news-archive-row .pager ul, .event_filtered_content_list .pager ul, .trainings .pager ul {
  display: flex;
  margin: 0px; }

.news-archive .pager ul li, .news-archive-row .pager ul li, .event_filtered_content_list .pager ul li, .trainings .pager ul li {
  list-style: none;
  border-left: 1px solid #000;
  padding: 10px 10px;
  font-family: "ff-scala-sans-pro", sans-serif !important;
  margin: 0px;
  padding: 8px 0px; }

.news-archive .pager ul li:last-child, .news-archive-row .pager ul li:last-child, .event_filtered_content_list .pager ul li:last-child, .trainings .pager ul li:last-child {
  border-right: 1px solid #000; }

.news-archive .pager ul li.is-active a:link, .news-archive .pager ul li.is-active a:visited, .news-archive-row .pager ul li.is-active a:link, .news-archive-row .pager ul li.is-active a:visited {
  color: #fff !important; }

.news-archive .pager ul li a:link, .news-archive .pager ul li a:visited, .news-archive-row .pager ul li a:link, .news-archive-row .pager ul li a:visited, .event_filtered_content_list ul li a:link, .event_filtered_content_list ul li a:visited, .trainings .pager ul li a:link, .trainings .pager a:visited {
  padding: 10px 20px;
  text-decoration: none;
  color: #000; }

.news-archive .pager ul li a:active, .news-archive .pager ul li a:hover, .news-archive-row .pager ul li a:active, .news-archive-row .pager ul li a:hover, .event_filtered_content_list .pager ul li a:active, .event_filtered_content_list ul li a:hover, .trainings .pager ul li a:active, .trainings .pager ul li a:hover, .news-archive .pager ul li.is-active, .news-archive-row .pager ul li.is-active, .event_filtered_content_list .pager ul li.is-active, .trainings .pager ul li.is-active {
  background: #FF5F05;
  color: #fff !important; }

.trainings {
  padding-bottom: 100px; }

.trainings h2 {
  font-size: 170% !important;
  font-family: "ff-scala", serif !important;
  text-align: center !important;
  border: none !important;
  font-weight: lighter !important; }

.featuredArticles_area {
  background: #F7F8FA;
  padding: 100px; }

.featured-article-group {
  display: grid;
  grid-template-columns: auto auto auto;
  grid-gap: 30px 2%;
  justify-content: center; }

.core-facilities-iotm-archive-group {
  background: #ECF0F5;
  padding-bottom: 100px;
  padding-top: 100px; }

.core-facilities-iotm-archive-group header {
  font-family: "ff-scala-sans-pro", sans-serif !important;
  grid-column-start: 1;
  grid-column-end: 4;
  border-top: 1px solid #000; }

.core-facilities-iotm-archive-group header h3 {
  border-top: 1px solid #333;
  padding-top: 40px;
  margin-top: 100px;
  margin-top: 0px;
  font-weight: lighter; }

.core-facilities-iotm-archive-group .homepage_article h2, .homepage_article .title {
  font-family: "ff-scala-sans-pro", sans-serif !important;
  color: #FF5F05; }

.core-facilities-iotm-archive-group .homepage_article h3 {
  margin-left: 40px;
  font-size: 250%;
  font-weight: lighter;
  margin-top: -10px; }

.core-facilities-iotm-archive-group .homepage_article h4 {
  margin-top: -33px;
  font-size: 250%;
  font-style: italic;
  font-weight: lighter;
  margin-left: 37px; }

.core-facilities-iotm-archive-group .homepage_article p {
  font-family: "ff-scala-sans-pro", sans-serif !important;
  margin-left: 37px;
  font-size: 120%;
  text-transform: uppercase;
  font-weight: bold;
  letter-spacing: 1px; }

.circle-image-grid {
  display: grid;
  grid-template-columns: auto auto; }

.circle-image-grid img {
  max-height: 275px; }

#block-homepage-article-section .views-row, .featuredArticles_area .views-row {
  display: block; }

#block-homepage-article-section footer, .article-grid-footer-css footer, .featuredArticles_area footer, .articles-section-footer {
  width: 100%;
  margin-left: 121%;
  margin-top: 20px;
  margin-bottom: 20px; }

.articles-section-footer {
  margin-left: inherit;
  justify-content: center;
  display: flex; }

.homepage_article {
  width: 400px;
  background: no-repeat;
  /*background-size: cover !important;*/
  min-height: 460px;
  max-height: 460px;
  overflow: hidden;
  display: block;
  box-shadow: 5px 5px 5px #eee; }

.newsCardLink {
  padding: 0px !important;
  background: none !important;
  border: none !important;
  border-radius: 0px !important; }

.homepage_article_info {
  position: relative;
  display: block !important;
  background: #fff;
  padding: 30px 0px;
  width: 100%;
  height: 230px;
  font-size: 70%; }

.homepage_article_info .read_button {
  left: 40px; }

.homepage_article_type {
  font-size: 80%;
  color: #b83d26;
  margin-left: 40px;
  text-transform: uppercase;
  letter-spacing: 2px;
  line-height: 150%;
  font-weight: bold; }

.featuredArticles_area h2 {
  text-align: center;
  font-size: 90%;
  border-top: 1px solid #000;
  padding: 20px 0px; }

.homepage_article_info .title {
  font-size: 150%;
  font-family: "ff-scala", serif !important;
  font-weight: 400;
  font-style: normal;
  margin: 0px 40px;
  line-height: 140%;
  color: #000; }

.homepage_article {
  background: #fff; }

.homepage_article a:link, .homepage_article a:visited, a:link.home_butt_outline, a:visited.home_butt_outline {
  background: none;
  color: #FF5F05;
  text-decoration: none;
  border: 1px solid #FF5F05;
  border-radius: 6px;
  padding: 12px 22px;
  font-family: "ff-scala-sans-pro", serif;
  text-transform: uppercase;
  font-size: 70%;
  font-weight: 700;
  letter-spacing: 2px; }

.homepage_article a:active, .homepage_article a:hover, a:active.home_butt_outline, a:hover.home_butt_outline,
.filter a:active.orange_button_outline, .filter a:hover.orange_button_outline, .filter a:link.orange_button_outline_selected, .filter a:visited.orange_button_outline_selected {
  background-color: #FF5F05 !important;
  color: #FFFFFF !important; }

.filter a:link.orange_button_outline, .filter a:visited.orange_button_outline {
  color: #FF5F05 !important; }

.orange_button_outline, .orange_button_outline_selected {
  text-decoration: none;
  padding: 8px 14px !important;
  border: 1px solid #FF5F05;
  font-size: 90% !important;
  border-radius: 30px;
  margin-top: 10px !important; }

.home_butt_outline, .orange_button_outline, .orange_button_outline_selected {
  text-align: center;
  display: inline-block;
  margin: auto;
  transition: 0.25s; }

.homepage_article_see_more {
  justify-content: center;
  margin: 40px auto 150px; }

.homepage_article_see_more a:link, .homepage_article_see_more a:visited {
  color: #fff;
  background: #FF5F05;
  text-decoration: none;
  border: 1px solid #FF5F05;
  border-radius: 6px;
  padding: 20px 40px;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  text-transform: uppercase; }

.homepage_article_see_more a:active, .homepage_article_see_more a:hover {
  color: #FF5F05;
  background: #fff; }

.read_button {
  position: absolute;
  bottom: 50px; }

.read_button a:link, .read_button a:visited {
  font-size: 100%;
  padding: 20px 30px; }

.resources_holder {
  width: 100%;
  margin-top: 100px;
  background: #13294B;
  color: #fff;
  padding: 70px 0px;
  font-family: "ff-scala-sans-pro", sans-serif;
  display: flex;
  justify-content: center;
  font-weight: 700;
  text-transform: uppercase; }

.homepage_resources_for {
  max-width: 1260px;
  background: #13294B; }

.homepage_resources_for, .resources-for {
  font-weight: 700;
  text-transform: uppercase;
  width: 100%;
  min-height: 190px;
  /*padding: 70px 0px;*/
  display: flex;
  justify-content: center; }

.resources-for header {
  max-width: 1260px;
  padding-top: 30px; }

.resources-for header h3 {
  padding-top: 40px;
  border-top: 1px solid #fff; }

.resources-for header h2 {
  text-align: center;
  margin-top: 10px; }

.flex-justify-center {
  display: flex;
  justify-content: center; }

.resources_for_max_container {
  display: flex;
  justify-content: center;
  max-width: 1260px; }

.resources-for h3 {
  font-size: 130%;
  margin: 0px; }

.resources-for h4 {
  font-size: 100%;
  margin: 0px; }

.resources-for {
  margin-top: 85px;
  height: inherit !important; }

.resources-for .views-row {
  background: none !important;
  list-style: none;
  border: none; }

.homepage_resources_for h3 {
  font-size: 130%;
  width: 240px;
  margin-right: 30px;
  border-right: 1px solid #fff;
  padding-top: 65px;
  padding-right: 50px;
  letter-spacing: 2px;
  color: #fff; }

.homepage_resources_for_links {
  display: grid;
  grid-template-columns: auto auto;
  gap: 70px !important; }

/*
.homepage_resources_for_links ul
{
	display: grid;
	justify-content: center;
	margin-top: 85px;
	width: 100%;
	grid-template-columns: auto auto;
	grid-gap: 20px;
}
*/
.resources_link_holder {
  max-width: 1260px;
  flex-wrap: wrap;
  gap: 20px;
  display: flex;
  justify-content: center; }

.homepage_resources_for_links ul, .homepage_resources_for_links {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
  justify-content: left; }

.homepage_resources_for_links .views-row {
  gap: 20px;
  justify-content: center !important; }

.homepage_resources_for_links li, .homepage_resources_for_links .views-row {
  list-style: none;
  margin-right: 2%; }

.contactpage h2, .contactpage h3 {
  font-family: "ff-scala", sans-serif;
  font-weight: lighter; }

.contactpage a:link, .contactpage a:visited {
  color: #FF5F05; }

.contactpage .homepage_resources_for_links a:link,
.contactpage .homepage_resources_for_links a:visited {
  padding: 14px 24px !important; }

.homepage_resources_for_links a:link, .homepage_resources_for_links a:visited, .resources_for_links a:link, .resources_for_links a:visited, .resources-for .views-row a:link, .resources-for .views-row a:visited {
  text-decoration: none;
  padding: 20px 30px;
  border: 2px solid #fff;
  color: #fff;
  font-size: 90%;
  border-radius: 30px;
  display: inline-block;
  text-align: center;
  width: max-content;
  letter-spacing: 2px; }

.homepage_resources_for_links a:active, .homepage_resources_for_links a:hover, .resources_for a:active, .resources_for a:hover, .resources-for .views-row a:active, .resources-for .views-row a:hover {
  color: #13294B;
  background: #fff; }

.homepage_social_area {
  display: flex;
  justify-content: center;
  background: no-repeat;
  background-size: cover !important; }

.footer_bg_img {
  display: none; }

.social_area_item {
  margin: 40px 10px; }

.content_research_areas {
  width: 100%;
  padding-top: 50px; }

.bigImage_researchArea {
  max-height: 480px !important;
  padding-top: 100px !important;
  margin-bottom: 0px !important; }

.bigImage_researchArea h2 {
  backdrop-filter: none !important;
  border-radius: inherit !important;
  padding: 0 20px 40px;
  margin-top: 0px; }

.researchArea_bigImageArea {
  display: none; }

.important_padding_top_10perc {
  padding-top: 10% !important; }

.theme_header_area {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  -webkit-border-radius: 19px;
  border-radius: 19px;
  padding: 40px;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.05); }

.theme_header_area_home h2 {
  margin-top: 0px !important;
  padding-top: 10px !important; }

.theme_header_area .topic_area_holder {
  display: flex;
  justify-content: center; }

.pre_footer_area {
  background: #fff; }

.topic {
  border-right: 1px solid #fff;
  width: 30%;
  letter-spacing: 1px;
  padding: 0px 20px; }

.topic img {
  max-width: 40px; }

.topic:last-child {
  border: none; }

.topic a:link, .topic a:visited {
  text-decoration: none;
  font-family: "ff-scala-sans-pro", serif;
  text-transform: uppercase;
  font-size: 80%;
  font-weight: 700;
  color: #fff; }

.topic_outreach {
  margin: auto; }

.content_main_subnav {
  background: #EFF0F2;
  width: 100%;
  display: flex;
  justify-content: center; }

.content_main_subnav il-nav-section {
  display: none; }

.content_main_subnav ul {
  display: flex;
  justify-content: center;
  max-width: 1260px;
  width: 100%; }

.content_main_subnav li {
  list-style: none;
  padding: 0px 20px;
  margin: 0px 10px;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: bold;
  letter-spacing: 2px;
  font-size: 90%;
  text-transform: uppercase; }

.content_main_subnav li a:link, .content_main_subnav li a:visited {
  text-decoration: none;
  color: #000; }

.content_main_subnav li a:active, .content_main_subnav li a:hover {
  color: #b83d26; }

.content_research_areas .landing_intro_area {
  margin: 20px auto;
  text-align: center;
  max-width: 1260px; }

.landing_intro_area a:link, .landing_intro_area a:visited, .ck a, .ck a:link, .ck c:visited {
  color: #FF5F05; }

.content_research_areas .landing_intro_area h2, #edit-field-landing-intro-area-wrapper h2, .landing_intro_area h2, .event_filtered_content_list h2, .cke_wysiwyg_div html #edit-field-landing-intro-area-wrapper h2 {
  font-size: 140%;
  font-weight: normal;
  margin: 50px 140px;
  line-height: 130%;
  font-family: "ff-scala", serif !important; }

#edit-field-landing-intro-area-wrapper h2 {
  font-size: 200%; }

.content_research_areas .landing_intro_area h2.eventTitle {
  margin-left: auto !important;
  margin-right: auto !important;
  margin-top: 20px !important; }

.research_area_projects {
  position: relative; }

.align-bottom {
  position: absolute;
  bottom: 0px; }

.research_area_projects, .research_area_projects ul {
  width: 100%; }

.research_area_projects h3 {
  font-size: 150%;
  text-align: center;
  border-top: 1px #000 solid;
  width: 1260px !important;
  margin: 120px auto 10px;
  font-family: "ff-scala-sans-pro", sans-serif;
  padding: 30px 0px 20px !important; }

.research_area_projects h2 {
  max-width: 400px;
  font-size: 100%;
  font-weight: lighter; }

.research_area_projects ul {
  width: 100%;
  display: flex;
  justify-content: center;
  margin-left: -40px; }

.research_area_projects li {
  list-style: none;
  width: 100%; }

.research_area_projects ul li {
  background-size: cover;
  height: 440px;
  padding: 20px 60px;
  font-size: 210%;
  color: #fff; }

.research_area_projects ul li p {
  max-width: 400px;
  line-height: 130%; }

.research_area_projects ul li img {
  display: none; }

.research_area_projects ul li a:link.button, .research_area_projects ul li a:visited.button {
  font-size: 40%;
  font-weight: 700;
  letter-spacing: 2px;
  padding: 10px 25px !important;
  position: absolute;
  bottom: 60px; }

.from_theme_leaders {
  background: #13294B;
  min-height: 300px;
  color: #fff;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 400;
  display: flex;
  justify-content: center;
  padding: 100px; }

.from_theme_leaders_holder {
  max-width: 1260px;
  display: flex;
  justify-content: center; }

.from_theme_leaders h3 {
  width: 720px;
  font-size: 130%;
  text-transform: uppercase;
  margin: 10% 20px;
  letter-spacing: 2px; }

.from_theme_leaders_content {
  border-left: 1px solid #fff;
  padding: 10px 50px;
  font-size: 130%;
  line-height: 160%;
  max-width: 900px; }

.from_theme_leaders_content a:link, .from_theme_leaders_content a:visited {
  color: #FF5F05; }

.research_area_body {
  max-width: 950px !important;
  margin: auto;
  padding-top: 50px; }

.research_area_body h2 {
  font-family: "ff-scala-sans-pro", sans-serif !important;
  border-top: 1px solid #000;
  line-height: 120%;
  margin-bottom: 75px !important;
  padding-top: 20px;
  font-size: 100%; }

.simpleGalleryContentArea h2 {
  font-family: "ff-scala", serif !important; }

html body .cke_editable {
  border: 30px dotted #ff0033; }

.paragraph_pullout {
  text-align: center;
  margin-top: 30px !important;
  font-size: 150% !important; }

.pullout_seperator::before {
  background-image: url(../images/horizontalbar-dna.png);
  display: block;
  content: '';
  padding: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
  margin: 10px; }

.paragraph_pullout::before, .paragraph_pullout::after {
  background-image: url(../images/horizontalbar-dna.png);
  display: block;
  content: '';
  padding: 30px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 15%;
  margin: 10px; }

.paragraph_emphasized a:link, .paragraph_emphasized a:visited {
  color: #FF5F05; }

.paragraph_emphasized a.button:link, .paragraph_emphasized a.button:visited {
  font-family: "ff-scala-sans-pro", sans-serif;
  color: #fff; }

.paragraph_emphasized, .paragraph_pullout {
  max-width: 780px;
  margin: auto;
  margin-bottom: 30px;
  font-size: 110%;
  line-height: 130%;
  font-family: "ff-scala", serif !important; }

.contactsPage {
  font-size: 50%; }

.contactsPage h2 {
  font-family: "ff-scala", serif !important;
  font-size: 150%;
  margin: 0px auto;
  border-top: none; }

.contactsPage h3 {
  font-family: "ff-scala", serif !important;
  font-size: 110%;
  margin: -20px auto; }

.container_article .paragraph_emphasized {
  font-family: "ff-scala", serif !important;
  width: 90%;
  text-align: center; }

.container_article {
  max-width: 780px;
  margin: auto !important; }

.article_header_area {
  /*margin: 30px auto;*/
  padding-bottom: 40px; }

.container .article_header_area {
  font-size: 80%; }

.container .article_header_area h2.eventTitle {
  font-size: 200%; }

.article_header_area h2, .igb_event_eventHeaderArea h2 {
  max-width: 780px;
  margin: 20px auto;
  font-size: 250%;
  font-weight: 400;
  text-align: center;
  padding: 0px 5%; }

.article_header_news_header_area {
  text-transform: uppercase;
  display: flex;
  justify-content: center;
  margin-top: 10px;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 100%;
  letter-spacing: 2px;
  gap: 10px; }

.article_header_news_header_area a:link, .article_header_news_header_area a:visited {
  color: #FF5F05;
  text-decoration: none;
  transition: 0.25s; }

.article_header_news_header_area a:active, .article_header_news_header_area a:hover {
  color: #e55400; }

.news_link {
  font-weight: 700; }

.news_topic {
  border-left: 2px solid;
  padding-left: 10px; }

.article_written_by {
  font-size: 100%;
  font-family: "ff-scala-sans-pro", sans-serif;
  text-transform: uppercase;
  font-weight: 700;
  text-align: center;
  margin-top: 30px;
  letter-spacing: 2px; }

.article_date {
  text-align: center;
  margin-top: 5px;
  font-size: 110%;
  font-family: "ff-scala-sans-pro", sans-serif; }

.article_featured_image {
  max-width: 1260px;
  margin: auto;
  margin-top: 50px; }

.article_featured_image img {
  width: 100%;
  height: 100%; }

.article_related_articles {
  background: none;
  margin-left: 20px;
  max-width: 210px;
  border-left: 3px solid #FF5F05;
  padding-left: 20px;
  font-size: 100%;
  font-family: "ff-scala-sans-pro", sans-serif;
  height: 100%; }

.article_related_articles h3 {
  font-size: 90%;
  text-transform: uppercase; }

.article_related_articles a:link, .article_related_articles a:visited {
  color: #FF5F05; }

.article_related_articles a:active, .article_related_articles a:hover {
  color: #13294B; }

.article_related_articles div {
  margin-bottom: 25px; }

.article_content_holder {
  display: flex;
  justify-content: space-between;
  max-width: 1040px;
  margin: auto;
  padding-left: 13%; }

figure {
  margin: 70px auto;
  display: grid !important;
  justify-content: center; }

figcaption, .feature_image_caption {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 400;
  font-size: 80%;
  margin: 10px auto;
  text-align: center;
  line-height: 140%; }

.research_area_body figcaption {
  font-size: 60%; }

.container_article, .become_a_faculty_member_block {
  max-width: 780px !important;
  width: 100%;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 120%;
  line-height: 170%; }

.container_article img {
  width: 100%;
  height: 100%; }

.container_article a:link, .container_article a:visited {
  color: #FF5F05; }

.article_header_area .share_button {
  margin: auto;
  display: flex;
  justify-content: center;
  font-family: "ff-scala-sans-pro", sans-serif;
  width: 150px;
  gap: 10px;
  cursor: pointer;
  background: #ECF0F5;
  border-radius: 25px;
  margin-top: 40px; }

.share_button_button {
  display: block !important;
  justify-content: center;
  font-family: "ff-scala-sans-pro", sans-serif;
  width: 100px; }

.share_button_button p {
  text-align: center; }

.share_button_button .image {
  border-radius: 30px;
  background-color: #ECF0F5;
  padding: 10px;
  max-width: 25px;
  display: flex;
  justify-content: center;
  width: 50px;
  height: 20px;
  background-repeat: no-repeat;
  margin: auto; }

.share_button_button :hover {
  cursor: pointer; }

.share_button_button a:link, .share_button_button a:visited {
  color: #000;
  text-decoration: none; }

.share_button_button a:active, .share_button_button a:hover {
  color: #FF5F05;
  text-decoration: none; }

.share_window_content {
  border: 1px solid #333;
  padding: 20px;
  max-width: 400px;
  margin: auto;
  margin-bottom: -254px;
  position: relative;
  background: #fff; }

.share_window_content div div div {
  display: grid;
  justify-content: center;
  grid-template-columns: auto auto auto;
  gap: 30px; }

.share_window {
  display: none; }

.paragraph_publications {
  display: flex;
  justify-content: center;
  font-family: "ff-scala-sans-pro", sans-serif;
  gap: 50px; }

h3.recent_publications {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 140%;
  text-align: center;
  border-top: 1px solid #000;
  margin: 100px 0px 0px;
  padding: 40px 0px; }

.publication {
  max-width: 250px;
  height: 320px;
  background: #000; }

.publication p {
  position: relative;
  width: 300px;
  max-width: 210px;
  padding: 20px;
  height: 100%;
  max-height: 280px;
  line-height: 140%;
  color: #fff;
  margin: 0px;
  opacity: 0; }

.publication a:link, .publication a:visited {
  color: #fff; }

.publication img {
  position: absolute; }

.publication_hover {
  opacity: .5; }

.publication_blur {
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  opacity: 1 !important;
  transition: 0.25s; }

.publication_blur a:link, .publication_blur:visited {
  color: #fff;
  text-decoration: none; }

.publication_blur a:active, .publication_blur:hover {
  color: #F7F8FA; }

.collaborate_block {
  /*max-width: $site-max-width !important;*/ }

.content_outreach {
  /*max-width: $article-content-max-width !important;*/
  /*padding-top: 70px;*/ }

.outreach-programs .program-row {
  border-top: solid 1px #000;
  display: grid;
  grid-template-columns: auto auto auto;
  padding: 40px 0px;
  width: 100%;
  margin: auto;
  justify-content: left; }

.outreach-programs .program {
  border-right: solid 1px #000;
  padding: 0px 30px;
  max-width: 360px;
  min-height: 530px;
  position: relative; }

.outreach-programs .program:nth-child(3), .program:nth-child(6), .program:nth-child(9) {
  border-right: none; }

.outreach-programs .program h3 {
  font-size: 100%;
  font-family: "ff-scala", serif; }

.outreach-programs .program h3 a:link, .outreach-programs .program a:visited {
  color: #FF5F05;
  text-decoration: none; }

.outreach-programs .program h3 a:active, .outreach-programs .program a:hover {
  text-decoration: underline !important; }

.outreach-programs .program p {
  font-family: "ff-scala-sans-pro", sans-serif;
  font-size: 80%;
  line-height: 130%; }

.outreach-programs .program img {
  width: 100%;
  height: 100%;
  max-width: 350px; }

.grid-bottom-align {
  position: absolute;
  bottom: 0px; }

.become_a_faculty_member_block {
  margin: 100px auto;
  max-width: 780px;
  font-family: "ff-scala-sans-pro", sans-serif;
  text-align: center; }

.become_a_faculty_member_block strong {
  font-family: "ff-scala-sans-pro", sans-serif; }

blockquote {
  max-width: 780px;
  margin: 20px auto 50px;
  font-size: 130%;
  line-height: 130%;
  text-align: center;
  font-family: "ff-scala", sans-serif;
  font-weight: 400;
  font-style: normal; }

hr.blockquote {
  width: 150px;
  border: none;
  border-top: 2px solid #FF5F05;
  margin-top: 40px; }

/* ------------------------------- */
.navholder {
  width: 100%;
  position: relative;
  z-index: 20; }

.navholder div {
  display: flex;
  justify-content: space-between; }

il-nav il-nav-section {
  position: relative; }

body {
  font-family: "ff-scala", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 0px; }

.marginalized_content {
  margin: auto 30px; }

.marginalized_content img {
  max-width: 100%;
  height: 100%; }

article {
  margin-bottom: 40px; }

article a:link, article a:visited {
  color: #FF5F05; }

.container {
  max-width: 1260px;
  margin: auto;
  font-family: "ff-scala-sans-pro", sans-serif;
  line-height: 150%;
  font-size: 140%; }

.sitestyles {
  font-family: "ff-scala-sans-pro", sans-serif;
  line-height: 150%;
  font-size: 140%; }

.site_tabs, .edit_site_tabs {
  position: fixed;
  z-index: 10000;
  padding: 10px;
  background: #28aae2;
  bottom: 0px;
  right: 0px; }

.edit_site_tabs:hover, .close_tabs:hover {
  cursor: pointer; }

.site_tabs {
  display: none; }

/*
li-unit-watermark h1
{
	font-size: 1.5em;
}
*/
/* ---------- campus below --------- */
.show {
  opacity: 1; }

.hide {
  opacity: 0;
  transition: opacity 400ms; }

.warning {
  color: red;
  margin-left: 20px;
  font-weight: bold; }

.il-formatted h3.component-heading {
  margin-top: 1.41379em; }

.headingarea {
  padding: 0 50px; }

.il-formatted.headingarea h2 {
  padding-top: 2rem; }

.headingarea.text {
  max-width: var(--il-content-max-width);
  margin: 40px auto; }

.headingarea .built {
  display: flex;
  column-gap: 50px; }

.headingarea .built .full-width {
  flex-grow: 1; }

.headingarea .built .children {
  flex: 1 0 0; }

#template-options {
  padding: 10px;
  font: 1rem var(--il-source-sans); }

#options label.depreciated {
  display: none; }

#options label, #class-list label, #style-list label {
  display: block;
  margin-top: 10px;
  background: var(--il-cloud-1);
  padding: 10px;
  font-family: var(--il-source-sans); }

#options input, #options select, #class-list input, #class-list select, #style-list input, #style-list select {
  margin-left: 10px;
  font: 1rem var(--il-source-sans); }

#options input, #class-list input, #style-list input {
  width: 300px; }

#options input.length {
  width: 50px; }

#options input.single, #class-list input.single, #style-list input.single {
  display: block; }

#options .checklink {
  margin-left: 10px; }

#style-list input {
  margin-left: 0px; }

code#buildingCode, code.building {
  display: block;
  padding: 30px;
  background: var(--il-cloud);
  margin: 20px 0;
  border: thin solid black; }

textarea#template, textarea#pre {
  width: 100%;
  height: 200px; }

.template-information {
  display: none; }

#samples h2 {
  margin: auto;
  max-width: var(--il-content-max-width);
  padding-top: 30px; }

.outreach-people-grid {
  display: grid;
  justify-content: center;
  grid-template-columns: auto auto auto;
  grid-gap: 30px 2%;
  margin-bottom: 70px; }

.outreach-people-grid a:link, .outreach-people-grid a:visited, .circle-image-grid a:link, .circle-image-grid a:visited {
  color: #FF5F05; }

.homepageTopLevelHolder, .gridColumnTopLevelHolder {
  display: grid;
  grid-template-columns: auto auto auto auto;
  margin-bottom: 70px;
  justify-content: center; }

.homepageTopLevelContent, .gridColumnTopLevelContent {
  padding: 10px;
  color: #000;
  text-align: center;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 300;
  max-width: 377px;
  font-size: 85%; }

article .homepageTopLevelContent, article .gridColumnTopLevelContent {
  margin: auto 20px !important; }

.gridColumnTopLevelContent {
  max-width: 275px !important; }

.homepageTopLevelContent p, .gridColumnTopLevelContent p {
  font-size: 90% !important;
  line-height: 130%; }

.homepageTopLevelContent p strong, .gridColumnTopLevelContent p strong {
  font-family: "ff-scala-sans-pro", sans-serif !important; }

.homepageTopLevelContent img, .gridColumnTopLevelContent img {
  border-radius: 50%;
  display: block;
  max-width: 275px;
  max-height: 275px;
  margin: auto;
  transition: 0.25s; }

.homepageTopLevelContent img:hover, .gridColumnTopLevelContent img:hover, img:hover.circularImage {
  transform: scale(1.05);
  /*opacity: .7;*/ }

.circularImage {
  border-radius: 50%;
  background: #000;
  transition: 0.25s; }

.homepageTopLevelHolder h3, .gridColumnTopLevelHolder h3 {
  padding: 10px;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: 700;
  font-style: normal;
  color: #000;
  font-size: 100%;
  line-height: 100%; }

.homepageTopLevelHolder h4, .gridColumnTopLevelHolder h4 {
  border: 1px solid #333;
  padding: 20px;
  text-align: center; }

.homepageTopLevelHolder h4 a:link, .homepageTopLevelHolder h4 a:visited, .gridColumnTopLevelHolder h4 a:link, .gridColumnTopLevelHolder h4 a:visited {
  text-decoration: none;
  color: #333; }

.homepageTopLevelHolder h4 a:hover, .homepageTopLevelHolder h4 a:active, .gridColumnTopLevelHolder h4 a:hover, .gridColumnTopLevelHolder h4 a:active {
  color: aqua; }

.homepageSpotlight {
  width: 100%;
  display: flex;
  justify-content: space-around;
  margin: 30px 0; }

.homepageSpotlight .homepageSpotlightContent {
  width: 50%; }

.homepageSpotlight .homepageSpotlightContentSpotlight {
  width: 100%;
  background: #333;
  padding: 20px;
  color: #fff;
  margin-top: -10px; }

.homepageSpotlight .homepageSpotlightAudienceBasedNavigation .hsubn_container {
  display: flex;
  justify-content: space-around; }

.homepageSpotlight .homepageSpotlightAudienceBasedNavigation {
  background: #eee;
  padding: 20px;
  width: 50%; }

.homepageSpotlight .homepageSpotlightAudienceBasedNavigation ul {
  display: grid;
  justify-content: space-between;
  padding: 0px; }

.homepageSpotlight .homepageSpotlightAudienceBasedNavigation ul li {
  background: #ccc;
  padding: 20px;
  width: 200px;
  list-style: none;
  margin-bottom: 30px; }

.homepageEventsAndNews {
  display: flex;
  justify-content: space-evenly;
  max-width: 750px;
  margin: auto; }

.homepageENitem {
  display: flex;
  justify-content: space-between; }

.homepageENitemContent {
  margin: 0px 10px; }

.campus-footer .campus-wordmark a {
  margin-top: 30px; }

h2.site-title {
  line-height: 100% !important;
  margin-top: 20px !important; }

.campus-wordmark a:active, .campus-wordmark a:hover, .site-wordmark a:active, .site-wordmark a:hover {
  color: #b83d26;
  text-decoration: underline; }

.site-footer {
  margin-top: -16px; }

.site-footer a:link, .site-footer a:visited {
  text-decoration: none; }

footer .il-footer-navigation {
  padding-top: 0px;
  color: #13294B;
  display: flex; }

footer .il-footer-navigation h2 {
  border-bottom-color: #13294B; }

footer .il-footer-navigation a:link, footer .il-footer-contact a:link, footer .il-footer-navigation a:visited, footer .il-footer-navigation a:visited {
  color: #13294B; }

footer .il-footer-navigation a:active, footer .il-footer-contact a:hover, footer .il-footer-navigation a:active, footer .il-footer-navigation a:hover {
  color: #b83d26; }

.il-footer-navigation {
  grid-gap: 120px;
  grid-template-columns: repeat(5, 1fr); }

.footer {
  background-color: #13294B;
  padding: 150px 20px;
  font-size: 90%;
  font-family: "ff-scala-sans-pro", sans-serif;
  margin-top: -16px; }

.footer .footercontent {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  padding-top: 10px;
  color: #fff;
  gap: 40px; }

.footer .footercontent .il-footer-navigation-column:first-child {
  width: 400px !important; }

.footer .footercontent h2 {
  font-size: 120%;
  padding-bottom: 10px;
  border-bottom: 1px solid #fff;
  margin-bottom: 10px; }

.footer .footercontent h2 a:link, .footer .footercontent h2 a:visited {
  text-decoration: none; }

.footer .footercontent ul {
  list-style: none;
  padding-left: 0px;
  line-height: 150%; }

.footer .footercontent a:link, .footer .footercontent a:visited {
  color: #fff;
  text-decoration: underline; }

.footer .footercontent a:active, .footer .footercontent a:hover {
  text-decoration: none;
  color: #ECF0F5; }

.legal-footer .il-footer-links a {
  color: #fff; }

.section-inner .site-footer__left {
  min-width: 300px !important; }

.il-footer-contact p:first-child {
  font-weight: normal !important;
  font-size: inherit !important;
  margin-bottom: inherit !important;
  margin-top: 12px; }

.site-footer-unit-name-area {
  max-width: 1140px;
  margin-left: auto;
  margin-right: auto; }

.site-footer-unit-name-area .site-footer__left p {
  margin-top: 0px; }

.site-footer {
  background-color: #F7F8FA !important; }

.uIllinoisFooterLogo {
  max-width: 241px; }

.playfairDisplay {
  font-family: "playfair-display", serif;
  font-weight: 400;
  font-style: normal; }

.font-style-serif {
  font-family: "ff-scala", serif !important; }

.font-size-140 {
  font-size: 140%; }

.vertical-align-center {
  position: absolute;
  top: 50%;
  -ms-transform: translateY(-50%);
  transform: translateY(-50%); }

#search-form {
  margin-bottom: 100px; }

#search-form .js-form-type-search {
  width: 100%; }

#search-form .js-form-type-search .form-search {
  width: 100%;
  max-width: 600px;
  border-radius: 50px;
  font-size: 80%;
  min-height: 50px;
  padding: 10px 20px;
  border: 1px solid #FF5F05; }

#search-form #edit-submit {
  margin-left: -60px;
  top: 10px;
  position: relative; }

#directoryResultSearch {
  border: 1px solid #FF5F05;
  border-radius: 50px;
  font-size: 80%;
  padding: 15px; }

#directoryFrame {
  border: none;
  min-height: 1700px;
  height: 100%;
  width: 100%;
  margin-bottom: 50px; }

#directoryFrame html body #title {
  font-size: 100% !important; }

.goodsizeBodyArea {
  font-size: 140%; }

.allCaps {
  text-transform: uppercase;
  letter-spacing: 1px; }

.grid-template-columns-1 {
  grid-template-columns: auto !important; }

.grid-template-columns-2 {
  grid-template-columns: auto auto !important; }

.grid-template-columns-3 {
  grid-template-columns: auto auto auto !important; }

.nosubnavholder {
  background: #ECF0F5; }

.nosubnavholder nav {
  width: 100%; }

.nosubnavholder nav ul {
  display: flex;
  justify-content: space-between;
  width: 100%;
  max-width: 1260px;
  margin: auto; }

.mobilenav div {
  width: 100%; }

il-nav.mobilenav ul {
  display: flex;
  justify-content: space-between;
  padding: 0px;
  margin: 0px; }

il-nav.mobilenav ul li {
  display: block;
  padding: 0px !important; }

il-nav.mobilenav ul li a:link, il-nav.mobilenav ul li a:visited {
  display: block;
  padding: 10px; }

.nosubnavholder nav ul li, il-nav.mobilenav ul li {
  list-style: none;
  font-weight: bold;
  font-family: "Source Sans Variable","Source Sans",sans-serif;
  padding: 10px 20px; }

.nosubnavholder nav ul li a:link, .nosubnavholder nav ul li a:visited, il-nav.mobilenav ul li a:link, il-nav.mobilenav ul li a:visited {
  color: #13294B;
  text-decoration: none; }

.nosubnavholder nav ul li a:active, .nosubnavholder nav ul li a:hover, il-nav.mobilenav ul li a:active, il-nav.mobilenav ul li a:hover {
  color: #FF5F05;
  text-decoration: underline;
  background-color: white;
  outline: 0px;
  transition: background-color 0.3s, color 0.3s;
  font-weight: bold; }

.resources_specialholder {
  display: flex;
  max-width: 1260px;
  text-transform: initial !important;
  margin-left: 100px;
  font-size: 130%;
  line-height: 170%; }

.drupal-status-messages {
  margin: 200px auto; }

.screens_elevator_container {
  display: flex;
  justify-content: center;
  height: 100vh; }

.screens_elevator_time {
  background: #13294B;
  color: #fff;
  width: 40%;
  display: grid;
  font-size: 120%; }

.screens_elevator_article {
  width: 60%;
  background: #EDF0F7; }

.screens_elevator_events {
  background: #fff;
  width: 50%;
  overflow: hidden;
  height: 100vh;
  font-size: 130%; }

.screens_elevator_events a:link, .screens_elevator_events a:visited {
  color: #FF5F05; }

.screens_elevator_events .displayscreens-featurestory-footer {
  margin-top: -10px !important;
  margin-left: 50px;
  margin-right: 50px;
  background: #fff;
  padding-bottom: 100px;
  bottom: -80px; }

.displayscreens-events-content-topic {
  margin-left: 50px;
  margin-top: 4px;
  font-family: "ff-scala-sans-pro", sans-serif; }

.displayscreens-featurestory-content {
  padding-left: 60px;
  padding-right: 60px;
  height: 55vh;
  display: grid; }

.displayscreens-featurestory-image {
  background-size: cover;
  background-position: center;
  height: 45vh; }

.displayscreens-featurestory-content-topic {
  margin-top: 0px;
  padding-top: 20px;
  color: #FF5F05;
  text-transform: uppercase;
  font-size: 36%;
  font-family: "ff-scala-sans-pro", sans-serif;
  font-weight: bold;
  letter-spacing: 1px; }

.displayscreens-featurestory-title {
  font-size: 310%;
  color: #000;
  font-family: "ff-scala", serif;
  padding-top: 20px;
  line-height: 110%;
  font-weight: lighter; }

.displayscreens-featurestory-footer {
  border-top: #000 1px solid;
  padding-top: 20px;
  font-size: 100%;
  font-family: "ff-scala-sans-pro", sans-serif;
  text-transform: uppercase;
  color: #FF5F05;
  margin: 0px 50px;
  position: fixed;
  bottom: -80px;
  padding-bottom: 100px;
  min-width: 34%;
  background: #EDF0F7;
  font-weight: bold;
  letter-spacing: 1px; }

.displayscreens-featurestory-footer-events {
  min-width: 27%; }

.displayscreens-events {
  margin-top: 30px;
  margin-bottom: 130px; }

.displayscreens-events .igb_event_quickInfoArea {
  margin-top: 20px !important;
  padding-top: 10px !important;
  padding-bottom: 20px; }

.displayscreens-events .column {
  width: 49%;
  font-size: 90% !important;
  line-height: 120% !important; }

.displayscreens-events .event_body {
  padding: 0px 50px;
  padding-bottom: 20px;
  font-family: "ff-scala-sans-pro", sans-serif;
  margin-top: -30px; }

.displayscreens-events .column {
  font-weight: bold; }

.clockHolder {
  height: 50vh; }

#clock {
  text-align: center;
  position: relative;
  top: 70%;
  -ms-transform: translateY(-30%);
  transform: translateY(-30%); }

#clock .date_month_day {
  color: #FF5F05;
  font-family: "ff-scala-sans-pro", sans-serif; }

#clock .numbers {
  font-size: 600%;
  font-family: "playfair-display", serif !important;
  letter-spacing: 2px !important; }

#clock .point {
  margin-left: -26PX;
  margin-right: -26PX; }

.iMark {
  margin: auto;
  text-align: center; }

.iMark img {
  max-width: 90%; }

.displayscreens-events-title {
  padding: 0px 50px;
  font-size: 170%;
  font-family: "ff-scala-sans-pro", sans-serif; }

.displayscreens-featurestory .views_slideshow_cycle_teaser_section, .displayscreens-featurestory .views_slideshow_slide .field-content, .views_slideshow_slide .field-content {
  max-width: 100% !important; }

.screens_4kholder {
  display: flex;
  font-size: 300%; }

.screens_4k_text_column, .screens_4k_image_column {
  width: 50%; }

.screens_4k_image_top_img, .screens_4k_image_bottom_img {
  height: 50vh;
  background-position: top center;
  background-size: cover; }

.screens_4kholder .article_header_area h2 {
  max-width: 70% !important;
  margin: 2% auto;
  line-height: 100%;
  font-family: "ff-scala", serif; }

.screens_4kholder .pullout_seperator {
  margin: 5% auto; }

.screens_4kholder .pullout_seperator::before {
  padding: 60px !important;
  background-size: 15% !important; }

.screens_4kholder .article_written_by, .screens_4kholder .article_date {
  font-size: 40% !important;
  margin-top: 0px !important;
  text-transform: uppercase;
  letter-spacing: 6px; }

.screens_4kholder .paragraph_emphasized {
  max-width: 60% !important;
  font-size: 100% !important;
  text-align: center; }

.screens_4kholder .article_header_area {
  padding-bottom: 0px !important; }

.screens_4kholder .article_header_news_header_area {
  font-size: 40%;
  letter-spacing: 10px;
  margin-top: 10%; }

.screens_4kholder .news_topic {
  border: none; }

.screens_4kholder .seperator {
  font-weight: bold;
  padding: 0px 20px; }

.screen_4k_bottom_holder {
  position: relative;
  top: 10%;
  -ms-transform: translateY(0%);
  transform: translateY(0%); }

.screen_4k_bottom_text {
  position: relative; }

a:link.edit_spotlight, a:visited.edit_spotlight {
  font-size: 60%;
  background: black;
  color: #fff;
  position: absolute;
  left: 0px;
  border: 1px solid #333;
  padding: 10px 20px;
  border-radius: 6px;
  text-decoration: none; }

a:active.edit_spotlight, a:hover.edit_spotlight {
  background: #fff;
  color: #000; }

.block-i-container {
  margin-top: 0px !important; }

.page-header__top {
  position: absolute !important;
  z-index: 1; }

.primary-unit p {
  margin: 0px; }

#ariaLabelFacebook, #ariaLabelInstagram, #ariaLabelTwitter, #ariaLabelYoutube, #ariaLabelLinkedIn {
  display: none; }

.flex {
  display: flex; }

.cssTable .cssTableTr {
  display: flex;
  justify-content: space-evenly;
  margin: 20px 0px; }

.cssTable .cssTableTr .cssTableTd {
  padding: 20px; }

.cssTable .cssTableTr .cssTableTd p {
  margin-top: 0px; }

.cssTable .cssTableTr .cssTableTd img {
  width: inherit !important;
  height: inherit !important; }

.screens_labs {
  display: flex;
  border-bottom: #FC5F05 solid 20px;
  height: 99vh;
  overflow: hidden;
  font-size: 100%; }

.screens_labs .labs_article {
  background: #EDF0F7;
  width: 65%;
  max-width: 65%;
  padding: 4%;
  display: inline-table; }

.screens_labs .labs_events {
  width: 40%;
  max-width: 35%;
  padding: 0px 3%; }

.screens_labs .labs_events .newsType {
  margin-top: 77px;
  margin-left: 40px; }

.screens_labs .labs_events .displayscreens-events-title {
  line-height: 120%;
  font-size: 170%; }

.screens_labs .labs_events .views-row {
  font-size: 550%;
  margin-bottom: 50px; }

.screens_labs .labs_events .views-row .displayscreens-events-content-topic {
  margin-top: 20px !important; }

.screens_labs .labs_events .views-row .eventIcon {
  max-width: 20px;
  max-height: 100px;
  width: 100%; }

.screens_labs .labs_events .displayscreens-events {
  font-size: 50%; }

.screens_labs .newsType {
  display: inline-block;
  background: none;
  color: #FF5F05;
  text-decoration: none;
  border: 3px solid #FF5F05;
  border-radius: 150px;
  padding: 20px 40px;
  font-family: "ff-scala-sans-pro", sans-serif !important;
  text-transform: uppercase;
  font-size: 150%;
  font-weight: 700;
  letter-spacing: 2px; }

.screens_labs .labs_article {
  padding: 3% 4%; }

.screens_labs .labs_article .screens_labs_title {
  font-family: "ff-scala", serif !important;
  font-size: 300%;
  padding: 10px 0px;
  margin-top: 40px;
  line-height: 110%; }

.screens_labs .labs_article .screens_labs_body {
  font-size: 180%;
  font-family: "ff-scala-sans-pro", sans-serif !important;
  line-height: 140%; }

.screens_labs .labs_article img {
  width: 100%;
  height: 100%; }

.visually-hidden {
  visibility: hidden; }

@font-face {
  font-family: 'Gotham-Book';
  src: url("/gotham/Gotham-Book.eot?#iefix") format("embedded-opentype"), url("/gotham/Gotham-Book.otf") format("opentype"), url("/gotham/Gotham-Book.woff") format("woff"), url("/gotham/Gotham-Book.ttf") format("truetype"), url("/gotham/Gotham-Book.svg#Gotham-Book") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham-Bold';
  src: url("/gotham/Gotham-Bold.eot?#iefix") format("embedded-opentype"), url("/gotham/Gotham-Bold.otf") format("opentype"), url("/gotham/Gotham-Bold.woff") format("woff"), url("/gotham/Gotham-Bold.ttf") format("truetype"), url("/gotham/Gotham-Bold.svg#Gotham-Bold") format("svg");
  font-weight: bold;
  font-style: normal; }
@font-face {
  font-family: 'Gotham-Light';
  src: url("/gotham/Gotham-Light.eot?#iefix") format("embedded-opentype"), url("/gotham/Gotham-Light.otf") format("opentype"), url("/gotham/Gotham-Light.woff") format("woff"), url("/gotham/Gotham-Light.ttf") format("truetype"), url("/gotham/Gotham-Light.svg#Gotham-Light") format("svg");
  font-weight: normal;
  font-style: normal; }
@font-face {
  font-family: 'Gotham-Medium';
  src: url("/gotham/Gotham-Medium.eot?#iefix") format("embedded-opentype"), url("/gotham/Gotham-Medium.otf") format("opentype"), url("/gotham/Gotham-Medium.woff") format("woff"), url("/gotham/Gotham-Medium.ttf") format("truetype"), url("/Gotham/Gotham-Medium.svg#Gotham-Medium") format("svg");
  font-weight: normal;
  font-style: normal; }