@charset "UTF-8";
/* Pagination
----------------------------------------*/
.cwd-pagination {
  padding: 5px;
  margin: 0;
  list-style: none;
  text-align: center;
}

.cwd-pagination li {
  display: inline;
  list-style: none;
  line-height: 2;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}

.cwd-pagination a {
  background: #e7e7e7;
  border: 1px solid #d7d7d7;
  color: #555;
  margin-right: 4px;
  padding: 2px 7px;
  text-align: center;
  text-decoration: none;
}

.cwd-pagination a:hover, .cwd-pagination a:active {
  background: #d7d7d7;
  color: #000;
}

.cwd-pagination .title {
  margin-right: 4px;
}

.cwd-pagination .gap {
  color: #999999;
  margin-right: 4px;
}

.cwd-pagination .current {
  color: #fff;
  background: #222;
  border: 1px solid #222;
  margin-right: 4px;
  padding: 2px 7px;
}

/* Square thumbnails
----------------------------------------*/
.cwd-basic .group-image .square {
  position: relative;
  margin-bottom: 5px;
}

@media (min-width: 768px) {
  .cwd-basic .group-image .square {
    width: 20%;
    float: left;
    margin-right: 3%;
  }
}

.cwd-basic .group-image .square img {
  position: absolute;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}

.cwd-basic .group-image .square:after {
  content: '';
  display: block;
  padding-bottom: 100%;
  pointer-events: none;
}

/* Landscape thumbnails, 1.5:1 (e.g. 480x360)
----------------------------------------*/
.cwd-basic.tiles .group-image .landscape {
  position: relative;
}

.cwd-basic.tiles .group-image .landscape img {
  position: absolute !important;
  object-fit: cover;
  object-position: 50% 50%;
  width: 100% !important;
  height: 100%;
  margin: 0 !important;
}

.cwd-basic.tiles .group-image .landscape:after {
  content: '';
  display: block;
  padding-bottom: 66.6666666666667%;
  pointer-events: none;
}

/* Header image for C&I landing pages
-------------------------------------------*/
/* Sidebars
----------------------------------------*/
.sidebar-left #main #sidebar-bottom {
  clear: left;
}

.sidebar-right #main #sidebar-bottom {
  clear: right;
}

#sidebar-top.secondary .widget-title {
  color: #707070;
  font-family: Georgia, serif;
  font-size: 24px;
}

#sidebar-top .content-block:last-child {
  margin: 0 0 0 0;
}

#sidebar-top .header-with-button .buttons,
#sidebar-bottom .header-with-button .buttons {
  margin-top: 0;
}

#sidebar-top .header-with-button .buttons a.link-button,
#sidebar-bottom .header-with-button .buttons a.link-button {
  /*font-size: 16px;
	padding: 0.25em 1em;*/
}

#sidebar-top > *,
#sidebar-bottom > * {
  margin-bottom: 20px;
}

#sidebar-top.no-sidebar-top:after, #sidebar-top.no-sidebar-bottom:after,
#sidebar-bottom.no-sidebar-top:after,
#sidebar-bottom.no-sidebar-bottom:after {
  content: none;
}

#sidebar-top .cwd-basic .group-fields.no-thumb,
#sidebar-bottom .cwd-basic .group-fields.no-thumb {
  width: 100% !important;
}

#sidebar-top .cwd-basic .group-fields .subheading,
#sidebar-bottom .cwd-basic .group-fields .subheading {
  margin-bottom: 8px;
}

#sidebar-top .cwd-basic.tiles .header-with-button,
#sidebar-bottom .cwd-basic.tiles .header-with-button {
  margin: 0 auto;
  padding: 0 10px 0 5px;
  margin-bottom: 12px;
  width: 100%;
}

#sidebar-top .cwd-basic.tiles .header-with-button .no-widget-heading,
#sidebar-bottom .cwd-basic.tiles .header-with-button .no-widget-heading {
  text-align: right;
  width: 100%;
}

#sidebar-top .cwd-basic.tiles .card,
#sidebar-bottom .cwd-basic.tiles .card {
  width: 100%;
  margin: 0 auto;
  padding: 16px 40px 38px;
}

#sidebar-top .cwd-basic.tiles .card .group-fields,
#sidebar-bottom .cwd-basic.tiles .card .group-fields {
  margin-top: 10px;
}

#sidebar-top .cwd-basic.tiles .card .group-fields .subheading,
#sidebar-bottom .cwd-basic.tiles .card .group-fields .subheading {
  margin-bottom: 8px;
}

#sidebar-top .cwd-basic.tiles .cards p.no-content,
#sidebar-bottom .cwd-basic.tiles .cards p.no-content {
  margin-left: 44px;
  margin-top: 20px;
}

#sidebar-top .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children,
#sidebar-bottom .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
}

#sidebar-top .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li,
#sidebar-bottom .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li {
  /*margin-left: 11px;*/
}

#sidebar-top .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children,
#sidebar-bottom .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children {
  margin-left: -8px;
}

#sidebar-top .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children .fa:before,
#sidebar-bottom .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children .fa:before {
  margin-right: 8px;
}

#sidebar-top .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children .children.open,
#sidebar-bottom .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children .children.open {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  display: block;
}

#sidebar-top .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children .children.closed,
#sidebar-bottom .secondary-navigation ul.bsn-list > li.page_item_has_children > ul.children li.page_item_has_children .children.closed {
  -webkit-transition: all 0.8s ease-out;
  transition: all 0.8s ease-out;
  display: none;
}

#sidebar-top .widget_nav_menu h2,
#sidebar-bottom .widget_nav_menu h2 {
  font-size: 24px;
  color: #666;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu],
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] {
  margin: 0 0 4em;
  clear: both;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul.menu,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul.menu {
  padding-left: 0;
  list-style: none;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul li,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul li {
  font-size: 18px;
  font-weight: 400;
  font-family: "freight-sans-pro", sans-serif;
  line-height: 1.4;
  padding: 12px 0;
  margin: 0;
  color: #666;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul li:last-child,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul li:last-child {
  border: 0;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul li a,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul li a {
  text-decoration: none;
  font-family: "freight-sans-pro", sans-serif;
  font-size: 18px;
  font-weight: 400;
  color: #333;
  -webkit-transition: color 0.2s;
  transition: color 0.2s;
  line-height: 1.4;
  border: none;
  padding: 12px 0;
  margin-bottom: 2em;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul li a:hover, #sidebar-top .widget_nav_menu h2 + div[class^=menu] ul li a:focus,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul li a:hover,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul li a:focus {
  color: #1176ac;
  -webkit-transition: none;
  transition: none;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul ul.sub-menu,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul ul.sub-menu {
  border-left: 3px solid #b31b1b;
  padding-left: 20px;
  margin: 10px 0 10px 1px;
  list-style: none;
}

#sidebar-top .widget_nav_menu h2 + div[class^=menu] ul ul.sub-menu li a,
#sidebar-bottom .widget_nav_menu h2 + div[class^=menu] ul ul.sub-menu li a {
  font-size: 16px;
}

body:not(.home) #site-header #image-band,
body:not(.centers-and-institutes-landing-page) #site-header #image-band {
  min-height: 300px;
  background-size: cover;
  background-repeat: no-repeat;
}

/* Images, figures, captions, alignment
----------------------------------------*/
.alignnone,
.aligncenter {
  max-width: 100%;
  margin: 1em auto;
  display: block;
}

.alignleft,
.alignright {
  max-width: 100%;
  width: 100%;
  margin: 0 0 1.5em;
}

.align-mobile.alignleft {
  float: left;
  margin: 0.3em 20px 4px 0;
  max-width: 40%;
}

.align-mobile.alignright {
  float: right;
  margin: 0.3em 0 4px 20px;
  max-width: 40%;
}

.alignleft.align-mobile.small,
.alignright.align-mobile.small {
  max-width: 30%;
}

.alignright {
  float: right;
}

.wp-caption,
.wp-caption-text {
  clear: both;
}

@media (min-width: 480px) {
  .alignleft, a > figure.alignleft {
    float: left;
    margin: 0.3em 20px 4px 0 !important;
    width: auto;
    max-width: 40%;
  }
  .alignright, a > figure.alignright {
    float: right;
    margin: 0.3em 0 4px 20px;
    width: auto;
    max-width: 40%;
  }
  .alignleft.small,
  .alignright.small {
    width: auto;
    max-width: 30%;
  }
}

@media (min-width: 1080px) {
  .one-column-article #main article .alignleft {
    margin: 4px 37.5px 12px -75px;
    padding-left: 0;
  }
  .one-column-article #main article .alignright {
    margin: 4px -75px 12px 37.5px;
  }
}

@media (min-width: 1200px) {
  .one-column-article #main article .alignleft {
    margin: 4px 37.5px 12px -135px;
    width: 45%;
    max-width: 45%;
  }
  .one-column-article #main article .alignright {
    margin: 4px -135px 12px 37.5px;
    width: 45%;
    max-width: 45%;
  }
}

@media (min-width: 1480px) {
  .one-column-article #main article .alignleft {
    margin: 4px 45px 12px -150px;
    width: 50%;
    max-width: 50%;
  }
  .one-column-article #main article .alignright {
    margin: 4px -150px 12px 45px;
    width: 50%;
    max-width: 50%;
  }
}

/* Wordpress image galleries
----------------------------------------*/
.gallery:after {
  content: "";
  display: table;
  clear: both;
}

.gallery img.aligncenter,
.gallery div.aligncenter,
.gallery figure.aligncenter,
.gallery img.wp-post-image {
  display: block;
  margin: 1em auto;
}

.gallery img.alignright,
.gallery div.alignright,
.gallery figure.alignright {
  float: right;
  margin: 1em 0 1em 2em;
}

.gallery img.alignleft,
.gallery div.alignleft,
.gallery figure.alignleft,
.gallery img.wp-post-image.attachment-thumb {
  float: left;
  margin: 1em 1em 2em 0;
}

.gallery figure {
  max-width: 100%;
  height: auto;
  margin: 1em 0;
  clear: none;
}

.gallery-caption {
  clear: both;
}

.gallery p img.alignright,
.gallery p img.alignleft {
  margin-top: 0;
}

.gallery figure img {
  max-width: 100%;
  height: auto;
  margin: 0 auto;
  display: block;
}

.gallery figure {
  float: left;
  margin: 0 2% 1em 0;
}

.gallery .thumbnails .gallery-item {
  background: #f7f7f7;
}

.gallery.gallery-columns-1 .gallery-item {
  width: 100%;
  margin: 0 0 1em 0;
  float: none;
}

.gallery.gallery-columns-2 .gallery-item,
.gallery.gallery-columns-3 .gallery-item,
.gallery.gallery-columns-4 .gallery-item,
.gallery.gallery-columns-5 .gallery-item,
.gallery.gallery-columns-6 .gallery-item,
.gallery.gallery-columns-7 .gallery-item,
.gallery.gallery-columns-8 .gallery-item,
.gallery.gallery-columns-9 .gallery-item {
  width: 50%;
}

.gallery.gallery-columns-2 .gallery-item:nth-of-type(even),
.gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+3),
.gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+4),
.gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+5),
.gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+6),
.gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+7),
.gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+8),
.gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+9) {
  margin-right: 0;
}

.gallery.gallery-columns-2 .gallery-item:nth-of-type(odd),
.gallery.gallery-columns-3 .gallery-item:nth-of-type(3n+4),
.gallery.gallery-columns-4 .gallery-item:nth-of-type(4n+5),
.gallery.gallery-columns-5 .gallery-item:nth-of-type(5n+6),
.gallery.gallery-columns-6 .gallery-item:nth-of-type(6n+7),
.gallery.gallery-columns-7 .gallery-item:nth-of-type(7n+8),
.gallery.gallery-columns-8 .gallery-item:nth-of-type(8n+9),
.gallery.gallery-columns-9 .gallery-item:nth-of-type(9n+10) {
  clear: left;
}

@media (max-width: 767px) {
  .gallery img.alignright,
  .gallery div.alignright,
  .gallery figure.alignright,
  .gallery img.alignleft,
  .gallery div.alignleft,
  .gallery figure.alignleft,
  .gallery img.wp-post-image.attachment-thumb {
    display: block;
    margin: 1em auto;
    float: none;
  }
}

@media (min-width: 480px) {
  .gallery.gallery-columns-3 .gallery-item,
  .gallery.gallery-columns-4 .gallery-item,
  .gallery.gallery-columns-5 .gallery-item,
  .gallery.gallery-columns-6 .gallery-item,
  .gallery.gallery-columns-7 .gallery-item,
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 33%;
  }
}

@media (min-width: 624px) {
  .gallery.gallery-columns-4 .gallery-item,
  .gallery.gallery-columns-5 .gallery-item,
  .gallery.gallery-columns-6 .gallery-item,
  .gallery.gallery-columns-7 .gallery-item,
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 25%;
  }
}

@media (min-width: 768px) {
  .gallery.gallery-columns-5 .gallery-item,
  .gallery.gallery-columns-6 .gallery-item,
  .gallery.gallery-columns-7 .gallery-item,
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 20%;
  }
}

@media (min-width: 992px) {
  .gallery.gallery-columns-6 .gallery-item,
  .gallery.gallery-columns-7 .gallery-item,
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 16%;
  }
}

@media (min-width: 1080px) {
  .gallery.gallery-columns-7 .gallery-item,
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 14%;
  }
}

@media (min-width: 1200px) {
  .gallery.gallery-columns-8 .gallery-item,
  .gallery.gallery-columns-9 .gallery-item {
    width: 12%;
  }
}

@media (min-width: 1480px) {
  .gallery.gallery-columns-9 .gallery-item {
    width: 11%;
  }
}

.tooltip.tooltip-info {
  padding-right: 1px;
}

.tooltip.tooltip-info:before {
  content: '\f1f6';
  margin-right: 0.35em;
  position: relative;
  top: 1px;
  left: 1px;
  color: #555;
}

button.tooltip {
  -webkit-appearance: none;
  appearance: none;
  background: none;
  border: 0;
  padding: 0;
  font: inherit;
  border-bottom: 1px dotted #000;
  cursor: help;
}

button.tooltip:active {
  color: inherit;
}

@keyframes tooltip-fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.cwd-tooltip {
  background: #fafafa;
  border: 1px solid #807f7f;
  color: #333;
  font-size: 13px;
  font-weight: normal;
  line-height: 1.4;
  max-width: 500px;
  padding: 12px 14px;
  margin: 0 auto 1.5em;
  box-shadow: 0 1px 6px rgba(0, 0, 0, 0.12), 0 2px 0 0 rgba(0, 0, 0, 0.1);
  position: absolute;
  display: none;
  opacity: 0;
  left: 0;
  animation-name: tooltip-fade-out;
  animation-duration: 1.2s;
}

.cwd-tooltip arrow {
  position: absolute;
  left: calc(50% - 12px);
  bottom: -12px;
}

.cwd-tooltip arrow:before {
  border: 12px solid #4d4c4c;
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  width: 0;
  height: 0;
  left: 0;
  bottom: 0;
}

.cwd-tooltip arrow:after {
  border: 11px solid #fafafa;
  border-bottom-width: 0;
  border-left-color: transparent;
  border-right-color: transparent;
  position: absolute;
  width: 0;
  height: 0;
  bottom: 1px;
  left: 1px;
}

.cwd-tooltip.active {
  opacity: 1;
  display: block;
  z-index: 1;
  animation-name: tooltip-fade-in;
  animation-duration: 0.1s;
}

.cwd-tooltip.tooltip-top arrow:before {
  content: '';
}

.cwd-tooltip.tooltip-top arrow:after {
  content: '';
}

.cwd-tooltip.tooltip-bottom arrow {
  top: 0;
  bottom: auto;
}

.cwd-tooltip.tooltip-bottom arrow:before {
  content: '';
  border-bottom-width: 12px;
  border-top-width: 0;
}

.cwd-tooltip.tooltip-bottom arrow:after {
  content: '';
  border-bottom-width: 11px;
  border-top-width: 0;
  bottom: 0;
}

.cwd-tooltip.tooltip-borderless {
  border-color: transparent;
}

.cwd-tooltip.tooltip-borderless arrow:before {
  border-top-color: #fafafa;
}

.cwd-tooltip.tooltip-borderless.tooltip-bottom arrow:before {
  border-top: 0;
  border-bottom-color: #fafafa;
}

.cwd-tooltip.tooltip-borderless arrow:after {
  content: none;
}

.cwd-tooltip.tooltip-dark {
  background: #2c2c2c;
  border-color: transparent;
  color: #ddd;
}

.cwd-tooltip.tooltip-dark arrow:before {
  border-top-color: #2c2c2c;
}

.cwd-tooltip.tooltip-dark.tooltip-bottom arrow:before {
  border-top: 0;
  border-bottom-color: #2c2c2c;
}

.cwd-tooltip.tooltip-dark arrow:after {
  content: none;
}

.cwd-tooltip.tooltip-dark a {
  color: #fff;
}

.cwd-tooltip.tooltip-dark a:active {
  color: #ccc;
}

/* Fonts
----------------------------------------------------------------- */
body, .base-font,
table, table caption,
#main form label,
#main-navigation li,
#utility-navigation li,
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6,
.sans,
.intro,
.breadcrumb,
.secondary-navigation ul li, .secondary-navigation ul ul li, .menu-block-title + .secondary-navigation ul li, .secondary .menu-block-title,
.cwd-component .subheading h4, .cwd-component h4.subheading, .cwd-component .subheading h4.sans, .cwd-component h4.subheading.sans,
.cwd-component .subheading.subheading-secondary h4, .cwd-component h4.subheading.subheading-secondary,
blockquote.offset, blockquote.impact,
body > footer a.link-block, #body-footer a.link-block,
.cu-search label,
fieldset.semantic legend, #main fieldset.semantic legend, fieldset fieldset legend, #main fieldset fieldset legend,
form.webform-submission-form fieldset legend, #main form.webform-submission-form fieldset legend,
#main form input, #main form input[type='submit'], #main form input[type='reset'], #main form input[type='button'], #main form textarea,
a.link-button,
.slider-caption h2, .slider-caption p, #popup .caption {
  font-family: "freight-sans-pro", sans-serif;
}

main, #main, body > footer, #body-footer, .band {
  line-height: 1.5;
}

.cu-gray #cu-header .cu-unit,
.cu-black #cu-header .cu-unit,
.cu-red #cu-header .cu-unit {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* Responsive Scale
----------------------------------------------------------------- */
body,
table,
#main form label {
  font-size: 16px;
}

@media (min-width: 992px) {
  body,
  table,
  #main form label {
    font-size: 18px;
  }
}

body > footer, #body-footer,
#main .secondary,
#main form .option-label,
.content-sidebar {
  font-size: 16px;
}

@media (min-width: 992px) {
  body > footer, #body-footer,
  #main .secondary,
  #main form .option-label,
  .content-sidebar {
    font-size: 17px;
  }
}

article footer,
.cwd-component .summary,
.cwd-component .text,
.cwd-component.full .date {
  font-size: 16px;
}

.smallprint {
  font-size: 14px;
}

@media (min-width: 992px) {
  .smallprint {
    font-size: 16px;
  }
}

.cwd-component .metadata-set,
.cwd-component .date,
.cwd-component .subheading.subheading-secondary h4,
.cwd-component h4.subheading.subheading-secondary,
.cwd-component ul.inline,
.cwd-tooltip {
  font-size: 14px;
}

body > footer ul li,
body > footer .sub-footer,
#main form .description,
.photo-info {
  font-size: 15px;
}

#main .secondary h2 {
  font-size: 24px;
  color: #666;
}

.cwd-component .subheading h4, .cwd-component h4.subheading {
  font-size: 17px;
}

.cwd-component .subheading h4.sans, .cwd-component h4.subheading.sans {
  font-size: 16px;
  font-weight: 500;
}

blockquote.impact, blockquote.impact p, blockquote.offset, blockquote.offset p {
  font-size: 21px;
}

@media (min-width: 992px) {
  blockquote.impact, blockquote.impact p, blockquote.offset, blockquote.offset p {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  blockquote.offset, blockquote.offset p {
    font-size: 24px;
    line-height: 1.45;
  }
}

#main form ::-moz-placeholder {
  font-size: 16px;
  line-height: 1.4;
}

#main form ::-ms-input-placeholder {
  font-size: 16px;
  line-height: 1.4;
}

#main form ::-webkit-input-placeholder {
  font-size: 16px;
  line-height: 1.4;
}

@media (min-width: 768px) {
  .cu-seal #cu-header .cu-brand {
    padding-top: 15px;
    padding-bottom: 20px;
  }
}

@media (min-width: 1200px) {
  .cu-seal #cu-header .cu-brand {
    padding-top: 25px;
    padding-bottom: 30px;
  }
}

#cu-header .cu-brand h2 {
  font-size: 26px;
  font-weight: 400;
  margin-top: 3px;
}

@media (min-width: 768px) {
  #cu-header .cu-brand h2 {
    font-size: 34px;
  }
}

@media (min-width: 992px) {
  #cu-header .cu-brand h2 {
    font-size: 40px;
  }
}

@media (min-width: 1200px) {
  #cu-header .cu-brand h2 {
    font-size: 46px;
  }
}

#cu-header .cu-brand h3 {
  font-size: 14px;
}

@media (min-width: 768px) {
  #cu-header .cu-brand h3 {
    font-size: 18px;
    margin-top: 0.2em;
  }
}

@media (min-width: 992px) {
  #cu-header .cu-brand h3 {
    font-size: 19px;
  }
}

@media (min-width: 1200px) {
  #cu-header .cu-brand h3 {
    font-size: 23px;
    margin-top: 0.15em;
  }
}

.cu-search form > label {
  font-size: 23px;
  vertical-align: text-bottom;
}

.cu-search .search-filters label {
  font-size: 15px;
}

body > footer ul li, #body-footer ul li {
  font-size: 15px;
}

body > footer .h5, #body-footer .h5 {
  font-size: 20px;
  font-weight: 400;
}

body > footer .h6, #body-footer .h6 {
  font-size: 16px;
  font-weight: 600;
}

body > footer a.link-block, #body-footer a.link-block {
  padding: 0.55em 1em 0.6em;
}

@media (min-width: 768px) {
  body > footer a.link-block, #body-footer a.link-block {
    font-size: 15px;
    padding: 0.6em 1em;
  }
}

#main-navigation li {
  font-size: 16px;
}

@media (min-width: 992px) {
  #main-navigation li {
    font-size: 17px;
  }
}

#utility-navigation li {
  font-size: 16px;
}

@media (min-width: 1080px) {
  .cu-seal .mobile-button {
    width: 44px;
    height: 43px;
  }
  #utility-navigation a {
    height: 37px;
    line-height: 36px;
    padding: 0 22px;
  }
}

.breadcrumb li {
  font-size: 16px;
}

.secondary-navigation ul li, .secondary .menu-block-title {
  font-size: 24px;
  color: #666;
}

.secondary-navigation ul ul li, .menu-block-title + .secondary-navigation ul li {
  font-size: 18px;
  font-weight: 400;
}

