/*
BMB CSS
*/

/* please, pardon the mess, this has been a work in progress over a decade */


/* ----- */



/* bmb columns */

.bmb-container {
  display: flex;
}

.bmb-column {
  flex: 1; /* grow */
  /* border: 1px solid;
  border-color: #eee; */
  padding: 25px;
}

@media (max-width: 768px) {
  .bmb-container {
    flex-direction: column;
  }
}


/* main page */

.bmb-newsbox {
 background-color: #f0f0f0;
 padding: 10px;
 overflow-y: auto;
 border-radius: 5px;
}


/* ---- "Focus on Research" ---- */
.focus-wrapper {

 /* position: relative to keep back/next buttons in place */
 position: relative;
 /* max-width: 1024px; */
 /* center image */
 /* margin-left: auto; */
 /* margin-right: auto; */
 /* reduce font size */
 font-size: medium;
 line-height: 1.5em;
}



/*** general bmb ***/


/* header hr, oct 2016 */
#hhr {
 width: 99%;
 margin: 5px auto 15px auto;
}


/* div backgrounds, oct 2016 */

div.grayback > div {
overflow: auto;
padding: 5px 5px 5px 10px;
border-radius: 5px 0px 0px 5px;
}

div.grayback > div:nth-of-type(odd) {
  background: #f1f1f1;
  background: linear-gradient(to right, #f1f1f1, #ffffff); /* standard */
}

.cleardiv {
 padding: 0px !important;
 clear: both;
 border-style: none;
 background: initial;
}

.fadeback {
 overflow: auto;
 border-radius: 5px;
 background: #e0e0e0; /* old browsers */
 background: linear-gradient(to bottom right, #ffffff, #e0e0e0); /* standard */
}

/* title backgrounds, july 2017 */

.titleback {
 overflow: auto;
 padding: 5px;
 border-radius: 5px;
 background: #f1f1f1;
 background: linear-gradient(to right, #f1f1f1, #ffffff); /* standard */
 font-size: large;
 font-weight: bold;
}

/* list backgrounds, apr 2017 */

.licolor li {
 margin: 10px 5px;
 padding-left: 2px;
}

.licolor li:nth-of-type(odd) {
 background: #f0f0f0; /* old browsers */
 background: linear-gradient(to right, #f0f0f0, #ffffff); /* standard */
}

/* normalize lists to offset larger lists for touchscreens, 2021-11-01 */
.normlist {
margin: -15px 0 25px 25px !important;
}
.normlist li {
font-size: inherit !important;
line-height: initial !important;
margin: 10px 5px !important;
}

/* ---------- */


/* people, faculty, directory, news, etc */

/* all valign and shrink if needed */
.bmb-face-small, .bmb-wide-small, .bmb-wide-small-right,
.bmb-face-small-right, .bmb-face, .bmb-face-right, .bmb-wide, .bmb-wide-right {
 vertical-align: top;
 width: 25%;
}

/* these float left */
.bmb-face-small, .bmb-wide-small, .bmb-face, .bmb-wide {
 float: left;
 margin: 5px 20px 5px 0px;
}

/* these float right */
.bmb-face-small-right, .bmb-wide-small-right, .bmb-face-right, .bmb-wide-right {
float: right;
margin: 5px 0px 5px 20px;
}

/* portrait */
.bmb-face-small, .bmb-face-small-right, .bmb-face, .bmb-face-right {
max-width: 150px;
min-width: 100px;
}

/* landscape */
.bmb-wide-small, .bmb-wide-small-right, .bmb-wide, .bmb-wide-right {
max-width: 250px;
min-width: 150px;
}

/* portrait */
.bmb-face, .bmb-face-right {
max-width: 250px;
min-width: 200px;
}

/* landscape */
.bmb-wide, .bmb-wide-right {
max-width: 350px;
min-width: 250px;
}


/* small tables, oct 2016 */
.smalltable {
 display: flex;
 align-items: center;
 justify-content: space-around;
 margin: 10px;
}

.smalltable > p {
 margin-bottom: initial !important;
}




/* --- faculty page --- */

.bmb-faculty {
 float: left;
 font-size: 90%;
 padding: 5px 20px 0px 5px;
 min-width: 100px;
 line-height: 1.5em;
}

.bmb-faculty img {
 max-width: 200px;
}

/* ------ */





/* --- giving page --- */

.bmbfancy {
 font-family: "Times New Roman", Georgia, Serif;
 font-size: 1.1em;
}

.bmbfancy p:first-child:first-letter
{
 float: left;
 color: #c00000;
 font-size: 4.5em;
 padding-top: 6px;
 padding-right: 4px;
 line-height: 55px; /* needed for some browsers */
}

.giving-column
{
 font-weight: bold;
}

.giving-box, .giving-column
{
 font-size: medium;
 line-height: 1.25em;
}

.give-column-right, .give-column-left, .give-column-center {
 width: 30%;
}

/* --- end giving page --- */


/* Display Posts plugin to lists posts for News, Events, etc. */


/* new directory listings, "dp-directory", 2022-08 */
div.display-posts-listing div.listing-item div.dp-directory
{
  width: 100%;
  display: inline-block;
}

/* apply third deep in directory */
div.grayback-directory > div > div {
  overflow: auto;
  padding: 5px 5px 5px 10px;
  border-radius: 5px 0px 0px 5px;
}

/* make third deep in directory gray */
div.grayback-directory > div > div:nth-of-type(odd) {
  background: #f1f1f1;
  background: linear-gradient(to right, #f1f1f1, #ffffff); /* standard */
}



/* custom block */
.display-posts-block {
 margin-bottom: 20px;
 padding: 5px 10px 10px 10px;
}

/* titles */
h2.display-posts-title {
 font-size: large;
 max-width: 500px;
 margin-bottom: initial;
 font-weight: bold;
 line-height: initial;
 border-bottom: 2px solid #ddd;
}

div.display-posts-listing .title {
 font-size: x-large;
 text-align: center;
 margin-bottom: 20px;
 display: block;
}

/* list items */
div.display-posts-listing div.listing-item div.dp-content  {
 width: 100%;
 margin-bottom: 20px;
 border-bottom: 1px solid #ddd;
 display: inline-block;
 padding: 10px 0; 
}


/* hide intrusive ads in Print Friendly */
#gaiframe { display: none !important; }
#copyright { display: none !important; }



/* ---------------- responsive ---------------- */

@media only screen and (max-width: 719px) { /* collapsed menu and mobile view */

/* giving page text */
.giving-box, .giving-column { font-size: small; }
/* faculty pages */
.bmb-faculty img {
 max-width: 150px;
}
.bmb-faculty {
 float: initial;
 text-align: center;
}



} /* end @media */




/* ----- print options, only use when printing ----- */

@media print {


body { background-color: #ffffff; }

#header { padding: 0px !important; }  /* bring the page up */

#header { background-color: #ffffff; } /* don't print header background */

#page { background: #ffffff; } /* background color */

div.group.pad.central-header-zone { padding: 10px !important; } /* reduce space around header logo */

#page { padding-bottom: 10px; } /* reduce white space after content */

.bmb-newsbox { background-color: initial; } /* news background color */

.container { padding: 0px; } /* reduce margins */

.pad { padding: 10px; }

.container-inner { box-shadow: none !important; } /* don't show outlines */

.sidebar { display: none; } /* hide the sidebar */

.container-inner>.main::after,.container-inner>.main::before { background-color: initial; } /* get rid of background color */

.sidebar .sidebar-toggle { background-color: initial; } /* get rid of background color */

.nav-container { display: none; } /* hide the top menu */


/* fill page with content */
.main-inner {
 padding-left: initial !important;
 padding-right: initial !important;
}

.footer-widget-1 { display: none; }

#footer-bottom { display: none; } /* footer */

#back-to-top { display: none !important; }

/* anything you don't want to print */
.noprint { display: none !important }

/* show links when printing */
.external a:after {
 content:" \a(URL: " attr(href) ") ";
 font-size: initial;
}


} /* end @media */






