h1,.alpha, 
h2,.beta,
h3,.gamma,
h4,.delta { color: #666; }

h1,.alpha, 
h2,.beta { font-weight: 700; }

.node-content h3 {
    color: #767676;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #ccc;
  margin: 1em 0;
  padding: 0;
}

img[style*="left"]  {margin-right:1em;} /* gives default margins to inline images */
img[style*="right"] {margin-left:1em;}



/*
------------------------------------------------------------------------------------------------------------------------------
	
    Layout - macro arrangement of a web page, including any grid systems.

------------------------------------------------------------------------------------------------------------------------------
*/

#nav-wrapper { border-bottom: 1px solid #eee; }

#columns { margin-top: 1.5em; }

.article,
.block { margin-bottom: .75em; }

.sidebar img { /* make images fill the sidebar if large enough */
	height: auto !important;
	max-width: 100% !important;
}

#content-wrapper-alpha,
#content-wrapper-beta,
#content-wrapper-gamma { background: #eee; }

#footer { padding: 1em 0; }


/*
------------------------------------------------------------------------------------------------------------------------------
	
    Component - discrete, reusable UI elements.

------------------------------------------------------------------------------------------------------------------------------
*/



/* 
 * Main Navigation 
 *
 * Usage: On system-generated Main menu block, classed with "navigation" via Block Class module
 *
 */ 

.navigation { margin-bottom: 0; }

.navigation .menu { 
  padding: 0; 
  margin: 0;
}

.navigation .menu li {
  display: inline;
  float: left;
  list-style: none;
  margin: 0;
  padding: 0;
}

.navigation .menu a {
  display: block;
  white-space: nowrap;
  padding: 1em 1.5em .5em;
  border-bottom: 2px solid transparent;
	color: black;
}

.navigation .menu a:hover,
.navigation .menu a.active { 
  color: #881c1c; 
  text-decoration: none; 
  border-bottom: 2px solid #881c1c;
}

.navigation .menu a:hover,
.navigation .menu a.active,
.navigation .menu li a.active-trail { color: #5d2a2c; }

.navigation .menu li a.active-trail { border-bottom-color: #5d2a2c; }

.navigation .expanded ul { display: none; }


/* 
 * Print Links 
 *
 * Usage: On links generated by Print module
 *
 */ 

.print_html,
.print_mail { 
  float: right; 
  margin-left: 0;
}

.fa-print,
.fa-envelope-o { 
  color: #999; 
  font-size: 1.3em;
}

a.print-mail, a.print-page {
    text-decoration: none;
}

/* 
 * Responsive Calendar
 *
 * Usage: on month view of Calendar module, with markup from custom calendar-month-col.tpl.php
 *
 */

@media all and (max-width: 768px) {

  /* Force table to not be like tables anymore */
  .calendar-calendar table,
  .calendar-calendar tbody,
  .calendar-calendar th,
  .calendar-calendar td,
  .calendar-calendar tr  { 
	display: block; 
  }
  /* Hide table headers (but not display: none;, for accessibility) */
  .calendar-calendar thead,
  .calendar-calendar thead tr,
  .calendar-calendar tr.date-box { 
	position: absolute;
	top: -9999px;
	left: -9999px;
  }
  .calendar-calendar tr td.no-entry  { 
	border-bottom: 1px solid #ccc; 
  }
  .calendar-calendar td:before{   /* Format & Label the day headings */
	/* Now like a table header */
	width: 100%;  
	white-space: nowrap;
	clear: both;
	text-align: center;
	display: block;
	box-sizing: border-box;
	color: #ffffff;
	background-color: #881c1c;
	padding: 10px;
	content: attr(data-label); 
	height: 44px;
  }
  .calendar-calendar td.today,
  .calendar-calendar .month-view .full tr td.single-day.today{
    border-top: 2px solid #0074ab;
	-webkit-box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.25);
    box-shadow: 0px 1px 4px 1px rgba(0, 0, 0, 0.25);
  }
  .calendar-calendar .month-view .full td{
    padding: 0;
  }
  .calendar-calendar td,
  .calendar-calendar td.calendar-agenda-items  { 
	/* Behave  like a "row" */
	border: none;
	position: relative;
	width: 100%;
  }
  .calendar-calendar td.no-entry,
  .calendar-calendar td.empty {
    display: none;
  }
  .calendar-calendar td.calendar-agenda-items div.calendar{
    padding: 0;
  }
  .calendar-calendar div.calendar,
  .calendar-calendar .date-display-single,
  .calendar-calendar td span.date-display-single  {
    font-size: medium;
	font-weight: normal;
  }
  .calendar-calendar .inner .item{
    padding: 10px;
  }
  .calendar-calendar .month-view .full tr.single-day .no-entry{
    height: 44px !important;
	line-height: 24px;
  }
  .calendar-calendar .month-view .full tr.single-day .no-entry .inner,
  .calendar-calendar .no-entry .inner{
    height: auto !important;
	line-height: 1px;
  }
  .calendar-calendar .inner .views-field-title-field{
    display: inline-block;
  }
}

/*
------------------------------------------------------------------------------------------------------------------------------
	
    State - styles that deal with client-side changes to components.

------------------------------------------------------------------------------------------------------------------------------
*/



/*
------------------------------------------------------------------------------------------------------------------------------
	
    Theme - purely visual styling ("look-and-feel") for a component.

------------------------------------------------------------------------------------------------------------------------------
*/

/* Site Name */

#site-name {
  font-size: 3em;
  padding: 0.5em 0 .25em; 
  margin: 0;
	font-weight: 700;
}

#site-name a:hover { text-decoration: none; }

#footer-wrapper { background: #333; }

#footer h2, #footer p { color: #ccc; }

/* Responsive Menus */

.responsive-menus.responsified .responsive-menus-simple li a { text-transform: capitalize; }


/* Flexslider */

.flexslider {
	border: none;
	box-shadow: none;
	margin: 0;
}

.flexslider ul.slides { padding: 0; }

.flexslider .slides li { margin: 0; }

.flexslider .slides img { 
  border: none; 
  padding: 0;
}

.flex-direction-nav a:link,
.flex-direction-nav a:visited {
  color: white;
  opacity: .1;
  border: none;
  text-shadow: none;
}

.flexslider .flex-caption { 
	background-color: rgba(136, 28, 28, 0.7);	
	text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
	padding: 1%;
	position: absolute;
	bottom: 5%;
	right: 5%;
	width: 35%;
	color: white;
	font-size: .9em;
}

.flexslider .flex-caption.Left { 
	right: inherit;
	left: 5%;
}

.flexslider .flex-caption h2 {
	color: white; 
	margin-bottom: 0; 
	font-size: 1.4em; 
	text-decoration: none;
}

.flexslider .flex-caption p { margin: .5em 0; }

.flexslider .flex-caption a:link,
.flexslider .flex-caption a:visited { 
	font-weight: bold; 
	color: white;
}

/* Flexslider (full-width) */

.front #featured-content-wrapper .container { max-width: 100%; }

.front #featured-content-wrapper .block,
.front #featured-content-wrapper .block-inner { margin: 0; }

.flexslider .flex-caption { 
  background-color: #881c1c;
  opacity: .9;
  font-size: larger;
}

.flex-direction-nav a {
    line-height: 2.5em;
}

/* Menu Blocks */

.block-menu-block ul { 
  padding: 0; 
  margin: 0;
}

.block-menu-block ul li { 
  list-style: none; 
  border-bottom: 1px solid #ccc;
  padding: .5em 0;
}

.block-menu-block li a { display: block; }

.block-menu-block li.last  { border: none; }

.block-menu-block a.active-trail.active { font-weight: bold; } 
.block-menu-block a.active-trail:hover {text-decoration: none;}


/* Social Media */

.socialmedia ul { 
  padding: 1em 0;
}
 
.socialmedia ul li {
 list-style-type: none;
 float: left;
 padding-right: .5em;
}
 
.socialmedia li a {
  border-radius: 5px; 
	font-size: 2em;
  line-height: 1;
}

.fa-facebook-square,
.fa-facebook { color: #3B5998; } 

.fa-twitter-square,
.fa-twitter { color: #00A0D1; }

.fa-linkedin-square,
.fa-linkedin { color: #4875B4; } 

.fa-pinterest-square,
.fa-pinterest { color: #910101; }

.fa-youtube-play { color: #C4302B; } 

.fa-instagram { color: #4B85B7; }


#footer a, #footer p {
    color: white;
}


/* Links */

/* .article .node-content a:link,
.article .field-item a:link { text-decoration: underline; } */

/* Lists */

ol, 
ul { 
  padding: 0 0 0 1.5rem; 
  margin-bottom: .75rem;
}

p + ul {  margin-bottom: 1.5rem; }

.article ul li,
.field-content ul li,
.sidebar .block-block ul li,
.sidebar .block-ds-extras ul li { margin-bottom: .325rem; }

/* Nested Lists */

ul li ul li {}

ol li ol li { list-style: upper-alpha; }
ol li ol li ol li { list-style: lower-roman; }
ol li ol li ol li ol li { list-style: lower-alpha; }

/* Sub navigation */

.subnavigation h2.block-title { background: #881c1c; }

.subnavigation ul { 
  padding: 0; 
  margin: 0;
}

.subnavigation ul li { 
  list-style: none; 
  border-bottom: 1px solid #ccc;
  padding: .5em 0;
}

.subnavigation li a { display: block; }

.subnavigation li.last  { border: none; }

.subnavigation a.active-trail.active { font-weight: bold; } 
.subnavigation a.active-trail:hover {text-decoration: none;}

.subnavigation .block-title a:not(.active):before { /* only add backlink caret to block title links that aren't active */
  font-family: FontAwesome;
  content: "\f0d9"; 
  margin-right: .5em;
  opacity: .5;

}

.subnavigation .block-content { padding: 0 !important; }

.subnavigation .block-content > ul,
.subnavigation .menu-block-wrapper > ul { margin: .75em 0; }

.subnavigation ul li {
  margin: 0;
  border-bottom: none;
  padding: 0;
}

.subnavigation li a { 
  line-height: 1.2; 
  padding: .5em 15px; 
  border-left: 2px solid transparent; /* keeps links from shifting on hover */
}

.subnavigation li a:hover,
.subnavigation li a.active-trail,
.subnavigation li a.active { border-left: 2px solid #c69214; }

.subnavigation li a.active-trail,
.subnavigation li a.active { 
  font-weight: bold;
  color: black;
}

.subnavigation li.collapsed > a,
.subnavigation li.expanded > a { margin-right: 15px; } /* make room for caret */

.subnavigation li.collapsed > a:after,
.subnavigation li.expanded > a:after  {
  content: "\f0da";
  font-family: FontAwesome;
  float: right;
  color: #c69214;
  margin-right: -15px; /* pull caret right into available space */
}

.subnavigation li.expanded > a:after { content: "\f0d7"; }

.subnavigation ul ul a { padding-left: 30px; } /* padding anchor to keep border at left */

/* Tables */

.block-region-content table { 
  width: 100%; 
  margin: 1em 0;
  border-color: #ccc;
  font-size: .9em;
}

.block-region-content table caption {
  text-align: left;
  font-weight: bold;
  font-size: 1.4em;
  margin-bottom: .5em;
}

.block-region-content th { 
  background: #c69214; 
  color: white;
}

.field tr,
.block-region-content tr.even { background: #f6f6f6; }

.field tr:nth-child(odd),
.block-region-content tr.odd { background: #fefefe; }

.block-region-content td,
.block-region-content th { 
  padding: .2em .5em; 
  border-bottom: none;
}

.block-region-content table .views-field-title { width: 33%; }

.block-region-content table .views-field-field-short-title { width: 40%; }

.block-region-content table .views-field-field-position-title { width: 40%; }

.block-region-content table .views-field-field-description { width: 60%; }

.block-region-content table .views-field-field-phone-number { text-align: right; }

.block-region-content table .views-field-field-description a { 
  display: block;
  padding-top: .5em;
}

.block-region-content table .fa {
  margin-left: .5em;
  color: #aaa;
  text-shadow: 1px 1px 1px white; 
}

.node-accordion-page td { 
  border: 1px solid gainsboro; 
  text-align: center;
}

.node-accordion-page tr > td:first-of-type { text-align: left; }

/* Nodes */

.node-content img, .view-content img {
  border: none;
  padding: 0;
}

.label-inline { display: inline; }

/* Material Design */

.material {
  display: inline-block;
  background: white;
  border-radius: 2px;
}

.card {
  display: block;
  margin: 0 15px 1em; 
  box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2); 
  overflow: hidden; /* need this for images that are a little too big */
}   

.flat { 
  box-shadow: none; 
  /* margin: 0; */
}

.card .block-inner,
.card .block-title { margin: 0; }

.card .block-title {
    background: #c69214 none repeat scroll 0 0;
    color: #222;
    padding: 15px;
}

.card .block-title a { color: white; }

.card .block-content { padding: 15px; }

.card .card-image { margin: -15px -15px 0; }

.panel { box-shadow: 0 4px 5px 0 rgba(0, 0, 0, 0.14), 0 1px 10px 0 rgba(0, 0, 0, 0.12), 0 2px 4px -1px rgba(0, 0, 0, 0.4); }

.card.maroon .block-title {
    background: #881c1c none repeat scroll 0 0;
    color: #fff;
    font-size: 1.35em;
    /* margin-right: 0.5em; */
    padding: 12px;
}

/* Search Box Styles */

#search-block-form input {
    font-family: open sans;
    font-size: 16px;
}

/* Search */

.block-search .block-inner { background: #c69214; } 

.block-search  .block-content { padding: 0 !important; }

.views-exposed-form .block-search .views-exposed-widgets { margin-bottom: 0; }

.views-exposed-form .block-search .views-exposed-widget { 
  padding: 0; 
  float: none;
}

.views-exposed-form .block-search .views-exposed-widget .form-submit { margin: 0; }

.block-search input[type="submit"],
.block-search .views-exposed-widget input[type="submit"] {
  background: #c69214 url("../../umass_core/css/images/search.svg") no-repeat center / contain;
  height: 38px;
  width: 20%;
  text-indent: -9999px;
  box-shadow: none;
  float: right;
  border: none;
}

.block-search input[type="search"],
.views-exposed-widget .block-search input[type="text"] {
  float: left;
  height: 38px;
  padding: 0 0 0 .5em;
  width: 75%;
  border-radius: 0;
  border: 1px solid #c69214;
}

.views-exposed-widget .block-search input[type="text"] { height: 38px; }

.search-info .block-search { display: none; }

.front .views-field-title::after {
    content: "\f105 \f105";
    font-family: FontAwesome;
    color: #aaa;
}

.front .view-events a {
    text-decoration: none;
}

.front .region-sidebar-first {
    font-size: 0.9em;
}

.front .views-row {
    border-bottom: 1px solid #eee;
    margin-bottom: 0.75em;
    padding-bottom: 0.25em;
}

.front .views-row.views-row-last {
    border: medium none;
}

/* a:hover, a.active:hover, a:focus, a.active:focus {
    color: #666;
} */

/* Temporary selector to color links and images from old site  */

a[href*="psych.umass.edu/"] { background: yellow; }
img[src*="psych.umass.edu/"] { outline: 3px solid #df2d00; }


/* People Page Custom Styles */

[class*="col-"] {
  font-size: 0.9em;
  padding: 10px 6px;
}
.view-people .views-exposed-widget.views-widget-filter-combine, .view-phd-degrees .views-exposed-widget.views-widget-filter-combine {
    float: none;
}
/* .view-people .views-submit-button, .view-phd-degrees .views-submit-button {
    clear: both;
} */
.views-exposed-widgets.clearfix {
    padding-bottom: 2em;
}
.view-people h2 .username {
    font-size: 0.9em;
}
.section-people figure.field-item {
    float: left;
    margin: 0.5em 1em 1em 0;
}

/* User Page Custom Styles */

.page-user .field-name-field-highest-degree-earned {
    margin-bottom: 0.5em;
}
.page-user figure.field-item {
    margin: 0 1em 0.25em 0;
}
.page-user .field-name-field-preferred-email::after {
    clear: both;
    content: "";
    display: block;
}
.page-user .field-name-field-person-title {
    color: #666666;
    font-size: 1.125em;
    font-weight: bold;
    line-height: 1;
    margin: 0.65em 0 0;
}

/* User Page Custom Styles */

section h2.field-label {
    font-size: 1.125em;
    margin: 0.65em 0 0;
}
.field-group-htabs-wrapper {
    margin-top: 2em;
}
div.horizontal-tabs {
    border: medium none;
}
.horizontal-tabs ul.horizontal-tabs-list {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 1px solid #ccc;
    border-right: 0 none;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}
.horizontal-tabs ul.horizontal-tabs-list strong {
    color: #881c1c;
    font-size: 1.125em;
    /* text-decoration: underline; */
}
.horizontal-tabs ul.horizontal-tabs-list li a:hover {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
}
.horizontal-tabs ul.horizontal-tabs-list .selected strong{
  text-decoration: none;
}
.horizontal-tabs ul.horizontal-tabs-list li.selected {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #881c1c;
    padding: 0;
}
.horizontal-tabs ul.horizontal-tabs-list li {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border: none;
    padding: 0;
}
.horizontal-tabs ul.horizontal-tabs-list li:hover, .horizontal-tabs ul.horizontal-tabs-list li:focus {
    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
    border-bottom: 2px solid #881c1c;
}
.horizontal-tabs ul.horizontal-tabs-list strong:hover, .horizontal-tabs ul.horizontal-tabs-list strong:active, .horizontal-tabs ul.horizontal-tabs-list strong:focus {
    color: #000;
}

/* News Page Custom Styles */

.date-display-single {
    color: #666;
    display: block;
    font-size: 0.85em;
    margin-bottom: 1em;
}
.node-news-item .node-title {
    margin-bottom: 0;
}
/* article.node-news-item:before {
  content : "";
  position: absolute;
  left    : 20%;
  bottom  : 0;
  height  : 1px;
  width   : 60%;
  border-bottom:1px solid #dedede;
}
.views-row-last article.node-news-item::before {
    border: medium none;
} */
.view-news .views-row {
    margin-bottom: 1em;
}
.view-news article.node-news-item, .view-events article.node-event {
    background: rgba(172, 163, 154, 0.067) none repeat scroll 0 0;
    border: 1px solid rgba(198, 146, 20, 0.25);
    color: #222;
    padding-bottom: 0.5em;
}
.view-news .node-header, .view-events .node-header {
    padding: 0.5em;
}
.view-news .node-title a, .view-events .node-title a {
    font-size: 1.4rem;
    text-decoration: underline;
}
.view-news article.node-news-item .node-content, .view-events article.node-event .node-content {
  padding: 0.5em;
}

/* Events Page Custom Styles */

.view-events .field-label, .node-event .field-label {
    line-height: 1.25em;
    margin: 0 0 1em;
}
.view-events nav {
    padding-bottom: 1.5em;
}

/* Laboratories Page Custom Styles */

.page-research .views-row.article {
    background: rgba(172, 163, 154, 0.067) none repeat scroll 0 0;
    border: 1px solid rgba(198, 146, 20, 0.25);
    color: #222222;
    padding: 0.5em;
}
.page-research .views-field-field-laboratory-1, .page-research .views-field-field-brief-lab-bio {
    margin-bottom: 1em;
}

/* Grad Student Page Custom Styles */

.field-name-field-graduation-date .date-display-single {
    font-size: 1em;
    margin: 0.65em 0 0;
}
.field-name-field-graduation-date .date-display-single::before {
    content: "Graduation Date: ";
    font-size: 1.125em;
    font-weight: bold;
}