.secondary-navigation ul ul ul li, .menu-block-title + .secondary-navigation ul ul li {
  font-size: 16px;
}

.secondary-navigation ul ul ul, .menu-block-title + .secondary-navigation ul ul {
  padding-left: 20px;
}

@media (max-width: 767px) {
  .mobile .breadcrumb + h2 {
    font-size: 23px !important;
  }
  .mobile .breadcrumb + h2 + .secondary-navigation li,
  .mobile .breadcrumb + h2 + .secondary-navigation li li {
    font-size: 16px !important;
    font-weight: 400;
  }
}

code,
kbd,
pre,
samp {
  font-size: 87.5%;
}

#cu-header {
  font-size: 14px;
}

.cwd-events .location {
  font-weight: 400;
}

#body-footer .footer-links a, body > footer .footer-links a, .footer-links-mimic a {
  color: #fff;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.4);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.4);
  text-decoration-color: rgba(255, 255, 255, 0.4);
}

.cwd-component a.designer, .cwd-component a .designer .deco, .cwd-component .designer a {
  background-position: 0 1.2em;
}

.cwd-component a.designer:hover, .cwd-component a:hover .designer .deco, .cwd-component .designer a:hover {
  background-position: 0 1.2em;
}

.cwd-component .metadata-set a {
  line-height: 1.3;
}

a.link-button {
  padding: 0.4em 0.8em;
  line-height: 1.4;
}

@media (min-width: 992px) {
  a.link-button {
    font-size: 17px;
    padding: 0.5em 1.2em;
  }
}

a.link-button .fa, a.link-button .zmdi {
  top: 2px;
}

@media (min-width: 992px) {
  a.link-button .fa, a.link-button .zmdi {
    font-size: 21px;
    top: 3px;
    margin-left: 0.4em;
  }
}

.messages {
  font-size: 15px;
}

.messages .message__single:before, .messages .messages__item:before {
  font-size: 18px;
  line-height: 1;
}

.pager ul li {
  font-size: 15px;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
}

.stunt-double-lite, .cwd-basic.tiles .group-image:before {
  position: absolute;
  top: 0;
  height: 100%;
  width: 100%;
  display: block;
}

.flex, .cwd-basic .cards, .cwd-events time, .cwd-events .group-noimage a, .cwd-events.compact .group-noimage a {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.vertical-align, #org-menu, #org-menu .container-fluid, .cwd-events.compact .group-noimage time, .home #super-header .slider-container .caption-inner, .band-washington, .band.callout {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -moz-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.flex-stretch {
  -webkit-box-align: stretch;
  -webkit-align-items: stretch;
  -moz-box-align: stretch;
  -ms-flex-align: stretch;
  align-items: stretch;
}

.flex-between {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
  -moz-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.flex-nowrap, .flex-grow {
  -webkit-flex-wrap: nowrap;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
}

.flex-grow > * {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}

.flex-end {
  -webkit-align-self: flex-end;
  -ms-flex-item-align: end;
  align-self: flex-end;
}

.flex-duo {
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-box;
  display: -ms-flexbox;
  display: flex;
  margin-left: -10px;
  margin-right: -10px;
}

.flex-duo > * {
  min-width: 35%;
  padding: 0 10px;
}

@media (min-width: 1200px) {
  .flex-duo > * {
    min-width: 25%;
  }
}

.icon-fa:before, #contact .email:before, .band.contact-prefooter .contact-address:before, .band.contact-prefooter .contact-phone:before, .band.contact-prefooter .contact-email:before, .subheading.sans:before, .icon-fa:after, .subheading.sans:after {
  font: normal normal normal 14px/1 FontAwesome;
  speak: never;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-zmdi:before, .tooltip.tooltip-info:before, #org-menu ul:before, #org-menu li a:before, .cwd-events.compact .group-noimage time .time:before, .cwd-people .affiliation:before, .cwd-people .link-email:before, .cwd-people.full ul.group-members > li:before, .band.padded.ci-cta-links .content li h3 a:before, .stats-supplementary-content li a:before, .imgLinks-supplementary-content li a:before, .cards.flex-grid a.flex-4 h3:before, a.more:before, .icon-zmdi:after, .tooltip.tooltip-info:after, .tab-interface a.tab-label:after, .cwd-news.tiles .card .group-image > a:after, .band.padded.ci-cta-links .content li h3 a:after, .stats-supplementary-content li a:after, .imgLinks-supplementary-content li a:after, .cards.flex-grid a.flex-4 h3:after, a.more:after, .band-admissions li a:after, .band .cta-buttons li a:after {
  display: inline-block;
  font: normal normal normal 14px/1 'Material-Design-Iconic-Font';
  font-size: inherit;
  speak: never;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.flex-dom-reverse, .cwd-events .group-noimage a {
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
  -webkit-flex-direction: column-reverse;
  -moz-box-orient: vertical;
  -moz-box-direction: reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse;
  -webkit-box-align: start;
  -webkit-align-items: flex-start;
  -moz-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

#main-content .expander .expander-heading.open .fa:before {
  content: '\f077';
}

#main-content .expander .expander-heading .fa {
  float: right;
}

.cwd-basic .cards {
  clear: both;
  margin-left: -10px;
  margin-right: -10px;
}

@media (min-width: 992px) {
  .cwd-basic .cards {
    margin-left: -15px;
    margin-right: -15px;
  }
}

