@media (min-width: 576px) {
  body.publications .col-sm-9 {
    width: 60%;
  }
  body.publications .col-sm-3 {
    width: 40%;
  }
}

@media (width > 48rem) {
  .main-container.container .block-local-tasks-block {
  	left:0;
  	position: relative;
  	-webkit-transform: none;
    -ms-transform: none;
    transform: none;
  	
  }
}

#system-theme-settings details.form-wrapper{
	background: #444;
}

.dxpr-theme-header{
	border-bottom: 6px solid #990000;
}





.dxpr-theme-header a,
.dxpr-theme-header--side a,
.dxpr-theme-header--side .dxpr-theme-main-menu a{
	color: #e0e0e0;
}
#navbar.dxpr-theme-header--hover-background .menu a:hover{
	color: #ffffff;
}
.dxpr-theme-header a:hover,
.dxpr-theme-header--side a:hover{
	color: #d90404;
	text-decoration: none;
}

.body--dxpr-theme-nav-mobile .dxpr-theme-header .navbar-header .navbar-brand{
	font-size: 1.2rem;

}
.region-sidebar-first a, 
.region-sidebar-second a{
   color: var(--dxpr-color-base);
}

.region-block-design .block-hr{
   display: none;
}

.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding:has(.name.navbar-brand){
	margin-bottom: 0;
}
.body--dxpr-theme-nav-mobile .wrap-branding:has(.name.navbar-brand){
	padding-top: 1rem;
	padding-bottom: 1rem;
}
.wrap-branding{
	display: flex;
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top .wrap-branding .logo,
.body--dxpr-theme-nav-mobile .dxpr-theme-header--top .wrap-branding .logo{
	padding-right: 0.9375rem;
	
}
.body--dxpr-theme-nav-desktop .dxpr-theme-header--top #logo,
.body--dxpr-theme-nav-mobile #logo{
	width: auto;
  height: 46px;
  padding-right: 0.9375rem;
  border-right: 1px solid;
}

/*** slideshow ***/
.region-highlighted .views-field-field-slideshow-image .field-content img{
    width: 100%;
}
/********************/

.body--dxpr-theme-nav-mobile .dxpr-theme-header .dxpr-theme-main-menu{
	border-bottom: 6px solid #990000;
}


.navbar-nav .bs-dropdown-wrapper > .nav-link:hover, 
.navbar-nav .bs-dropdown-wrapper > .nav-link:focus, 
.bs-dropdown-item-wrapper > .dropdown-item:hover, 
.bs-dropdown-item-wrapper > .dropdown-item:focus, 
.bs-dropdown-wrapper > .bs-dropdown-caret:hover, 
.bs-dropdown-wrapper > .bs-dropdown-caret:focus, 
.bs-dropdown-item-wrapper > .bs-dropdown-caret:hover, 
.bs-dropdown-item-wrapper > .bs-dropdown-caret:focus,
#navbar.dxpr-theme-header--hover-background .nav .active .bs-dropdown-wrapper > a{
	background-color: var(--dxt-setting-menu-hover-background);
}

#navbar.dxpr-theme-header--top .menu a,
#navbar.dxpr-theme-header--hover-background .menu a.is-active,
#navbar.dxpr-theme-header--top .dropdown-menu a:hover{
  color: #dddddd;
}

.wrap-containers{
	background: #0a0a0a;
}

/*** News *****/
.news-row{
    margin-bottom: 25px;
}
/******************/
/*** publications ***/
.publication-row{
    line-height: normal;
    margin-bottom: 20px;
}
.publication-row p{
    margin-bottom: 0;
}
/*******************/

/*** People ********/
.people-row {
    overflow: auto;
    *clear: both;
    margin-bottom: 30px;
}
.people-row .views-field-field-photo-media{
    float: left;
    margin-right: 25px;
}

.people-row .views-field-title h4{
	line-height: 1em;
	margin-bottom: 0;
}
.people-row .views-field-field-position{
	margin-bottom: 10px;
}
/*
.view-people img{
	width: 120px;
	height: 150px;
	object-fit: cover;
}
*/
/*******************/

body.path-frontpage h2.block-title{
    margin-top: 25px;
    margin-bottom: 0;
}
/*
#block-dxpr-theme-aboutus,
#block-dxpr-theme-research,
#block-dxpr-theme-views-block-news-block-1{
    float: left;
}
#block-dxpr-theme-aboutus,
#block-dxpr-theme-research,
#block-dxpr-theme-views-block-news-block-1{
    width: 30%;
    margin-right: 3%;
}
*/
a.button{
  color: white;
  border: 2px solid white;
  margin-bottom: 1rem;
}
a.button:hover{
  background: #900;
  border: 2px solid white;
  text-decoration: none;
}
.region-sidebar-first, 
.region-sidebar-second {
      color: inherit;
}
/*** content bottom ******/
.content-bottom-container{
    background: #101010
}
.content-bottom-container ul.nav li a{
   line-height: 0.9;
}
.content-bottom-container{
    padding-bottom: 20px;
}
/**************************/

.table{
	--bs-table-bg: var(--dxt-color-body);
	--bs-table-color-type: white;
	--bs-table-striped-color: white;
	--bs-table-striped-bg: #222;
	border-color: #373737;

}
.table.table-striped > tbody > tr:nth-of-type(2n+1) > *{
	color: white;
}

/***** Paragraphs ********/

.paragraph .field--name-field-heading h2{
	font-size: 2rem;
}
/*
.field--name-field-components .field__item{
	margin-bottom: 0;
}
*/
.field--name-field-components > .field__item{
	overflow: auto;
  margin-bottom: 30px;
}
.media--type-document .field__item{
    margin-bottom: 5px;
}
.paragraph--type--image-left .field--name-field-image{
    float: left;
    max-width: 575px;
    margin-right: 30px;
}

.paragraph--type--image-right .field--name-field-image{
    float: right;
    width: 575px;
    margin-left: 30px;
}
.paragraph--type--image-left .field--name-field-image img,
.paragraph--type--image-right .field--name-field-image img{
  width: 100%;
  padding: 3px;
  background: #aaa;
}

.paragraph--type--image-left .field--name-field-text{
    overflow: hidden; /* prevents text from flowing around the image */
    min-width: 30em;
}

.paragraph--type--photo-album .field--name-field-images .field__item{
	float: left;
	margin-right: 10px;
}
.paragraph--type--photo-album .field--name-field-media-image a.colorbox img{
	width: 220px;
  height: 220px;
  object-fit: cover;
  border: 1px solid;
}



/****************************/


/****** footer **************/
footer{
  *  border-top: 2px solid #cccccc;
}

.content-bottom-container {
   padding-top: 30px;
   padding-bottom: 35px;
}
/*****************************/
/***** Copyright block *******/
#block-dxpr-theme-harvardcopyright{
    text-align: center;
}
#block-dxpr-theme-harvardcopyright p{
    padding-bottom: 20px;
}

/********************************/

/***** ImageField Slideshow *******/

.imagefield_slideshow-wrapper{
	padding: 0 !important;
  margin: 0 !important;
  width: 100%;
  border: none !important;
}

.imagefield_slideshow-wrapper img{
	width: 100%;
	height: auto;
}
/*********************************/