@media (min-width: 1200px) {
  .cwd-basic .cards {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.cwd-basic .card-section {
  width: 100%;
  max-width: 500px;
  padding: 0 10px;
  margin: 40px auto 0;
}

@media (min-width: 768px) {
  .cwd-basic .card-section {
    max-width: none;
    margin: 40px 0 0;
  }
}

@media (min-width: 992px) {
  .cwd-basic .card-section {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .cwd-basic .card-section {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cwd-basic .card-section:first-of-type {
  margin-top: 0;
}

.cwd-basic .card-section h2, .cwd-basic .card-section h3, .cwd-basic .card-section h4 {
  border-bottom: 1px solid #e5e5e5;
  border-left: 4px solid #b31b1b;
  padding: 0 0 2px 10px;
}

.cwd-basic .card {
  width: 100%;
  max-width: 500px;
  padding: 30px 10px 0;
  margin: 0 auto;
  position: relative;
}

.cwd-basic .card:after {
  content: '';
  display: block;
  padding-top: 20px;
  clear: both;
}

.cwd-basic .card:first-of-type {
  padding-top: 10px;
}

@media (min-width: 768px) {
  .cwd-basic .card {
    max-width: none;
    margin: 0;
  }
  .cwd-basic .card:after {
    padding-top: 25px;
    border-bottom: 1px solid #ededed;
  }
  .cwd-basic .card:last-of-type:after {
    border: 0;
  }
}

@media (min-width: 992px) {
  .cwd-basic .card {
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .cwd-basic .card {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cwd-basic .card img {
  width: 100%;
  margin-bottom: 15px;
}

@media (min-width: 768px) {
  .cwd-basic .card img {
    margin-bottom: 5px;
  }
}

.cwd-basic .card h3, .cwd-basic .card .h3 {
  margin-bottom: 0.6em;
}

.cwd-basic .card h3 .deco, .cwd-basic .card .h3 .deco {
  padding-bottom: 0.2em;
}

.cwd-basic .card h3 + h4, .cwd-basic .card .h3 + h4 {
  margin-top: -0.3em;
}

.cwd-basic .card a h3:not(.designer), .cwd-basic .card a .h3:not(.designer) {
  text-decoration: underline;
  color: #1176ac !important;
}

.cwd-basic .card a:hover h3:not(.designer), .cwd-basic .card a:hover .h3:not(.designer) {
  color: #000 !important;
}

.cwd-basic .card a:active h3:not(.designer), .cwd-basic .card a:active .h3:not(.designer) {
  color: #666 !important;
}

.cwd-basic .card .group-image a {
  text-decoration: none;
  display: block;
}

.cwd-basic .card .group-noimage a {
  text-decoration: none;
}

@media (min-width: 768px) {
  .cwd-basic .card .group-image + .group-fields {
    width: 77%;
    float: right;
  }
  .cwd-basic .card .group-image a img {
    width: 20%;
    float: left;
    margin-right: 3%;
  }
}

.cwd-basic .header-with-button {
  margin-bottom: 30px;
}

.cwd-basic .pager {
  margin-top: 20px;
}

.cwd-basic .component-footer {
  max-width: 480px;
  margin: 30px auto 0;
  text-align: center;
}

@media (min-width: 768px) {
  .cwd-basic .component-footer {
    max-width: none;
    margin: 30px 0 0;
  }
}

.cwd-basic .component-footer .link-button {
  border: 1px solid #ccc;
  padding: 1em 3em;
  border-radius: 100px;
  background: none;
  color: #1176ac;
}

.cwd-basic .component-footer .link-button:hover {
  color: #000;
  border-color: #bbb;
  background: rgba(0, 0, 0, 0.05);
}

.cwd-basic .component-footer .link-button:active {
  color: #666;
  border-color: #aaa;
  background: rgba(0, 0, 0, 0.08);
}

.cwd-basic .group-image {
  position: relative;
}

.cwd-basic .badge {
  position: absolute;
  color: #fff;
  font-size: 14px;
  padding: 0.2em 0.7em;
  background: rgba(0, 0, 0, 0.7);
  top: 0;
  left: 0;
  pointer-events: none;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (min-width: 768px) {
  .cwd-basic .badge {
    font-size: 12px;
    max-width: 20%;
  }
}

@media (min-width: 1200px) {
  .cwd-basic .badge {
    font-size: 14px;
    padding: 0.3em 0.9em;
  }
}

.cwd-basic .relative > .badge {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}

@media (min-width: 768px) {
  .cwd-basic.tiles .card-section {
    margin-top: 10px;
    margin-bottom: 20px;
  }
}

@media (min-width: 768px) {
  .cwd-basic.tiles .card {
    width: 50%;
    margin: 0 0 20px;
    padding-top: 0;
    padding-bottom: 0;
  }
}

@media (min-width: 768px) and (min-width: 992px) {
  .cwd-basic.tiles .card {
    margin-bottom: 30px;
  }
}

@media (min-width: 768px) and (min-width: 1200px) {
  .cwd-basic.tiles .card {
    margin-bottom: 40px;
  }
}

@media (min-width: 768px) {
  .cwd-basic.tiles .card:after {
    content: none;
  }
}

@media (min-width: 1200px) {
  .cwd-basic.tiles .card {
    width: 33.33333%;
  }
}

.cwd-basic.tiles .group-fields, .cwd-basic.tiles .group-image a img {
  width: 100% !important;
  float: none;
  margin: 0;
}

.cwd-basic.tiles .group-fields {
  margin-top: 15px;
}

.cwd-basic.tiles .group-image {
  display: block;
  position: relative;
}

.cwd-basic.tiles .group-image a, .cwd-basic.tiles .group-image .deco, .cwd-basic.tiles .group-image h3, .cwd-basic.tiles .group-image .h3 {
  color: #fff;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.cwd-basic.tiles .group-image a {
  display: block;
  transition: background 0.15s, box-shadow 0.15s;
}

.cwd-basic.tiles .group-image a:hover {
  background: rgba(0, 0, 0, 0.05);
  box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.05);
  color: #fff;
}

.cwd-basic.tiles .group-image a:hover .deco, .cwd-basic.tiles .group-image a:hover h3, .cwd-basic.tiles .group-image a:hover .h3 {
  color: #fff;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.9);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.9);
  text-decoration-color: rgba(255, 255, 255, 0.9);
}

.cwd-basic.tiles .group-image a:active {
  background: rgba(0, 0, 0, 0.09);
  box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
  color: #ccc;
}

.cwd-basic.tiles .group-image a:active .deco, .cwd-basic.tiles .group-image a:active h3, .cwd-basic.tiles .group-image a:active .h3 {
  color: #ccc;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.3);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.3);
  text-decoration-color: rgba(255, 255, 255, 0.3);
}

.cwd-basic.tiles .group-image a .overlay {
  position: absolute;
  z-index: 3;
  left: 0;
  right: 0;
  bottom: 0;
  padding: 0 15px 20px;
  text-align: center;
  overflow: hidden;
  color: #fff;
}

.cwd-basic.tiles .group-image a .overlay :last-child {
  margin-bottom: 0;
}

.cwd-basic.tiles .group-image img {
  position: static;
  width: 100%;
}

.cwd-basic.tiles .group-image:before {
  content: '';
  background: rgba(0, 0, 0, 0.6);
  background: -moz-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.8) 100%);
  z-index: 2;
  pointer-events: none;
}

.cwd-basic.tiles .group-image .badge {
  max-width: 100%;
  top: 0;
  left: 0;
}

.cwd-basic.tiles .group-image .relative > .badge {
  top: auto;
  left: auto;
  bottom: 0;
  right: 0;
}

@media (min-width: 768px) {
  .cwd-basic.tiles.max-1 .card {
    width: 100%;
  }
}

@media (min-width: 1200px) {
  .cwd-basic.tiles.max-2 .card {
    width: 50%;
  }
}

@media (min-width: 768px) {
  .cwd-basic.tiles.max-4 .cards {
    margin-left: -13px;
    margin-right: -13px;
  }
  .cwd-basic.tiles.max-4 .card {
    padding-left: 13px;
    padding-right: 13px;
  }
}

@media (min-width: 1080px) {
  .cwd-basic.tiles.max-4 .card {
    width: 33.33333%;
  }
}

@media (min-width: 1400px) {
  .cwd-basic.tiles.max-4 .cards {
    margin-left: -15px;
    margin-right: -15px;
  }
  .cwd-basic.tiles.max-4 .card {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 1200px) {
  .cwd-basic.tiles.max-4-2 .cards {
    margin-left: -15px;
    margin-right: -15px;
  }
  .cwd-basic.tiles.max-4-2 .card {
    width: 25%;
    padding-left: 15px;
    padding-right: 15px;
  }
}

@media (min-width: 768px) {
  .cwd-basic.tiles.max-3-1 .card {
    width: 33.33333%;
  }
}

@media (min-width: 768px) {
  .cwd-basic.tiles.one-plus-max-3 .card {
    width: 33.33333%;
  }
  .cwd-basic.tiles.one-plus-max-3 .card h3, .cwd-basic.tiles.one-plus-max-3 .card .h3 {
    font-size: 16px;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type {
    width: 100%;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type h3, .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .h3 {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .group-image {
    display: initial;
    position: static;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .group-image a {
    background: none;
    box-shadow: none;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .group-image img {
    width: 50% !important;
    float: left;
    margin-right: 3%;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .group-image .relative {
    width: 50% !important;
    float: left;
    margin-right: 3%;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .group-image .relative img {
    width: 100% !important;
    margin: 0;
  }
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .group-fields {
    width: 47% !important;
  }
}

@media (min-width: 1200px) {
  .cwd-basic.tiles.one-plus-max-3 .card:first-of-type .summary {
    margin-top: 1em;
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  .cwd-basic.tiles.one-plus-max-4 .card {
    width: 50%;
  }
  .cwd-basic.tiles.one-plus-max-4 .card h3, .cwd-basic.tiles.one-plus-max-4 .card .h3 {
    font-size: 16px;
  }
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type {
    width: 100%;
  }
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type h3, .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .h3 {
    font-size: 22px;
  }
}

@media (min-width: 992px) {
  .cwd-basic.tiles.one-plus-max-4 .card {
    width: 25%;
  }
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image {
    display: initial;
    position: static;
  }
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image a {
    background: none;
    box-shadow: none;
  }
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image img {
    width: 50% !important;
    width: calc(50% - 15px) !important;
    float: left;
    margin-right: 30px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image img {
    width: calc(50% - 20px) !important;
    margin-right: 40px;
  }
}

@media (min-width: 992px) {
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image .relative {
    width: 50% !important;
    width: calc(50% - 15px) !important;
    float: left;
    margin-right: 30px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image .relative {
    width: calc(50% - 20px) !important;
    margin-right: 40px;
  }
}

@media (min-width: 992px) {
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-image .relative img {
    width: 100% !important;
    margin: 0;
  }
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-fields {
    width: 47% !important;
    width: calc(50% - 15px) !important;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .group-fields {
    width: calc(50% - 20px) !important;
  }
}

@media (min-width: 1200px) {
  .cwd-basic.tiles.one-plus-max-4 .card:first-of-type .summary {
    margin-top: 1em;
    font-size: 18px;
  }
}

.cwd-basic.tiles.no-overlay .group-image .deco, .cwd-basic.tiles.no-overlay .group-image h3, .cwd-basic.tiles.no-overlay .group-image .h3, .cwd-basic.tiles.no-overlay .group-image h4, .cwd-basic.tiles.no-overlay .group-image .h4, .cwd-basic.tiles.no-overlay .group-image p, .cwd-basic.tiles.no-overlay .group-image sub-heading {
  color: #1176ac;
  text-decoration: underline;
  -moz-text-decoration-color: rgba(17, 118, 172, 0.5);
  -webkit-text-decoration-color: rgba(17, 118, 172, 0.5);
  text-decoration-color: rgba(17, 118, 172, 0.5);
}

.cwd-basic.tiles.no-overlay .group-image h3.designer, .cwd-basic.tiles.no-overlay .group-image h3.designer .deco, .cwd-basic.tiles.no-overlay .group-image .h3.designer, .cwd-basic.tiles.no-overlay .group-image .h3.designer .deco {
  text-decoration: none;
  color: #333;
}

.cwd-basic.tiles.no-overlay .group-image a .overlay {
  position: static;
  margin-top: 12px;
  padding: 0;
  text-align: left;
}

.cwd-basic.tiles.no-overlay .group-image a:hover, .cwd-basic.tiles.no-overlay .group-image a:hover .deco, .cwd-basic.tiles.no-overlay .group-image a:hover h3, .cwd-basic.tiles.no-overlay .group-image a:hover .h3 {
  color: #000;
  -moz-text-decoration-color: rgba(0, 0, 0, 0.7);
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.7);
  text-decoration-color: rgba(0, 0, 0, 0.7);
}

.cwd-basic.tiles.no-overlay .group-image a:active, .cwd-basic.tiles.no-overlay .group-image a:active .deco, .cwd-basic.tiles.no-overlay .group-image a:active h3, .cwd-basic.tiles.no-overlay .group-image a:active .h3 {
  color: #666;
  -moz-text-decoration-color: rgba(0, 0, 0, 0.4);
  -webkit-text-decoration-color: rgba(0, 0, 0, 0.4);
  text-decoration-color: rgba(0, 0, 0, 0.4);
}

.cwd-basic.tiles.no-overlay .group-image:before {
  content: none;
}

.cwd-basic.tiles:not(.no-overlay) .card a h3:not(.designer), .cwd-basic.tiles:not(.no-overlay) .card a .h3:not(.designer) {
  color: #fff !important;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.cwd-basic.tiles:not(.no-overlay) .card a:hover h3:not(.designer), .cwd-basic.tiles:not(.no-overlay) .card a:hover .h3:not(.designer) {
  -moz-text-decoration-color: white;
  -webkit-text-decoration-color: white;
  text-decoration-color: white;
}

.cwd-basic.tiles:not(.no-overlay) .card a:active h3:not(.designer), .cwd-basic.tiles:not(.no-overlay) .card a:active .h3:not(.designer) {
  color: #ccc !important;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.cwd-basic.tiles:not(.no-overlay) .card a h4, .cwd-basic.tiles:not(.no-overlay) .card a p, .cwd-basic.tiles:not(.no-overlay) .card a div {
  color: #ccc !important;
}

.cwd-basic.tiles:not(.no-overlay) .card a h4.badge, .cwd-basic.tiles:not(.no-overlay) .card a p.badge, .cwd-basic.tiles:not(.no-overlay) .card a div.badge {
  color: #fff !important;
}

.cwd-basic.card-slider .cards {
  margin-left: -15px;
  margin-right: -15px;
}

.cwd-basic.card-slider .card {
  max-width: none;
  padding-left: 15px;
  padding-right: 15px;
}

@media (min-width: 768px) {
  .cwd-basic.card-slider .card {
    padding: 0 15px !important;
  }
}

@media (min-width: 768px) {
  .cwd-basic.card-slider .cards {
    -webkit-flex-wrap: nowrap;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
  }
  .cwd-basic.card-slider .card:after {
    content: none;
  }
}

.cwd-basic.card-slider.tiles .group-image a {
  box-shadow: none !important;
}

.cwd-basic.card-slider.slide-mobile .card,
.cwd-basic.card-slider.slide-mobile .card:first-of-type {
  padding-top: 0px;
}

.cwd-basic.animate.tiles .group-image {
  overflow: hidden;
}

.cwd-basic.animate.tiles a img {
  transition: transform 0.3s ease-out;
}

.cwd-basic.animate.tiles a:hover img {
  transform: scale(1.05);
  transition: transform 0.3s ease-out;
}

.cwd-basic.collapse.tiles .cards {
  margin-left: 0 !important;
  margin-right: 0 !important;
}

.cwd-basic.collapse.tiles .card {
  padding: 0 !important;
  margin-bottom: 0;
}

.dark .cwd-basic, .cwd-basic.dark {
  color: #ddd;
}

.dark .cwd-basic h2, .cwd-basic.dark h2 {
  color: #ededed;
}

.dark .cwd-basic a, .dark .cwd-basic a h3:not(.designer), .dark .cwd-basic a .h3:not(.designer), .cwd-basic.dark a, .cwd-basic.dark a h3:not(.designer), .cwd-basic.dark a .h3:not(.designer) {
  color: #fff !important;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.dark .cwd-basic a:hover, .dark .cwd-basic a:hover *, .dark .cwd-basic a h3:not(.designer):hover, .dark .cwd-basic a h3:not(.designer):hover *, .dark .cwd-basic a .h3:not(.designer):hover, .dark .cwd-basic a .h3:not(.designer):hover *, .cwd-basic.dark a:hover, .cwd-basic.dark a:hover *, .cwd-basic.dark a h3:not(.designer):hover, .cwd-basic.dark a h3:not(.designer):hover *, .cwd-basic.dark a .h3:not(.designer):hover, .cwd-basic.dark a .h3:not(.designer):hover * {
  -moz-text-decoration-color: white;
  -webkit-text-decoration-color: white;
  text-decoration-color: white;
  border-color: rgba(255, 255, 255, 0.7) !important;
}

.dark .cwd-basic a:active, .dark .cwd-basic a:active *, .dark .cwd-basic a h3:not(.designer):active, .dark .cwd-basic a h3:not(.designer):active *, .dark .cwd-basic a .h3:not(.designer):active, .dark .cwd-basic a .h3:not(.designer):active *, .cwd-basic.dark a:active, .cwd-basic.dark a:active *, .cwd-basic.dark a h3:not(.designer):active, .cwd-basic.dark a h3:not(.designer):active *, .cwd-basic.dark a .h3:not(.designer):active, .cwd-basic.dark a .h3:not(.designer):active * {
  color: #ccc !important;
  border-color: rgba(255, 255, 255, 0.5) !important;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.dark .cwd-basic a *, .dark .cwd-basic a h3:not(.designer) *, .dark .cwd-basic a .h3:not(.designer) *, .cwd-basic.dark a *, .cwd-basic.dark a h3:not(.designer) *, .cwd-basic.dark a .h3:not(.designer) * {
  color: #fff !important;
}

.dark .cwd-basic .card:after, .cwd-basic.dark .card:after {
  border-color: rgba(255, 255, 255, 0.2);
}

.dark .cwd-basic .component-footer .link-button, .cwd-basic.dark .component-footer .link-button {
  color: #fff;
  border-color: rgba(255, 255, 255, 0.3);
}

.dark .cwd-basic .component-footer .link-button:hover, .cwd-basic.dark .component-footer .link-button:hover {
  border-color: rgba(255, 255, 255, 0.5);
  background: rgba(0, 0, 0, 0.1);
}

.dark .cwd-basic .component-footer .link-button:active, .cwd-basic.dark .component-footer .link-button:active {
  border-color: rgba(255, 255, 255, 0.4);
  background: rgba(0, 0, 0, 0.18);
}

.dark .cwd-basic.tiles .group-image a:hover, .cwd-basic.dark.tiles .group-image a:hover {
  background: rgba(255, 255, 255, 0.12);
  box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.12);
}

.dark .cwd-basic.tiles .group-image a:active, .cwd-basic.dark.tiles .group-image a:active {
  background: rgba(255, 255, 255, 0.08);
  box-shadow: 0 0 0 15px rgba(255, 255, 255, 0.08);
}

.dark .cwd-basic.tiles.no-overlay .group-image .deco, .dark .cwd-basic.tiles.no-overlay .group-image h3, .dark .cwd-basic.tiles.no-overlay .group-image .h3, .cwd-basic.dark.tiles.no-overlay .group-image .deco, .cwd-basic.dark.tiles.no-overlay .group-image h3, .cwd-basic.dark.tiles.no-overlay .group-image .h3 {
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.dark .cwd-basic.tiles.no-overlay .group-image a:hover, .dark .cwd-basic.tiles.no-overlay .group-image a:hover .deco, .dark .cwd-basic.tiles.no-overlay .group-image a:hover h3, .dark .cwd-basic.tiles.no-overlay .group-image a:hover .h3, .cwd-basic.dark.tiles.no-overlay .group-image a:hover, .cwd-basic.dark.tiles.no-overlay .group-image a:hover .deco, .cwd-basic.dark.tiles.no-overlay .group-image a:hover h3, .cwd-basic.dark.tiles.no-overlay .group-image a:hover .h3 {
  -moz-text-decoration-color: rgba(255, 255, 255, 0.8);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.8);
  text-decoration-color: rgba(255, 255, 255, 0.8);
}

.dark .cwd-basic.tiles.no-overlay .group-image a:active, .dark .cwd-basic.tiles.no-overlay .group-image a:active .deco, .dark .cwd-basic.tiles.no-overlay .group-image a:active h3, .dark .cwd-basic.tiles.no-overlay .group-image a:active .h3, .cwd-basic.dark.tiles.no-overlay .group-image a:active, .cwd-basic.dark.tiles.no-overlay .group-image a:active .deco, .cwd-basic.dark.tiles.no-overlay .group-image a:active h3, .cwd-basic.dark.tiles.no-overlay .group-image a:active .h3 {
  -moz-text-decoration-color: rgba(255, 255, 255, 0.6);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.6);
  text-decoration-color: rgba(255, 255, 255, 0.6);
}

@media (min-width: 992px) {
  #main-navigation.dropdown-megamenu .top-level-li {
    position: static !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li ul, #main-navigation.dropdown-megamenu .top-level-li li {
    border: 0 !important;
    box-shadow: none;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children {
    width: auto;
    max-width: 1280px;
    left: 60px;
    right: 60px;
    border: 0;
    padding: 0 1.5em;
    background: rgba(34, 34, 34, 0.95);
    overflow: hidden;
    transition: none;
    display: grid;
    gap: 0 15px;
    grid-template-rows: auto;
    grid-template-columns: 1fr 1fr 1.1fr;
    grid-template-areas: 'spacer spacer spacer' 'col1a col2a col3a' 'col1b col2b col3b' 'col1c col2c col3c' 'col1d col2d col3d' 'col1e col2e col3e' 'col1f col2f col3f' 'col1g col2g col3g' 'col1h col2h col3h' 'end end end';
  }
  #main-navigation.dropdown-megamenu.megamenu-light .top-level-li > .children {
    background: rgba(247, 247, 247, 0.88);
    border: 1px solid #dedede !important;
    border-width: 0 1px !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children:before {
    content: '';
    display: block;
    width: 100%;
    height: 2em;
    grid-area: spacer;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children .fa {
    display: none;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li {
    position: relative;
    color: #ccc;
    font-size: 16px;
    margin: 0 0 2.5em;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1a {
    grid-area: col1a;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1b {
    grid-area: col1b;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1c {
    grid-area: col1c;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1d {
    grid-area: col1d;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1e {
    grid-area: col1e;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1f {
    grid-area: col1f;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1g {
    grid-area: col1g;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col1h {
    grid-area: col1h;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2a {
    grid-area: col2a;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2b {
    grid-area: col2b;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2c {
    grid-area: col2c;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2d {
    grid-area: col2d;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2e {
    grid-area: col2e;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2f {
    grid-area: col2f;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2g {
    grid-area: col2g;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col2h {
    grid-area: col2h;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3a {
    grid-area: col3a;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3b {
    grid-area: col3b;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3c {
    grid-area: col3c;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3d {
    grid-area: col3d;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3e {
    grid-area: col3e;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3f {
    grid-area: col3f;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3g {
    grid-area: col3g;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li.col3h {
    grid-area: col3h;
  }
  #main-navigation.dropdown-megamenu.megamenu-light .top-level-li > .children > li {
    color: #666;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li li {
    font-size: 16px;
    margin: 0 0 0.6em;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children .children {
    background: none;
    position: revert !important;
    overflow: revert;
    height: revert;
    opacity: 1;
    z-index: 101;
    width: 100%;
    min-width: revert;
    max-width: revert;
    margin: 1em 0 0 !important;
    padding-left: 13px;
    border-left: 3px solid rgba(255, 255, 255, 0.1) !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children .children .children {
    display: none !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children.hold-open {
    height: auto !important;
    opacity: 1 !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children a {
    display: revert;
    padding: revert;
    background: none;
    color: #fff;
    text-decoration: underline;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.125em;
    text-decoration-color: rgba(255, 255, 255, 0.3);
  }
  #main-navigation.dropdown-megamenu.megamenu-light .top-level-li > .children a:not(.link-button) {
    color: #000;
    text-decoration-color: rgba(0, 0, 0, 0.12);
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children a span {
    text-decoration-thickness: inherit;
    text-underline-offset: inherit;
    text-decoration-color: inherit;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children a:hover {
    background: none;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.125em;
    text-decoration-color: rgba(255, 255, 255, 0.85);
  }
  #main-navigation.dropdown-megamenu.megamenu-light .top-level-li > .children a:not(.link-button):hover {
    text-decoration-color: rgba(0, 0, 0, 0.7);
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children a:active {
    background: none;
    color: #aaa;
    text-decoration-thickness: 1px;
    text-underline-offset: 0.125em;
    text-decoration-color: rgba(255, 255, 255, 0.3);
  }
  #main-navigation.dropdown-megamenu.megamenu-light .top-level-li > .children a:not(.link-button):active {
    color: #707070;
    text-decoration-color: rgba(0, 0, 0, 0.4);
  }
  #main-navigation.dropdown-megamenu .top-level-li.open > .children,
  #main-navigation.dropdown-megamenu .top-level-li.parent:hover > .children {
    box-shadow: 0 10px 20px rgba(0, 0, 0, 0.04), 0 1px 0 rgba(0, 0, 0, 0.25);
  }
  #main-navigation.dropdown-megamenu .menu-section {
    border: 0 !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li .children {
    margin-top: 0.8em !important;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li li {
    margin-bottom: 0.3em;
  }
  #main-navigation.dropdown-megamenu .top-level-li > .children > li a span:first-of-type {
    white-space: normal;
    line-height: 1.25;
  }
}

@media (min-width: 1200px) {
  #main-navigation.dropdown-megamenu .top-level-li > .children {
    gap: 0 30px;
  }
}

@media (min-width: 1400px) {
  #main-navigation.dropdown-megamenu .top-level-li > .children {
    width: 1280px;
    left: calc(50vw - 640px - (50vw - 50%));
    right: calc(50vw - 640px - (50vw - 50%));
  }
}

@media (min-width: 992px) {
  #main-navigation.dropdown-megamenu.megamenu-nom-nom > .container-fluid > ul {
    padding: 18px;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom > .container-fluid > ul.open {
    background: rgba(34, 34, 34, 0.95) !important;
    border-bottom-color: #ccc;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom.megamenu-light > .container-fluid > ul.open {
    background: rgba(247, 247, 247, 0.88) !important;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent:hover > a,
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent.open > a {
    border-radius: 2px !important;
    background: #b31b1b !important;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent:hover > a:hover, #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent:hover > a:focus,
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent.open > a:hover,
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent.open > a:focus {
    text-decoration: underline;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent:hover > a:active,
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li.parent.open > a:active {
    background: #951b1b !important;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li > .children {
    background: linear-gradient(to bottom, rgba(34, 34, 34, 0.95) 0%, rgba(34, 34, 34, 0.95) 100%) 0 100% no-repeat;
    background-size: 100% calc(100% - 18px) !important;
  }
  #main-navigation.dropdown-megamenu.megamenu-nom-nom .top-level-li > .children:before {
    height: calc(2.1em + 18px);
  }
}

#main-navigation .top-level-li > .children > li.menu-feature {
  background: linear-gradient(135deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.25) 100%) !important;
  padding: 20px 1.5em 24px 2.25em;
  line-height: 1.4 !important;
  margin-left: -2.25em;
  width: calc(100% + 2.25em);
}

@media (min-width: 992px) {
  #main-navigation .top-level-li > .children > li.menu-feature {
    font-size: 17px;
    grid-area: 2 / 3 / span end / 3;
    padding: 0 0 0 2em;
    margin-left: revert;
    width: revert;
    background: none !important;
    box-shadow: none;
    border-left: 2px solid #343434 !important;
  }
  #main-navigation.megamenu-light .top-level-li > .children > li.menu-feature {
    background: rgba(0, 0, 0, 0.04) !important;
    box-shadow: 1.5em 0 0 2em rgba(0, 0, 0, 0.04);
    color: #000;
  }
}

@media (min-width: 1200px) {
  #main-navigation .top-level-li > .children > li.menu-feature {
    font-size: 18px;
  }
}

#main-navigation .top-level-li > .children > li.menu-feature .feature-content img {
  margin: 0.8em 0;
}

#main-navigation .top-level-li > .children > li.menu-feature .feature-content img:first-child {
  margin-top: 0.2em;
}

@media (min-width: 992px) {
  #main-navigation .top-level-li > .children > li.menu-feature .feature-content img {
    margin: 1em 0;
  }
  #main-navigation .top-level-li > .children > li.menu-feature .feature-content img:first-child {
    margin-top: 0;
  }
}

#main-navigation .top-level-li > .children > li.menu-feature h2 {
  font-family: "freight-text-pro", serif;
  font-size: 24px;
  margin: -0.1em 0 0.5em;
}

@media (min-width: 1200px) {
  #main-navigation .top-level-li > .children > li.menu-feature h2 {
    font-size: 26px;
  }
}

#main-navigation .top-level-li > .children > li.menu-feature .link-button {
  padding: 0.5em 0.9em !important;
  line-height: revert !important;
  text-decoration: none;
  display: inline-block;
  background: #b31b1b !important;
}

#main-navigation .top-level-li > .children > li.menu-feature .link-button:hover {
  background: #d32a2a !important;
}

#main-navigation .top-level-li > .children > li.menu-feature .link-button:active {
  background: #951b1b !important;
}

#org-menu {
  font-size: 10px;
  height: 32px;
  line-height: 1;
  position: relative;
  font-family: "freight-sans-pro", sans-serif;
}

#org-menu .container-fluid {
  width: 100%;
}

#org-menu ul {
  display: none;
  position: absolute;
  width: 240px;
  padding: 8px 5px;
  background: #fff;
  border-radius: 3px;
  top: 47px;
  z-index: 10;
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.4);
  pointer-events: none;
}

@media (min-width: 992px) {
  #org-menu ul {
    top: 54px;
  }
}

#org-menu ul.open {
  display: block;
}

#org-menu ul:before {
  position: absolute;
  content: '\f2f8';
  color: #fff;
  font-size: 42px;
  left: 131px;
  top: -24px;
}

@media (max-width: 991px) {
  #org-menu ul {
    transform: translateX(-30px);
  }
  #org-menu ul:before {
    transform: translateX(30px);
  }
}

#org-menu li {
  width: 100%;
  font-size: 16px;
  font-weight: 500;
  pointer-events: auto;
}

#org-menu li a {
  background: none;
  text-decoration: none;
  padding: 0.48em 0.7em;
}

#org-menu li a:before {
  content: '\f2ee';
  color: #000;
  opacity: 0.35;
  margin-right: 0.6em;
}

#org-menu li a:hover:before {
  opacity: 0.7;
}

#org-menu li a:active {
  background: rgba(0, 0, 0, 0.08);
}

#org-menu-toggle {
  -webkit-appearance: none;
  appearance: none;
  background: #b31b1b;
  border: 0;
  color: #fff;
  padding: 0;
  font-size: 21px;
  line-height: 1;
  cursor: pointer;
  text-align: center;
  margin-right: 4px;
  margin-top: 3px;
  width: 40px;
  height: 35px;
}

@media (min-width: 375px) {
  #org-menu-toggle {
    font-size: 21px;
  }
}

@media (min-width: 992px) {
  #org-menu-toggle {
    display: block;
    margin-right: 7px;
    font-size: 17px;
  }
}

#org-menu-toggle:hover {
  opacity: 1;
}

#org-menu-toggle:active, #org-menu-toggle.open {
  background: rgba(0, 0, 0, 0.12);
}

.dark #org-menu-toggle:active, .dark #org-menu-toggle.open {
  background: rgba(255, 255, 255, 0.15);
}

@keyframes tab-arrow-transition {
  0% {
    background-image: none;
    background-position: calc(100% - 5px) calc(100% - 0.08em);
  }
  60% {
    background-image: none;
    background-position: calc(100% - 5px) calc(100% - 0.08em);
  }
  100% {
    background-image: url("../images/brooks/link_arrow.svg");
    background-position: 100% calc(100% - 0.08em);
  }
}

.tab-interface {
  margin-bottom: 1.5em;
  grid-template-columns: calc(37% - 10px) calc(63% - 10px);
  gap: 0 20px;
}

@media (min-width: 768px) {
  .tab-interface {
    display: grid;
    position: relative;
  }
  .tab-interface:before {
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: calc(37% + 10px);
    background: #222 url("../images/brooks/triangles_tab_interface.svg") 50% 50% no-repeat;
  }
}

.tab-interface .tab-label {
  background: #f7f7f7;
  font-size: 17px;
  color: #000;
  cursor: default;
  padding: 4% 3.5%;
  display: none;
  align-items: center;
  transition: background-color 0.2s, color 0.2s;
}

.tab-interface .tab-label.compact {
  padding: 3% 3.5%;
}

.tab-interface .tab-label.ultra-compact {
  padding: 2% 3.5%;
}

@media (min-width: 768px) {
  .tab-interface .tab-label {
    display: flex;
    font-size: 20px;
    padding: 8% 7%;
    border-top: 1px solid #000;
  }
  .tab-interface .tab-label.compact {
    padding: 6% 7%;
  }
  .tab-interface .tab-label.ultra-compact {
    padding: 4% 7%;
  }
}

@media (min-width: 1200px) {
  .tab-interface .tab-label {
    font-size: 22px;
  }
}

.tab-interface .tab-label:first-child {
  border-top: 0;
}

@media (min-width: 768px) {
  .tab-interface .tab-label:hover {
    background: #ddd;
  }
}

.tab-interface .tab-label.active {
  background: #000;
  color: #fff;
}

.tab-interface.active-tab-red .tab-label.active {
  background: #b31b1b;
}

.tab-interface .tab-label .deco {
  pointer-events: none;
}

.tab-interface a.tab-label {
  cursor: pointer;
  background: #000;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-thickness: 1px;
  text-underline-offset: 0.125em;
  color: #fff;
  display: block;
  position: absolute;
  left: 40%;
  right: 8px;
  margin-top: 40vw;
  z-index: 1;
  text-align: center;
}

.tab-interface a.tab-label:after {
  content: '\f2ee';
  position: absolute;
  top: calc(50% - 0.4em);
  right: 7px;
  color: #000;
  background: #fff;
  width: 1em;
  height: 1em;
  text-align: center;
  line-height: 1;
  opacity: 0;
}

@media (min-width: 768px) {
  .tab-interface a.tab-label {
    background: #f7f7f7;
    color: #000;
    text-decoration: none;
    position: relative;
    left: revert;
    right: revert;
    margin: revert;
    text-align: revert;
  }
}

.tab-interface a.tab-label .deco {
  padding-bottom: 2px;
  background: linear-gradient(to right, rgba(197, 53, 34, 0) 0%, rgba(179, 27, 27, 0) 100%);
  background-position: 0 1.35em;
  background-repeat: no-repeat;
  background-size: 0 2px;
}

@media (min-width: 768px) {
  .tab-interface a.tab-label.active .deco {
    background: linear-gradient(to right, #c53522 0%, #b31b1b 100%);
    background-position: 0 1.35em;
    background-repeat: no-repeat;
    background-size: 100% 2px;
    transition: background-size 0.25s 0.2s;
  }
}

@media (min-width: 992px) {
  .tab-interface a.tab-label.active:hover:after {
    opacity: 0.35;
    transition: opacity 0.25s 0.2s;
  }
}

.tab-interface a.tab-label:active {
  opacity: 0.75;
}

.tab-interface a.tab-label.rad .deco .inner {
  background: transparent 100% calc(100% - 0.08em) no-repeat;
  background-size: 1em;
  padding-right: 1em;
  transition: background-image 1s 1s;
}

.tab-interface a.tab-label.rad:after {
  content: none;
}

.tab-interface a.tab-label.rad.active .deco {
  background-size: calc(100% - 1em) 2px;
}

.tab-interface a.tab-label.rad.active:hover .inner {
  background-image: url("../images/brooks/link_arrow.svg");
  animation-name: tab-arrow-transition;
  animation-duration: 0.4s;
  animation-timing-function: ease-out;
}

.tab-interface .tab-content {
  padding: 8% 7.5%;
  min-height: 56.25vw;
  margin-bottom: 2.5em;
  background: #121212 url("../images/brooks/triangles_tab_interface.svg") 50% 50% no-repeat;
  background-size: cover;
  position: relative;
  grid-area: 1 / 2 / span 50 / 2;
}

.tab-interface[data-tabcount='1'] .tab-content {
  grid-area: 1 / 2 / span 1 / 2;
}

.tab-interface[data-tabcount='2'] .tab-content {
  grid-area: 1 / 2 / span 2 / 2;
}

.tab-interface[data-tabcount='3'] .tab-content {
  grid-area: 1 / 2 / span 3 / 2;
}

.tab-interface[data-tabcount='4'] .tab-content {
  grid-area: 1 / 2 / span 4 / 2;
}

.tab-interface[data-tabcount='5'] .tab-content {
  grid-area: 1 / 2 / span 5 / 2;
}

.tab-interface[data-tabcount='6'] .tab-content {
  grid-area: 1 / 2 / span 6 / 2;
}

.tab-interface[data-tabcount='7'] .tab-content {
  grid-area: 1 / 2 / span 7 / 2;
}

.tab-interface[data-tabcount='8'] .tab-content {
  grid-area: 1 / 2 / span 8 / 2;
}

.tab-interface[data-tabcount='9'] .tab-content {
  grid-area: 1 / 2 / span 9 / 2;
}

.tab-interface[data-tabcount='10'] .tab-content {
  grid-area: 1 / 2 / span 10 / 2;
}

.tab-interface[data-tabcount='11'] .tab-content {
  grid-area: 1 / 2 / span 11 / 2;
}

.tab-interface[data-tabcount='12'] .tab-content {
  grid-area: 1 / 2 / span 12 / 2;
}

.tab-interface[data-tabcount='13'] .tab-content {
  grid-area: 1 / 2 / span 13 / 2;
}

.tab-interface[data-tabcount='14'] .tab-content {
  grid-area: 1 / 2 / span 14 / 2;
}

.tab-interface[data-tabcount='15'] .tab-content {
  grid-area: 1 / 2 / span 15 / 2;
}

.tab-interface[data-tabcount='16'] .tab-content {
  grid-area: 1 / 2 / span 16 / 2;
}

.tab-interface[data-tabcount='17'] .tab-content {
  grid-area: 1 / 2 / span 17 / 2;
}

.tab-interface[data-tabcount='18'] .tab-content {
  grid-area: 1 / 2 / span 18 / 2;
}

.tab-interface[data-tabcount='19'] .tab-content {
  grid-area: 1 / 2 / span 19 / 2;
}

.tab-interface[data-tabcount='20'] .tab-content {
  grid-area: 1 / 2 / span 20 / 2;
}

@media (min-width: 768px) {
  .tab-interface .tab-content {
    opacity: 0;
    transition: opacity 0.4s;
    min-height: 400px;
    margin-bottom: 0;
    pointer-events: none;
    background: transparent 50% 50% no-repeat;
    background-size: cover;
  }
}

.tab-interface .tab-content.active {
  opacity: 1;
  transition: opacity 0.8s;
  pointer-events: revert;
}

.tab-interface .tab-content > .content {
  color: #fff;
  font-size: 18px;
}

@media (min-width: 1200px) {
  .tab-interface .tab-content > .content {
    font-size: 20px;
  }
}

.tab-interface .tab-content > .content h2, .tab-interface .tab-content > .content h3, .tab-interface .tab-content > .content h4, .tab-interface .tab-content > .content h5, .tab-interface .tab-content > .content h6,
.tab-interface .tab-content > .content .h2, .tab-interface .tab-content > .content .h3, .tab-interface .tab-content > .content .h4, .tab-interface .tab-content > .content .h5, .tab-interface .tab-content > .content .h6 {
  color: #fff !important;
  font-weight: 600;
}

.tab-interface .tab-content > .content h3, .tab-interface .tab-content > .content .h3 {
  margin-bottom: 0.9em;
}

@media (min-width: 1200px) {
  .tab-interface .tab-content > .content h3, .tab-interface .tab-content > .content .h3 {
    font-size: 25px;
  }
}

.tab-interface .tab-content > .content p {
  margin-bottom: 1.75em;
}

.tab-interface .tab-content > .content .link-button {
  text-transform: uppercase;
  font-weight: 600;
}

.tab-interface .tab-content > .content > * {
  position: relative;
}

.tab-interface .tab-content > .content:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.55);
}

.tab-interface .tab-content > .content.no-bg-tint:before {
  content: none;
}

.tab-interface.tabs-right {
  grid-template-columns: calc(63% - 10px) calc(37% - 10px);
}

.tab-interface.tabs-right .tab-content {
  grid-area: 1 / 1 / span 50 / 1;
}

.tab-interface.tabs-right[data-tabcount='1'] .tab-content {
  grid-area: 1 / 1 / span 1 / 1;
}

.tab-interface.tabs-right[data-tabcount='2'] .tab-content {
  grid-area: 1 / 1 / span 2 / 1;
}

.tab-interface.tabs-right[data-tabcount='3'] .tab-content {
  grid-area: 1 / 1 / span 3 / 1;
}

.tab-interface.tabs-right[data-tabcount='4'] .tab-content {
  grid-area: 1 / 1 / span 4 / 1;
}

.tab-interface.tabs-right[data-tabcount='5'] .tab-content {
  grid-area: 1 / 1 / span 5 / 1;
}

.tab-interface.tabs-right[data-tabcount='6'] .tab-content {
  grid-area: 1 / 1 / span 6 / 1;
}

.tab-interface.tabs-right[data-tabcount='7'] .tab-content {
  grid-area: 1 / 1 / span 7 / 1;
}

.tab-interface.tabs-right[data-tabcount='8'] .tab-content {
  grid-area: 1 / 1 / span 8 / 1;
}

.tab-interface.tabs-right[data-tabcount='9'] .tab-content {
  grid-area: 1 / 1 / span 9 / 1;
}

.tab-interface.tabs-right[data-tabcount='10'] .tab-content {
  grid-area: 1 / 1 / span 10 / 1;
}

.tab-interface.tabs-right[data-tabcount='11'] .tab-content {
  grid-area: 1 / 1 / span 11 / 1;
}

.tab-interface.tabs-right[data-tabcount='12'] .tab-content {
  grid-area: 1 / 1 / span 12 / 1;
}

.tab-interface.tabs-right:before {
  right: calc(37% + 10px);
  left: 0;
}

.cwd-events .location {
  font-family: "freight-sans-pro", sans-serif;
  color: #666;
  font-weight: 500;
}

.cwd-events time {
  background: transparent;
  color: #b31b1b;
  width: 58px;
  padding: 0 20px 0 0;
  font-family: "freight-sans-pro", sans-serif;
  font-variant-numeric: lining-nums;
  font-feature-settings: "lnum";
  font-size: 12px;
  text-align: center;
  float: left;
  margin: 0 20px 15px 0;
  border-right: 2px solid #d58888;
}

.cwd-events time .month {
  width: 100%;
  font-size: 166.6667%;
  font-weight: 400;
  line-height: 1;
  color: #000;
}

.cwd-events time .day {
  width: 100%;
  font-size: 300%;
  line-height: 1;
  font-weight: 700;
}

.cwd-events .group-image {
  display: block;
  position: relative;
}

.cwd-events .group-image time {
  position: absolute;
  z-index: 2;
  left: 0;
  top: 5px;
  background: none;
}

.cwd-events .group-image time .day {
  position: relative;
}

.cwd-events .group-image time .month {
  position: relative;
  left: -0.2em;
}

.cwd-events .group-image time:before {
  content: '';
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  height: 0;
  background: none;
  border-top: 104px solid #b31b1b;
  border-right: 104px solid transparent;
  transition: border-color 0.2s;
}

@media (min-width: 768px) {
  .cwd-events .group-image time {
    width: 30px;
    font-size: 11px;
    top: 0;
  }
  .cwd-events .group-image time .day {
    font-size: 145.45%;
  }
  .cwd-events .group-image time .month {
    left: -0.1em;
  }
  .cwd-events .group-image time:before {
    border-top-width: 58px;
    border-right-width: 58px;
  }
}

@media (min-width: 1080px) {
  .cwd-events .group-image time {
    width: 40px;
    font-size: 12px;
    top: 1px;
  }
  .cwd-events .group-image time .day {
    font-size: 166.67%;
  }
  .cwd-events .group-image time:before {
    border-top-width: 74px;
    border-right-width: 74px;
  }
}

.cwd-events .group-image img {
  border-top: 5px solid #b31b1b;
  transition: border-color 0.2s;
}

@media (min-width: 768px) {
  .cwd-events .group-image img {
    border-top-width: 4px;
  }
}

.cwd-events .group-image a:hover time:before, .cwd-events .group-image a:hover img {
  border-top-color: #cf2525;
}

.cwd-events .group-image a:active, .cwd-events .group-image a:active img {
  border-top-color: #901414;
}

.cwd-events .group-noimage a {
  transition: background-color 0.2s;
}

@media (min-width: 992px) {
  .cwd-events .group-noimage a {
    display: block;
  }
}

.cwd-events .group-noimage a:hover time {
  border-color: #b31b1b;
}

.cwd-events .group-noimage a:active time {
  border-color: #d09d9d;
}

.cwd-events .group-noimage time {
  margin-right: 0;
}

@media (max-width: 991px) {
  .cwd-events .group-noimage time {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
    -webkit-flex-direction: row;
    -moz-box-orient: horizontal;
    -moz-box-direction: normal;
    -ms-flex-direction: row;
    flex-direction: row;
    width: auto;
    padding: 0;
    margin-right: 0;
    border-right: 0;
    border-bottom: 2px solid #d58888;
  }
  .cwd-events .group-noimage time .month, .cwd-events .group-noimage time .day {
    width: auto;
    font-family: "freight-sans-pro", sans-serif;
    font-size: 15px;
    font-weight: 600;
    line-height: 1;
    padding: 0.5em 0.4em;
  }
  .cwd-events .group-noimage time .month {
    padding-right: 0;
  }
}

.cwd-events .group-noimage + .group-fields {
  clear: both;
}

@media (min-width: 992px) {
  .cwd-events .group-noimage h3 {
    font-size: 20px;
    float: right;
    width: calc(100% - 58px) !important;
    padding-left: 20px;
  }
  .cwd-events .group-noimage + .group-fields {
    clear: none;
    float: right;
    width: calc(100% - 58px) !important;
    padding-left: 20px;
  }
}

@media (min-width: 1200px) {
  .cwd-events.tiles .cards {
    margin-left: -25px !important;
    margin-right: -25px !important;
  }
  .cwd-events.tiles .card {
    padding-left: 25px !important;
    padding-right: 25px !important;
  }
}

.cwd-events.tiles .group-image time {
  width: 62px;
  top: 5px;
}

.cwd-events.tiles .group-image time .day {
  font-size: 300%;
}

.cwd-events.tiles .group-image time .month {
  left: -0.2em;
}

.cwd-events.tiles .group-image time:before {
  border-top-width: 104px;
  border-right-width: 104px;
}

.cwd-events.tiles .group-image img {
  border-top-width: 5px;
}

.cwd-events.tiles .group-image + .group-fields {
  width: 100% !important;
}

.cwd-events.compact .group-noimage a {
  transition: background 0.15s, box-shadow 0.15s;
}

.cwd-events.compact .group-noimage a:hover {
  background: rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 0 10px rgba(0, 0, 0, 0.04);
}

.cwd-events.compact .group-noimage time {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -webkit-flex-direction: row;
  -moz-box-orient: horizontal;
  -moz-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  position: relative;
  width: auto;
  padding: 0;
  margin-right: 0;
  background: none !important;
}

.cwd-events.compact .group-noimage time .month, .cwd-events.compact .group-noimage time .day {
  background: rgba(0, 0, 0, 0.05);
  color: #2e2e2e;
  width: auto;
  font-size: 21px;
  font-weight: 400;
  line-height: 1;
  text-transform: none;
  padding: 0.5em 0 0.5em 0.8em;
  transition: background 0.15s, color 0.15s;
}

@media (min-width: 768px) and (max-width: 991px) {
  .secondary .cwd-events.compact .group-noimage time .month, .secondary .cwd-events.compact .group-noimage time .day {
    font-size: 18px;
  }
}

.cwd-events.compact .group-noimage time .day {
  padding: 0.5em 0.8em 0.5em 0.3em;
  margin-right: 1em;
}

.cwd-events.compact .group-noimage time .time {
  font-size: 16px;
  white-space: nowrap;
  color: #5e5e5e;
  transition: color 0.15s;
  position: absolute;
  left: 110px;
}

@media (min-width: 768px) and (max-width: 991px) {
  .secondary .cwd-events.compact .group-noimage time .time {
    font-size: 13px;
    left: 90px;
  }
}

@media (min-width: 992px) and (max-width: 1200px) {
  .secondary .cwd-events.compact .group-noimage time .time {
    font-size: 13px;
  }
}

.cwd-events.compact .group-noimage time .time:before {
  content: '\f337';
  font-size: 18px;
  position: relative;
  top: 1px;
  color: #b31b1b;
  margin-right: 0.25em;
  transition: color 0.15s;
}

.cwd-events.compact .group-noimage a:hover .month, .cwd-events.compact .group-noimage a:hover .day {
  background: rgba(0, 0, 0, 0.08);
  color: #000;
}

.cwd-events.compact .group-noimage a:hover .time, .cwd-events.compact .group-noimage a:hover .time:before {
  color: #000;
}

.cwd-events.compact .group-noimage h3, .cwd-events.compact .group-noimage + .group-fields {
  clear: both;
  float: none;
  width: 100% !important;
}

.cwd-events.compact .group-noimage h3 {
  font-family: "freight-sans-pro", sans-serif;
  font-size: 16px;
  line-height: 1.5;
  margin: 0;
}

.cwd-events.compact .location {
  font-size: 14px;
  font-weight: 400;
}

.dark .cwd-events .location {
  color: #ddd;
}

.single .type-events *[style*='font-size'] {
  font-size: unset !important;
}

@media (min-width: 1200px) {
  .single .type-events .summary {
    font-size: 18px;
  }
}

.single .type-events .desc_bigger {
  font-size: 112.5%;
}

.single .type-events .custom-fields {
  border-top: 1px solid #ddd;
  padding-top: 1em;
  margin-top: 2em;
  clear: both;
  float: left;
  width: 100%;
}

.single .type-events .custom-fields .label {
  font-weight: 600;
  padding-right: 0.5em;
  min-width: 110px;
  display: inline-block;
}

.single .type-events .custom-fields #event-url .field {
  max-width: calc(100% - 110px - 0.5em);
  display: inline-block;
}

.single .type-events .custom-fields #event-url a {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  position: relative;
  top: -0.13em;
  vertical-align: middle;
}

.cwd-news .date:before {
  content: '';
  background: #b31b1b;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0.2em 0.2em 0 0;
}

.cwd-news.tiles .card {
  display: flex;
}

.cwd-news.tiles .card .group-image {
  display: flex;
  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
}

.cwd-news.tiles .card .group-image > a {
  background: #fff;
  position: relative;
}

.cwd-news.tiles .card .group-image > a:after {
  content: '\f2ee';
  color: #b31b1b;
  font-size: 1.5em;
  position: absolute;
  bottom: 0.4em;
  right: 0.6em;
}

.cwd-news.tiles .card .group-image > a:hover:after, .cwd-news.tiles .card .group-image > a:focus:after {
  color: #000;
}

.cwd-news.tiles .card .group-image > a:active:after {
  color: #666;
}

.cwd-news.tiles .card .group-image .overlay {
  margin: 0 !important;
  padding: 1.5em !important;
  display: flex;
  flex-direction: column;
}

.cwd-news.tiles .card .group-image sub-heading {
  order: -1;
  text-decoration: none;
  text-transform: uppercase;
  color: #b31b1b;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 0.5em;
}

.cwd-news.tiles .card .group-image p {
  text-decoration: none;
  color: #333;
}

.cwd-news.full .date:before {
  width: 11px;
  height: 11px;
}

body.single-people #main-article h1 {
  margin-bottom: 10px;
}

.professional-title {
  font-size: 25px;
  font-weight: 200;
}

body.single-people #main-article .cwd-component .metadata-set .field .deco {
  margin-bottom: 25px;
}

.cwd-people .subheading-secondary {
  font-size: 11px;
  color: #707070;
}

.cwd-people .affiliation:before {
  content: '\f112' !important;
  margin-right: 0.3em;
}

.cwd-people ul.inline .affiliation {
  padding-left: 0.5em;
  margin-left: 0.5em;
}

.cwd-people .subheading-secondary + ul.inline {
  margin-top: 1.5em;
}

.cwd-people .link-email:before {
  content: '\f193';
  font-size: 14px;
  margin-right: 0.3em;
  position: relative;
  top: 1px;
  transform: scaleX(-1);
}

.cwd-people.full .intro {
  margin-bottom: 0.25em;
}

.cwd-people.full .affiliation {
  font-family: "freight-text-pro", serif;
  color: #000;
}

.cwd-people.full .affiliation:before {
  color: #b31b1b;
  margin-right: 0.4em;
}

.cwd-people.full .category {
  font-size: 14px;
}

.cwd-people.full figure + .category {
  margin-top: -0.5em;
}

.cwd-people.full .affiliations-and-roles p {
  line-height: 1.4;
}

.cwd-people.full .field-body div p {
  margin-bottom: 1.5em;
}

.cwd-people.full ul.group-members > li {
  padding-left: 1.4em;
  margin-bottom: 0.25em;
}

.cwd-people.full ul.group-members > li:before {
  content: '\f207';
  font-size: 114.3%;
  top: 0.2em;
  left: 1px;
}

.cwd-people.full .content-sidebar figure {
  max-width: 480px;
}

.cwd-people.full .content-sidebar h2 {
  color: #000 !important;
  font-size: 20px;
}

@media (min-width: 992px) {
  .cwd-people.full .content-sidebar h2 {
    font-size: 22px;
  }
}

.cwd-people.full .field-email + .field-location,
.cwd-people.full .field-phone + .field-location,
.cwd-people.full .field-website + .field-location {
  margin-top: 1em;
}

.cwd-people.fun .card img {
  transform: rotate(-3deg) translateX(-2%);
  border: 4px solid #fff;
  border-bottom-width: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.cwd-people.fun .card:nth-child(even) img {
  transform: rotate(3deg) translateX(-2%);
}

.cwd-people.fun.tiles .card img {
  transform: none;
  border: 0;
  box-shadow: none;
}

.cwd-people.fun.tiles .card .group-image {
  transform: rotate(-3deg) translateY(-2%);
  border: 4px solid #fff;
  border-bottom-width: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.cwd-people.fun.tiles .card:nth-child(even) .group-image {
  transform: rotate(3deg) translateY(-2%);
}

.dark .cwd-people .subheading-secondary {
  color: #bbb;
}

.type-people .custom-fields {
  padding-bottom: 25px;
  margin-top: 25px;
}

@media (min-width: 992px) {
  .type-people .image {
    background: #010101 url(../images/brooks/triangles_midbanner.svg) 107% 20% no-repeat;
  }
  .type-people .image img {
    margin: -45px 0px 45px 45px;
  }
}

.type-people .metadata-set {
  display: inline;
  margin-right: 20px;
}

.type-people .align-left, a > figure.align-left {
  margin-top: 20px;
  margin-right: 30px;
}

@media (min-width: 992px) {
  .type-people .align-left, a > figure.align-left {
    margin: 75px 90px 30px 0;
  }
}

#contact .fa.fa-facebook::before {
  color: #b31b1b;
  margin-right: 10px;
  font-size: 16px;
}

#contact .fa.fa-twitter::before {
  color: #b31b1b;
  margin-right: 4px;
  font-size: 16px;
}

#contact .email:before {
  content: '\f0e0';
  color: #b31b1b;
  padding-right: 9px;
  font-size: 16px;
}

#contact .fa.fa-phone::before {
  color: #b31b1b;
  margin-right: 12px;
  font-size: 16px;
}

.website, .cv, .headshot {
  margin-left: 24px;
}

#related-research-block {
  padding-left: 0px;
  list-style-type: none;
}

#related-research-block li {
  margin-bottom: 1em;
}

.cwd-basic .card.type-people h2.h3 {
  margin-bottom: 0.1em;
}

.cwd-basic .card.type-people .professional-title {
  font-size: 23px;
}

.table-responsive .mobile-header {
  display: none;
  padding: 0.6em 0;
  border-top: 2px solid #e8e8e8;
  font-family: "freight-sans-pro", sans-serif;
  font-size: 16px;
  font-weight: 400;
  text-align: center;
  color: inherit !important;
  margin: 0;
}

.table-responsive .mobile-subheader {
  display: none;
  font: inherit;
  margin: 0;
  color: inherit;
}

.table-responsive .mobile-label {
  display: none;
  font: inherit;
  font-weight: bolder;
  font-size: smaller;
  color: inherit;
}

@media (max-width: 1023px) {
  .table-responsive {
    display: block;
  }
  .table-responsive caption,
  .table-responsive thead,
  .table-responsive .row-header {
    display: none;
  }
  .table-responsive tbody {
    display: block;
  }
  .table-responsive tbody tr {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 1em;
  }
  .table-responsive tbody th {
    display: block;
    width: 100% !important;
    border: 0;
  }
  .table-responsive tbody td {
    display: block;
    width: 50% !important;
    border: 0;
  }
}

@media (max-width: 1023px) and (max-width: 374px) {
  .table-responsive tbody td {
    width: 100% !important;
    border: 0;
  }
}

@media (max-width: 1023px) {
  .table-responsive .mobile-header,
  .table-responsive .mobile-subheader,
  .table-responsive .mobile-label {
    display: block;
  }
}

@media (max-width: 1023px) {
  .table-responsive.colored th, .table-responsive.colored tr:nth-child(even) > th[scope='row'], .table-responsive.striped th, .table-responsive.striped tr:nth-child(even) > th[scope='row'], .table-responsive.colored.striped th, .table-responsive.colored.striped tr:nth-child(even) > th[scope='row'] {
    background: #f3f3f3 !important;
  }
  .table-responsive.colored td, .table-responsive.colored tr:nth-child(even) td, .table-responsive.striped td, .table-responsive.striped tr:nth-child(even) td, .table-responsive.colored.striped td, .table-responsive.colored.striped tr:nth-child(even) td {
    background: none;
  }
}

#main-article h1 {
  color: #222;
  font-weight: bold;
  text-transform: uppercase;
  font-size: 37px;
}

main h3, #main h3 {
  color: #333;
  font-size: 22px;
}

article aside {
  background: #efefef;
  border: 1px solid #e8e7e7;
}

main .intro-container h2, #main .intro-container h2 {
  color: #222;
  font-weight: bold;
}

@media (min-width: 992px) {
  .intro-container {
    display: flex;
    justify-content: center;
    align-items: center;
  }
}

.intro-container .intro-text {
  margin-top: 20px;
}

@media (min-width: 992px) {
  .intro-container .intro-text {
    margin-left: 4em;
    width: 50%;
    margin-top: 0px;
  }
}

.intro-container img {
  width: 100%;
  max-width: 100%;
}

.intro-container p {
  color: #222;
  font-size: 18px;
}

@media (min-width: 992px) {
  .intro-container p {
    font-size: 21px;
  }
}

.intro-container a.link-button {
  float: right;
  text-transform: uppercase;
  font-weight: 600;
}

@media (min-width: 1080px) {
  .theme-container {
    position: relative;
    max-height: 100%;
    margin-bottom: 100px;
  }
  .theme-container:last-of-type {
    margin-bottom: 100px;
  }
}

.theme-container img {
  width: 100%;
}

@media (min-width: 1080px) {
  .theme-container img {
    position: absolute;
    z-index: 1;
    left: 50px;
    height: 300px;
    width: calc(100% - 100px);
    object-fit: cover;
  }
}

.theme-container .theme-box {
  background-color: #efefef;
  padding: 40px 50px 50px 50px;
  margin-top: -10px;
  height: auto;
}

.theme-container .theme-box h2 a {
  color: #222;
}

@media (min-width: 1080px) {
  .theme-container .theme-box {
    background-color: #efefef;
    transform: translateY(100px);
    padding-top: 240px;
  }
}

.theme-container .sub-heading {
  text-decoration: none;
  text-transform: uppercase;
  color: #b31b1b;
  font-weight: 700;
  font-size: 15px;
  margin-bottom: 0.5em;
}

.theme-container hr {
  border-bottom: 1px solid #c0c0c0;
}

main .theme-container h2, #main .theme-container h2 {
  color: #222;
  font-weight: bold;
}

.stats.red {
  color: #b31b1b;
}

.stats.red hr {
  background-color: #b31b1b;
}

.stats.black .text {
  color: #000;
}

.stats .text {
  display: block;
  color: #b31b1b;
  font-size: 65px;
  font-weight: bold;
}

.stats .item {
  text-align: center;
  display: block;
}

.stats .item p {
  padding: 30px 0;
  font-size: 20px;
}

.stats hr {
  margin-bottom: 0px;
}

@media (min-width: 992px) {
  .stats {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    padding-top: 25px;
  }
  .stats hr {
    background: none;
    border-right: 1px solid #707070;
    width: 1px;
    height: 325px;
    margin: 0px;
  }
  .stats .item p {
    padding: 50px 70px;
    font-size: 20px;
  }
  .stats .text {
    font-size: 52px;
    line-height: .75em;
    padding-bottom: 50px;
  }
  .stats.stats-1 .item {
    width: 100%;
  }
  .stats.stats-2 .item {
    width: calc(50% - 2px);
  }
  .stats.stats-3 .item {
    width: calc(33.34% - 2px);
  }
  .stats.stats-4 .item {
    width: calc(25% - 2px);
  }
}

@media (min-width: 1200px) {
  .stats p {
    font-size: 25px;
  }
  .stats.stats-4 .item p {
    font-size: 20px;
  }
  .stats .text {
    font-size: 75px;
  }
  .stats.stats-4 .item .text {
    font-size: 52px;
  }
}

.band.padded.ci-cta-links {
  background: #010101 url(../images/brooks/triangles_midbanner.svg) 50% 20% no-repeat;
  background-size: cover;
}

@media (min-width: 992px) {
  .band.padded.ci-cta-links {
    padding-bottom: 2.5em;
  }
  .band.padded.ci-cta-links + .band, .band.padded.ci-cta-links .contact-prefooter, .band.padded.ci-cta-links .body-footer {
    padding-top: 9em;
  }
}

.band.padded.ci-cta-links .content {
  position: relative;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  color: #fff;
  font-size: 19px;
  z-index: 1;
}

@media (min-width: 768px) {
  .band.padded.ci-cta-links .content {
    flex-wrap: nowrap;
  }
}

.band.padded.ci-cta-links .content ul {
  padding: 0px;
}

@media (min-width: 768px) {
  .band.padded.ci-cta-links .content ul {
    width: 53%;
  }
}

@media (min-width: 768px) {
  .band.padded.ci-cta-links .content img {
    object-fit: cover;
    max-width: 46%;
  }
}

@media (min-width: 992px) {
  .band.padded.ci-cta-links .content img {
    position: absolute;
    right: 15px;
    width: 46%;
    height: 500px;
  }
}

.band.padded.ci-cta-links .content li {
  padding-right: 40px;
  list-style-type: none;
}

.band.padded.ci-cta-links .content li h3 {
  margin: 25px 0px;
}

.band.padded.ci-cta-links .content li h3 a {
  color: #fff;
  font-weight: 700;
  font-size: 27px;
}

.band.padded.ci-cta-links .content li h3 a:after {
  content: '\f2ee';
  padding-left: 20px;
  text-decoration: none;
  opacity: 0;
  transform: translateX(-10px);
  transition: opacity 0.1s, transform 0.1s;
}

.band.padded.ci-cta-links .content li h3 a:hover:after {
  opacity: 1;
  transform: translateX(0);
  transition: opacity 0.2s, transform 0.2s;
}

.band.padded.ci-cta-links .content li h3 a:active {
  color: #bbb;
}

.band.padded.ci-cta-links .content li h3 a:active::after {
  transform: translateX(0);
  transition: opacity 0.01s, transform 0.01s;
}

.partners {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  flex-wrap: wrap;
}

.partners a {
  width: 250px;
  padding: 25px 25px;
}

@media (min-width: 624px) {
  .partners {
    margin: 0px;
    display: flex;
    flex-direction: row;
    justify-content: space-around;
    align-items: center;
  }
}

.row-stats.stats-2 {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  flex-wrap: wrap;
  color: #fff;
}

@media (min-width: 768px) {
  .row-stats.stats-2 {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
  }
}

.row-stats.stats-2 .stat {
  background: #010101 url(../images/brooks/triangles_midbanner.svg) 50% 20% no-repeat;
  padding: 55px 65px 75px 65px;
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
}

@media (min-width: 768px) {
  .row-stats.stats-2 .stat {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
}

@media (min-width: 992px) {
  .row-stats.stats-2 .stat {
    width: calc(50% - 8px);
    margin-right: 16px;
  }
}

@media (min-width: 1080px) {
  .row-stats.stats-2 .stat {
    width: calc(50% - 13px);
    margin-right: 26px;
  }
}

.row-stats.stats-2 .stat .stat-number {
  font-size: 60px;
  font-weight: bold;
  padding-bottom: 25px;
}

.row-stats.stats-2 .stat .stat-number:after {
  content: '';
  display: block;
  margin: 0.2em auto 0.2em;
  max-width: 50px;
  border-bottom: 2px solid #fff;
}

.row-stats.stats-2 .stat .stat-text {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
}

.row-stats.stats-2 .stat:last-child {
  margin-right: 0;
}

.row-stats.stats-3 {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  flex-wrap: wrap;
  color: #fff;
}

@media (min-width: 768px) {
  .row-stats.stats-3 {
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: space-around;
  }
}

.row-stats.stats-3 .stat {
  background: #010101 url(../images/brooks/triangles_midbanner.svg) 50% 20% no-repeat;
  padding: 55px 65px 75px 65px;
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
}

@media (min-width: 768px) {
  .row-stats.stats-3 .stat {
    width: calc(33.333% - 5px);
    margin-right: 10px;
  }
}

@media (min-width: 992px) {
  .row-stats.stats-3 .stat {
    width: calc(33.333% - 8px);
    margin-right: 16px;
  }
}

@media (min-width: 1080px) {
  .row-stats.stats-3 .stat {
    width: calc(33.333% - 13px);
    margin-right: 26px;
  }
}

.row-stats.stats-3 .stat .stat-number {
  font-size: 60px;
  font-weight: bold;
  padding-bottom: 25px;
}

.row-stats.stats-3 .stat .stat-number:after {
  content: '';
  display: block;
  margin: 0.2em auto 0.2em;
  max-width: 50px;
  border-bottom: 2px solid #fff;
}

.row-stats.stats-3 .stat .stat-text {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
}

.row-stats.stats-3 .stat:last-child {
  margin-right: 0;
}

.row-stats.stats-4 {
  display: flex;
  flex-direction: column;
  width: 100%;
  color: #fff;
}

@media (min-width: 768px) {
  .row-stats.stats-4 {
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
  }
}

@media (min-width: 992px) {
  .row-stats.stats-4 {
    flex-wrap: nowrap;
  }
}

.row-stats.stats-4 .stat {
  background: #010101 url(../images/brooks/triangles_midbanner.svg) 50% 20% no-repeat;
  padding: 55px 55px 75px 55px;
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
}

@media (min-width: 768px) {
  .row-stats.stats-4 .stat {
    width: calc(50% - 5px);
    margin-right: 10px;
  }
  .row-stats.stats-4 .stat:nth-child(1) {
    margin-bottom: 10px;
  }
  .row-stats.stats-4 .stat:nth-child(2) {
    margin-right: 0;
    margin-bottom: 10px;
  }
}

@media (min-width: 992px) {
  .row-stats.stats-4 .stat {
    width: calc(25% - 8px);
    margin-right: 16px;
  }
  .row-stats.stats-4 .stat:nth-child(1) {
    margin-bottom: 35px;
  }
  .row-stats.stats-4 .stat:nth-child(2) {
    margin-right: 16px;
    margin-bottom: 35px;
  }
}

@media (min-width: 1080px) {
  .row-stats.stats-4 .stat {
    width: calc(25% - 13px);
    margin-right: 26px;
  }
  .row-stats.stats-4 .stat:nth-child(2) {
    margin-right: 26px;
  }
}

.row-stats.stats-4 .stat .stat-number {
  font-size: 50px;
  font-weight: bold;
  padding-bottom: 25px;
}

.row-stats.stats-4 .stat .stat-number:after {
  content: '';
  display: block;
  margin: 0.2em auto 0.2em;
  max-width: 50px;
  border-bottom: 2px solid #fff;
}

.row-stats.stats-4 .stat .stat-text {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
}

.row-stats.stats-4 .stat:last-child {
  margin-right: 0;
}

.grid-stats {
  position: relative;
}

@media (min-width: 992px) {
  .grid-stats:before {
    position: absolute;
    content: '';
    background-color: #f7f7f7;
    display: block;
    width: 100%;
    height: 60%;
    top: 16.5%;
  }
}

.grid-stats .two-col {
  position: relative;
}

@media (min-width: 992px) {
  .grid-stats .two-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
  }
}

.stats-grid {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .stats-grid {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .stats-grid {
    width: 50%;
    z-index: 1;
  }
}

.stats-grid .stat {
  background: #010101 url(../images/brooks/triangles_midbanner.svg) 50% 20% no-repeat;
  padding: 55px 65px 75px 65px;
  text-align: center;
  margin-bottom: 35px;
  width: 100%;
}

@media (min-width: 768px) {
  .stats-grid .stat {
    padding: 25px 35px 45px 35px;
    width: 50%;
    margin: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
  }
}

@media (min-width: 1200px) {
  .stats-grid .stat {
    padding: 55px 65px 75px 65px;
  }
}

.stats-grid .stat .stat-number {
  font-size: 60px;
  font-weight: bold;
  padding-bottom: 25px;
}

.stats-grid .stat .stat-number:after {
  content: '';
  display: block;
  margin: 0.2em auto 0.2em;
  max-width: 50px;
  border-bottom: 2px solid #fff;
}

.stats-grid .stat .stat-text {
  display: flex;
  justify-content: center;
  font-size: 20px;
  font-weight: 500;
}

@media (min-width: 992px) {
  .stats-supplementary-content {
    padding-left: 50px;
  }
}

.stats-supplementary-content h2 {
  text-decoration: none;
  text-transform: uppercase;
  color: #b31b1b;
  font-weight: 700;
  font-size: 15px;
}

.stats-supplementary-content li a {
  font-size: 30px;
  line-height: 1.3em;
  color: #000;
  font-weight: 100;
}

.stats-supplementary-content li a:hover:after {
  content: '\f2ee';
  color: #b31b1b;
  padding-left: 10px;
}

.imgLinks {
  position: relative;
}

@media (min-width: 992px) {
  .imgLinks:before {
    position: absolute;
    content: '';
    background-color: #f7f7f7;
    display: block;
    width: 100%;
    height: 60%;
    top: 16.5%;
  }
}

.imgLinks .two-col {
  position: relative;
}

@media (min-width: 992px) {
  .imgLinks .two-col {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    z-index: 1;
  }
}

.imgLinks-img {
  display: flex;
  flex-direction: column;
  align-content: center;
  width: 100%;
  flex-wrap: wrap;
  color: #fff;
  text-align: center;
  margin-bottom: 35px;
  position: relative;
  z-index: 1;
}

@media (min-width: 768px) {
  .imgLinks-img {
    flex-direction: row;
  }
}

@media (min-width: 992px) {
  .imgLinks-img {
    width: 50%;
    z-index: 1;
  }
}

@media (min-width: 992px) {
  .imgLinks-supplementary-content {
    padding-left: 50px;
  }
}

.imgLinks-supplementary-content h2 {
  text-decoration: none;
  text-transform: uppercase;
  color: #b31b1b;
  font-weight: 700;
  font-size: 15px;
}

.imgLinks-supplementary-content li a {
  font-size: 30px;
  line-height: 1.3em;
  color: #000;
  font-weight: 100;
}

.imgLinks-supplementary-content li a:hover:after {
  content: '\f2ee';
  color: #b31b1b;
  padding-left: 10px;
}

@media (min-width: 768px) {
  .contacts {
    width: 70%;
  }
}

@media (min-width: 1080px) {
  .band.contact-prefooter .content, .band.contact-prefooter .contact-methods {
    display: flex;
    justify-content: flex-start;
  }
}

.band.contact-prefooter .contact-person:first-child {
  margin-bottom: 2em;
}

@media (min-width: 768px) {
  .band.contact-prefooter .contact-person {
    display: flex;
    width: 100%;
  }
}

@media (min-width: 1080px) {
  .band.contact-prefooter .contact-person {
    display: flex;
  }
}

@media (min-width: 768px) {
  .band.contact-prefooter .contact-info {
    padding-left: 30px;
    width: 70%;
  }
}

@media (min-width: 1200px) {
  .band.contact-prefooter .contact-info {
    padding-left: 50px;
  }
}

.band.contact-prefooter .contact-photo img {
  width: 100%;
}

@media (min-width: 992px) {
  .band.contact-prefooter .contact-photo {
    width: 285px;
  }
}

.band.contact-prefooter .contact-title h2 {
  text-transform: none;
}

@media (min-width: 768px) {
  .band.contact-prefooter .contact-title h2 {
    font-size: 35px;
    padding: 0px 20px 0px 0px;
    margin-bottom: 40px;
  }
}

@media (min-width: 992px) {
  .band.contact-prefooter .contact-title h2 {
    padding: 70px 20px 0px 0px;
  }
}

@media (min-width: 1080px) {
  .band.contact-prefooter .contact-title h2 {
    font-size: 38px;
    padding: 70px 45px 50px 0px;
  }
}

@media (min-width: 1200px) {
  .band.contact-prefooter .contact-title h2 {
    font-size: 50px;
  }
}

.band.contact-prefooter .contact-name {
  font-size: 29px;
  font-weight: 600;
}

@media (min-width: 768px) {
  .band.contact-prefooter .contact-name {
    margin-bottom: 10px;
  }
}

.band.contact-prefooter .contact-position, .band.contact-prefooter .contact-department {
  font-size: 24px;
  font-weight: 400;
}

.band.contact-prefooter .contact-address {
  font-size: 21px;
  position: relative;
  padding-left: 28px;
  margin-top: 20px;
}

.band.contact-prefooter .contact-address:before {
  content: '\f041';
  font-size: 114.3%;
  color: #b31b1b;
  padding-right: 20px;
  position: absolute;
  left: 0px;
  top: 5px;
}

@media (min-width: 768px) {
  .band.contact-prefooter .contact-address {
    margin-top: 20px;
  }
}

@media (min-width: 1080px) {
  .band.contact-prefooter .contact-address {
    margin-right: 20px;
  }
}

.band.contact-prefooter .contact-phone-email {
  font-size: 21px;
}

@media (min-width: 768px) {
  .band.contact-prefooter .contact-phone-email {
    margin-top: 20px;
  }
}

.band.contact-prefooter .contact-phone:before {
  content: '\f095';
  color: #b31b1b;
  padding-right: 10px;
}

.band.contact-prefooter .contact-email:before {
  content: '\f0e0';
  color: #b31b1b;
  padding-right: 10px;
  font-size: 19px;
}

@media (min-width: 992px) {
  #main form.search {
    display: flex;
    flex-wrap: nowrap;
    height: 70px;
    align-items: flex-end;
  }
}

#main form.search input[type='submit'] {
  background: #b31b1b;
  text-transform: uppercase;
  font-weight: 600;
  margin-bottom: 0.2em;
  height: 34px;
  margin-top: 15px;
}

@media (min-width: 992px) {
  #main form.search input[type='submit'] {
    margin-top: 0px;
  }
}

#main form.search input[type='search'] {
  margin-bottom: 3.3px;
  border: 1px solid #767676;
}

#main form.search fieldset,
#main form.search > div {
  padding: 0.35em 0.75em 0em 0em;
  border: none;
  margin-left: 0;
  margin-right: 0;
}

@media (min-width: 992px) {
  #main form.search fieldset,
  #main form.search > div {
    width: 33%;
  }
}

#main form.search legend, #main form.search label {
  font-size: 15px;
  font-weight: 600;
  color: #000;
  padding: 10px 0px 0px 0px;
  margin: 0 0 0.35em;
}

@media (min-width: 992px) {
  #main form.search legend, #main form.search label {
    padding-top: 0px;
  }
}

#main form select:not([multiple]):not([size]), #main form select:not([multiple])[size='1'],
form.form select:not([multiple]):not([size]), form.form select:not([multiple])[size='1'] {
  border-radius: 0px;
  height: 34px;
  background-image: none;
  background-image: url("../images/layout/unfold-band-defaultblue.svg"), linear-gradient(to bottom, #fff 0%, #fff 100%);
}

.centers-and-institutes .two-footer {
  color: #fff;
}

.centers-and-institutes .two-footer .footer-ci:first-child {
  margin-bottom: 2em;
  margin-right: 15px;
}

@media (min-width: 768px) {
  .centers-and-institutes .two-footer .footer-ci:first-child {
    margin-bottom: 0em;
  }
}

.centers-and-institutes .two-footer h3 {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 1em;
  margin-top: 0.5em;
}

.centers-and-institutes .two-footer .textwidget {
  line-height: 1.7em;
}

@media (min-width: 768px) {
  .centers-and-institutes .two-footer {
    display: flex;
    justify-content: space-around;
  }
}

.centers-and-institutes .menu {
  padding-left: 0px;
}

.centers-and-institutes .menu li {
  list-style-type: none;
}

.centers-and-institutes .widget-title {
  text-decoration: none;
  text-transform: uppercase;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  margin-bottom: 1em;
  margin-top: 3.5em;
}

@media (min-width: 768px) {
  #body-footer .main-footer .container-fluid.sidebar-left.subsite-footer:after {
    border-right: none;
  }
}

#body-footer .subsite-footer .social {
  margin-top: 1em;
}

@media (min-width: 992px) {
  .centers-and-institutes footer .main-footer .secondary .menu {
    column-count: 2;
    column-gap: 40px;
  }
}

.landing-page-intro figure {
  width: 100% !important;
}

.landing-page-intro .row > .primary, .landing-page-intro .row > .secondary {
  margin-bottom: 0em;
}

.flex-card {
  background: #f7f7f7;
  padding: 30px;
  border: 1px solid #e8e7e7;
  margin-bottom: 25px;
}

@media (min-width: 768px) {
  .flex-card {
    margin-bottom: 0px;
  }
}

.flex-card.bg-white {
  background: #fff;
  border: 0;
  padding: 0;
}

.bg-gray .flex-card.bg-gray {
  border: 0;
  padding: 0;
}

.bg-gray .flex-card.bg-white {
  padding: 30px;
}

@media (min-width: 834px) {
  .flex-card .flex-4, .flex-card .flex-8 {
    margin-bottom: 0;
  }
}

.flex-card.flex-grid {
  margin-left: 0px;
  margin-right: 0px;
}

.flex-card.flex-grid img {
  object-fit: cover;
}

@media (min-width: 832px) {
  .flex-card.flex-grid img {
    margin-left: -10px;
  }
}

.full-width .flex-card {
  margin-bottom: 2em;
}

.expander.scripted .expander-heading {
  background: #fff;
  margin-bottom: 0em;
  padding: 1.5em 7px;
  border-top: 1px solid #dedede;
}

.expander .expander-heading.open, .expander .expander-heading.open:hover {
  color: #000 !important;
  background: #fff !important;
}

.expander .expander-heading.open .fa, .expander .expander-heading.open:hover .fa {
  color: #333;
}

.expander.scripted div {
  border-color: #dedede;
}

@media (min-width: 832px) {
  .flex-cards, .flex-card {
    height: 100%;
  }
}

.flex-cards + .flex-cards {
  margin-top: -1.5em;
}

#main fieldset, form.form fieldset {
  border: none;
}

.frm_style_formidable-style.with_frm_style .frm_submit button {
  background: #b31b1b;
  text-transform: uppercase;
  font-weight: 600;
  font-family: "freight-sans-pro", sans-serif;
  border: none;
  border-radius: 0;
}

#main fieldset label {
  margin-bottom: 9px;
}

.with_frm_style .frm_primary_label {
  margin-bottom: 10px;
  font-size: 18px;
  font-weight: 600;
  color: #333;
}

.frm_style_formidable-style.with_frm_style .form-field {
  font-size: 21px;
}

.cwd-basic .cards .h3 .deco {
  font-weight: 600;
}

.cwd-component .metadata-set .field .deco {
  color: #000;
  background-color: #d1d1d1;
  padding: 5px 10px;
  border-bottom: none;
}

.cwd-component .metadata-set .field .deco:hover {
  background-color: #b31b1b;
  color: white;
}

.cwd-component .metadata-set > * {
  border-right: none;
}

.cwd-basic .card a .h3:not(.designer) {
  color: #b31b1b !important;
}

.subheading.sans {
  font-size: 18px;
}

.subheading.sans:before {
  content: '\f073';
  color: #222;
  margin-right: 5px;
}

.cwd-component .summary {
  margin: 1em 0em 1.5em 0em;
}

.cards.flex-grid {
  justify-content: center;
}

@media (min-width: 1200px) {
  .cards.flex-grid {
    margin-left: -20px;
    margin-right: -20px;
  }
}

.cards.flex-grid .flex-4 {
  display: flex;
  align-items: stretch;
  margin-bottom: 2em;
}

@media (min-width: 1200px) {
  .cards.flex-grid .flex-4 {
    padding-left: 20px;
    padding-right: 20px;
  }
}

.cards.flex-grid .flex-4 .card-content {
  background: #fff;
  padding: 20px;
}

@media (min-width: 1200px) {
  .cards.flex-grid .flex-4 .card-content {
    padding: 34px;
  }
}

.cards.flex-grid h3 {
  color: #b31b1b !important;
  font-weight: 700;
}

.cards.flex-grid .link p {
  color: #000;
}

.cards.flex-grid a.flex-4 {
  text-decoration: none;
}

.cards.flex-grid a.flex-4 .card-content {
  transition: background 0.15s, box-shadow 0.15s;
}

.cards.flex-grid a.flex-4:hover .card-content {
  box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.05);
}

.cards.flex-grid a.flex-4:active .card-content {
  box-shadow: 0 0 0 15px rgba(0, 0, 0, 0.1);
}

.cards.flex-grid a.flex-4 h3::after {
  content: '\f2ee';
  color: #b31b1b;
  margin-left: 10px;
  font-size: 17px;
}

.quote p {
  font-size: 19px;
  font-weight: 100;
}

@media (min-width: 1080px) {
  .quote p {
    font-size: 22px;
  }
}

@media (min-width: 1200px) {
  .quote p {
    font-size: 26px;
  }
}

.quote p:last-child {
  font-size: 20px;
  font-weight: 600;
  text-align: right;
}

@media (min-width: 1080px) {
  .quote p:last-child {
    font-size: 23px;
  }
}

@media (min-width: 1200px) {
  .quote p:last-child {
    font-size: 27px;
  }
}

.quote img {
  display: inline-block;
  object-fit: cover;
}

.quote blockquote {
  background: #010101 url(../images/brooks/triangles_midbanner.svg) 50% 20% no-repeat;
  color: #fff;
  position: relative;
  padding: 50px;
  border-left: none;
  z-index: 0;
}

.quote blockquote::before {
  content: "";
  position: absolute;
  width: 250px;
  height: 250px;
  background: url(../images/brooks/cropquote.svg) 50% 20% no-repeat;
  left: 0;
  bottom: 0;
}

@media (min-width: 992px) {
  .quote blockquote {
    padding: 75px;
  }
}

.quote.with-image {
  margin-bottom: 1em;
  display: flex;
  flex-wrap: wrap;
}

.quote.with-image img {
  width: 100%;
}

@media (min-width: 768px) {
  .quote.with-image img {
    z-index: 1;
    width: 350px;
    height: 400px;
    position: absolute;
  }
}

@media (min-width: 768px) {
  .quote.with-image blockquote {
    margin-left: 275px;
    margin-top: 75px;
    min-height: 470px;
    padding-left: 125px;
  }
}

@media (min-width: 992px) {
  .quote.with-image blockquote {
    padding-left: 142px;
  }
}

.sidebar .quote.with-image {
  display: flex;
  flex-wrap: wrap;
  padding-top: 0;
  position: relative;
}

.sidebar .quote.with-image p {
  font-size: 18px;
}

.sidebar .quote.with-image img {
  display: inline-block;
  position: relative;
  width: 100%;
}

@media (min-width: 992px) {
  .sidebar .quote.with-image img {
    z-index: 1;
    width: 200px;
    height: 225px;
    position: absolute;
  }
}

.sidebar .quote.with-image blockquote {
  margin-left: 0;
  margin-top: 0;
  min-height: 0;
  padding-left: 45px;
  min-width: 100%;
}

@media (min-width: 992px) {
  .sidebar .quote.with-image blockquote {
    margin-left: 150px;
    margin-top: 50px;
    padding: 30px 20px 20px 75px;
    min-height: 250px;
    min-width: 0;
  }
}

.cwd-spotlight .date:before {
  content: '';
  background: #b31b1b;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0.2em 0.2em 0 0;
}

.cwd-spotlight.full .date:before {
  width: 11px;
  height: 11px;
}

@media (min-width: 768px) {
  .type-spotlights .image {
    background: #010101 url(../images/brooks/triangles_midbanner.svg) 107% 20% no-repeat;
  }
  .type-spotlights .image img {
    margin: -45px 0px 45px 45px;
  }
}

@media (min-width: 768px) {
  .type-spotlights .align-left, a > figure.align-left {
    margin: 47px 81px 4px 0;
  }
}

body.single-people #main-article h1 {
  margin-bottom: 10px;
}

.professional-title {
  font-size: 25px;
  font-weight: 200;
}

body.single-people #main-article .cwd-component .metadata-set .field .deco {
  margin-bottom: 25px;
}

.cwd-people .subheading-secondary {
  font-size: 11px;
  color: #707070;
}

.cwd-people .affiliation:before {
  content: '\f112' !important;
  margin-right: 0.3em;
}

.cwd-people ul.inline .affiliation {
  padding-left: 0.5em;
  margin-left: 0.5em;
}

.cwd-people .subheading-secondary + ul.inline {
  margin-top: 1.5em;
}

.cwd-people .link-email:before {
  content: '\f193';
  font-size: 14px;
  margin-right: 0.3em;
  position: relative;
  top: 1px;
  transform: scaleX(-1);
}

.cwd-people.full .intro {
  margin-bottom: 0.25em;
}

.cwd-people.full .affiliation {
  font-family: "freight-text-pro", serif;
  color: #000;
}

.cwd-people.full .affiliation:before {
  color: #b31b1b;
  margin-right: 0.4em;
}

.cwd-people.full .category {
  font-size: 14px;
}

.cwd-people.full figure + .category {
  margin-top: -0.5em;
}

.cwd-people.full .affiliations-and-roles p {
  line-height: 1.4;
}

.cwd-people.full .field-body div p {
  margin-bottom: 1.5em;
}

.cwd-people.full ul.group-members > li {
  padding-left: 1.4em;
  margin-bottom: 0.25em;
}

.cwd-people.full ul.group-members > li:before {
  content: '\f207';
  font-size: 114.3%;
  top: 0.2em;
  left: 1px;
}

.cwd-people.full .content-sidebar figure {
  max-width: 480px;
}

.cwd-people.full .content-sidebar h2 {
  color: #000 !important;
  font-size: 20px;
}

@media (min-width: 992px) {
  .cwd-people.full .content-sidebar h2 {
    font-size: 22px;
  }
}

.cwd-people.full .field-email + .field-location,
.cwd-people.full .field-phone + .field-location,
.cwd-people.full .field-website + .field-location {
  margin-top: 1em;
}

.cwd-people.fun .card img {
  transform: rotate(-3deg) translateX(-2%);
  border: 4px solid #fff;
  border-bottom-width: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.cwd-people.fun .card:nth-child(even) img {
  transform: rotate(3deg) translateX(-2%);
}

.cwd-people.fun.tiles .card img {
  transform: none;
  border: 0;
  box-shadow: none;
}

.cwd-people.fun.tiles .card .group-image {
  transform: rotate(-3deg) translateY(-2%);
  border: 4px solid #fff;
  border-bottom-width: 12px;
  box-shadow: 0 0 12px rgba(0, 0, 0, 0.1);
}

.cwd-people.fun.tiles .card:nth-child(even) .group-image {
  transform: rotate(3deg) translateY(-2%);
}

.dark .cwd-people .subheading-secondary {
  color: #bbb;
}

.type-people .custom-fields {
  padding-bottom: 25px;
  margin-top: 25px;
}

@media (min-width: 992px) {
  .type-people .image {
    background: #010101 url(../images/brooks/triangles_midbanner.svg) 107% 20% no-repeat;
  }
  .type-people .image img {
    margin: -45px 0px 45px 45px;
  }
}

.type-people .metadata-set {
  display: inline;
  margin-right: 20px;
}

.type-people .align-left, a > figure.align-left {
  margin-top: 20px;
  margin-right: 30px;
}

@media (min-width: 992px) {
  .type-people .align-left, a > figure.align-left {
    margin: 75px 90px 30px 0;
  }
}

#contact .fa.fa-facebook::before {
  color: #b31b1b;
  margin-right: 10px;
  font-size: 16px;
}

#contact .fa.fa-twitter::before {
  color: #b31b1b;
  margin-right: 4px;
  font-size: 16px;
}

#contact .email:before {
  content: '\f0e0';
  color: #b31b1b;
  padding-right: 9px;
  font-size: 16px;
}

#contact .fa.fa-phone::before {
  color: #b31b1b;
  margin-right: 12px;
  font-size: 16px;
}

.website, .cv, .headshot {
  margin-left: 24px;
}

#related-research-block {
  padding-left: 0px;
  list-style-type: none;
}

#related-research-block li {
  margin-bottom: 1em;
}

.cwd-basic .card.type-people h2.h3 {
  margin-bottom: 0.1em;
}

.cwd-basic .card.type-people .professional-title {
  font-size: 23px;
}

.cwd-motion-fadein.scripted {
  opacity: 0;
}

.cwd-motion-fadein.revealed {
  opacity: 1;
  transition: opacity 0.5s 0.1s linear;
}

.cwd-motion-slidein.scripted {
  opacity: 0;
  transform: translateY(60px);
}

.cwd-motion-slidein.revealed {
  transform: translateY(0);
  opacity: 1;
  transition: transform 0.5s 0.1s ease-out, opacity 0.5s 0.1s linear;
}

body.home {
  background: #f7f7f7;
}

#main-content, #main {
  background: inherit;
}

/* Band Accent Color */
.band.accent1 {
  background: #f2f2f2;
}

/* Brooks branding */
.cu-seal .cu-logo a {
  background-image: url("../images/brooks/SPP_1_line_white.svg") !important;
  background-size: 100%;
  width: 290px !important;
  height: 46px !important;
  margin-top: 30px !important;
}

@media (min-width: 375px) {
  .cu-seal .cu-logo a {
    width: 320px !important;
    height: 51px !important;
  }
}

@media (min-width: 768px) {
  .cu-seal .cu-logo a {
    margin-top: 0 !important;
    width: 380px !important;
    height: 60px !important;
  }
}

@media (min-width: 1080px) {
  .cu-seal .cu-logo a {
    width: 475px !important;
    height: 75px !important;
  }
}

@media (min-width: 1200px) {
  .cu-seal .cu-logo a {
    width: 540px !important;
    height: 85px !important;
  }
}

/* Cornell branding for weill pages */
.cu-seal .cu-logo-alt a {
  background-image: url("../images/brooks/cornell_logo_simple_white.png") !important;
  background-size: 100%;
  width: 180px !important;
  min-width: 180px !important;
  height: 46px !important;
  margin-top: 30px !important;
}

@media (min-width: 375px) {
  .cu-seal .cu-logo-alt a {
    width: 200px !important;
    min-width: 200px !important;
    height: 51px !important;
  }
}

@media (min-width: 768px) {
  .cu-seal .cu-logo-alt a {
    margin-top: 0 !important;
    width: 236px !important;
    min-width: 236px !important;
    height: 60px !important;
  }
}

@media (min-width: 1080px) {
  .cu-seal .cu-logo-alt a {
    width: 295px !important;
    min-width: 295px !important;
    height: 75px !important;
  }
}

@media (min-width: 1200px) {
  .cu-seal .cu-logo-alt a {
    width: 295px !important;
    min-width: 295px !important;
    height: 75px !important;
  }
}

.lockup-seal {
  position: absolute;
  text-indent: -100vw;
  overflow: hidden;
  width: 54px;
  height: 50px;
  left: calc(50vw - 145px - 8px);
  margin-top: 12px;
}

@media (min-width: 375px) {
  .lockup-seal {
    left: calc(50vw - 160px - 8px);
    width: 58px;
    height: 52px;
  }
}

@media (min-width: 768px) {
  .lockup-seal {
    left: auto;
    width: 72px;
    height: 62px;
    margin-top: 0;
  }
}

@media (min-width: 1080px) {
  .lockup-seal {
    width: 90px;
    height: 76px;
  }
}

@media (min-width: 1200px) {
  .lockup-seal {
    width: 104px;
    height: 88px;
  }
}

body.centers-and-institutes .lockup-seal {
  left: auto !important;
}

@media (min-width: 1200px) {
  body.centers-and-institutes .lockup-seal {
    width: 90px;
    height: 76px;
  }
}

/* Super Header (with support for homepage slider) */
#super-header {
  position: relative;
  background: #9d1818 url("../images/brooks/banner_secondary.jpg") 50% 50% no-repeat;
  background-size: cover;
  float: left;
  width: 100%;
}

#super-header #cu-header {
  position: relative;
  z-index: 7;
  background: none !important;
}

#super-header #site-header {
  position: relative;
  z-index: 6;
  background: none !important;
}

@media (max-width: 991px) {
  #super-header #site-header {
    z-index: 8;
  }
}

#super-header > #image-band {
  background: transparent 50% 30% no-repeat;
  background-size: cover;
}

#super-header > #image-band #cu-header, #super-header > #image-band #site-header {
  background: rgba(18, 18, 18, 0.65) !important;
}

.home #super-header {
  min-height: 380px;
  max-height: 90vh;
  height: 60vw;
  background-color: #222;
  background-image: none;
}

@media (min-width: 768px) {
  .home #super-header {
    min-height: 640px;
  }
}

@media (min-width: 1080px) {
  .home #super-header {
    min-height: 720px;
  }
}

@media (max-width: 991px) {
  .home #super-header #site-header {
    z-index: 8;
  }
}

.home #super-header:after {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 4;
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.9) 0%, rgba(18, 18, 18, 0.2) 50%, rgba(18, 18, 18, 0.5) 100%) !important;
}

.home #super-header .slide-buffer {
  background-position: 50% 0;
}

@media (min-width: 768px) {
  .home #super-header .slide-buffer {
    background-position: 50% 15%;
  }
}

.home #super-header .slider-container {
  z-index: 5;
  position: absolute;
  top: 46%;
  bottom: 20px;
}

@media (min-width: 768px) {
  .home #super-header .slider-container {
    top: auto;
    bottom: 88px;
  }
}

.home #super-header .slider-container .caption-inner {
  left: 18px !important;
  top: auto !important;
  bottom: 50px;
}

@media (min-width: 768px) {
  .home #super-header .slider-container .caption-inner {
    left: 0 !important;
    right: auto;
    top: auto !important;
    padding: 0;
    bottom: 80px;
    background: none;
    width: 50%;
    max-width: 600px;
    /*
				bottom: 0; 
				left: auto !important;
				right: 0;
				max-width: 50%;
				text-align: right;
				*/
  }
}

.home #super-header .slider-container .caption-inner .caption-focus {
  width: 100%;
}

.home #super-header .slider-container .slider-caption {
  padding: 0 15px;
  text-align: center;
  background: none;
}

@media (min-width: 768px) {
  .home #super-header .slider-container .slider-caption {
    position: relative;
    padding: 0 30px;
    text-align: left;
  }
}

@media (min-width: 992px) {
  .home #super-header .slider-container .slider-caption {
    padding: 0 60px;
  }
}

.home #super-header .slider-container .slider-caption h2 {
  font-size: 15px;
  font-weight: 500;
  line-height: 1.35;
  margin-bottom: 0.4em;
}

@media (min-width: 768px) {
  .home #super-header .slider-container .slider-caption h2 {
    font-weight: 400;
    font-size: 28px;
  }
}

@media (min-width: 1200px) {
  .home #super-header .slider-container .slider-caption h2 {
    font-size: 34px;
  }
}

.home #super-header .slider-container .slider-caption h2:last-child {
  margin-bottom: 0;
}

.home #super-header .slider-container .slider-caption p {
  font-size: 13px;
  text-transform: none;
}

@media (min-width: 768px) {
  .home #super-header .slider-container .slider-caption p {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .home #super-header .slider-container .slider-caption p {
    font-size: 18px;
  }
}

.home #super-header .slider-container .campaign-nav {
  left: 0 !important;
}

@media (max-width: 767px) {
  .home #super-header .slider-container .campaign-nav {
    bottom: 42px;
  }
  .home #super-header .slider-container .campaign-nav .next-prev a {
    border: 0;
    width: 26px;
    height: 26px;
    position: absolute;
    margin: 0 3px;
    background: rgba(0, 0, 0, 0.3);
  }
  .home #super-header .slider-container .campaign-nav .next-prev a:hover, .home #super-header .slider-container .campaign-nav .next-prev a:focus {
    background: rgba(0, 0, 0, 0.4);
  }
  .home #super-header .slider-container .campaign-nav .next-prev a:active {
    background: rgba(0, 0, 0, 0.5);
  }
  .home #super-header .slider-container .campaign-nav .next-prev a .fa {
    font-size: 18px;
    line-height: 26px;
  }
  .home #super-header .slider-container .campaign-nav .next-prev .prev {
    padding-right: 1px;
    right: 32px;
    left: auto;
  }
  .home #super-header .slider-container .campaign-nav .next-prev .next {
    padding-left: 1px;
    right: 2px;
  }
}

/* Utility Navigation (Desktop) */
.mobile-nav-only.utility-submenu {
  padding-left: 15px !important;
}

@media (min-width: 768px) {
  #cu-header .container-fluid .buttons {
    top: 28px;
  }
  #cu-header .container-fluid .buttons button {
    cursor: pointer;
    width: 34px;
    height: 32px;
    margin-top: 0;
    background-position: 50% 52%;
  }
  #cu-header .container-fluid .buttons #mobile-nav {
    margin-left: 5px;
  }
  #cu-header .container-fluid .buttons #cu-search-button {
    background-image: url("../images/cornell/icon_search32_white.png");
  }
}

@media (min-width: 992px) {
  .cu-seal .cu-search {
    border-bottom-width: 5px;
  }
  #utility-navigation a {
    height: 32px;
    line-height: 32px;
    padding: 0;
    margin: 0 30px 0 0;
    background: none !important;
    font-size: 14px;
    font-weight: 600;
    color: #fff !important;
  }
  #utility-navigation a:hover, #utility-navigation a:focus {
    text-decoration: underline;
  }
  #utility-navigation a:active {
    color: #999 !important;
  }
  #utility-navigation ul ul {
    background: rgba(34, 34, 34, 0.92);
  }
  #utility-navigation ul ul li {
    border: 0;
  }
  #utility-navigation ul ul a {
    padding: 10px;
    margin: 0;
  }
  #utility-navigation .top-level-li.parent > a {
    padding-left: 8px;
    padding-right: 6px;
    margin-right: 6px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  #utility-navigation .top-level-li.parent > a {
    padding-left: 10px;
    padding-right: 8px;
    margin-right: 12px;
  }
}

@media (min-width: 992px) {
  #utility-navigation .top-level-li.parent.open > a {
    background: rgba(34, 34, 34, 0.62) !important;
  }
  .cu-seal #cu-header .cu-brand {
    padding-top: 35px;
  }
  #cu-header .container-fluid .buttons {
    top: 48px;
  }
}

@media (min-width: 1080px) {
  #cu-header .container-fluid .buttons {
    top: 56px;
  }
}

@media (min-width: 1200px) {
  .cu-seal #cu-header .cu-brand {
    padding-top: 45px;
  }
  #cu-header .container-fluid .buttons {
    top: 72px;
  }
}

/* Main  Navigation (Desktop) */
@media (min-width: 992px) {
  #main-navigation {
    padding: 20px 0 0;
    background: none;
  }
  #main-navigation li {
    line-height: 1;
    font-size: 14px;
  }
}

@media (min-width: 992px) and (min-width: 1200px) {
  #main-navigation li {
    font-size: 16px;
  }
}

@media (min-width: 992px) and (min-width: 1300px) {
  #main-navigation li {
    font-size: 19px;
  }
}

@media (min-width: 992px) {
  #main-navigation li a {
    border-radius: 3px;
    padding: 11px 12px;
    white-space: nowrap;
    font-weight: 600;
  }
}

@media (min-width: 992px) and (min-width: 1080px) {
  #main-navigation li a {
    padding: 11px 20px;
  }
}

@media (min-width: 992px) {
  #main-navigation li.parent:hover > a {
    border-radius: 3px 3px 0 0;
    background: rgba(34, 34, 34, 0.92);
  }
  #main-navigation li li {
    border: 0;
    font-size: 14px;
  }
  #main-navigation li li a {
    border-radius: 0 !important;
    padding: 12px 20px;
    font-weight: normal;
  }
  #main-navigation li ul {
    background: #444;
  }
  #main-navigation > .container-fluid > ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-wrap: no-wrap;
    -ms-flex-wrap: no-wrap;
    flex-wrap: no-wrap;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    -moz-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    border-top: 2px solid #b31b1b;
    padding: 18px 0;
  }
  .home #main-navigation > .container-fluid > ul {
    border-bottom: 2px solid #b31b1b;
  }
  #main-navigation > .container-fluid > ul > li > a.is-active {
    background: #b31b1b;
  }
  #main-navigation > .container-fluid > ul > li > a.is-active:hover {
    background: #c71d1d;
  }
  #main-navigation .fa-caret-down {
    margin-right: -0.3em;
  }
  .dropdown-menu ul ul ul {
    box-shadow: none;
    border-left-color: #242424;
  }
}

/* Custom Carousel */
@keyframes slide-transition {
  0% {
    transform: scale(1.04);
  }
  100% {
    transform: scale(1);
  }
}

@keyframes quote-transition {
  0% {
    transform: translateX(20px);
    opacity: 0;
  }
  50% {
    transform: translateX(20px);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}

@keyframes cite-transition {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes button-transition {
  0% {
    background: none;
  }
  100% {
    background: #b31b1b;
  }
}

@keyframes zip {
  0% {
    transform: translateX(300px);
    opacity: 0;
    background: #b31b1b;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
    background: #b31b1b;
  }
  100% {
    transform: translateX(-300px);
    opacity: 0;
    background: #b31b1b;
  }
}

@keyframes zap {
  0% {
    transform: translateY(150px);
    opacity: 0;
    background: #b31b1b;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
    background: #b31b1b;
  }
  100% {
    transform: translateY(-200px);
    opacity: 0;
    background: #b31b1b;
  }
}

@keyframes zippy {
  0% {
    transform: translateX(-300px);
    opacity: 0;
    background: #b31b1b;
  }
  50% {
    transform: translateX(0);
    opacity: 1;
    background: #b31b1b;
  }
  100% {
    transform: translateX(300px);
    opacity: 0;
    background: #b31b1b;
  }
}

@keyframes zappy {
  0% {
    transform: translateY(-150px);
    opacity: 0;
    background: #b31b1b;
  }
  50% {
    transform: translateY(0);
    opacity: 1;
    background: #b31b1b;
  }
  100% {
    transform: translateY(200px);
    opacity: 0;
    background: #b31b1b;
  }
}

.home #super-header .slider-container .slider-caption h2 {
  font-size: 13px;
  font-weight: 600;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  padding: 0.5em 1.3em 0.6em;
}

@media (min-width: 768px) {
  .home #super-header .slider-container .slider-caption h2 {
    font-size: 16px;
  }
}

@media (min-width: 992px) {
  .home #super-header .slider-container .slider-caption h2 {
    font-size: 20px;
  }
}

.home #super-header .slider-container .slider-caption .caption-inner.active h2 {
  background: #b31b1b;
  animation-name: button-transition;
  animation-duration: 0.05s;
  animation-timing-function: linear;
}

.home #super-header .slider-container .slider-caption .caption-inner.active .caption-focus:hover h2, .home #super-header .slider-container .slider-caption .caption-inner.active .caption-focus:focus h2 {
  background: #d32a2a;
}

.home #super-header .slider-container .slider-caption .caption-inner.active .caption-focus:active h2 {
  background: #951b1b;
}

@media (min-width: 768px) {
  .home #super-header .slider-container .slider-caption .caption-inner {
    width: auto;
    bottom: 1vw;
  }
}

@media (min-width: 768px) {
  .home #super-header .slider-container .campaign-nav {
    left: auto !important;
    right: 30px;
    width: auto;
    bottom: 1vw;
  }
  .home #super-header .slider-container .campaign-nav, .home #super-header .slider-container .campaign-nav ul, .home #super-header .slider-container .campaign-nav .next-prev {
    float: right;
  }
  .home #super-header .slider-container .campaign-nav .next-prev .prev {
    margin-left: 16px;
  }
  .home #super-header .slider-container .campaign-nav .next-prev .next {
    margin-right: 0;
  }
  .home #super-header .slider-container .campaign-nav .next-prev a {
    background: rgba(0, 0, 0, 0.34);
    border: 1px solid rgba(255, 255, 255, 0.58);
  }
  .home #super-header .slider-container .campaign-nav .next-prev a:hover, .home #super-header .slider-container .campaign-nav .next-prev a:focus {
    background: rgba(50, 50, 50, 0.34);
    border: 1px solid rgba(255, 255, 255, 0.78);
  }
  .home #super-header .slider-container .campaign-nav .next-prev a:active {
    background: rgba(0, 0, 0, 0.54);
    border: 1px solid rgba(255, 255, 255, 0.48);
  }
  .home #super-header .slider-container .campaign-nav .next-prev a .fa {
    line-height: 34px;
  }
  .home #super-header .slider-container .campaign-nav .next-prev a:active .fa {
    opacity: 0.8;
  }
  .home #super-header .slider-container .campaign-nav.no-numbers .dot {
    background: rgba(255, 255, 255, 0.38);
    box-shadow: 0 0 2px rgba(0, 0, 0, 0.1);
  }
  .home #super-header .slider-container .campaign-nav.no-numbers .dot:hover, .home #super-header .slider-container .campaign-nav.no-numbers .dot:focus {
    background: rgba(255, 255, 255, 0.58);
  }
  .home #super-header .slider-container .campaign-nav.no-numbers .dot:active {
    background: rgba(255, 255, 255, 0.28);
  }
}

@media (min-width: 992px) {
  .home #super-header .slider-container .campaign-nav {
    right: 0;
  }
}

.home #super-header .slider-container blockquote {
  color: #fff;
  border: 0;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  max-width: 320px;
  margin-left: 2px;
}

.home #super-header .slider-container blockquote p {
  font-size: 24px;
  line-height: 0.8;
  font-weight: 700;
  margin-left: 0;
  margin-bottom: 0.2em;
  animation-name: quote-transition;
  animation-duration: 1.1s;
  animation-timing-function: ease-out;
}

@media (min-width: 768px) {
  .home #super-header .slider-container blockquote p {
    font-size: 40px;
    margin-bottom: 2em;
  }
}

@media (min-width: 992px) {
  .home #super-header .slider-container blockquote p {
    font-size: 50px;
    margin-bottom: 1.75em;
  }
}

@media (min-width: 1200px) {
  .home #super-header .slider-container blockquote p {
    font-size: 60px;
    margin-bottom: 1.5em;
  }
}

.home #super-header .slider-container blockquote p q {
  quotes: "“" "”" "‘" "’";
}

.home #super-header .slider-container blockquote p q:before {
  font-weight: 400;
  font-size: 115%;
  opacity: 0.8;
  margin-left: -0.47em;
  line-height: 0.6;
}

.home #super-header .slider-container blockquote p q:after {
  font-weight: 400;
  font-size: 115%;
  opacity: 0.8;
  margin-left: 0.04em;
  line-height: 1;
}

.home #super-header .slider-container blockquote footer {
  margin-bottom: 0.55em;
}

.home #super-header .slider-container blockquote cite {
  font-size: 14px;
  font-style: normal;
  font-weight: 500;
  position: relative;
  animation-name: cite-transition;
  animation-duration: 1.9s;
  animation-timing-function: ease-out;
}

.home #super-header .slider-container blockquote cite:before {
  content: '- ';
  position: absolute;
  left: -0.5em;
}

@media (min-width: 768px) {
  .home #super-header .slider-container blockquote cite {
    font-size: 18px;
  }
}

@media (min-width: 992px) {
  .home #super-header .slider-container blockquote cite {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .home #super-header .slider-container blockquote cite {
    font-size: 24px;
  }
}

@media (min-width: 768px) {
  .home #super-header .slider-container blockquote {
    display: flex;
    flex-direction: column-reverse;
    width: 70%;
    max-width: none;
  }
}

@media (max-width: 767px) {
  .home #super-header .slider-container {
    overflow: hidden;
  }
}

.home #super-header #super-header-slides {
  overflow: hidden;
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}

.home #super-header .incoming-slide {
  animation-name: slide-transition;
  animation-duration: 1s;
  animation-timing-function: ease-in-out;
}

.home #super-header #slider-caption .caption-inner .caption-focus {
  position: relative;
}

.home #super-header #slider-caption .caption-inner .caption-focus:before, .home #super-header #slider-caption .caption-inner .caption-focus:after {
  content: '';
  display: block;
  width: 2px;
  height: 80px;
  background: #b31b1b;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}

@media (min-width: 768px) {
  .home #super-header #slider-caption .caption-inner .caption-focus:before, .home #super-header #slider-caption .caption-inner .caption-focus:after {
    height: 200px;
  }
}

.home #super-header #slider-caption .caption-inner .caption-focus:after {
  left: auto;
  right: 0;
}

.home #super-header #slider-caption .caption-inner:before, .home #super-header #slider-caption .caption-inner:after {
  content: '';
  display: block;
  width: 200px;
  height: 2px;
  background: #b31b1b;
  position: absolute;
  left: 0;
  bottom: 0;
  opacity: 0;
}

@media (min-width: 768px) {
  .home #super-header #slider-caption .caption-inner:before, .home #super-header #slider-caption .caption-inner:after {
    width: 400px;
  }
}

.home #super-header #slider-caption .caption-inner:after {
  top: 0;
  bottom: auto;
}

.home #super-header #slider-caption .caption-inner.active:before {
  animation-name: zip;
  animation-duration: 1s;
  animation-delay: 0.6s;
  animation-timing-function: linear;
  opacity: 0;
}

.home #super-header #slider-caption .caption-inner.active:after {
  animation-name: zippy;
  animation-duration: 0.8s;
  animation-delay: 0.8s;
  animation-timing-function: linear;
  opacity: 0;
}

.home #super-header #slider-caption .caption-inner.active .caption-focus:before {
  animation-name: zap;
  animation-duration: 1s;
  animation-delay: 1s;
  animation-timing-function: linear;
  opacity: 0;
}

.home #super-header #slider-caption .caption-inner.active .caption-focus:after {
  animation-name: zappy;
  animation-duration: 0.8s;
  animation-delay: 1.1s;
  animation-timing-function: linear;
  opacity: 0;
}

.home #super-header #slider-caption .caption-inner.active:nth-child(even):before {
  animation-name: zippy;
}

.home #super-header #slider-caption .caption-inner.active:nth-child(even):after {
  animation-name: zip;
}

.home #super-header #slider-caption .caption-inner.active:nth-child(even) .caption-focus:before {
  animation-name: zappy;
}

.home #super-header #slider-caption .caption-inner.active:nth-child(even) .caption-focus:after {
  animation-name: zap;
}

a.link-button {
  background: #b31b1b;
  text-decoration: none;
}

a.link-button:hover, a.link-button:focus {
  background: #d32a2a;
}

a.link-button:active {
  background: #951b1b;
}

a.more {
  font-size: 16px;
  font-weight: 600;
  text-transform: uppercase;
}

a.more:after {
  content: '\f2ee';
  color: #fff;
  background: #b31b1b;
  font-size: 1.5em;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  margin-left: 0.75em;
  position: relative;
  top: 0.15em;
}

a.more:hover:after, a.more:focus:after {
  background: #c22828;
}

a.more:active:after {
  background: #981717;
}

a.more.light:after {
  color: #b31b1b;
  background: none;
}

a.more.light:hover:after, a.more.light:focus:after {
  color: #000;
  background: rgba(0, 0, 0, 0.07);
}

a.more.light:active:after {
  color: #666;
  background: rgba(0, 0, 0, 0.12);
}

a.more.dark {
  color: #fff;
}

a.more.dark:after {
  background: #910202;
}

a.more.dark:hover:after, a.more.dark:focus:after {
  background: #7c0303;
}

a.more.dark:active {
  color: #f6e3e3;
}

a.more.dark:active:after {
  background: #950311;
}

a.link-more {
  font-size: 15px;
  font-weight: 700;
  text-transform: uppercase;
  color: #000;
  text-decoration: underline;
  text-decoration-color: #bc3a3a;
}

a.link-more:hover, a.link-more:focus {
  text-decoration-color: #000;
}

a.link-more:active {
  color: #555;
  text-decoration-color: #555;
}

.header-with-button a.link-more {
  margin-top: 0.7em;
}

#body-footer {
  background: #010101 url("../images/brooks/triangles_midbanner.svg") 50% 100% no-repeat;
  background-size: cover;
}

#body-footer .sub-footer {
  background: rgba(34, 34, 34, 0.8);
}

@media (min-width: 768px) {
  #body-footer .main-footer .container-fluid:after {
    border-right: 2px solid #7f2721;
  }
}

@media (min-width: 1200px) {
  #body-footer .main-footer .container-fluid:after {
    left: calc(33% + 15px);
  }
}

@media (min-width: 768px) {
  #body-footer .secondary {
    padding-right: 40px;
  }
}

@media (min-width: 768px) {
  #body-footer .primary {
    padding-left: 5% !important;
  }
}

@media (min-width: 1200px) {
  #body-footer .primary {
    padding-left: 7% !important;
  }
}

@media (min-width: 768px) {
  #body-footer .social {
    margin-left: -0.1em;
  }
}

#body-footer .social a {
  text-decoration: none;
  opacity: 0.9;
  font-size: 20px;
  line-height: 1;
  margin-right: 0.2em;
}

#body-footer .social a:last-child {
  margin-right: 0;
}

#body-footer .social a:before {
  border-radius: 100%;
  padding: 0.5em;
  border: 1px solid #e03d33;
  background: rgba(255, 255, 255, 0.08);
  transition: background 0.15s;
}

#body-footer .social a:hover, #body-footer .social a:focus {
  opacity: 1;
}

#body-footer .social a:hover:before, #body-footer .social a:focus:before {
  background: rgba(255, 255, 255, 0.16);
}

#body-footer .social a:active {
  opacity: 0.7;
}

#body-footer .h5 {
  margin: 0 0 1.3em;
}

@media (min-width: 1080px) {
  #body-footer .h5 {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  #body-footer .h5 {
    font-size: 27px;
  }
}

@media (min-width: 1080px) {
  #body-footer .h6 {
    font-size: 17px;
  }
}

@media (min-width: 1200px) {
  #body-footer .h6 {
    font-size: 18px;
  }
}

@media (min-width: 768px) {
  #body-footer p {
    margin-bottom: 2.5em;
  }
}

@media (min-width: 1200px) {
  #body-footer p {
    font-size: 18px;
  }
}

#body-footer .list-menu {
  margin-bottom: 2em;
}

@media (min-width: 768px) {
  #body-footer .list-menu {
    column-count: 2;
    column-gap: 40px;
    margin-bottom: 2.5em;
  }
}

@media (min-width: 1200px) {
  #body-footer .list-menu {
    margin-bottom: 3.5em;
  }
}

#body-footer .list-menu li {
  font-size: 20px;
}

@media (min-width: 768px) and (max-width: 1079px) {
  #body-footer .list-menu li {
    font-size: 18px;
  }
}

#body-footer .link-button {
  text-align: center;
  margin-bottom: 0.5em;
  margin-right: 2.5%;
}

#body-footer .link-button:last-child {
  margin-right: 0;
}

@media (min-width: 768px) {
  #body-footer .link-button {
    font-size: 18px;
  }
}

@media (min-width: 1080px) {
  #body-footer .link-button {
    font-size: 20px;
    min-width: 180px;
  }
}

@media (min-width: 1200px) {
  #body-footer .link-button {
    padding: 0.7em 1.6em;
    min-width: 200px;
  }
}

.home #main-content {
  position: relative;
  margin-top: 1em;
}

@media (min-width: 834px) {
  .home #main-content {
    margin-top: 2.8em;
  }
}

.home #main-content .flex-grid {
  position: relative;
}

.home #main-content .news-tiles {
  margin-bottom: 3em;
}

@media (min-width: 834px) {
  .home #main-content .news-tiles {
    margin-bottom: 0;
  }
}

.home #main-content .cwd-news.tiles .group-image a:hover {
  box-shadow: 0 0 0 15px rgba(180, 180, 180, 0.18);
}

.home #main-content .news-featured {
  color: #fff;
  font-size: 18px;
  max-width: 480px;
  margin: 0 auto;
}

.home #main-content .news-featured h2 {
  color: #fff;
  font-weight: 600;
  text-transform: uppercase;
}

.home #main-content .news-featured p {
  margin-left: 10px;
}

@media (min-width: 834px) {
  .home #main-content .news-featured p {
    margin-left: 0;
  }
}

.home #main-content .news-featured a {
  color: #fff;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.6);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.6);
  text-decoration-color: rgba(255, 255, 255, 0.6);
}

.home #main-content .news-featured a:hover, .home #main-content .news-featured a:focus {
  -moz-text-decoration-color: white;
  -webkit-text-decoration-color: white;
  text-decoration-color: white;
}

.home #main-content .news-featured a:active {
  color: #ccc;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.home #main-content .news-featured a.more {
  float: right;
}

@media (min-width: 768px) {
  .home #main-content .news-featured {
    font-size: 20px;
    max-width: none;
  }
}

@media (min-width: 834px) {
  .home #main-content .news-featured {
    padding-top: 15px;
    padding-left: 30px;
  }
}

@media (min-width: 1200px) {
  .home #main-content .news-featured {
    padding-top: 25px;
    padding-left: 40px;
    font-size: 22px;
  }
}

.home #main-content:before {
  content: '';
  position: absolute;
  top: 60%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #010101 url("../images/brooks/triangles_midbanner.svg") 50% 20% no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .home #main-content:before {
    top: 40%;
  }
}

@media (min-width: 834px) {
  .home #main-content:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
  }
}

@media (min-width: 834px) {
  .home #main-content #main {
    padding-top: 5em;
    padding-bottom: 5em;
  }
  .home #main-content #main-article, .home #main-content .flex-grid, .home #main-content .flex-grid > *, .home #main-content .cwd-component, .home #main-content .cards, .home #main-content .card {
    margin-bottom: 0;
  }
}

@media (min-width: 1200px) {
  .band[role='complementary'],
  .band.complementary,
  .band.the-band-formerly-known-as-complementary {
    padding: 4em 0;
  }
}

.band[role='complementary'] h2:not(.menu-block-title),
.band.complementary h2:not(.menu-block-title),
.band.the-band-formerly-known-as-complementary h2:not(.menu-block-title) {
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 1.5em;
}

.band[role='complementary'] h2:not(.menu-block-title) + .intro,
.band.complementary h2:not(.menu-block-title) + .intro,
.band.the-band-formerly-known-as-complementary h2:not(.menu-block-title) + .intro {
  margin: -0.5em 0 2em;
  color: #333;
}

@media (min-width: 1200px) {
  .band[role='complementary'] h2:not(.menu-block-title) + .intro,
  .band.complementary h2:not(.menu-block-title) + .intro,
  .band.the-band-formerly-known-as-complementary h2:not(.menu-block-title) + .intro {
    font-size: 23px;
  }
}

.band[role='complementary'] .header-with-button,
.band.complementary .header-with-button,
.band.the-band-formerly-known-as-complementary .header-with-button {
  margin-bottom: 45px;
}

.band[role='complementary'] .header-with-button h2,
.band.complementary .header-with-button h2,
.band.the-band-formerly-known-as-complementary .header-with-button h2 {
  margin-bottom: 0;
}

main .band h2:first-child, #main .band h2:first-child {
  color: #333;
}

.band.title-red h2:first-child {
  color: #b31b1b !important;
}

.band.bg-white {
  background: #fff !important;
}

.band.bg-gray {
  background: #f7f7f7 !important;
}

.band-washington, .band.callout {
  background: #444 50% 20% no-repeat;
  background-size: cover;
  margin-top: 3em;
  min-height: 33vw;
}

.band-washington .container-fluid, .band.callout .container-fluid {
  width: 100%;
}

.band-washington .prompt, .band.callout .prompt {
  background: rgba(0, 0, 0, 0.7);
  color: #fff;
  max-width: 420px;
  padding: 8% 7%;
}

@media (min-width: 768px) {
  .band-washington .prompt, .band.callout .prompt {
    max-width: 480px;
  }
}

@media (min-width: 1080px) {
  .band-washington .prompt, .band.callout .prompt {
    max-width: 560px;
    padding: 6% 5%;
  }
}

.band-washington .prompt p, .band.callout .prompt p {
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
}

.band-washington .prompt p a, .band.callout .prompt p a {
  font-size: 28px;
  line-height: 1.25;
  font-weight: 400;
  text-transform: none;
  display: block;
  padding-top: 0.3em;
  margin-left: -0.05em;
}

@media (min-width: 414px) {
  .band-washington .prompt p a, .band.callout .prompt p a {
    font-size: 33px;
  }
}

@media (min-width: 768px) {
  .band-washington .prompt p a, .band.callout .prompt p a {
    font-size: 36px;
  }
}

@media (min-width: 1080px) {
  .band-washington .prompt p a, .band.callout .prompt p a {
    font-size: 48px;
  }
}

.band-washington a, .band.callout a {
  color: #fff;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.6);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.6);
  text-decoration-color: rgba(255, 255, 255, 0.6);
}

.band-washington a:hover, .band-washington a:focus, .band.callout a:hover, .band.callout a:focus {
  -moz-text-decoration-color: white;
  -webkit-text-decoration-color: white;
  text-decoration-color: white;
}

.band-washington a:active, .band.callout a:active {
  color: #ccc;
  -moz-text-decoration-color: rgba(255, 255, 255, 0.5);
  -webkit-text-decoration-color: rgba(255, 255, 255, 0.5);
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.band-washington .aligncenter, .band-washington .alignleft, .band-washington .alignright, .band.callout .aligncenter, .band.callout .alignleft, .band.callout .alignright {
  float: revert;
  margin: revert !important;
  width: revert;
  max-width: revert;
}

.band-washington .alignright .prompt, .band.callout .alignright .prompt {
  margin-left: auto;
  margin-right: 0;
}

.band-washington .aligncenter .prompt, .band.callout .aligncenter .prompt {
  margin-left: auto;
  margin-right: auto;
}

.band-research-impact {
  background: #fff;
}

.band-centers-institutes {
  background: #fff;
}

@media (min-width: 768px) {
  .band-centers-institutes .tab-interface:before, .band-centers-institutes .tab-interface .tab-content {
    z-index: 2;
  }
  .band-centers-institutes .tab-interface:after {
    content: '';
    position: absolute;
    width: calc(63% - 10px);
    top: 10%;
    bottom: -10%;
    left: -45%;
    background: #010101 url("../images/brooks/triangles_tab_interface.svg") 50% 20% no-repeat;
    background-size: cover;
    z-index: 1;
  }
}

@media (min-width: 1200px) {
  .band-centers-institutes .tab-interface:after {
    top: 18%;
    bottom: -18%;
  }
}

.band-admissions .content, .band .cta-buttons .content {
  margin: 0 auto;
  max-width: 480px;
}

@media (min-width: 768px) {
  .band-admissions .content, .band .cta-buttons .content {
    max-width: none;
  }
}

.band-admissions ul, .band .cta-buttons ul {
  padding: 0;
  margin: 0;
  display: flex;
  flex-wrap: wrap;
}

.band-admissions li, .band .cta-buttons li {
  list-style: none;
  color: #fff;
  font-size: 16px;
  font-weight: 700;
  text-transform: uppercase;
  padding: 25px 0 0 20px;
  margin-bottom: 3em;
  width: 100%;
  position: relative;
}

@media (min-width: 768px) {
  .band-admissions li, .band .cta-buttons li {
    font-size: 14px;
    width: 32%;
    margin-right: 2%;
  }
  .band-admissions li:nth-child(3), .band-admissions li:nth-child(6), .band .cta-buttons li:nth-child(3), .band .cta-buttons li:nth-child(6) {
    margin-right: 0;
  }
}

@media (min-width: 992px) {
  .band-admissions li, .band .cta-buttons li {
    font-size: 16px;
  }
}

@media (min-width: 1200px) {
  .band-admissions li, .band .cta-buttons li {
    padding: 45px 0 0 40px;
  }
}

.band-admissions li .button-text, .band .cta-buttons li .button-text {
  position: relative;
  z-index: 1;
  pointer-events: none;
}

.band-admissions li a, .band .cta-buttons li a {
  font-size: 24px;
  line-height: 1.25;
  font-weight: 400;
  text-transform: none;
  display: block;
  padding: 0.3em 20px 30px 0;
  margin-left: -0.05em;
}

@media (min-width: 768px) {
  .band-admissions li a, .band .cta-buttons li a {
    font-size: 19px;
  }
}

@media (min-width: 992px) {
  .band-admissions li a, .band .cta-buttons li a {
    font-size: 24px;
  }
}

@media (min-width: 1200px) {
  .band-admissions li a, .band .cta-buttons li a {
    font-size: 29px;
    padding: 0.3em 40px 50px 0;
  }
}

.band-admissions li a:before, .band .cta-buttons li a:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: #b31b1b;
  transition: background-color 0.15s;
}

.band-admissions li a:after, .band .cta-buttons li a:after {
  font-size: 24px;
  content: '\f2ee';
  color: #fff;
  background: #910202;
  text-align: center;
  width: 1.5em;
  height: 1.5em;
  line-height: 1.5em;
  position: absolute;
  right: 20px;
  bottom: -0.75em;
  transition: background 0.2s;
}

.band-admissions li a:hover:before, .band-admissions li a:focus:before, .band .cta-buttons li a:hover:before, .band .cta-buttons li a:focus:before {
  background: #be2727;
}

.band-admissions li a:hover:after, .band-admissions li a:focus:after, .band .cta-buttons li a:hover:after, .band .cta-buttons li a:focus:after {
  background: #d8121b;
}

.band-admissions li a:active:before, .band .cta-buttons li a:active:before {
  background: #951b1b;
  transition: none;
}

.band-admissions li a:active:after, .band .cta-buttons li a:active:after {
  background: #7c0303;
  transition: none;
}

.band-admissions a,
.band-admissions a .button-text, .band .cta-buttons a,
.band .cta-buttons a .button-text {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.4);
  text-underline-offset: 0.1em;
  pointer-events: reset;
}

.band-admissions a:hover, .band-admissions a:focus,
.band-admissions a .button-text:hover,
.band-admissions a .button-text:focus, .band .cta-buttons a:hover, .band .cta-buttons a:focus,
.band .cta-buttons a .button-text:hover,
.band .cta-buttons a .button-text:focus {
  text-decoration-color: rgba(255, 255, 255, 0.7);
  text-underline-offset: 0.1em;
}

.band-admissions a:active, .band-admissions a:active .button-text,
.band-admissions a .button-text:active,
.band-admissions a .button-text:active .button-text, .band .cta-buttons a:active, .band .cta-buttons a:active .button-text,
.band .cta-buttons a .button-text:active,
.band .cta-buttons a .button-text:active .button-text {
  color: #eac0c0;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-underline-offset: 0.1em;
}

.band-admissions.buttons-gray li a:before, .band .cta-buttons.buttons-gray li a:before {
  background: #222;
}

.band-admissions.buttons-gray li a:after, .band .cta-buttons.buttons-gray li a:after {
  background: #b31b1b;
}

.band-admissions.buttons-gray li a:hover:before, .band-admissions.buttons-gray li a:focus:before, .band .cta-buttons.buttons-gray li a:hover:before, .band .cta-buttons.buttons-gray li a:focus:before {
  background: #2d2d2d;
}

.band-admissions.buttons-gray li a:hover:after, .band-admissions.buttons-gray li a:focus:after, .band .cta-buttons.buttons-gray li a:hover:after, .band .cta-buttons.buttons-gray li a:focus:after {
  background: #d32a2a;
}

.band-admissions.buttons-gray li a:active:before, .band .cta-buttons.buttons-gray li a:active:before {
  background: #000;
}

.band-admissions.buttons-gray li a:active:after, .band .cta-buttons.buttons-gray li a:active:after {
  background: #951b1b;
}

.band-admissions.buttons-gray a:active, .band .cta-buttons.buttons-gray a:active {
  color: #bbb;
}

.band-admissions.buttons-gray a:active .button-text, .band .cta-buttons.buttons-gray a:active .button-text {
  color: #bbb;
}

@media (min-width: 768px) {
  .band-admissions.buttons-2 li, .band-admissions.buttons-4 li, .band .cta-buttons.buttons-2 li, .band .cta-buttons.buttons-4 li {
    width: 49%;
    margin-right: 2%;
  }
  .band-admissions.buttons-2 li:nth-child(even), .band-admissions.buttons-4 li:nth-child(even), .band .cta-buttons.buttons-2 li:nth-child(even), .band .cta-buttons.buttons-4 li:nth-child(even) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .band-admissions.buttons-5 li, .band .cta-buttons.buttons-5 li {
    margin-right: 2%;
  }
  .band-admissions.buttons-5 li:nth-child(1), .band-admissions.buttons-5 li:nth-child(2), .band .cta-buttons.buttons-5 li:nth-child(1), .band .cta-buttons.buttons-5 li:nth-child(2) {
    width: 49%;
  }
  .band-admissions.buttons-5 li:nth-child(2), .band-admissions.buttons-5 li:nth-child(5), .band .cta-buttons.buttons-5 li:nth-child(2), .band .cta-buttons.buttons-5 li:nth-child(5) {
    margin-right: 0;
  }
}

@media (min-width: 768px) {
  .band-admissions.buttons-1 li, .band .cta-buttons.buttons-1 li {
    margin-right: 0;
    width: 100%;
  }
}

.acf-innerblocks-container > .cta-buttons {
  margin: 0 auto;
  max-width: 480px;
}

@media (min-width: 768px) {
  .acf-innerblocks-container > .cta-buttons {
    max-width: none;
  }
}

.acf-innerblocks-container .formatted-text {
  margin-bottom: 1.5em;
}

.band-events {
  background: #f7f7f7;
}

@media (max-width: 767px) {
  .band-events .content {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

.band-social {
  background: #fff;
}

@media (max-width: 767px) {
  .band-social .content {
    max-width: 480px;
    margin-left: auto;
    margin-right: auto;
  }
}

@media (min-width: 481px) {
  .band-social .insta {
    background: #010101 url("../images/brooks/triangles_midbanner.svg") 10% 100% no-repeat;
    background-size: cover;
  }
}

@media (min-width: 834px) {
  .band-social .insta {
    background: none;
  }
  .band-social .insta #sb_instagram #sbi_images .sbi_item {
    padding-right: 20px !important;
  }
  .band-social .insta #sb_instagram #sbi_images .sbi_item:last-child {
    padding-right: 0 !important;
  }
}

@media (max-width: 480px) {
  .band-social .insta #sb_instagram #sbi_images .sbi_item {
    padding-bottom: 20px !important;
  }
}

.band-social img {
  vertical-align: middle;
}

.band-social .messaging {
  display: flex;
}

.band-social .prompt {
  background: #010101 url("../images/brooks/triangles_midbanner.svg") 50% 100% no-repeat;
  background-size: cover;
  color: #fff;
  padding: 20px;
  font-size: 20px;
  width: 100%;
}

@media (min-width: 481px) {
  .band-social .prompt {
    margin-top: 20px;
  }
}

@media (min-width: 834px) {
  .band-social .prompt {
    font-size: 14px;
    margin-top: 0;
  }
}

@media (min-width: 1080px) {
  .band-social .prompt {
    font-size: 18px;
  }
}

@media (min-width: 1350px) {
  .band-social .prompt {
    padding: 40px;
    font-size: 20px;
  }
}

.band-social .prompt code {
  font: inherit;
  color: inherit;
  background: rgba(179, 27, 27, 0.3);
}

.band-social .prompt h3 {
  color: #fff !important;
  font-weight: 600;
}

@media (min-width: 834px) {
  .band-social .prompt h3 {
    font-size: 18px;
  }
}

@media (min-width: 1080px) {
  .band-social .prompt h3 {
    font-size: 20px;
  }
}

@media (min-width: 1200px) {
  .band-social .prompt h3 {
    font-size: 24px;
  }
}

.band-social .prompt p {
  line-height: 1.7;
  margin-bottom: 2em;
}

.band-social .prompt a {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0.6);
}

.band-social .prompt a:hover, .band-social .prompt a:focus {
  text-decoration-color: white;
}

.band-social .prompt a:active {
  color: #ccc;
  text-decoration-color: rgba(255, 255, 255, 0.5);
}

.band-social .social {
  margin-left: -0.1em;
}

.band-social .social a {
  text-decoration: none;
  opacity: 0.9;
  font-size: 20px;
  line-height: 1;
  margin-right: 0.45em;
}

@media (min-width: 834px) and (max-width: 991px) {
  .band-social .social a {
    font-size: 16px;
  }
}

.band-social .social a:last-child {
  margin-right: 0;
}

.band-social .social a:before {
  border-radius: 100%;
  padding: 0.5em;
  border: 1px solid #e03d33;
  background: rgba(255, 255, 255, 0.08);
  transition: background 0.15s;
}

.band-social .social a:hover, .band-social .social a:focus {
  opacity: 1;
}

.band-social .social a:hover:before, .band-social .social a:focus:before {
  background: rgba(255, 255, 255, 0.16);
}

.band-social .social a:active {
  opacity: 0.7;
}

.secondary-navigation ul .current_page_item > a {
  color: #b31b1b !important;
}

/* Animated Stats */
@keyframes stats-roll-in1 {
  0% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  40% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  55% {
    opacity: 1;
    transform: rotateY(0deg) rotateX(0deg) translateY(0);
    filter: blur(0);
  }
}

@keyframes stats-roll-in2 {
  0% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  50% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  65% {
    opacity: 1;
    transform: rotateY(0deg) rotateX(0deg) translateY(0);
    filter: blur(0);
  }
}

@keyframes stats-roll-in3 {
  0% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  60% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  75% {
    opacity: 1;
    transform: rotateY(0deg) rotateX(0deg) translateY(0);
    filter: blur(0);
  }
}

@keyframes stats-roll-in4 {
  0% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  70% {
    opacity: 0;
    transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
    filter: blur(20px);
  }
  85% {
    opacity: 1;
    transform: rotateY(0deg) rotateX(0deg) translateY(0);
    filter: blur(0);
  }
}

.stats.cwd-motion-custom .item .text {
  opacity: 0;
  transform: rotateY(-45deg) rotateX(90deg) translateY(100px);
  filter: blur(20px);
}

.stats.cwd-motion-custom.revealed .item .text {
  opacity: 1;
  transform: none;
  filter: none;
  animation-name: stats-roll-in1;
  animation-duration: 1.5s;
  animation-timing-function: linear;
}

.stats.cwd-motion-custom.revealed .item:nth-of-type(2) .text {
  animation-name: stats-roll-in2;
}

.stats.cwd-motion-custom.revealed .item:nth-of-type(3) .text {
  animation-name: stats-roll-in3;
}

.stats.cwd-motion-custom.revealed .item:nth-of-type(4) .text {
  animation-name: stats-roll-in4;
}

/* Accent Lines */
/* -- additionally supports .accent-right/-left and .accent-top/-bottom/-center
   -- .accent-right and .accent-top are default (they don't need explicit classes)
   */
@keyframes accent-line-h-left {
  0% {
    opacity: 0;
    width: 50%;
    left: 50%;
  }
  100% {
    opacity: 1;
    width: 100%;
    left: 0;
  }
}

@keyframes accent-line-h-right {
  0% {
    opacity: 0;
    width: 50%;
  }
  100% {
    opacity: 1;
    width: 100%;
  }
}

@keyframes accent-line-v {
  0% {
    opacity: 0;
    transform: translateY(400px);
  }
  33% {
    opacity: 0;
    transform: translateY(400px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

accent-lines {
  position: relative;
  float: left;
  width: 100%;
  clear: both;
  pointer-events: none;
  z-index: 4;
}

accent-lines:before {
  display: block;
  content: '';
  position: absolute;
  width: 100%;
  top: -30px;
  left: 0;
  right: 0;
  border-top: 2px solid #b31b1b;
  z-index: 4;
  opacity: 1;
}

@media (min-width: 768px) {
  accent-lines:before {
    top: -50px;
  }
}

accent-lines:after {
  display: block;
  content: '';
  position: absolute;
  height: 260px;
  top: -220px;
  right: 9px;
  border-left: 2px solid #b31b1b;
  z-index: 4;
  opacity: 1;
}

@media (max-width: 767px) {
  #super-header + accent-lines:after {
    right: 15px;
  }
}

@media (min-width: 768px) {
  accent-lines:after {
    height: 340px;
    top: -270px;
    right: 20px;
  }
}

@media (min-width: 768px) and (max-width: 1399px) {
  #super-header + accent-lines:after {
    right: 30px;
    top: -285px;
  }
}

@media (min-width: 834px) {
  accent-lines:after {
    height: 440px;
    top: -330px !important;
  }
}

@media (min-width: 992px) {
  accent-lines:after {
    right: 30px;
  }
}

@media (min-width: 1400px) {
  accent-lines:after {
    right: calc(50vw - 678px) !important;
  }
}

@media (min-width: 1500px) {
  accent-lines:after {
    right: calc(50vw - 700px) !important;
  }
}

.centers-and-institutes accent-lines:before,
.centers-and-institutes accent-lines:after {
  border-color: #404040;
}

accent-lines.cwd-motion-custom:before {
  opacity: 0;
}

accent-lines.cwd-motion-custom:after {
  opacity: 0;
}

accent-lines.cwd-motion-custom.revealed:before {
  opacity: 1;
  width: 100%;
  animation-name: accent-line-h-right;
  animation-duration: 0.8s;
  animation-timing-function: ease-out;
}

accent-lines.cwd-motion-custom.revealed.accent-left:before {
  animation-name: accent-line-h-left;
}

accent-lines.cwd-motion-custom.revealed:after {
  opacity: 1;
  transform: translateY(0);
  animation-name: accent-line-v;
  animation-duration: 1.3s;
  animation-timing-function: ease-out;
}

accent-lines.accent-bottom:after {
  top: -97px;
}

@media (min-width: 768px) {
  accent-lines.accent-bottom:after {
    top: -170px;
  }
}

@media (min-width: 834px) {
  accent-lines.accent-bottom:after {
    top: -208px !important;
  }
}

accent-lines.accent-center:after {
  top: -179px;
}

@media (min-width: 768px) {
  accent-lines.accent-center:after {
    top: -221px;
  }
}

@media (min-width: 834px) {
  accent-lines.accent-center:after {
    top: -279px !important;
  }
}

#main-content + accent-lines:after, accent-lines.accent-left:after {
  right: auto;
  left: 9px;
}

@media (min-width: 768px) {
  #main-content + accent-lines:after, accent-lines.accent-left:after {
    right: auto;
    left: 20px;
  }
}

@media (min-width: 992px) {
  #main-content + accent-lines:after, accent-lines.accent-left:after {
    left: 30px;
  }
}

@media (min-width: 1400px) {
  #main-content + accent-lines:after, accent-lines.accent-left:after {
    right: auto;
    left: calc(50vw - 678px);
  }
}

@media (min-width: 1500px) {
  #main-content + accent-lines:after, accent-lines.accent-left:after {
    right: auto;
    left: calc(50vw - 700px);
  }
}

.sidebar .primary accent-lines {
  display: block;
  float: none;
  min-height: 1em;
  margin: 1.5em -15px 0.5em;
  width: calc(100% + 30px);
}

.sidebar .primary accent-lines:before {
  top: 0 !important;
}

.sidebar .primary accent-lines:after {
  height: 150px;
  top: -112px !important;
  right: 6px !important;
}

.sidebar .primary accent-lines.accent-bottom:after {
  top: -40px !important;
}

.sidebar .primary accent-lines.accent-center:after {
  top: -75px !important;
}

.sidebar .primary accent-lines.accent-left:after {
  right: auto !important;
  left: 6px !important;
}

@media (min-width: 768px) {
  .sidebar .primary accent-lines {
    margin: 1.5em -26px 0.5em;
    width: calc(100% + 52px);
  }
  .sidebar .primary accent-lines:after {
    height: 150px;
    top: -110px !important;
    right: 10px !important;
  }
  .sidebar .primary accent-lines.accent-bottom:after {
    top: -40px !important;
  }
  .sidebar .primary accent-lines.accent-center:after {
    top: -75px !important;
  }
  .sidebar .primary accent-lines.accent-left:after {
    right: auto !important;
    left: 10px !important;
  }
}

.acf-innerblocks-container {
  position: relative;
}

.acf-innerblocks-container > .buttons {
  position: absolute;
  left: 0;
  right: auto;
  margin-top: -2em;
}

@media (min-width: 510px) {
  .acf-innerblocks-container > .buttons {
    margin-top: -4.3em;
    left: auto;
    right: 0;
  }
}

@media (min-width: 768px) {
  .acf-innerblocks-container > .buttons {
    margin-top: -4.2em;
  }
}

.buttons-page-block {
  text-align: right;
  margin-bottom: 2em;
}

.portal-cards .flex-4 {
  display: flex;
  align-items: stretch;
  margin-bottom: 1.5em;
}

@media (min-width: 834px) {
  .portal-cards .flex-4 {
    margin-bottom: 2em;
  }
}

.portal-cards .content {
  background: #f7f7f7;
  border: 1px solid #e9e9e9;
  padding: 15px;
  width: 100%;
}

@media (min-width: 992px) {
  .portal-cards .content {
    padding: 25px;
  }
}

.portal-cards ul {
  list-style: none;
  padding: 0;
  line-height: 1.4;
}

.portal-cards li {
  margin-bottom: 0.75em;
}

.portal-cards h3 {
  font-size: 18px;
  font-weight: 600;
  margin-bottom: 1.25em;
}

@media (min-width: 1400px) {
  .portal-cards h3 {
    font-size: 20px;
  }
}

.portal-cards h3:after {
  content: '';
  display: block;
  width: 100px;
  padding-top: 1.25em;
  border-bottom: 2px solid #b31b1b;
}

body.centers-and-institutes {
  margin-top: 0;
}

body.centers-and-institutes.cu-seal #cu-header .cu-brand h1 a {
  margin-left: 0;
}

@media (min-width: 992px) {
  body.centers-and-institutes.cu-seal #cu-header .cu-brand {
    padding-top: 15px;
    padding-bottom: 15px;
  }
}

@media (min-width: 1200px) {
  body.centers-and-institutes.cu-seal #cu-header .cu-brand {
    padding-bottom: 15px;
  }
}

@media (min-width: 992px) {
  body.centers-and-institutes #cu-header .container-fluid .buttons {
    top: 29px;
  }
}

@media (min-width: 1080px) {
  body.centers-and-institutes #cu-header .container-fluid .buttons {
    top: 37px;
  }
}

@media (min-width: 1200px) {
  body.centers-and-institutes #cu-header .container-fluid .buttons {
    top: 38px;
  }
}

@media (min-width: 768px) {
  body.centers-and-institutes.cu-seal .cu-search {
    border-bottom-width: 1px;
  }
}

@media (min-width: 1200px) {
  body.centers-and-institutes.cu-seal .cu-logo a {
    width: 475px !important;
    height: 75px !important;
  }
}

@media (min-width: 1200px) {
  body.centers-and-institutes.cu-seal .cu-logo-alt a {
    width: 280px !important;
    height: 75px !important;
  }
}

body.centers-and-institutes #super-header {
  background: none;
}

body.centers-and-institutes #super-header #cu-header {
  background: #9d1818 !important;
  z-index: 9;
}

body.centers-and-institutes #super-header #site-header {
  color: #fff;
  background: #999 50% 50% no-repeat !important;
  background-size: cover !important;
  min-height: 180px;
  max-height: 50vh;
  height: 25vw;
}

@media (min-width: 768px) {
  body.centers-and-institutes #super-header #site-header {
    min-height: 300px;
  }
}

body.centers-and-institutes #super-header #site-header:before {
  content: '';
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.8) 0%, rgba(18, 18, 18, 0) 70%) !important;
}

body.centers-and-institutes #super-header #site-header h1 {
  font-size: 19px;
  font-weight: 500;
  text-align: right;
  margin: 24px 48px 0.25em 0;
}

@media (min-width: 375px) {
  body.centers-and-institutes #super-header #site-header h1 {
    font-size: 21px;
  }
}

@media (min-width: 480px) {
  body.centers-and-institutes #super-header #site-header h1 {
    font-size: 28px;
  }
}

@media (min-width: 992px) {
  body.centers-and-institutes #super-header #site-header h1 {
    font-size: 42px;
    font-weight: 400;
    margin: 0.75em 0 0.25em 0;
  }
}

@media (min-width: 1200px) {
  body.centers-and-institutes #super-header #site-header h1 {
    font-size: 48px;
  }
}

body.centers-and-institutes #super-header #site-header h1 a {
  color: #fff;
  text-decoration-color: rgba(255, 255, 255, 0);
  text-underline-offset: 0.1em;
  text-decoration-thickness: 2px;
}

body.centers-and-institutes #super-header #site-header h1 a:hover, body.centers-and-institutes #super-header #site-header h1 a:focus {
  text-decoration-color: rgba(255, 255, 255, 0.6);
  text-underline-offset: 0.1em;
  text-decoration-thickness: 2px;
}

body.centers-and-institutes #super-header #site-header h1 a:active {
  color: #ddd;
  text-decoration-color: rgba(255, 255, 255, 0.5);
  text-underline-offset: 0.1em;
  text-decoration-thickness: 2px;
}

@media (min-width: 992px) {
  body.centers-and-institutes #main-navigation > .container-fluid > ul {
    border-bottom: 2px solid #b31b1b;
  }
  body.centers-and-institutes #main-navigation > .container-fluid > ul > li:hover > a,
  body.centers-and-institutes #main-navigation > .container-fluid > ul > li.open > a {
    background: rgba(0, 0, 0, 0.3);
  }
}

@media (max-width: 991px) {
  body.centers-and-institutes #mobile-nav {
    margin-top: calc(74px + 0.8em) !important;
    background-color: rgba(0, 0, 0, 0.25);
    width: 32px;
    height: 31px;
    background-size: 16px;
    position: absolute;
    right: 0;
    border-radius: 2px;
  }
  body.centers-and-institutes #mobile-nav:hover {
    background-color: rgba(0, 0, 0, 0.4);
  }
  body.centers-and-institutes #mobile-nav:active {
    background-color: rgba(0, 0, 0, 0.6);
    color: #ddd;
  }
}

@media (max-width: 767px) {
  body.centers-and-institutes #mobile-nav {
    margin-top: calc(134px + 0.8em) !important;
  }
}

@media (max-width: 479px) {
  body.centers-and-institutes #mobile-nav {
    margin-top: calc(134px + 0.4em) !important;
  }
}

@media (max-width: 374px) {
  body.centers-and-institutes #mobile-nav {
    margin-top: 134px !important;
  }
}

body.centers-and-institutes.centers-and-institutes-landing-page #super-header #site-header {
  min-height: 280px;
  max-height: 70vh;
  height: 42vw;
}

@media (min-width: 768px) {
  body.centers-and-institutes.centers-and-institutes-landing-page #super-header #site-header {
    min-height: 400px;
  }
}

@media (min-width: 1080px) {
  body.centers-and-institutes.centers-and-institutes-landing-page #super-header #site-header {
    min-height: 600px;
  }
}

body.centers-and-institutes.centers-and-institutes-landing-page #super-header #site-header:before {
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.8) 15%, rgba(18, 18, 18, 0) 50%) !important;
}

body.centers-and-institutes.centers-and-institutes-landing-page #main {
  padding-top: 0;
}

body.centers-and-institutes.mobile-main-nav-open #super-header #cu-header {
  z-index: 7;
}

.cu-logo-alt a {
  display: block;
}

@media (min-width: 480px) {
  .cu-seal .cu-logo-alt a {
    width: 90px;
    height: 90px;
    min-width: 90px;
  }
}

@media (min-width: 768) {
  .cu-seal .cu-logo-alt a {
    width: 100px;
    height: 100px;
    min-width: 100px;
    margin: 0 50px 0 0 !important;
  }
}

@media (min-width: 992) {
  .cu-seal .cu-logo-alt a {
    width: 120px;
    height: 120px;
    min-width: 120px;
    margin: 0 60px 0 0 !important;
  }
}

@media (max-width: 767px) {
  .landing-page-intro .row > #sidebar-top {
    margin-bottom: 2.5em;
  }
}

.landing-page-intro + accent-lines {
  margin-top: 10px;
}

@media (min-width: 768px) {
  .landing-page-intro + accent-lines {
    margin-top: 30px;
  }
}

body.academic-programs-landing-page #super-header,
body.page-template-academic-programs #super-header {
  background: #222;
}

body.academic-programs-landing-page #super-header #site-header,
body.page-template-academic-programs #super-header #site-header {
  min-height: 160px;
  max-height: 60vh;
  height: 32vw;
}

@media (min-width: 768px) {
  body.academic-programs-landing-page #super-header #site-header,
  body.page-template-academic-programs #super-header #site-header {
    min-height: 360px;
  }
}

@media (min-width: 1080px) {
  body.academic-programs-landing-page #super-header #site-header,
  body.page-template-academic-programs #super-header #site-header {
    min-height: 420px;
  }
}

@media (min-width: 992px) {
  body.academic-programs-landing-page #main-navigation > .container-fluid > ul,
  body.page-template-academic-programs #main-navigation > .container-fluid > ul {
    border-bottom: 2px solid #b31b1b;
  }
}

body.academic-programs-landing-page #super-header > #image-band #cu-header,
body.page-template-academic-programs #super-header > #image-band #cu-header {
  background: rgba(18, 18, 18, 0.5) !important;
}

@media (min-width: 992px) {
  body.academic-programs-landing-page #super-header > #image-band #cu-header,
  body.page-template-academic-programs #super-header > #image-band #cu-header {
    background: rgba(18, 18, 18, 0.75) !important;
  }
}

body.academic-programs-landing-page #super-header > #image-band #site-header,
body.page-template-academic-programs #super-header > #image-band #site-header {
  background: linear-gradient(to bottom, rgba(18, 18, 18, 0.5) 0%, rgba(18, 18, 18, 0) 100%) !important;
}

@media (min-width: 992px) {
  body.academic-programs-landing-page #super-header > #image-band #site-header,
  body.page-template-academic-programs #super-header > #image-band #site-header {
    background: linear-gradient(to bottom, rgba(18, 18, 18, 0.75) 0%, rgba(18, 18, 18, 0) 60%) !important;
  }
}

#main article .band.bg-white + .band.bg-white {
  padding-top: 0;
}

@media (min-width: 1200px) {
  #main article .band.bg-white + .band.bg-white {
    margin-top: -1.5em;
  }
}

body.search-results #main-article .cwd-component .square, body.search-results #main-article .cwd-component img {
  display: none;
}

body.search-results #main-article .cwd-component .card {
  max-width: none;
}

body.search-results #main-article .cwd-component .card:after {
  content: none;
}

body.search-results #main-article .cwd-component .group-fields {
  width: 100%;
  float: unset;
}

body.search-results #main-article .cwd-component ul {
  list-style: none;
  padding-left: 0;
}

body.search-results #main-article .cwd-component ul a {
  color: #b31b1b;
  font-size: 22px;
  font-weight: 600;
}

body.search-results #main-article .cwd-component ul a:hover, body.search-results #main-article .cwd-component ul a:focus {
  color: #d32a2a;
}

body.search-results #main-article .cwd-component ul a:active {
  color: #951b1b;
}

body.search-results #main-article .cwd-component ul .summary {
  margin: 0.5em 0 0.75em;
}

#mc_embed_signup {
  width: auto !important;
}

#mc_embed_signup .mc-field-group {
  padding-bottom: 0 !important;
}

#mc_embed_signup form input[type='submit'] {
  background: #b31b1b;
}

#mc_embed_signup form input[type='submit']:hover, #mc_embed_signup form input[type='submit']:focus {
  background: #d32a2a;
}

#mc_embed_signup form input[type='submit']:active {
  background: #951b1b;
}

#mc_embed_signup .button {
  border-radius: 0 !important;
  height: revert !important;
  font-size: 18px !important;
  line-height: revert !important;
}

#sb_instagram .sbi_follow_btn a {
  background: #b31b1b !important;
  box-shadow: none !important;
}

#sb_instagram .sbi_follow_btn a:hover, #sb_instagram .sbi_follow_btn a:focus {
  background: #d32a2a !important;
}

#sb_instagram .sbi_follow_btn a:active {
  background: #951b1b !important;
}

#sb_instagram #sbi_images .sbi_item {
  overflow: revert;
}

#sb_instagram #sbi_images .sbi_item a {
  outline: revert !important;
}

#ctf-more {
  color: #1172a7;
}

#ctf-more:hover, #ctf-more:focus {
  color: #000;
}

#ctf-more:active {
  color: #666;
}

.home #main-content:before {
  content: none;
}

.home #main-content .important-dates .card {
  margin-bottom: 20px;
}

@media (min-width: 768px) {
  .home #main-content .important-dates .card {
    margin-bottom: 30px;
  }
}

.home #main {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}

.home .home-news {
  padding: 2.5em 0;
  position: relative;
}

@media (min-width: 768px) {
  .home .home-news {
    padding: 3.5em 0;
  }
}

@media (min-width: 834px) {
  .home .home-news {
    padding: 5em 0;
  }
}

.home .home-news:before {
  content: '';
  position: absolute;
  top: 60%;
  right: 0;
  bottom: 0;
  left: 0;
  background: #010101 url("../images/brooks/triangles_midbanner.svg") 50% 20% no-repeat;
  background-size: cover;
}

@media (min-width: 768px) {
  .home .home-news:before {
    top: 40%;
  }
}

@media (min-width: 834px) {
  .home .home-news:before {
    top: 0;
    right: 0;
    bottom: 0;
    left: 50%;
  }
}

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